@progress/kendo-angular-dropdowns 11.0.0-develop.99 → 11.0.0

package/fesm2020/progress-kendo-angular-dropdowns.mjs

@@ -32,8 +32,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1673466933,
-    version: '',
+    publishDate: 1674032408,
+    version: '11.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -8086,31 +8086,6 @@ class MultiSelectComponent {
     get isLoading() {
         return this.loading;
     }
-    /**
-     * @hidden
-     */
-    handleKeyboardEvent(event) {
-        if (this.isFocused && this.isOpen && (event.ctrlKey || event.metaKey) && event.keyCode === Keys.KeyA) {
-            event.preventDefault();
-            this.handleSelectAll();
-        }
-    }
-    /**
-     * @hidden
-     */
-    hostMousedown(event) {
-        const inputElement = this.searchbar.input.nativeElement;
-        if (event.button === 0) {
-            if (this.isFocused && this.isOpen && event.target === inputElement) {
-                return;
-            }
-            if (!this.touchEnabled || (this.touchEnabled && event.target.tagName !== 'SPAN')) {
-                this.searchbar.focus();
-            }
-            this.togglePopup(!this.isOpen);
-            event.preventDefault();
-        }
-    }
     get listContainerClasses() {
         const containerClasses = ['k-list-container', 'k-reset'];
         if (this.popupSettings.popupClass) {
@@ -8409,6 +8384,8 @@ class MultiSelectComponent {
     }
     ngAfterViewInit() {
         this.searchbar.setInputSize();
+        this.observableSubscriptions.add(this.renderer.listen(this.wrapper.nativeElement, 'mousedown', this.handleMousedown.bind(this)));
+        this.observableSubscriptions.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
     }
     ngOnDestroy() {
         this._toggle(false);
@@ -8673,6 +8650,30 @@ class MultiSelectComponent {
             this.clearFilter();
         }
     }
+    handleMousedown(event) {
+        const inputElement = this.searchbar.input.nativeElement;
+        if (event.button === 0) {
+            if (this.isFocused && this.isOpen && event.target === inputElement) {
+                return;
+            }
+            if (!this.touchEnabled || (this.touchEnabled && event.target.tagName !== 'SPAN')) {
+                this.searchbar.focus();
+            }
+            // The check is needed otherwise when appended to the component, the popup reopens on click
+            // https://github.com/telerik/kendo-angular/issues/3738
+            if ((this.popupRef && this.popupRef.popupElement.contains(event.target))) {
+                return;
+            }
+            event.preventDefault();
+            this.togglePopup(!this.isOpen);
+        }
+    }
+    handleKeydown(event) {
+        if (this.isFocused && this.isOpen && (event.ctrlKey || event.metaKey) && event.keyCode === Keys.KeyA) {
+            event.preventDefault();
+            this.handleSelectAll();
+        }
+    }
     handleEnter(event) {
         const service = this.selectionService;
         const focusedIndex = this.selectionService.focused;
@@ -8987,7 +8988,7 @@ class MultiSelectComponent {
     }
 }
 MultiSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: MultiSelectComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.PopupService }, { token: DataService }, { token: SelectionService }, { token: NavigationService }, { token: DisabledItemsService }, { token: i0.ChangeDetectorRef }, { token: i0.KeyValueDiffers }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MultiSelectComponent, selector: "kendo-multiselect", inputs: { focusableId: "focusableId", autoClose: "autoClose", loading: "loading", data: "data", value: "value", valueField: "valueField", textField: "textField", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", placeholder: "placeholder", disabled: "disabled", itemDisabled: "itemDisabled", checkboxes: "checkboxes", readonly: "readonly", filterable: "filterable", virtual: "virtual", popupSettings: "popupSettings", listHeight: "listHeight", valuePrimitive: "valuePrimitive", clearButton: "clearButton", tagMapper: "tagMapper", allowCustom: "allowCustom", valueNormalizer: "valueNormalizer" }, outputs: { filterChange: "filterChange", valueChange: "valueChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", removeTag: "removeTag" }, host: { listeners: { "keydown": "handleKeyboardEvent($event)", "mousedown": "hostMousedown($event)" }, properties: { "class.k-multiselect": "this.hostClasses", "class.k-input": "this.hostClasses", "attr.dir": "this.dir", "class.k-disabled": "this.disabledClass", "class.k-loading": "this.isLoading" } }, providers: [
+MultiSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: MultiSelectComponent, selector: "kendo-multiselect", inputs: { focusableId: "focusableId", autoClose: "autoClose", loading: "loading", data: "data", value: "value", valueField: "valueField", textField: "textField", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", placeholder: "placeholder", disabled: "disabled", itemDisabled: "itemDisabled", checkboxes: "checkboxes", readonly: "readonly", filterable: "filterable", virtual: "virtual", popupSettings: "popupSettings", listHeight: "listHeight", valuePrimitive: "valuePrimitive", clearButton: "clearButton", tagMapper: "tagMapper", allowCustom: "allowCustom", valueNormalizer: "valueNormalizer" }, outputs: { filterChange: "filterChange", valueChange: "valueChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", removeTag: "removeTag" }, host: { properties: { "class.k-multiselect": "this.hostClasses", "class.k-input": "this.hostClasses", "attr.dir": "this.dir", "class.k-disabled": "this.disabledClass", "class.k-loading": "this.isLoading" } }, providers: [
         MULTISELECT_VALUE_ACCESSOR,
         DataService,
         SelectionService,
@@ -9446,12 +9447,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             }], isLoading: [{
                 type: HostBinding,
                 args: ['class.k-loading']
-            }], handleKeyboardEvent: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
-            }], hostMousedown: [{
-                type: HostListener,
-                args: ['mousedown', ['$event']]
             }] } });
 
 /**
@@ -10402,7 +10397,7 @@ class DropDownTreeComponent {
          */
         this.itemDisabled = itemDisabled$1;
         /**
-         * A callback which determines whether a tree node should be rendered as hidden. The utility .k-display-none class is used to hide the nodes.
+         * A callback which determines whether a tree node should be rendered as hidden. The utility .k-hidden class is used to hide the nodes.
          * Useful for custom filtering implementations.
          */
         this.isNodeVisible = isNodeVisible$1;
@@ -10496,27 +10491,6 @@ class DropDownTreeComponent {
     get isReadonly() {
         return this.readonly ? '' : null;
     }
-    /**
-     * @hidden
-     */
-    handleClick() {
-        this.togglePopup(!this.isOpen);
-    }
-    /**
-     * @hidden
-     */
-    handleKeydown(event) {
-        if (this.disabled || this.readonly) {
-            return;
-        }
-        if (isLetter(event.key)) {
-            this.printableCharacters.next(event.key);
-        }
-        const eventData = event;
-        this.navigationService.process({
-            originalEvent: eventData
-        });
-    }
     set treeview(treeview) {
         if (treeview) {
             if (this.isFocused && !this.filterable || this.touchEnabled) {
@@ -10687,6 +10661,9 @@ class DropDownTreeComponent {
             return 'visible';
         }
     }
+    get isFilterActive() {
+        return this.filterInput && document.activeElement === this.filterInput.nativeElement;
+    }
     /**
      * @hidden
      *
@@ -10767,8 +10744,6 @@ class DropDownTreeComponent {
                 return node.text.toLowerCase().indexOf(this._typedValue) === 0;
             });
             this.treeview.focus(itemToFocus?.index);
-            const htmlItem = document.querySelector(`kendo-popup[id='${this._popupId}'] li.k-treeview-item[data-treeindex='${itemToFocus?.index}']`);
-            htmlItem?.scrollIntoView();
         }), debounceTime(1000)).subscribe(() => {
             this._typedValue = '';
         }));
@@ -10802,6 +10777,10 @@ class DropDownTreeComponent {
     ngAfterContentChecked() {
         this.verifySettings();
     }
+    ngAfterViewInit() {
+        this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'click', this.handleClick.bind(this)));
+        this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
+    }
     /**
      * @hidden
      *
@@ -10857,17 +10836,29 @@ class DropDownTreeComponent {
             return;
         }
         this.isFocused = false;
+        this.togglePopup(false);
         if (hasObservers(this.onBlur) ||
             isUntouched(this.wrapper.nativeElement)) {
             this._zone.run(() => {
-                this.togglePopup(false);
                 this.onBlur.emit();
                 this.onTouchedCallback();
             });
         }
-        else {
-            this.togglePopup(false);
+    }
+    /**
+     * @hidden
+     */
+    handleKeydown(event) {
+        if (this.disabled || this.readonly) {
+            return;
+        }
+        if (!this.isFilterActive && isLetter(event.key)) {
+            this.printableCharacters.next(event.key);
         }
+        const eventData = event;
+        this.navigationService.process({
+            originalEvent: eventData
+        });
     }
     /**
      * Focuses a specific item of the DropDownTree based on a provided index in the format of `1_1`.
@@ -11160,6 +11151,14 @@ class DropDownTreeComponent {
             }
         }
     }
+    handleClick(e) {
+        // The check is needed otherwise when appended to the component, the popup reopens on click
+        // https://github.com/telerik/kendo-angular/issues/3738        
+        if ((this.popupRef && !this.popupRef.popupElement.contains(e.target))
+            || (!this.popupRef && !e.target.className.includes('k-treeview-leaf'))) {
+            this.togglePopup(!this.isOpen);
+        }
+    }
     handleEscape() {
         this.togglePopup(false);
         this.focus();
@@ -11193,10 +11192,25 @@ class DropDownTreeComponent {
             }),
             this.navigationService.enter
                 .pipe(tap((event) => event.originalEvent.preventDefault()))
-                .subscribe(() => this.togglePopup(true)),
+                .subscribe((e) => {
+                // The check is needed otherwise when appended to the component, the popup reopens on click
+                // https://github.com/telerik/kendo-angular/issues/3738     
+                if (e.originalEvent.target === this.wrapper.nativeElement) {
+                    this.togglePopup(true);
+                }
+                if (!this.isOpen) {
+                    this.focus();
+                }
+            }),
             this.navigationService.esc
                 .subscribe(() => this.handleEscape()),
-            this.navigationService.tab.subscribe(() => this.focus()),
+            this.navigationService.tab.subscribe(() => {
+                this.focus();
+                if (this.isOpen) {
+                    this.treeview.blur();
+                    this.removeTreeViewFromTabOrder();
+                }
+            }),
             this.navigationService.down.subscribe((event) => {
                 if (!this.treeview) {
                     return;
@@ -11284,9 +11298,22 @@ class DropDownTreeComponent {
             this.renderer.addClass(this.wrapper.nativeElement, getFillModeClass('picker', this.fillMode));
         }
     }
+    /**
+     * Remove the `TreeView` from the tab order, otherwise a focus loop between the page elements will occur
+     * and the user will not be able to tab to the rest of the browser elements
+     */
+    removeTreeViewFromTabOrder() {
+        const nodes = this.treeview.element.nativeElement.querySelectorAll('li');
+        nodes.forEach(item => {
+            if (item.getAttribute('tabindex') === '0') {
+                this.lastNodeOnFocus = item;
+                this.lastNodeOnFocus.setAttribute('tabindex', '-1');
+            }
+        });
+    }
 }
 DropDownTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", 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: [
+DropDownTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: { 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,
@@ -11701,12 +11728,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             }], isReadonly: [{
                 type: HostBinding,
                 args: ['attr.readonly']
-            }], handleClick: [{
-                type: HostListener,
-                args: ['click']
-            }], handleKeydown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
             }], noDataTemplate: [{
                 type: ContentChild,
                 args: [NoDataTemplateDirective, { static: false }]
@@ -12344,7 +12365,7 @@ class MultiSelectTreeComponent {
          */
         this.fetchChildren = fetchChildren;
         /**
-         * A callback which determines whether a tree node should be rendered as hidden. The utility .k-display-none class is used to hide the nodes.
+         * A callback which determines whether a tree node should be rendered as hidden. The utility .k-hidden class is used to hide the nodes.
          * Useful for custom filtering implementations.
          */
         this.isNodeVisible = isNodeVisible;
@@ -12491,12 +12512,6 @@ class MultiSelectTreeComponent {
         const ngControl = this.injector.get(NgControl, null);
         return ngControl?.control || null;
     }
-    /**
-     * @hidden
-     */
-    handleClick() {
-        this.togglePopup(!this.isOpen);
-    }
     /**
      * @hidden
      */
@@ -12509,7 +12524,7 @@ class MultiSelectTreeComponent {
         if (this.disabled || this.readonly) {
             return;
         }
-        if (isLetter(event.key)) {
+        if (!this.isFilterActive && isLetter(event.key)) {
             this.printableCharacters.next(event.key);
         }
         const eventData = event;
@@ -12848,8 +12863,6 @@ class MultiSelectTreeComponent {
                 return node.text.toLowerCase().indexOf(this._typedValue) === 0;
             });
             this.treeview.focus(itemToFocus?.index);
-            const htmlItem = document.querySelector(`kendo-popup[id='${this._popupId}'] li.k-treeview-item[data-treeindex='${itemToFocus?.index}']`);
-            htmlItem?.scrollIntoView();
         }), debounceTime(1000)).subscribe(() => {
             this._typedValue = '';
         }));
@@ -12862,6 +12875,10 @@ class MultiSelectTreeComponent {
         }));
         this.setComponentClasses();
     }
+    ngAfterViewInit() {
+        this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'click', this.handleClick.bind(this)));
+        this.subs.add(this.renderer.listen(this.wrapper.nativeElement, 'keydown', this.handleKeydown.bind(this)));
+    }
     /**
      * @hidden
      */
@@ -13288,6 +13305,14 @@ class MultiSelectTreeComponent {
             }
         }
     }
+    handleClick(e) {
+        // The check is needed otherwise when appended to the component, the popup reopens on click
+        // https://github.com/telerik/kendo-angular/issues/3738
+        if ((this.popupRef && this.popupRef.popupElement.contains(e.target))) {
+            return;
+        }
+        this.togglePopup(!this.isOpen);
+    }
     subscribeEvents() {
         [
             this.navigationService.open.subscribe((event) => {
@@ -13555,7 +13580,7 @@ class MultiSelectTreeComponent {
     }
 }
 MultiSelectTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", 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: "13.3.11", 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: [
+MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: { 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,
@@ -14041,12 +14066,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             }], ariaActiveDescendant: [{
                 type: HostBinding,
                 args: ['attr.aria-activedescendant']
-            }], handleClick: [{
-                type: HostListener,
-                args: ['click']
-            }], handleKeydown: [{
-                type: HostListener,
-                args: ['keydown', ['$event']]
             }], headerTemplate: [{
                 type: ContentChild,
                 args: [HeaderTemplateDirective, { static: false }]

package/multiselect/multiselect.component.d.ts

@@ -389,14 +389,6 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     get dir(): string;
     get disabledClass(): boolean;
     get isLoading(): boolean;
-    /**
-     * @hidden
-     */
-    handleKeyboardEvent(event: KeyboardEvent): void;
-    /**
-     * @hidden
-     */
-    hostMousedown(event: any): void;
     disabledIndices: Set<number>;
     private initialized;
     private _size;
@@ -538,6 +530,8 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     private disabledItemsMapper;
     private createCustomValueStream;
     private handleItemChange;
+    private handleMousedown;
+    private handleKeydown;
     private handleEnter;
     private handleClose;
     private handleEnd;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "11.0.0-develop.99",
+  "version": "11.0.0",
   "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",
@@ -23,19 +23,19 @@
     "@angular/common": "13 - 15",
     "@angular/core": "13 - 15",
     "@angular/platform-browser": "13 - 15",
-    "@progress/kendo-common": "^0.2.1",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "11.0.0-develop.99",
-    "@progress/kendo-angular-l10n": "11.0.0-develop.99",
-    "@progress/kendo-angular-popup": "11.0.0-develop.99",
-    "@progress/kendo-angular-icons": "11.0.0-develop.99",
-    "@progress/kendo-angular-schematics": "11.0.0-develop.99",
-    "@progress/kendo-angular-treeview": "11.0.0-develop.99",
+    "@progress/kendo-angular-common": "11.0.0",
+    "@progress/kendo-angular-l10n": "11.0.0",
+    "@progress/kendo-angular-popup": "11.0.0",
+    "@progress/kendo-angular-icons": "11.0.0",
+    "@progress/kendo-angular-treeview": "11.0.0",
     "rxjs": "^6.5.3 || ^7.0.0",
-    "@progress/kendo-angular-label": "11.0.0-develop.99"
+    "@progress/kendo-angular-label": "11.0.0"
   },
   "dependencies": {
-    "tslib": "^2.3.1"
+    "tslib": "^2.3.1",
+    "@progress/kendo-angular-schematics": "11.0.0",
+    "@progress/kendo-common": "^0.2.1"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2015/progress-kendo-angular-dropdowns.mjs",

package/schematics/ngAdd/index.js

@@ -4,12 +4,12 @@ const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
     const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DropDownsModule', package: 'dropdowns', peerDependencies: {
             // peers of the treeview
-            "@progress/kendo-angular-inputs": "^9.0.0",
+            '@progress/kendo-angular-inputs': '11.0.0',
             // peers of inputs
-            "@progress/kendo-angular-intl": "^4.0.0",
-            "@progress/kendo-drawing": "^1.9.3",
+            '@progress/kendo-angular-intl': '11.0.0',
+            '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
-            "@progress/kendo-svg-icons": "^1.0.0"
+            '@progress/kendo-svg-icons': '^1.0.0'
         } });
     return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
 }