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

package/common/action-sheet.component.d.ts

@@ -36,8 +36,12 @@ export declare class ResponsiveRendererComponent {
     searchBarValue: string;
     animationDuration: number;
     xIcon: SVGIcon;
+    private expanded;
     messageFor(key: string): string;
     onValueChange(value: string): void;
+    onOverlayClick(): void;
+    handleExpand(): void;
+    handleClose(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ResponsiveRendererComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ResponsiveRendererComponent, "responsive-renderer", never, { "title": { "alias": "title"; "required": false; }; "showActionButtons": { "alias": "showActionButtons"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showTextInput": { "alias": "showTextInput"; "required": false; }; "sharedPopupActionSheetTemplate": { "alias": "sharedPopupActionSheetTemplate"; "required": false; }; "isActionSheetExpanded": { "alias": "isActionSheetExpanded"; "required": false; }; "text": { "alias": "text"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, { "closePopup": "closePopup"; "textInputChange": "textInputChange"; "navigate": "navigate"; "onExpand": "onExpand"; "onCollapse": "onCollapse"; "onApply": "onApply"; "onCancel": "onCancel"; }, never, never, true, never>;
 }

package/esm2022/common/action-sheet.component.mjs

@@ -42,6 +42,7 @@ export class ResponsiveRendererComponent {
     searchBarValue = '';
     animationDuration = animationDuration;
     xIcon = xIcon;
+    expanded = false;
     messageFor(key) {
         return this.localization.get(key);
     }
@@ -49,15 +50,28 @@ export class ResponsiveRendererComponent {
         this.searchBarValue = value;
         this.textInputChange.emit(value);
     }
+    onOverlayClick() {
+        if (this.expanded) {
+            this.handleClose();
+        }
+    }
+    handleExpand() {
+        this.onExpand.emit();
+        this.expanded = true;
+    }
+    handleClose() {
+        this.closePopup.emit();
+        this.expanded = false;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsiveRendererComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResponsiveRendererComponent, isStandalone: true, selector: "responsive-renderer", inputs: { title: "title", showActionButtons: "showActionButtons", subtitle: "subtitle", size: "size", showTextInput: "showTextInput", sharedPopupActionSheetTemplate: "sharedPopupActionSheetTemplate", isActionSheetExpanded: "isActionSheetExpanded", text: "text", placeholder: "placeholder" }, outputs: { closePopup: "closePopup", textInputChange: "textInputChange", navigate: "navigate", onExpand: "onExpand", onCollapse: "onCollapse", onApply: "onApply", onCancel: "onCancel" }, viewQueries: [{ propertyName: "actionSheet", first: true, predicate: ActionSheetComponent, descendants: true }, { propertyName: "actionSheetSearchBar", first: true, predicate: ["actionSheetSearchBar"], descendants: true }], ngImport: i0, template: `
         <kendo-actionsheet
             #actionSheet
             [animation]="{ duration: animationDuration }"
             [expanded]="isActionSheetExpanded"
-            (overlayClick)="closePopup.emit()"
+            (overlayClick)="onOverlayClick()"
             (keydown)="navigate.emit($event)"
-            (expand)="onExpand.emit()"
+            (expand)="handleExpand()"
             (collapse)="onCollapse.emit()"
         >
             <ng-template kendoActionSheetTemplate>
@@ -79,7 +93,7 @@ export class ResponsiveRendererComponent {
                                 [tabIndex]="-1"
                                 aria-hidden="true"
                                 innerCssClass="k-button-icon"
-                                (click)="closePopup.emit()"
+                                (click)="handleClose()"
                             ></button>
                         </div>
                     </div>
@@ -141,9 +155,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             #actionSheet
             [animation]="{ duration: animationDuration }"
             [expanded]="isActionSheetExpanded"
-            (overlayClick)="closePopup.emit()"
+            (overlayClick)="onOverlayClick()"
             (keydown)="navigate.emit($event)"
-            (expand)="onExpand.emit()"
+            (expand)="handleExpand()"
             (collapse)="onCollapse.emit()"
         >
             <ng-template kendoActionSheetTemplate>
@@ -165,7 +179,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                                 [tabIndex]="-1"
                                 aria-hidden="true"
                                 innerCssClass="k-button-icon"
-                                (click)="closePopup.emit()"
+                                (click)="handleClose()"
                             ></button>
                         </div>
                     </div>

package/esm2022/common/list.component.mjs

@@ -141,6 +141,9 @@ export class ListComponent {
                 this.scrollToFocused = !changes['data'].isFirstChange();
             }
             this.setOverflow();
+            this.zone.onStable.pipe(take(1)).subscribe(() => {
+                this.setGroupAttributes();
+            });
         }
         if (isChanged('virtual', changes, false)) {
             this.setOverflow();
@@ -257,7 +260,7 @@ export class ListComponent {
             let index;
             if (item.getAttribute("role") === "group") {
                 index = parseInt(item.getAttribute("group-index"), 10);
-                this.currentGroup = this.dataService.groupAt(index).value;
+                this.currentGroup = this.dataService.groupAt(index)?.value;
             }
             else {
                 index = parseInt(item.getAttribute("index"), 10);
@@ -495,7 +498,7 @@ export class ListComponent {
                     tabindex="-1"
                     aria-hidden="true"
                     [ngClass]="checkboxClasses"
-                    (change)="onCheckedChange($event, itemIndex)"
+                    (change)="onCheckedChange($event, itemIndex + startFrom)"
                     [checked]="isChecked(itemIndex)"
                 />
                 <ng-template *ngIf="template"
@@ -519,7 +522,7 @@ export class ListComponent {
                     'minHeight.px' : virtual?.itemHeight,
                     'boxSizing' : virtual ? 'border-box' : 'inherit'}"
                 [attr.group-index]="dataItem.index"
-                [attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value"
+                [attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value.split(' ').join('')"
                 [attr.tabIndex]="-1"
                 [style.width.px]="rowWidth ?? null">
                     <span [class]="listGroupItemTextClass">
@@ -633,7 +636,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     tabindex="-1"
                     aria-hidden="true"
                     [ngClass]="checkboxClasses"
-                    (change)="onCheckedChange($event, itemIndex)"
+                    (change)="onCheckedChange($event, itemIndex + startFrom)"
                     [checked]="isChecked(itemIndex)"
                 />
                 <ng-template *ngIf="template"
@@ -657,7 +660,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     'minHeight.px' : virtual?.itemHeight,
                     'boxSizing' : virtual ? 'border-box' : 'inherit'}"
                 [attr.group-index]="dataItem.index"
-                [attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value"
+                [attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value.split(' ').join('')"
                 [attr.tabIndex]="-1"
                 [style.width.px]="rowWidth ?? null">
                     <span [class]="listGroupItemTextClass">

package/esm2022/multiselect/multiselect.component.mjs

@@ -1252,6 +1252,7 @@ export class MultiSelectComponent {
     }
     selectedDataItems = [];
     popupMouseDownHandler;
+    isOpenPrevented = false;
     customValueSubject = new Subject();
     customValueSubscription;
     subs = new Subscription();
@@ -1446,7 +1447,7 @@ export class MultiSelectComponent {
         if (!this.isActionSheetExpanded) {
             const inputElement = this.searchbar.input.nativeElement;
             if (event.button === 0) {
-                if (this.isFocused && this.isOpen && event.target === inputElement) {
+                if (this.isFocused && (this.isOpen || this.isOpenPrevented) && event.target === inputElement) {
                     return;
                 }
                 if (!touchEnabled || (touchEnabled && event.target.tagName !== 'SPAN')) {
@@ -1669,6 +1670,9 @@ export class MultiSelectComponent {
             return;
         }
         const isDefaultPrevented = this.triggerPopupEvents(open);
+        if (open) {
+            this.isOpenPrevented = isDefaultPrevented;
+        }
         if (!isDefaultPrevented) {
             this._toggle(open);
         }

package/esm2022/package-metadata.mjs

@@ -10,7 +10,7 @@ export const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1738339412,
-    version: '18.1.0-develop.9',
+    publishDate: 1739287167,
+    version: '18.1.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -37,8 +37,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1738339412,
-    version: '18.1.0-develop.9',
+    publishDate: 1739287167,
+    version: '18.1.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -2014,6 +2014,9 @@ class ListComponent {
                 this.scrollToFocused = !changes['data'].isFirstChange();
             }
             this.setOverflow();
+            this.zone.onStable.pipe(take(1)).subscribe(() => {
+                this.setGroupAttributes();
+            });
         }
         if (isChanged('virtual', changes, false)) {
             this.setOverflow();
@@ -2130,7 +2133,7 @@ class ListComponent {
             let index;
             if (item.getAttribute("role") === "group") {
                 index = parseInt(item.getAttribute("group-index"), 10);
-                this.currentGroup = this.dataService.groupAt(index).value;
+                this.currentGroup = this.dataService.groupAt(index)?.value;
             }
             else {
                 index = parseInt(item.getAttribute("index"), 10);
@@ -2368,7 +2371,7 @@ class ListComponent {
                     tabindex="-1"
                     aria-hidden="true"
                     [ngClass]="checkboxClasses"
-                    (change)="onCheckedChange($event, itemIndex)"
+                    (change)="onCheckedChange($event, itemIndex + startFrom)"
                     [checked]="isChecked(itemIndex)"
                 />
                 <ng-template *ngIf="template"
@@ -2392,7 +2395,7 @@ class ListComponent {
                     'minHeight.px' : virtual?.itemHeight,
                     'boxSizing' : virtual ? 'border-box' : 'inherit'}"
                 [attr.group-index]="dataItem.index"
-                [attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value"
+                [attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value.split(' ').join('')"
                 [attr.tabIndex]="-1"
                 [style.width.px]="rowWidth ?? null">
                     <span [class]="listGroupItemTextClass">
@@ -2506,7 +2509,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     tabindex="-1"
                     aria-hidden="true"
                     [ngClass]="checkboxClasses"
-                    (change)="onCheckedChange($event, itemIndex)"
+                    (change)="onCheckedChange($event, itemIndex + startFrom)"
                     [checked]="isChecked(itemIndex)"
                 />
                 <ng-template *ngIf="template"
@@ -2530,7 +2533,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     'minHeight.px' : virtual?.itemHeight,
                     'boxSizing' : virtual ? 'border-box' : 'inherit'}"
                 [attr.group-index]="dataItem.index"
-                [attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value"
+                [attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value.split(' ').join('')"
                 [attr.tabIndex]="-1"
                 [style.width.px]="rowWidth ?? null">
                     <span [class]="listGroupItemTextClass">
@@ -2705,6 +2708,7 @@ class ResponsiveRendererComponent {
     searchBarValue = '';
     animationDuration = animationDuration;
     xIcon = xIcon;
+    expanded = false;
     messageFor(key) {
         return this.localization.get(key);
     }
@@ -2712,15 +2716,28 @@ class ResponsiveRendererComponent {
         this.searchBarValue = value;
         this.textInputChange.emit(value);
     }
+    onOverlayClick() {
+        if (this.expanded) {
+            this.handleClose();
+        }
+    }
+    handleExpand() {
+        this.onExpand.emit();
+        this.expanded = true;
+    }
+    handleClose() {
+        this.closePopup.emit();
+        this.expanded = false;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ResponsiveRendererComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ResponsiveRendererComponent, isStandalone: true, selector: "responsive-renderer", inputs: { title: "title", showActionButtons: "showActionButtons", subtitle: "subtitle", size: "size", showTextInput: "showTextInput", sharedPopupActionSheetTemplate: "sharedPopupActionSheetTemplate", isActionSheetExpanded: "isActionSheetExpanded", text: "text", placeholder: "placeholder" }, outputs: { closePopup: "closePopup", textInputChange: "textInputChange", navigate: "navigate", onExpand: "onExpand", onCollapse: "onCollapse", onApply: "onApply", onCancel: "onCancel" }, viewQueries: [{ propertyName: "actionSheet", first: true, predicate: ActionSheetComponent, descendants: true }, { propertyName: "actionSheetSearchBar", first: true, predicate: ["actionSheetSearchBar"], descendants: true }], ngImport: i0, template: `
         <kendo-actionsheet
             #actionSheet
             [animation]="{ duration: animationDuration }"
             [expanded]="isActionSheetExpanded"
-            (overlayClick)="closePopup.emit()"
+            (overlayClick)="onOverlayClick()"
             (keydown)="navigate.emit($event)"
-            (expand)="onExpand.emit()"
+            (expand)="handleExpand()"
             (collapse)="onCollapse.emit()"
         >
             <ng-template kendoActionSheetTemplate>
@@ -2742,7 +2759,7 @@ class ResponsiveRendererComponent {
                                 [tabIndex]="-1"
                                 aria-hidden="true"
                                 innerCssClass="k-button-icon"
-                                (click)="closePopup.emit()"
+                                (click)="handleClose()"
                             ></button>
                         </div>
                     </div>
@@ -2804,9 +2821,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             #actionSheet
             [animation]="{ duration: animationDuration }"
             [expanded]="isActionSheetExpanded"
-            (overlayClick)="closePopup.emit()"
+            (overlayClick)="onOverlayClick()"
             (keydown)="navigate.emit($event)"
-            (expand)="onExpand.emit()"
+            (expand)="handleExpand()"
             (collapse)="onCollapse.emit()"
         >
             <ng-template kendoActionSheetTemplate>
@@ -2828,7 +2845,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                                 [tabIndex]="-1"
                                 aria-hidden="true"
                                 innerCssClass="k-button-icon"
-                                (click)="closePopup.emit()"
+                                (click)="handleClose()"
                             ></button>
                         </div>
                     </div>
@@ -10554,6 +10571,7 @@ class MultiSelectComponent {
     }
     selectedDataItems = [];
     popupMouseDownHandler;
+    isOpenPrevented = false;
     customValueSubject = new Subject();
     customValueSubscription;
     subs = new Subscription();
@@ -10748,7 +10766,7 @@ class MultiSelectComponent {
         if (!this.isActionSheetExpanded) {
             const inputElement = this.searchbar.input.nativeElement;
             if (event.button === 0) {
-                if (this.isFocused && this.isOpen && event.target === inputElement) {
+                if (this.isFocused && (this.isOpen || this.isOpenPrevented) && event.target === inputElement) {
                     return;
                 }
                 if (!touchEnabled || (touchEnabled && event.target.tagName !== 'SPAN')) {
@@ -10971,6 +10989,9 @@ class MultiSelectComponent {
             return;
         }
         const isDefaultPrevented = this.triggerPopupEvents(open);
+        if (open) {
+            this.isOpenPrevented = isDefaultPrevented;
+        }
         if (!isDefaultPrevented) {
             this._toggle(open);
         }

package/multiselect/multiselect.component.d.ts

@@ -640,6 +640,7 @@ export declare class MultiSelectComponent implements OnDestroy, OnChanges, OnIni
     get isFocused(): boolean;
     private selectedDataItems;
     private popupMouseDownHandler;
+    private isOpenPrevented;
     private customValueSubject;
     private customValueSubscription;
     private subs;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "18.1.0-develop.9",
+  "version": "18.1.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",
@@ -20,7 +20,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1738339412,
+      "publishDate": 1739287167,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -30,19 +30,19 @@
     "@angular/core": "16 - 19",
     "@angular/forms": "16 - 19",
     "@angular/platform-browser": "16 - 19",
-    "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "18.1.0-develop.9",
-    "@progress/kendo-angular-utils": "18.1.0-develop.9",
-    "@progress/kendo-angular-l10n": "18.1.0-develop.9",
-    "@progress/kendo-angular-navigation": "18.1.0-develop.9",
-    "@progress/kendo-angular-popup": "18.1.0-develop.9",
-    "@progress/kendo-angular-icons": "18.1.0-develop.9",
-    "@progress/kendo-angular-treeview": "18.1.0-develop.9",
+    "@progress/kendo-licensing": "^1.4.0",
+    "@progress/kendo-angular-common": "18.1.0",
+    "@progress/kendo-angular-utils": "18.1.0",
+    "@progress/kendo-angular-l10n": "18.1.0",
+    "@progress/kendo-angular-navigation": "18.1.0",
+    "@progress/kendo-angular-popup": "18.1.0",
+    "@progress/kendo-angular-icons": "18.1.0",
+    "@progress/kendo-angular-treeview": "18.1.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "18.1.0-develop.9",
+    "@progress/kendo-angular-schematics": "18.1.0",
     "@progress/kendo-common": "^1.0.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': '18.1.0-develop.9',
+            '@progress/kendo-angular-inputs': '18.1.0',
             // peers of inputs
-            '@progress/kendo-angular-intl': '18.1.0-develop.9',
+            '@progress/kendo-angular-intl': '18.1.0',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'