RED-10517: fixed selected sorting.

src/assets/styles/common-layout.scss

@@ -254,6 +254,10 @@ section.settings {
     cursor: pointer;
 }
 
+.cursor-default {
+    cursor: default;
+}
+
 .fit-content {
     width: fit-content;
 }

src/lib/inputs/details-radio/details-radio-option.ts

@@ -19,7 +19,7 @@ export interface DetailsRadioOption<I> {
     id?: string;
     label: string;
     description: string;
-    descriptionParams?: Record<string, string>;
+    descriptionParams?: Record<string, string | number>;
     icon?: string;
     value: I;
     disabled?: boolean;

src/lib/listing/page-header/models/action-config.model.ts

@@ -1,9 +1,10 @@
 import { BaseHeaderConfig } from './base-config.model';
 import { Observable } from 'rxjs';
-import { OverlappingElement } from '../../../help-mode';
 
 export interface ActionConfig extends BaseHeaderConfig {
     readonly action: ($event: MouseEvent) => void;
     readonly helpModeKey?: string;
     readonly disabled$?: Observable<boolean>;
+    readonly disabled?: boolean;
+    readonly disableStopPropagation?: boolean;
 }

src/lib/listing/page-header/models/button-config.model.ts

@@ -3,4 +3,5 @@ import { ActionConfig } from './action-config.model';
 
 export interface ButtonConfig extends ActionConfig {
     readonly type?: IconButtonType;
+    readonly tooltip?: string;
 }

src/lib/listing/page-header/page-header.component.html

@@ -50,7 +50,10 @@
                         [icon]="config.icon"
                         [label]="config.label | translate"
                         [type]="config.type"
+                        [matTooltip]="(config.tooltip | translate) ?? ''"
+                        [disabled]="config.disabled"
                         [attr.help-mode-key]="config.helpModeKey"
+                        matTooltipPosition="above"
                     ></iqser-icon-button>
                 }
             }
@@ -60,10 +63,11 @@
                         <iqser-circle-button
                             (action)="config.action($event)"
                             [buttonId]="config.id"
-                            [disabled]="config.disabled$ && (config.disabled$ | async)"
+                            [disabled]="config.disabled"
                             [icon]="config.icon"
                             [tooltip]="config.label | translate"
                             [attr.help-mode-key]="config.helpModeKey"
+                            [iqserDisableStopPropagation]="config.disableStopPropagation"
                         ></iqser-circle-button>
                     }
                 }

src/lib/listing/page-header/page-header.component.ts

@@ -15,6 +15,8 @@ import { filterEach } from '../../utils';
 import { List } from '../../utils';
 import { IListable } from '../models';
 import { ActionConfig, ButtonConfig, SearchPosition, SearchPositions } from './models';
+import { MatTooltip } from '@angular/material/tooltip';
+import { DisableStopPropagationDirective } from '../../directives';
 
 @Component({
     selector: 'iqser-page-header',
@@ -31,6 +33,8 @@ import { ActionConfig, ButtonConfig, SearchPosition, SearchPositions } from './m
         CircleButtonComponent,
         TranslateModule,
         InputWithActionComponent,
+        MatTooltip,
+        DisableStopPropagationDirective,
     ],
 })
 export class PageHeaderComponent<T extends IListable> {

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

@@ -52,7 +52,7 @@ export class ListingService<Class extends IListable<PrimaryKey>, PrimaryKey exte
 
     get selected(): Class[] {
         const selectedIds = this.selectedIds;
-        return this._entitiesService.all.filter(a => selectedIds.includes(a.id));
+        return selectedIds.map(id => this._entitiesService.all.find(a => a.id === id)).filter(a => !!a);
     }
 
     get selectedIds(): PrimaryKey[] {

src/lib/listing/table-content/table-content.component.scss

@@ -75,6 +75,5 @@
 
 a {
     display: contents;
-    cursor: default;
     @include mixins.clear-a;
 }

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

@@ -87,7 +87,7 @@ export class TableContentComponent<Class extends IListable<PrimaryKey>, PrimaryK
     getTableItemClasses(entity: Class): Record<string, boolean> {
         const classes: Record<string, boolean> = {
             'table-item': true,
-            pointer: !!entity.routerLink && entity.routerLink.length > 0,
+            'cursor-default': !entity.routerLink,
         };
         for (const key in this.tableItemClasses) {
             if (Object.prototype.hasOwnProperty.call(this.tableItemClasses, key)) {