RED-10509: added disableStopPropagation option for action config.

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/page-header.component.html

@@ -60,10 +60,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,7 @@ import { filterEach } from '../../utils';
 import { List } from '../../utils';
 import { IListable } from '../models';
 import { ActionConfig, ButtonConfig, SearchPosition, SearchPositions } from './models';
+import { DisableStopPropagationDirective } from '../../directives';
 
 @Component({
     selector: 'iqser-page-header',
@@ -31,6 +32,7 @@ import { ActionConfig, ButtonConfig, SearchPosition, SearchPositions } from './m
         CircleButtonComponent,
         TranslateModule,
         InputWithActionComponent,
+        DisableStopPropagationDirective,
     ],
 })
 export class PageHeaderComponent<T extends IListable> {