RED-10206: added disabled and tooltip directives for button config.

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

@@ -3,4 +3,6 @@ import { ActionConfig } from './action-config.model';
 
 export interface ButtonConfig extends ActionConfig {
     readonly type?: IconButtonType;
+    readonly disabled?: boolean;
+    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>
                 }
             }

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 { MatTooltip } from '@angular/material/tooltip';
 
 @Component({
     selector: 'iqser-page-header',
@@ -31,6 +32,7 @@ import { ActionConfig, ButtonConfig, SearchPosition, SearchPositions } from './m
         CircleButtonComponent,
         TranslateModule,
         InputWithActionComponent,
+        MatTooltip,
     ],
 })
 export class PageHeaderComponent<T extends IListable> {