@fundamental-ngx/platform 0.43.36 → 0.43.38

package/fesm2015/fundamental-ngx-platform-list.mjs

@@ -395,7 +395,9 @@ class BaseListItem extends BaseComponent {
      * Show navigation for single list
      */
     ngOnInit() {
-        this.id = `fdp-list-item-${nextListItemId++}`;
+        if (!this.id || this.id === this.defaultId) {
+            this.id = `fdp-list-item-${nextListItemId++}`;
+        }
     }
     /** @hidden */
     ngOnDestroy() {
@@ -1039,10 +1041,17 @@ class ListComponent extends CollectionBaseInput {
             this._multiSelect = false;
         }
         this._selectionModel = new SelectionModel(this._multiSelect, this.selectedItems);
-        this._selectionModel.changed.pipe(takeUntil(this._destroyed)).subscribe(() => {
+        this._selectionModel.changed.pipe(takeUntil(this._destroyed)).subscribe((selection) => {
+            var _a, _b;
             this.selectedItems = this._selectionModel.selected;
             const event = new SelectionChangeEvent();
             event.selectedItems = this.selectedItems;
+            if ((_a = selection.added) === null || _a === void 0 ? void 0 : _a.length) {
+                event.added = selection.added[0];
+            }
+            if ((_b = selection.removed) === null || _b === void 0 ? void 0 : _b.length) {
+                event.removed = selection.removed[0];
+            }
             this.stateChanges.next(event);
             this.selectedItemChange.emit(event);
         });
@@ -1166,6 +1175,10 @@ class ListComponent extends CollectionBaseInput {
         this.stateChanges.next(item);
     }
     /** @hidden */
+    _clearSelection() {
+        this._selectionModel.clear();
+    }
+    /** @hidden */
     _setItems() {
         if (this._dsItems.length !== null && this.itemSize !== 0) {
             this._startIndex = 0;