@progress/kendo-angular-dropdowns 18.0.0-develop.8 → 18.0.0

package/esm2022/comboboxes/combobox.component.mjs

@@ -1705,6 +1705,7 @@ export class ComboBoxComponent extends MultiTabStop {
                 class="k-input-button k-button k-icon-button"
                 [ngClass]="selectButtonClasses"
                 [attr.aria-label]="messageFor('selectButtonText')"
+                [attr.disabled]="disabled ? '' : null"
                 (keydown.enter)="$event.stopImmediatePropagation();"
                 [kendoEventsOutsideAngular]="{
                     mousedown: preventEventDefault
@@ -1893,6 +1894,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 class="k-input-button k-button k-icon-button"
                 [ngClass]="selectButtonClasses"
                 [attr.aria-label]="messageFor('selectButtonText')"
+                [attr.disabled]="disabled ? '' : null"
                 (keydown.enter)="$event.stopImmediatePropagation();"
                 [kendoEventsOutsideAngular]="{
                     mousedown: preventEventDefault

package/esm2022/comboboxes/multicolumncombobox.component.mjs

@@ -338,6 +338,7 @@ export class MultiColumnComboBoxComponent extends ComboBoxComponent {
                 class="k-input-button k-button k-icon-button"
                 [ngClass]="selectButtonClasses"
                 [attr.aria-label]="messageFor('selectButtonText')"
+                [attr.disabled]="disabled ? '' : null"
                 [kendoEventsOutsideAngular]="{
                     mousedown: preventEventDefault
                 }"
@@ -624,6 +625,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 class="k-input-button k-button k-icon-button"
                 [ngClass]="selectButtonClasses"
                 [attr.aria-label]="messageFor('selectButtonText')"
+                [attr.disabled]="disabled ? '' : null"
                 [kendoEventsOutsideAngular]="{
                     mousedown: preventEventDefault
                 }"

package/esm2022/common/data.service.mjs

@@ -217,6 +217,7 @@ export class DataService {
         if (isPresent(group)) {
             flat.push({
                 header: true,
+                groupIndex: groupIndex,
                 index: groupIndex + offset,
                 offsetIndex: groupIndex,
                 value: group
@@ -231,6 +232,7 @@ export class DataService {
             else {
                 result.push({
                     header: false,
+                    groupIndex: groupIndex,
                     index: groupIndex + offset + i + 1,
                     offsetIndex: offset + i,
                     value: data[i]

package/esm2022/common/list.component.mjs

@@ -519,7 +519,7 @@ export class ListComponent {
                     'minHeight.px' : virtual?.itemHeight,
                     'boxSizing' : virtual ? 'border-box' : 'inherit'}"
                 [attr.group-index]="dataItem.index"
-                [attr.id]="optionPrefix + '-' + itemIndex"
+                [attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value"
                 [attr.tabIndex]="-1"
                 [style.width.px]="rowWidth ?? null">
                     <span [class]="listGroupItemTextClass">
@@ -541,7 +541,7 @@ export class ListComponent {
                 [index]="dataItem.offsetIndex"
                 [multipleSelection]="multipleSelection"
                 [attr.absolute-index]="dataItem.index"
-                [attr.id]="optionPrefix + '-' + itemIndex"
+                [attr.id]="optionPrefix + '-' + (itemIndex - 1 - dataItem.groupIndex)"
                 [attr.tabIndex]="-1"
                 [attr.aria-selected]="isItemSelected(dataItem.offsetIndex)"
                 [class]="listItemClass"
@@ -657,7 +657,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 + '-' + itemIndex"
+                [attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value"
                 [attr.tabIndex]="-1"
                 [style.width.px]="rowWidth ?? null">
                     <span [class]="listGroupItemTextClass">
@@ -679,7 +679,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [index]="dataItem.offsetIndex"
                 [multipleSelection]="multipleSelection"
                 [attr.absolute-index]="dataItem.index"
-                [attr.id]="optionPrefix + '-' + itemIndex"
+                [attr.id]="optionPrefix + '-' + (itemIndex - 1 - dataItem.groupIndex)"
                 [attr.tabIndex]="-1"
                 [attr.aria-selected]="isItemSelected(dataItem.offsetIndex)"
                 [class]="listItemClass"

package/esm2022/dropdownlist/dropdownlist.component.mjs

@@ -1528,6 +1528,7 @@ export class DropDownListComponent {
             class="k-input-button k-button k-icon-button"
             [ngClass]="selectButtonClasses"
             [attr.aria-label]="messageFor('selectButtonText')"
+            [attr.disabled]="disabled ? '' : null"
             [kendoEventsOutsideAngular]="{
                 mousedown: onMouseDown
             }"
@@ -1721,6 +1722,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             class="k-input-button k-button k-icon-button"
             [ngClass]="selectButtonClasses"
             [attr.aria-label]="messageFor('selectButtonText')"
+            [attr.disabled]="disabled ? '' : null"
             [kendoEventsOutsideAngular]="{
                 mousedown: onMouseDown
             }"

package/esm2022/dropdowntrees/dropdowntree.component.mjs

@@ -1098,6 +1098,7 @@ export class DropDownTreeComponent {
             anchor: this.wrapper,
             appendTo: this.appendTo,
             anchorAlign: anchorPosition,
+            animate: this.popupSettings.animate,
             content: this.popupTemplate,
             popupAlign: popupPosition,
             positionMode: appendToComponent ? 'fixed' : 'absolute',
@@ -1415,6 +1416,7 @@ export class DropDownTreeComponent {
             class="k-input-button k-button k-icon-button"
             [ngClass]="selectButtonClasses"
             [attr.aria-label]="messageFor('selectButtonText')"
+            [attr.disabled]="disabled ? '' : null"
         >
             <kendo-icon-wrapper
                 [name]="icon || 'caret-alt-down'"
@@ -1622,6 +1624,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             class="k-input-button k-button k-icon-button"
             [ngClass]="selectButtonClasses"
             [attr.aria-label]="messageFor('selectButtonText')"
+            [attr.disabled]="disabled ? '' : null"
         >
             <kendo-icon-wrapper
                 [name]="icon || 'caret-alt-down'"

package/esm2022/dropdowntrees/multiselecttree.component.mjs

@@ -1288,6 +1288,7 @@ export class MultiSelectTreeComponent {
             anchor: this.wrapper,
             appendTo: this.appendTo,
             anchorAlign: anchorPosition,
+            animate: this.popupSettings.animate,
             content: this.popupTemplate,
             popupAlign: popupPosition,
             positionMode: appendToComponent ? 'fixed' : 'absolute',

package/esm2022/package-metadata.mjs

@@ -8,8 +8,9 @@
 export const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1736758588,
-    version: '18.0.0-develop.8',
+    productCode: 'KENDOUIANGULAR',
+    productCodes: ['KENDOUIANGULAR'],
+    publishDate: 1737465024,
+    version: '18.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -35,9 +35,10 @@ import { DialogContainerService, DialogService, WindowService, WindowContainerSe
 const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
-    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1736758588,
-    version: '18.0.0-develop.8',
+    productCode: 'KENDOUIANGULAR',
+    productCodes: ['KENDOUIANGULAR'],
+    publishDate: 1737465024,
+    version: '18.0.0',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -1267,6 +1268,7 @@ class DataService {
         if (isPresent(group)) {
             flat.push({
                 header: true,
+                groupIndex: groupIndex,
                 index: groupIndex + offset,
                 offsetIndex: groupIndex,
                 value: group
@@ -1281,6 +1283,7 @@ class DataService {
             else {
                 result.push({
                     header: false,
+                    groupIndex: groupIndex,
                     index: groupIndex + offset + i + 1,
                     offsetIndex: offset + i,
                     value: data[i]
@@ -2389,7 +2392,7 @@ class ListComponent {
                     'minHeight.px' : virtual?.itemHeight,
                     'boxSizing' : virtual ? 'border-box' : 'inherit'}"
                 [attr.group-index]="dataItem.index"
-                [attr.id]="optionPrefix + '-' + itemIndex"
+                [attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value"
                 [attr.tabIndex]="-1"
                 [style.width.px]="rowWidth ?? null">
                     <span [class]="listGroupItemTextClass">
@@ -2411,7 +2414,7 @@ class ListComponent {
                 [index]="dataItem.offsetIndex"
                 [multipleSelection]="multipleSelection"
                 [attr.absolute-index]="dataItem.index"
-                [attr.id]="optionPrefix + '-' + itemIndex"
+                [attr.id]="optionPrefix + '-' + (itemIndex - 1 - dataItem.groupIndex)"
                 [attr.tabIndex]="-1"
                 [attr.aria-selected]="isItemSelected(dataItem.offsetIndex)"
                 [class]="listItemClass"
@@ -2527,7 +2530,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 + '-' + itemIndex"
+                [attr.id]="optionPrefix + '-' + dataItem.groupIndex + '-' + dataItem.value"
                 [attr.tabIndex]="-1"
                 [style.width.px]="rowWidth ?? null">
                     <span [class]="listGroupItemTextClass">
@@ -2549,7 +2552,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 [index]="dataItem.offsetIndex"
                 [multipleSelection]="multipleSelection"
                 [attr.absolute-index]="dataItem.index"
-                [attr.id]="optionPrefix + '-' + itemIndex"
+                [attr.id]="optionPrefix + '-' + (itemIndex - 1 - dataItem.groupIndex)"
                 [attr.tabIndex]="-1"
                 [attr.aria-selected]="isItemSelected(dataItem.offsetIndex)"
                 [class]="listItemClass"
@@ -6434,6 +6437,7 @@ class ComboBoxComponent extends MultiTabStop {
                 class="k-input-button k-button k-icon-button"
                 [ngClass]="selectButtonClasses"
                 [attr.aria-label]="messageFor('selectButtonText')"
+                [attr.disabled]="disabled ? '' : null"
                 (keydown.enter)="$event.stopImmediatePropagation();"
                 [kendoEventsOutsideAngular]="{
                     mousedown: preventEventDefault
@@ -6622,6 +6626,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 class="k-input-button k-button k-icon-button"
                 [ngClass]="selectButtonClasses"
                 [attr.aria-label]="messageFor('selectButtonText')"
+                [attr.disabled]="disabled ? '' : null"
                 (keydown.enter)="$event.stopImmediatePropagation();"
                 [kendoEventsOutsideAngular]="{
                     mousedown: preventEventDefault
@@ -8415,6 +8420,7 @@ class DropDownListComponent {
             class="k-input-button k-button k-icon-button"
             [ngClass]="selectButtonClasses"
             [attr.aria-label]="messageFor('selectButtonText')"
+            [attr.disabled]="disabled ? '' : null"
             [kendoEventsOutsideAngular]="{
                 mousedown: onMouseDown
             }"
@@ -8608,6 +8614,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             class="k-input-button k-button k-icon-button"
             [ngClass]="selectButtonClasses"
             [attr.aria-label]="messageFor('selectButtonText')"
+            [attr.disabled]="disabled ? '' : null"
             [kendoEventsOutsideAngular]="{
                 mousedown: onMouseDown
             }"
@@ -12203,6 +12210,7 @@ class MultiColumnComboBoxComponent extends ComboBoxComponent {
                 class="k-input-button k-button k-icon-button"
                 [ngClass]="selectButtonClasses"
                 [attr.aria-label]="messageFor('selectButtonText')"
+                [attr.disabled]="disabled ? '' : null"
                 [kendoEventsOutsideAngular]="{
                     mousedown: preventEventDefault
                 }"
@@ -12489,6 +12497,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 class="k-input-button k-button k-icon-button"
                 [ngClass]="selectButtonClasses"
                 [attr.aria-label]="messageFor('selectButtonText')"
+                [attr.disabled]="disabled ? '' : null"
                 [kendoEventsOutsideAngular]="{
                     mousedown: preventEventDefault
                 }"
@@ -13771,6 +13780,7 @@ class DropDownTreeComponent {
             anchor: this.wrapper,
             appendTo: this.appendTo,
             anchorAlign: anchorPosition,
+            animate: this.popupSettings.animate,
             content: this.popupTemplate,
             popupAlign: popupPosition,
             positionMode: appendToComponent ? 'fixed' : 'absolute',
@@ -14088,6 +14098,7 @@ class DropDownTreeComponent {
             class="k-input-button k-button k-icon-button"
             [ngClass]="selectButtonClasses"
             [attr.aria-label]="messageFor('selectButtonText')"
+            [attr.disabled]="disabled ? '' : null"
         >
             <kendo-icon-wrapper
                 [name]="icon || 'caret-alt-down'"
@@ -14295,6 +14306,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
             class="k-input-button k-button k-icon-button"
             [ngClass]="selectButtonClasses"
             [attr.aria-label]="messageFor('selectButtonText')"
+            [attr.disabled]="disabled ? '' : null"
         >
             <kendo-icon-wrapper
                 [name]="icon || 'caret-alt-down'"
@@ -16299,6 +16311,7 @@ class MultiSelectTreeComponent {
             anchor: this.wrapper,
             appendTo: this.appendTo,
             anchorAlign: anchorPosition,
+            animate: this.popupSettings.animate,
             content: this.popupTemplate,
             popupAlign: popupPosition,
             positionMode: appendToComponent ? 'fixed' : 'absolute',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "18.0.0-develop.8",
+  "version": "18.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",
@@ -16,7 +16,13 @@
     "Progress"
   ],
   "@progress": {
-    "friendlyName": "Dropdowns"
+    "friendlyName": "Dropdowns",
+    "package": {
+      "productName": "Kendo UI for Angular",
+      "productCode": "KENDOUIANGULAR",
+      "publishDate": 1737465024,
+      "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
+    }
   },
   "peerDependencies": {
     "@angular/animations": "16 - 19",
@@ -25,18 +31,18 @@
     "@angular/forms": "16 - 19",
     "@angular/platform-browser": "16 - 19",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "18.0.0-develop.8",
-    "@progress/kendo-angular-utils": "18.0.0-develop.8",
-    "@progress/kendo-angular-l10n": "18.0.0-develop.8",
-    "@progress/kendo-angular-navigation": "18.0.0-develop.8",
-    "@progress/kendo-angular-popup": "18.0.0-develop.8",
-    "@progress/kendo-angular-icons": "18.0.0-develop.8",
-    "@progress/kendo-angular-treeview": "18.0.0-develop.8",
+    "@progress/kendo-angular-common": "18.0.0",
+    "@progress/kendo-angular-utils": "18.0.0",
+    "@progress/kendo-angular-l10n": "18.0.0",
+    "@progress/kendo-angular-navigation": "18.0.0",
+    "@progress/kendo-angular-popup": "18.0.0",
+    "@progress/kendo-angular-icons": "18.0.0",
+    "@progress/kendo-angular-treeview": "18.0.0",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "18.0.0-develop.8",
+    "@progress/kendo-angular-schematics": "18.0.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.0.0-develop.8',
+            '@progress/kendo-angular-inputs': '18.0.0',
             // peers of inputs
-            '@progress/kendo-angular-intl': '18.0.0-develop.8',
+            '@progress/kendo-angular-intl': '18.0.0',
             '@progress/kendo-drawing': '^1.17.2',
             // Peer dependency of icons
             '@progress/kendo-svg-icons': '^4.0.0'