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

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

@@ -277,6 +277,7 @@ export class MultiSelectComponent {
         this._size = 'medium';
         this._rounded = 'medium';
         this._fillMode = 'solid';
+        this._valueHolder = [];
         this.onChangeCallback = (_) => { };
         this.onTouchedCallback = (_) => { };
         this._placeholder = '';
@@ -724,6 +725,7 @@ export class MultiSelectComponent {
      */
     applyValue() {
         this.value = this._valueHolder;
+        this._valueHolder = [];
         this.emitValueChange();
         this.togglePopup(false);
     }
@@ -765,11 +767,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 +781,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 +801,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 +1650,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: 1682434354,
+    version: '12.0.0',
     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: 1682434354,
+    version: '12.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -8703,6 +8703,7 @@ class MultiSelectComponent {
         this._size = 'medium';
         this._rounded = 'medium';
         this._fillMode = 'solid';
+        this._valueHolder = [];
         this.onChangeCallback = (_) => { };
         this.onTouchedCallback = (_) => { };
         this._placeholder = '';
@@ -9153,6 +9154,7 @@ class MultiSelectComponent {
      */
     applyValue() {
         this.value = this._valueHolder;
+        this._valueHolder = [];
         this.emitValueChange();
         this.togglePopup(false);
     }
@@ -9194,11 +9196,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 +9210,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 +9230,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 +10080,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 +14927,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: 1682434354,
+    version: '12.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -8684,6 +8684,7 @@ class MultiSelectComponent {
         this._size = 'medium';
         this._rounded = 'medium';
         this._fillMode = 'solid';
+        this._valueHolder = [];
         this.onChangeCallback = (_) => { };
         this.onTouchedCallback = (_) => { };
         this._placeholder = '';
@@ -9131,6 +9132,7 @@ class MultiSelectComponent {
      */
     applyValue() {
         this.value = this._valueHolder;
+        this._valueHolder = [];
         this.emitValueChange();
         this.togglePopup(false);
     }
@@ -9172,11 +9174,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 +9188,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 +9208,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 +10057,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 +14893,9 @@ class MultiSelectTreeComponent {
                 this.isActionSheetExpanded ? this.actionSheetSearchBar.focus() : this.filterInput.nativeElement.focus();
             }
             else {
-                this.focus();
+                if (!this.isActionSheetExpanded) {
+                    this.focus();
+                }
             }
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "12.0.0-develop.9",
+  "version": "12.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",
@@ -24,18 +24,18 @@
     "@angular/core": "13 - 15",
     "@angular/platform-browser": "13 - 15",
     "@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.0",
+    "@progress/kendo-angular-l10n": "12.0.0",
+    "@progress/kendo-angular-popup": "12.0.0",
+    "@progress/kendo-angular-icons": "12.0.0",
+    "@progress/kendo-angular-treeview": "12.0.0",
     "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.0",
+    "@progress/kendo-angular-label": "12.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "12.0.0-develop.9",
+    "@progress/kendo-angular-schematics": "12.0.0",
     "@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.0',
             // peers of inputs
-            '@progress/kendo-angular-intl': '12.0.0-develop.9',
+            '@progress/kendo-angular-intl': '12.0.0',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^1.0.0'