@progress/kendo-angular-dropdowns 7.2.1 → 7.2.2-dev.202210120944

package/common/searchbar.component.d.ts

@@ -46,7 +46,7 @@ export declare class SearchBarComponent implements OnChanges, OnInit, OnDestroy,
     private _placeholder;
     private _isSuggestable;
     private _isFilterable;
-    private control?;
+    private control;
     private renderer;
     private subs;
     constructor(localization: LocalizationService, renderer: Renderer2, injector: Injector);

package/dropdowntrees/multiselecttree.component.d.ts

@@ -429,6 +429,7 @@ export declare class MultiSelectTreeComponent implements OnInit, OnDestroy, OnCh
     private _fillMode;
     private subscriptions;
     private lastNodeOnFocus;
+    private isContentInit;
     constructor(wrapper: ElementRef, popupService: PopupService, renderer: Renderer2, navigationService: NavigationService, _zone: NgZone, localization: LocalizationService, cdr: ChangeDetectorRef, lookup: MultiSelectTreeLookupService, touchEnabled: boolean);
     ngOnInit(): void;
     /**

package/esm2015/dropdowntrees/multiselecttree.component.js

@@ -418,6 +418,10 @@ export class MultiSelectTreeComponent {
     set data(data) {
         this._nodes = data;
         this.setState();
+        if (this.isContentInit) {
+            // Needed for when the data is loaded later/asynchronously because it would not exist on ngContentInit
+            this.registerLookupItems(data);
+        }
     }
     get data() {
         return this._nodes;
@@ -440,26 +444,32 @@ export class MultiSelectTreeComponent {
      * Needs to be provided when when programmatically setting a `value` and `valuePrimitive` is set to `true`.
      */
     set dataItems(items) {
-        this._dataItems = (items || []).map((item, index) => {
-            if (hasProps(item, ['dataItem', 'index', 'level'])) {
-                return item;
+        this._dataItems = (items || []).map((dataItem, index) => {
+            if (hasProps(dataItem, ['dataItem', 'index', 'level'])) {
+                return dataItem;
             }
+            const level = this.valueDepth[index] || 0;
+            const key = valueFrom({ dataItem, level }, this.valueField) + '_' + (this.isHeterogeneous ? this.valueDepth[index] : 0);
             return {
-                dataItem: item,
+                dataItem,
                 index: null,
-                level: this.valueDepth[index] || 0,
-                key: valueFrom({ dataItem: item }, this.valueField) + '_' + (this.isHeterogeneous ? this.valueDepth[index] : 0)
+                level,
+                key
             };
         });
         this.setState();
     }
     get dataItems() {
-        return this._dataItems || this.value.map((value, index) => ({
-            dataItem: value,
-            index: null,
-            level: this.valueDepth[index] || 0,
-            key: valueFrom({ dataItem: value }, this.valueField) + '_' + (this.isHeterogeneous ? this.valueDepth[index] : 0)
-        }));
+        return this._dataItems || this.value.map((value, index) => {
+            const level = this.valueDepth[index] || 0;
+            const key = valueFrom({ dataItem: value, level }, this.valueField) + '_' + (this.isHeterogeneous ? this.valueDepth[index] : 0);
+            return {
+                dataItem: value,
+                index: null,
+                level,
+                key
+            };
+        });
     }
     /**
      * @hidden
@@ -626,7 +636,7 @@ export class MultiSelectTreeComponent {
             }
             else {
                 // Re-map the dataItems because `valueDepth` is not yet available when the check directive parses the items
-                this.dataItems = this.dataItems.map((item, index) => (Object.assign(Object.assign({}, item), { level: this.valueDepth[index] || 0 })));
+                this.dataItems = this.dataItems.map((item, index) => (Object.assign(Object.assign({}, item), { key: valueFrom({ dataItem: item.dataItem, index: null, level: this.valueDepth[index] || 0 }, this.valueField) + '_' + (this.isHeterogeneous ? this.valueDepth[index] : 0), level: this.valueDepth[index] || 0 })));
             }
         }
         if (anyChanged(['data', 'children', 'hasChildren', 'loadOnDemand', 'valueField'], changes, true) && !this.loadOnDemand) {
@@ -641,6 +651,9 @@ export class MultiSelectTreeComponent {
         this.verifySettings();
     }
     ngAfterContentInit() {
+        this.isContentInit = true;
+        // Still need to keep the call of 'registerLookupItems()' from ngAfterContentInit in the cases when the data is passed initially
+        // The call is execute here because we have to make sure it happens after all input properties are loaded (not the case in the data setter initially)
         this.registerLookupItems(this.data);
     }
     /**
@@ -1414,6 +1427,7 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
                 [style.maxHeight.px]="listHeight"
                 [animate]="false"
                 kendoMultiSelectTreeCheckable
+                [isHeterogeneous]="isHeterogeneous"
                 [checkable]="checkableSettings"
                 [checkedItems]="checkedItems"
                 [valueField]="valueField"
@@ -1445,7 +1459,7 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
                 }">
             </ng-template>
             <!--no-data template-->
-            <div class="k-no-data" *ngIf="data?.length === 0 || allNodesHidden">
+            <div class="k-no-data" *ngIf="!data || data?.length === 0 || allNodesHidden">
                 <ng-template [ngIf]="noDataTemplate"
                     [templateContext]="{
                         templateRef: noDataTemplate?.templateRef
@@ -1618,6 +1632,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [style.maxHeight.px]="listHeight"
                 [animate]="false"
                 kendoMultiSelectTreeCheckable
+                [isHeterogeneous]="isHeterogeneous"
                 [checkable]="checkableSettings"
                 [checkedItems]="checkedItems"
                 [valueField]="valueField"
@@ -1649,7 +1664,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }">
             </ng-template>
             <!--no-data template-->
-            <div class="k-no-data" *ngIf="data?.length === 0 || allNodesHidden">
+            <div class="k-no-data" *ngIf="!data || data?.length === 0 || allNodesHidden">
                 <ng-template [ngIf]="noDataTemplate"
                     [templateContext]="{
                         templateRef: noDataTemplate?.templateRef

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1665041198,
+    publishDate: 1665567817,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/fesm2015/kendo-angular-dropdowns.js

@@ -29,7 +29,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-dropdowns',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1665041198,
+    publishDate: 1665567817,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
@@ -12361,6 +12361,10 @@ class MultiSelectTreeComponent {
     set data(data) {
         this._nodes = data;
         this.setState();
+        if (this.isContentInit) {
+            // Needed for when the data is loaded later/asynchronously because it would not exist on ngContentInit
+            this.registerLookupItems(data);
+        }
     }
     get data() {
         return this._nodes;
@@ -12383,26 +12387,32 @@ class MultiSelectTreeComponent {
      * Needs to be provided when when programmatically setting a `value` and `valuePrimitive` is set to `true`.
      */
     set dataItems(items) {
-        this._dataItems = (items || []).map((item, index) => {
-            if (hasProps(item, ['dataItem', 'index', 'level'])) {
-                return item;
+        this._dataItems = (items || []).map((dataItem, index) => {
+            if (hasProps(dataItem, ['dataItem', 'index', 'level'])) {
+                return dataItem;
             }
+            const level = this.valueDepth[index] || 0;
+            const key = valueFrom({ dataItem, level }, this.valueField) + '_' + (this.isHeterogeneous ? this.valueDepth[index] : 0);
             return {
-                dataItem: item,
+                dataItem,
                 index: null,
-                level: this.valueDepth[index] || 0,
-                key: valueFrom({ dataItem: item }, this.valueField) + '_' + (this.isHeterogeneous ? this.valueDepth[index] : 0)
+                level,
+                key
             };
         });
         this.setState();
     }
     get dataItems() {
-        return this._dataItems || this.value.map((value, index) => ({
-            dataItem: value,
-            index: null,
-            level: this.valueDepth[index] || 0,
-            key: valueFrom({ dataItem: value }, this.valueField) + '_' + (this.isHeterogeneous ? this.valueDepth[index] : 0)
-        }));
+        return this._dataItems || this.value.map((value, index) => {
+            const level = this.valueDepth[index] || 0;
+            const key = valueFrom({ dataItem: value, level }, this.valueField) + '_' + (this.isHeterogeneous ? this.valueDepth[index] : 0);
+            return {
+                dataItem: value,
+                index: null,
+                level,
+                key
+            };
+        });
     }
     /**
      * @hidden
@@ -12569,7 +12579,7 @@ class MultiSelectTreeComponent {
             }
             else {
                 // Re-map the dataItems because `valueDepth` is not yet available when the check directive parses the items
-                this.dataItems = this.dataItems.map((item, index) => (Object.assign(Object.assign({}, item), { level: this.valueDepth[index] || 0 })));
+                this.dataItems = this.dataItems.map((item, index) => (Object.assign(Object.assign({}, item), { key: valueFrom({ dataItem: item.dataItem, index: null, level: this.valueDepth[index] || 0 }, this.valueField) + '_' + (this.isHeterogeneous ? this.valueDepth[index] : 0), level: this.valueDepth[index] || 0 })));
             }
         }
         if (anyChanged(['data', 'children', 'hasChildren', 'loadOnDemand', 'valueField'], changes, true) && !this.loadOnDemand) {
@@ -12584,6 +12594,9 @@ class MultiSelectTreeComponent {
         this.verifySettings();
     }
     ngAfterContentInit() {
+        this.isContentInit = true;
+        // Still need to keep the call of 'registerLookupItems()' from ngAfterContentInit in the cases when the data is passed initially
+        // The call is execute here because we have to make sure it happens after all input properties are loaded (not the case in the data setter initially)
         this.registerLookupItems(this.data);
     }
     /**
@@ -13357,6 +13370,7 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
                 [style.maxHeight.px]="listHeight"
                 [animate]="false"
                 kendoMultiSelectTreeCheckable
+                [isHeterogeneous]="isHeterogeneous"
                 [checkable]="checkableSettings"
                 [checkedItems]="checkedItems"
                 [valueField]="valueField"
@@ -13388,7 +13402,7 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
                 }">
             </ng-template>
             <!--no-data template-->
-            <div class="k-no-data" *ngIf="data?.length === 0 || allNodesHidden">
+            <div class="k-no-data" *ngIf="!data || data?.length === 0 || allNodesHidden">
                 <ng-template [ngIf]="noDataTemplate"
                     [templateContext]="{
                         templateRef: noDataTemplate?.templateRef
@@ -13561,6 +13575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [style.maxHeight.px]="listHeight"
                 [animate]="false"
                 kendoMultiSelectTreeCheckable
+                [isHeterogeneous]="isHeterogeneous"
                 [checkable]="checkableSettings"
                 [checkedItems]="checkedItems"
                 [valueField]="valueField"
@@ -13592,7 +13607,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 }">
             </ng-template>
             <!--no-data template-->
-            <div class="k-no-data" *ngIf="data?.length === 0 || allNodesHidden">
+            <div class="k-no-data" *ngIf="!data || data?.length === 0 || allNodesHidden">
                 <ng-template [ngIf]="noDataTemplate"
                     [templateContext]="{
                         templateRef: noDataTemplate?.templateRef

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-dropdowns",
-  "version": "7.2.1",
+  "version": "7.2.2-dev.202210120944",
   "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",