@progress/kendo-angular-dropdowns 12.0.0-develop.9 → 12.0.1-develop.1

package/comboboxes/combobox.component.d.ts

@@ -113,6 +113,8 @@ export declare class ComboBoxComponent implements ControlValueAccessor, AfterVie
      * Specifies whether the ComboBox allows user-defined values that are not present in the dataset
      * ([more information and examples]({% slug custom_values_combobox %})).
      * Defaults to `false`.
+     *
+     * The feature is not available when using adaptive mode.
      */
     allowCustom: boolean;
     /**

package/esm2020/comboboxes/combobox.component.mjs

@@ -111,6 +111,8 @@ export class ComboBoxComponent {
          * Specifies whether the ComboBox allows user-defined values that are not present in the dataset
          * ([more information and examples]({% slug custom_values_combobox %})).
          * Defaults to `false`.
+         *
+         * The feature is not available when using adaptive mode.
          */
         this.allowCustom = false;
         /**

package/esm2020/dropdowntrees/multiselecttree.component.mjs

@@ -1329,7 +1329,9 @@ export class MultiSelectTreeComponent {
                 this.isActionSheetExpanded ? this.actionSheetSearchBar.focus() : this.filterInput.nativeElement.focus();
             }
             else {
-                this.focus();
+                if (!this.isActionSheetExpanded) {
+                    this.focus();
+                }
             }
         }
     }

package/esm2020/multiselect/multiselect.component.mjs

@@ -164,6 +164,8 @@ export class MultiSelectComponent {
          * Specifies whether the MultiSelect allows user-defined values that are not present in the dataset
          * ([more information and examples]({% slug custom_values_multiselect %})).
          * Defaults to `false`.
+         *
+         * The feature is not available when using adaptive mode.
          */
         this.allowCustom = false;
         /**
@@ -277,6 +279,7 @@ export class MultiSelectComponent {
         this._size = 'medium';
         this._rounded = 'medium';
         this._fillMode = 'solid';
+        this._valueHolder = [];
         this.onChangeCallback = (_) => { };
         this.onTouchedCallback = (_) => { };
         this._placeholder = '';
@@ -724,6 +727,7 @@ export class MultiSelectComponent {
      */
     applyValue() {
         this.value = this._valueHolder;
+        this._valueHolder = [];
         this.emitValueChange();
         this.togglePopup(false);
     }
@@ -765,11 +769,12 @@ export class MultiSelectComponent {
                 event.added.forEach((itemIndex) => {
                     const dataItem = this.dataService.itemAt(itemIndex);
                     const newItem = (this.valuePrimitive && isPresent(dataItem) && isPresent(dataItem[this.valueField])) ? dataItem[this.valueField] : dataItem;
-                    this._valueHolder = this.value.filter(filter);
                     if (newItem) {
-                        this._valueHolder = [...this.value, newItem];
-                        if (!this.isAdaptive) {
-                            this.value = this._valueHolder;
+                        if (!this.isAdaptive || !this.isActionSheetExpanded) {
+                            this.value = [...this.value, newItem];
+                        }
+                        else {
+                            this._valueHolder = [...this._valueHolder, newItem];
                         }
                     }
                 });
@@ -778,9 +783,11 @@ export class MultiSelectComponent {
                 event.removed.forEach((itemIndex) => {
                     const dataItem = this.dataService.itemAt(itemIndex);
                     const filter = (item) => getter(item, this.valueField) !== getter(dataItem, this.valueField);
-                    this._valueHolder = this.value.filter(filter);
-                    if (!this.isAdaptive) {
-                        this.value = this._valueHolder;
+                    if (!this.isAdaptive || !this.isActionSheetExpanded) {
+                        this.value = this.value.filter(filter);
+                    }
+                    else {
+                        this._valueHolder = this._valueHolder.filter(filter);
                     }
                 });
                 this.cdr.detectChanges();
@@ -796,23 +803,27 @@ export class MultiSelectComponent {
             if (isPresent(event.added)) {
                 const dataItem = this.dataService.itemAt(event.added);
                 const newItem = (this.valuePrimitive && isPresent(dataItem) && isPresent(dataItem[this.valueField])) ? dataItem[this.valueField] : dataItem;
-                this._valueHolder = [...this.value, newItem];
-                if (!this.isAdaptive) {
-                    this.value = this._valueHolder;
+                if (!this.isAdaptive || !this.isActionSheetExpanded) {
+                    this.value = [...this.value, newItem];
+                }
+                else {
+                    this._valueHolder = [...this._valueHolder, newItem];
                 }
             }
             if (isPresent(event.removed)) {
                 const dataItem = this.dataService.itemAt(event.removed);
                 const filter = (item) => getter(item, this.valueField) !== getter(dataItem, this.valueField);
-                this._valueHolder = this.value.filter(filter);
-                if (!this.isAdaptive) {
-                    this.value = this._valueHolder;
+                if (!this.isAdaptive || !this.isActionSheetExpanded) {
+                    this.value = this.value.filter(filter);
+                }
+                else {
+                    this._valueHolder = this._valueHolder.filter(filter);
                 }
                 this.selectionService.focused = event.removed;
                 this.cdr.detectChanges();
             }
         }
-        if (!this.isAdaptive) {
+        if (!this.isAdaptive || !this.isActionSheetExpanded) {
             this.emitValueChange();
         }
     }
@@ -1641,6 +1652,8 @@ export class MultiSelectComponent {
     openActionSheet() {
         this.windowSize = windowSize();
         this.actionSheet.toggle(true);
+        // Stores the current value state until the user either accepts or cancels it
+        this._valueHolder = [...this.value];
         this.cdr.detectChanges();
         setListBoxAriaLabelLebBy(this.optionsList, this.searchbar.input, this.renderer);
         this.title = setActionSheetTitle(this.searchbar.input, this.title);

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1681884583,
-    version: '12.0.0-develop.9',
+    publishDate: 1683028246,
+    version: '12.0.1-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -38,8 +38,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1681884583,
-    version: '12.0.0-develop.9',
+    publishDate: 1683028246,
+    version: '12.0.1-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -4331,6 +4331,8 @@ class ComboBoxComponent {
          * Specifies whether the ComboBox allows user-defined values that are not present in the dataset
          * ([more information and examples]({% slug custom_values_combobox %})).
          * Defaults to `false`.
+         *
+         * The feature is not available when using adaptive mode.
          */
         this.allowCustom = false;
         /**
@@ -8590,6 +8592,8 @@ class MultiSelectComponent {
          * Specifies whether the MultiSelect allows user-defined values that are not present in the dataset
          * ([more information and examples]({% slug custom_values_multiselect %})).
          * Defaults to `false`.
+         *
+         * The feature is not available when using adaptive mode.
          */
         this.allowCustom = false;
         /**
@@ -8703,6 +8707,7 @@ class MultiSelectComponent {
         this._size = 'medium';
         this._rounded = 'medium';
         this._fillMode = 'solid';
+        this._valueHolder = [];
         this.onChangeCallback = (_) => { };
         this.onTouchedCallback = (_) => { };
         this._placeholder = '';
@@ -9153,6 +9158,7 @@ class MultiSelectComponent {
      */
     applyValue() {
         this.value = this._valueHolder;
+        this._valueHolder = [];
         this.emitValueChange();
         this.togglePopup(false);
     }
@@ -9194,11 +9200,12 @@ class MultiSelectComponent {
                 event.added.forEach((itemIndex) => {
                     const dataItem = this.dataService.itemAt(itemIndex);
                     const newItem = (this.valuePrimitive && isPresent(dataItem) && isPresent(dataItem[this.valueField])) ? dataItem[this.valueField] : dataItem;
-                    this._valueHolder = this.value.filter(filter);
                     if (newItem) {
-                        this._valueHolder = [...this.value, newItem];
-                        if (!this.isAdaptive) {
-                            this.value = this._valueHolder;
+                        if (!this.isAdaptive || !this.isActionSheetExpanded) {
+                            this.value = [...this.value, newItem];
+                        }
+                        else {
+                            this._valueHolder = [...this._valueHolder, newItem];
                         }
                     }
                 });
@@ -9207,9 +9214,11 @@ class MultiSelectComponent {
                 event.removed.forEach((itemIndex) => {
                     const dataItem = this.dataService.itemAt(itemIndex);
                     const filter = (item) => getter(item, this.valueField) !== getter(dataItem, this.valueField);
-                    this._valueHolder = this.value.filter(filter);
-                    if (!this.isAdaptive) {
-                        this.value = this._valueHolder;
+                    if (!this.isAdaptive || !this.isActionSheetExpanded) {
+                        this.value = this.value.filter(filter);
+                    }
+                    else {
+                        this._valueHolder = this._valueHolder.filter(filter);
                     }
                 });
                 this.cdr.detectChanges();
@@ -9225,23 +9234,27 @@ class MultiSelectComponent {
             if (isPresent(event.added)) {
                 const dataItem = this.dataService.itemAt(event.added);
                 const newItem = (this.valuePrimitive && isPresent(dataItem) && isPresent(dataItem[this.valueField])) ? dataItem[this.valueField] : dataItem;
-                this._valueHolder = [...this.value, newItem];
-                if (!this.isAdaptive) {
-                    this.value = this._valueHolder;
+                if (!this.isAdaptive || !this.isActionSheetExpanded) {
+                    this.value = [...this.value, newItem];
+                }
+                else {
+                    this._valueHolder = [...this._valueHolder, newItem];
                 }
             }
             if (isPresent(event.removed)) {
                 const dataItem = this.dataService.itemAt(event.removed);
                 const filter = (item) => getter(item, this.valueField) !== getter(dataItem, this.valueField);
-                this._valueHolder = this.value.filter(filter);
-                if (!this.isAdaptive) {
-                    this.value = this._valueHolder;
+                if (!this.isAdaptive || !this.isActionSheetExpanded) {
+                    this.value = this.value.filter(filter);
+                }
+                else {
+                    this._valueHolder = this._valueHolder.filter(filter);
                 }
                 this.selectionService.focused = event.removed;
                 this.cdr.detectChanges();
             }
         }
-        if (!this.isAdaptive) {
+        if (!this.isAdaptive || !this.isActionSheetExpanded) {
             this.emitValueChange();
         }
     }
@@ -10071,6 +10084,8 @@ class MultiSelectComponent {
     openActionSheet() {
         this.windowSize = windowSize();
         this.actionSheet.toggle(true);
+        // Stores the current value state until the user either accepts or cancels it
+        this._valueHolder = [...this.value];
         this.cdr.detectChanges();
         setListBoxAriaLabelLebBy(this.optionsList, this.searchbar.input, this.renderer);
         this.title = setActionSheetTitle(this.searchbar.input, this.title);
@@ -14916,7 +14931,9 @@ class MultiSelectTreeComponent {
                 this.isActionSheetExpanded ? this.actionSheetSearchBar.focus() : this.filterInput.nativeElement.focus();
             }
             else {
-                this.focus();
+                if (!this.isActionSheetExpanded) {
+                    this.focus();
+                }
             }
         }
     }

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

@@ -38,8 +38,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1681884583,
-    version: '12.0.0-develop.9',
+    publishDate: 1683028246,
+    version: '12.0.1-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -4325,6 +4325,8 @@ class ComboBoxComponent {
          * Specifies whether the ComboBox allows user-defined values that are not present in the dataset
          * ([more information and examples]({% slug custom_values_combobox %})).
          * Defaults to `false`.
+         *
+         * The feature is not available when using adaptive mode.
          */
         this.allowCustom = false;
         /**
@@ -8571,6 +8573,8 @@ class MultiSelectComponent {
          * Specifies whether the MultiSelect allows user-defined values that are not present in the dataset
          * ([more information and examples]({% slug custom_values_multiselect %})).
          * Defaults to `false`.
+         *
+         * The feature is not available when using adaptive mode.
          */
         this.allowCustom = false;
         /**
@@ -8684,6 +8688,7 @@ class MultiSelectComponent {
         this._size = 'medium';
         this._rounded = 'medium';
         this._fillMode = 'solid';
+        this._valueHolder = [];
         this.onChangeCallback = (_) => { };
         this.onTouchedCallback = (_) => { };
         this._placeholder = '';
@@ -9131,6 +9136,7 @@ class MultiSelectComponent {
      */
     applyValue() {
         this.value = this._valueHolder;
+        this._valueHolder = [];
         this.emitValueChange();
         this.togglePopup(false);
     }
@@ -9172,11 +9178,12 @@ class MultiSelectComponent {
                 event.added.forEach((itemIndex) => {
                     const dataItem = this.dataService.itemAt(itemIndex);
                     const newItem = (this.valuePrimitive && isPresent(dataItem) && isPresent(dataItem[this.valueField])) ? dataItem[this.valueField] : dataItem;
-                    this._valueHolder = this.value.filter(filter);
                     if (newItem) {
-                        this._valueHolder = [...this.value, newItem];
-                        if (!this.isAdaptive) {
-                            this.value = this._valueHolder;
+                        if (!this.isAdaptive || !this.isActionSheetExpanded) {
+                            this.value = [...this.value, newItem];
+                        }
+                        else {
+                            this._valueHolder = [...this._valueHolder, newItem];
                         }
                     }
                 });
@@ -9185,9 +9192,11 @@ class MultiSelectComponent {
                 event.removed.forEach((itemIndex) => {
                     const dataItem = this.dataService.itemAt(itemIndex);
                     const filter = (item) => getter(item, this.valueField) !== getter(dataItem, this.valueField);
-                    this._valueHolder = this.value.filter(filter);
-                    if (!this.isAdaptive) {
-                        this.value = this._valueHolder;
+                    if (!this.isAdaptive || !this.isActionSheetExpanded) {
+                        this.value = this.value.filter(filter);
+                    }
+                    else {
+                        this._valueHolder = this._valueHolder.filter(filter);
                     }
                 });
                 this.cdr.detectChanges();
@@ -9203,23 +9212,27 @@ class MultiSelectComponent {
             if (isPresent(event.added)) {
                 const dataItem = this.dataService.itemAt(event.added);
                 const newItem = (this.valuePrimitive && isPresent(dataItem) && isPresent(dataItem[this.valueField])) ? dataItem[this.valueField] : dataItem;
-                this._valueHolder = [...this.value, newItem];
-                if (!this.isAdaptive) {
-                    this.value = this._valueHolder;
+                if (!this.isAdaptive || !this.isActionSheetExpanded) {
+                    this.value = [...this.value, newItem];
+                }
+                else {
+                    this._valueHolder = [...this._valueHolder, newItem];
                 }
             }
             if (isPresent(event.removed)) {
                 const dataItem = this.dataService.itemAt(event.removed);
                 const filter = (item) => getter(item, this.valueField) !== getter(dataItem, this.valueField);
-                this._valueHolder = this.value.filter(filter);
-                if (!this.isAdaptive) {
-                    this.value = this._valueHolder;
+                if (!this.isAdaptive || !this.isActionSheetExpanded) {
+                    this.value = this.value.filter(filter);
+                }
+                else {
+                    this._valueHolder = this._valueHolder.filter(filter);
                 }
                 this.selectionService.focused = event.removed;
                 this.cdr.detectChanges();
             }
         }
-        if (!this.isAdaptive) {
+        if (!this.isAdaptive || !this.isActionSheetExpanded) {
             this.emitValueChange();
         }
     }
@@ -10048,6 +10061,8 @@ class MultiSelectComponent {
     openActionSheet() {
         this.windowSize = windowSize();
         this.actionSheet.toggle(true);
+        // Stores the current value state until the user either accepts or cancels it
+        this._valueHolder = [...this.value];
         this.cdr.detectChanges();
         setListBoxAriaLabelLebBy(this.optionsList, this.searchbar.input, this.renderer);
         this.title = setActionSheetTitle(this.searchbar.input, this.title);
@@ -14882,7 +14897,9 @@ class MultiSelectTreeComponent {
                 this.isActionSheetExpanded ? this.actionSheetSearchBar.focus() : this.filterInput.nativeElement.focus();
             }
             else {
-                this.focus();
+                if (!this.isActionSheetExpanded) {
+                    this.focus();
+                }
             }
         }
     }

package/multiselect/multiselect.component.d.ts

@@ -327,6 +327,8 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
      * Specifies whether the MultiSelect allows user-defined values that are not present in the dataset
      * ([more information and examples]({% slug custom_values_multiselect %})).
      * Defaults to `false`.
+     *
+     * The feature is not available when using adaptive mode.
      */
     allowCustom: boolean;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "12.0.0-develop.9",
+  "version": "12.0.1-develop.1",
   "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",
@@ -19,23 +19,23 @@
     "friendlyName": "Dropdowns"
   },
   "peerDependencies": {
-    "@angular/animations": "13 - 15",
-    "@angular/common": "13 - 15",
-    "@angular/core": "13 - 15",
-    "@angular/platform-browser": "13 - 15",
+    "@angular/animations": "13 - 16",
+    "@angular/common": "13 - 16",
+    "@angular/core": "13 - 16",
+    "@angular/platform-browser": "13 - 16",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "12.0.0-develop.9",
-    "@progress/kendo-angular-l10n": "12.0.0-develop.9",
-    "@progress/kendo-angular-popup": "12.0.0-develop.9",
-    "@progress/kendo-angular-icons": "12.0.0-develop.9",
-    "@progress/kendo-angular-treeview": "12.0.0-develop.9",
+    "@progress/kendo-angular-common": "12.0.1-develop.1",
+    "@progress/kendo-angular-l10n": "12.0.1-develop.1",
+    "@progress/kendo-angular-popup": "12.0.1-develop.1",
+    "@progress/kendo-angular-icons": "12.0.1-develop.1",
+    "@progress/kendo-angular-treeview": "12.0.1-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0",
-    "@progress/kendo-angular-navigation": "12.0.0-develop.9",
-    "@progress/kendo-angular-label": "12.0.0-develop.9"
+    "@progress/kendo-angular-navigation": "12.0.1-develop.1",
+    "@progress/kendo-angular-label": "12.0.1-develop.1"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "12.0.0-develop.9",
+    "@progress/kendo-angular-schematics": "12.0.1-develop.1",
     "@progress/kendo-common": "^0.2.1"
   },
   "schematics": "./schematics/collection.json",

package/schematics/ngAdd/index.js

@@ -4,9 +4,9 @@ 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': '12.0.0-develop.9',
+            '@progress/kendo-angular-inputs': '12.0.1-develop.1',
             // peers of inputs
-            '@progress/kendo-angular-intl': '12.0.0-develop.9',
+            '@progress/kendo-angular-intl': '12.0.1-develop.1',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^1.0.0'