fix item select

src/lib/listing/services/listing.service.ts

@@ -99,7 +99,7 @@ export class ListingService<E extends IListable> {
     isSelected$(entity: E): Observable<boolean> {
         return this._selected$.pipe(
             any(selectedId => selectedId === entity.id),
-            shareDistinctLast(),
+            shareLast(),
         );
     }
 

src/lib/listing/table-content/table-item/table-item.component.ts

@@ -1,8 +1,9 @@
-import { ChangeDetectionStrategy, Component, forwardRef, Inject, Input, OnInit } from '@angular/core';
+import { ChangeDetectionStrategy, Component, forwardRef, Inject, Input, OnChanges } from '@angular/core';
-import { Observable } from 'rxjs';
+import { BehaviorSubject, Observable } from 'rxjs';
 import { ListingComponent } from '../..';
 import { IListable } from '../../models';
 import { ListingService } from '../../services';
+import { switchMap } from 'rxjs/operators';
 
 @Component({
     selector: 'iqser-table-item',
@@ -10,18 +11,21 @@ import { ListingService } from '../../services';
     styleUrls: ['./table-item.component.scss'],
     changeDetection: ChangeDetectionStrategy.OnPush,
 })
-export class TableItemComponent<T extends IListable> implements OnInit {
+export class TableItemComponent<T extends IListable> implements OnChanges {
     @Input() entity!: T;
     @Input() selectionEnabled = false;
 
     isSelected$!: Observable<boolean>;
+    private readonly _entityChanged$ = new BehaviorSubject<T>(this.entity);
 
     constructor(
         @Inject(forwardRef(() => ListingComponent)) readonly listingComponent: ListingComponent<T>,
         readonly listingService: ListingService<T>,
-    ) {}
+    ) {
+        this.isSelected$ = this._entityChanged$.pipe(switchMap(entity => this.listingService.isSelected$(entity)));
+    }
 
-    ngOnInit(): void {
+    ngOnChanges(): void {
-        this.isSelected$ = this.listingService.isSelected$(this.entity);
+        this._entityChanged$.next(this.entity);
     }
 }