@dbg-riskit/angular-testing 20.0.2 → 20.1.0

package/fesm2022/dbg-riskit-angular-testing.mjs

@@ -2,21 +2,21 @@ import '@dbg-riskit/angular-polyfill';
 import { getTestBed, tick, discardPeriodicTasks } from '@angular/core/testing';
 import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
 import * as i0 from '@angular/core';
-import { EventEmitter, Injectable, Component, inject, Input } from '@angular/core';
+import { EventEmitter, Injectable, Component, input, signal, inject, ChangeDetectionStrategy } from '@angular/core';
 import { MatMenuTrigger, MatMenuItem } from '@angular/material/menu';
 import { By } from '@angular/platform-browser';
-import { CSVFileDownloadDirective, FileDownloadDirective } from '@dbg-riskit/angular-file';
+import { RiskCSVFileDownloadDirective, RiskFileDownloadDirective } from '@dbg-riskit/angular-file';
 import 'file-saver';
-import { RISK_INITIAL_LOAD_SELECTOR, RISK_NO_DATA_SELECTOR, LayoutComponent, HorizontalLayoutDirective, VerticalLayoutDirective, MessageComponent, RISK_GOOD_SELECTOR, RISK_ERROR_SELECTOR, RISK_INFO_SELECTOR, RISK_MESSAGE_SELECTOR, RISK_WARN_SELECTOR, RISK_UPDATE_FAILED_SELECTOR } from '@dbg-riskit/angular-view';
-export { LayoutComponent } from '@dbg-riskit/angular-view';
-import { throwError, of, timer, EMPTY, BehaviorSubject } from 'rxjs';
+import { RISK_INITIAL_LOAD_SELECTOR, RISK_NO_DATA_SELECTOR, RiskLayoutComponent, RiskLayoutHorizontalDirective, RiskLayoutVerticalDirective, RiskMessageComponent, RISK_GOOD_SELECTOR, RISK_ERROR_SELECTOR, RISK_INFO_SELECTOR, RISK_MESSAGE_SELECTOR, RISK_WARN_SELECTOR, RISK_UPDATE_FAILED_SELECTOR } from '@dbg-riskit/angular-view';
+export { RiskLayoutComponent } from '@dbg-riskit/angular-view';
+import { throwError, of, timer, defer, EMPTY, BehaviorSubject } from 'rxjs';
 import { switchMap, defaultIfEmpty, map } from 'rxjs/operators';
 import { MatCard } from '@angular/material/card';
 import { MatIconButton, MatIconAnchor, MatButton } from '@angular/material/button';
 import { MatButtonToggle } from '@angular/material/button-toggle';
 import { MatIcon } from '@angular/material/icon';
 import { MatTooltip } from '@angular/material/tooltip';
-import { PagingComponent, DataTableRowDetailExpanderComponent, HIGHLIGHTER_CLASS, DataTableComponent, DataTableColumnDirective, DataTableColumnCellDirective, DataTableColumnFooterDirective, DataTableRowDetailDirective, DataTableColumnGroupDirective, HighlighterDirective } from '@dbg-riskit/angular-datatable';
+import { RiskDataTablePagingComponent, RiskDataTableRowDetailExpanderComponent, HIGHLIGHTER_CLASS, RiskDataTableComponent, RiskDataTableColumnCellDirective, RiskDataTableColumnDirective, RiskDataTableColumnFooterDirective, RiskDataTableColumnGroupDirective, RiskDataTableRowDetailDirective, RiskHighlighterDirective } from '@dbg-riskit/angular-datatable';
 import { secureRandom, ReplaySubjectExt, globalScope } from '@dbg-riskit/common';
 import { MatSidenavContainer, MatSidenav } from '@angular/material/sidenav';
 import { MatToolbar } from '@angular/material/toolbar';
@@ -131,10 +131,10 @@ class HttpServiceStub {
     post(request) {
         return this.get(request);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HttpServiceStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HttpServiceStub }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HttpServiceStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HttpServiceStub }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HttpServiceStub, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HttpServiceStub, decorators: [{
             type: Injectable
         }] });
 class HttpAsyncServiceStub extends HttpServiceStub {
@@ -144,14 +144,14 @@ class HttpAsyncServiceStub extends HttpServiceStub {
     post(request) {
         return this.get(request);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HttpAsyncServiceStub, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HttpAsyncServiceStub }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HttpAsyncServiceStub, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HttpAsyncServiceStub }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HttpAsyncServiceStub, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: HttpAsyncServiceStub, decorators: [{
             type: Injectable
         }] });
 
-class MessageComponentDef {
+class RiskMessageComponentDef {
     constructor(debugElement) {
         this.debugElement = debugElement;
         if (debugElement == null) {
@@ -202,6 +202,10 @@ class Page {
             // Nothing to do...
         }
     }
+    setInput(inputName, value) {
+        this.fixture.componentRef.setInput(inputName, value);
+        this.detectChanges();
+    }
 }
 class PageWithLoading extends Page {
     constructor(fixture) {
@@ -210,20 +214,20 @@ class PageWithLoading extends Page {
     get initialLoadComponent() {
         const element = this.debugElement.query(By.css(RISK_INITIAL_LOAD_SELECTOR));
         if (element) {
-            return new MessageComponentDef(element);
+            return new RiskMessageComponentDef(element);
         }
         return null;
     }
     get noDataComponent() {
         const element = this.debugElement.query(By.css(RISK_NO_DATA_SELECTOR));
         if (element) {
-            return new MessageComponentDef(element);
+            return new RiskMessageComponentDef(element);
         }
         return null;
     }
 }
 
-class CSVDownloadMenuPage extends Page {
+class RiskCSVDownloadMenuPage extends Page {
     constructor(fixture) {
         super(fixture);
     }
@@ -263,10 +267,10 @@ class DownloadLink {
         if (!this._blobSpy) {
             let downloadDirective;
             try {
-                downloadDirective = this.element.injector.get(CSVFileDownloadDirective);
+                downloadDirective = this.element.injector.get(RiskCSVFileDownloadDirective);
             }
             catch (_) {
-                downloadDirective = this.element.injector.get(FileDownloadDirective);
+                downloadDirective = this.element.injector.get(RiskFileDownloadDirective);
             }
             this._blobSpy = spyOn(downloadDirective, 'createBlob').and.callThrough();
         }
@@ -278,14 +282,14 @@ class DownloadLink {
     }
 }
 class DownloadTestComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DownloadTestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: DownloadTestComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DownloadTestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: DownloadTestComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
         <a [risk-download]="data"
            [risk-download-content-type]="contentType"
            [risk-download-filename]="filename">Download</a>
-    `, isInline: true, dependencies: [{ kind: "directive", type: FileDownloadDirective, selector: "[risk-download]", inputs: ["risk-download", "risk-download-content-type", "risk-download-filename"] }] }); }
+    `, isInline: true, dependencies: [{ kind: "directive", type: RiskFileDownloadDirective, selector: "[risk-download]", inputs: ["risk-download", "risk-download-content-type", "risk-download-filename"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: DownloadTestComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: DownloadTestComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -293,7 +297,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
            [risk-download-content-type]="contentType"
            [risk-download-filename]="filename">Download</a>
     `,
-                    imports: [FileDownloadDirective]
+                    imports: [RiskFileDownloadDirective]
                 }]
         }] });
 class DownloadTestComponentPage extends Page {
@@ -301,11 +305,11 @@ class DownloadTestComponentPage extends Page {
         super(fixture);
     }
     get downloadLink() {
-        return new DownloadLink(this.debugElement.query(By.directive(FileDownloadDirective)), this);
+        return new DownloadLink(this.debugElement.query(By.directive(RiskFileDownloadDirective)), this);
     }
 }
 
-class DataTableDefinition {
+class RiskDataTableDefinition {
     constructor(debugElement, page) {
         this.debugElement = debugElement;
         this.page = page;
@@ -335,7 +339,7 @@ class DataTableDefinition {
         return new RecordsCount(this.debugElement.query(By.css('.risk-data-table-page-count')));
     }
     get pager() {
-        return new Pager(this.debugElement.query(By.directive(PagingComponent)), this.page);
+        return new Pager(this.debugElement.query(By.directive(RiskDataTablePagingComponent)), this.page);
     }
 }
 // <editor-fold defaultstate="collapsed" desc="Table header">
@@ -427,14 +431,14 @@ class TableSorting {
         });
     }
     get currentOrdering() {
-        return this.table.component.ordering;
+        return this.table.component.ordering();
     }
     checkSorting(firstNRows = this.table.component.rows.length, criterium) {
         // WARN: call data once as it calls .map on all table rows
         const data = this.table.data;
         let ordering;
         if (criterium) {
-            ordering = [criterium].concat(this.table.component._defaultOrdering);
+            ordering = [criterium].concat(this.table.component._defaultOrdering());
         }
         else {
             ordering = this.currentOrdering;
@@ -505,7 +509,8 @@ class TableBodyRow {
         this.page = page;
     }
     get expander() {
-        return new RowExpander(this.element.query(By.directive(DataTableRowDetailExpanderComponent)).query(By.directive(MatIconAnchor)));
+        return new RowExpander(this.element.query(By.directive(RiskDataTableRowDetailExpanderComponent))
+            .query(By.directive(MatIconAnchor)));
     }
     get cells() {
         return this.element.queryAll(By.css('td')).map((element) => {
@@ -718,23 +723,23 @@ class DataTableDefinitionHosted extends Page {
         super(fixture);
     }
     get dataTable() {
-        return new DataTableDefinition(this.debugElement.query(By.directive(DataTableComponent)), this);
+        return new RiskDataTableDefinition(this.debugElement.query(By.directive(RiskDataTableComponent)), this);
+    }
+    setData(data) {
+        this.fixture.componentRef.setInput('data', data);
+        this.detectChanges();
+    }
+    setPageSize(size) {
+        this.fixture.componentRef.setInput('pageSize', size);
+        this.detectChanges();
     }
 }
 class TestDataTableHostComponent {
     constructor() {
-        this.data = [];
-        for (let i = 0; i < 500; i++) {
-            this.data.push({
-                value1: Math.floor(secureRandom() * 20) + ' - value 1',
-                value2: Math.floor(secureRandom() * 20) + ' - value 2',
-                value3: Math.floor(secureRandom() * 20) + ' - value 3'
-            });
-        }
-        this.footer = this.data[0];
-    }
-    get defaultOrdering() {
-        return [
+        this.data = input(TestDataTableHostComponent.defaultData, ...(ngDevMode ? [{ debugName: "data" }] : []));
+        this.pageSize = input(20, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+        this.footer = signal(TestDataTableHostComponent.defaultData[0], ...(ngDevMode ? [{ debugName: "footer" }] : []));
+        this.defaultOrdering = [
             {
                 get: (record) => {
                     return record.value3;
@@ -745,17 +750,26 @@ class TestDataTableHostComponent {
                 return record.value2;
             }
         ];
-    }
-    get valueGetter() {
-        return (record) => {
+        this.valueGetter = (record) => {
             return record.value1;
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TestDataTableHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: TestDataTableHostComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
-        <risk-data-table [data]="data"
-                         [footer]="footer"
-                         [pageSize]="20"
+    static { this.defaultData = (() => {
+        const data = [];
+        for (let i = 0; i < 500; i++) {
+            data.push({
+                value1: Math.floor(secureRandom() * 20) + ' - value 1',
+                value2: Math.floor(secureRandom() * 20) + ' - value 2',
+                value3: Math.floor(secureRandom() * 20) + ' - value 3'
+            });
+        }
+        return data;
+    })(); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TestDataTableHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: TestDataTableHostComponent, isStandalone: true, selector: "ng-component", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+        <risk-data-table [data]="data()"
+                         [footer]="footer()"
+                         [pageSize]="pageSize()"
                          [defaultOrdering]="defaultOrdering"
                          [striped]="true">
             <risk-data-table-column title="Test Column 1"
@@ -796,15 +810,15 @@ class TestDataTableHostComponent {
                 </risk-data-table-column-group>
                 <risk-data-table-column-group/>
             </risk-data-table-detail-row>
-        </risk-data-table>`, isInline: true, dependencies: [{ kind: "component", type: DataTableComponent, selector: "risk-data-table", inputs: ["footer", "pageSize", "striped", "showFooter", "allowEmpty", "trackByRowKey", "highlighting", "stickyHeader", "stickyHeaderOffsetTopPx", "defaultOrdering", "data"], exportAs: ["dataTable"] }, { kind: "directive", type: DataTableColumnDirective, selector: "risk-data-table-column", inputs: ["title", "sortingKey", "tooltip", "contentAlign", "headerAlign", "footerAlign", "class"] }, { kind: "directive", type: DataTableColumnCellDirective, selector: "[risk-data-table-cell]" }, { kind: "component", type: DataTableRowDetailExpanderComponent, selector: "risk-data-table-detail-expander", inputs: ["expanded"] }, { kind: "directive", type: DataTableColumnFooterDirective, selector: "[risk-data-table-footer-cell]" }, { kind: "directive", type: DataTableRowDetailDirective, selector: "risk-data-table-detail-row" }, { kind: "directive", type: DataTableColumnGroupDirective, selector: "risk-data-table-column-group" }] }); }
+        </risk-data-table>`, isInline: true, dependencies: [{ kind: "directive", type: RiskDataTableColumnCellDirective, selector: "[risk-data-table-cell]" }, { kind: "directive", type: RiskDataTableColumnDirective, selector: "risk-data-table-column", inputs: ["title", "sortingKey", "tooltip", "contentAlign", "headerAlign", "footerAlign", "class"] }, { kind: "directive", type: RiskDataTableColumnFooterDirective, selector: "[risk-data-table-footer-cell]" }, { kind: "directive", type: RiskDataTableColumnGroupDirective, selector: "risk-data-table-column-group" }, { kind: "component", type: RiskDataTableComponent, selector: "risk-data-table", inputs: ["footer", "pageSize", "striped", "showFooter", "allowEmpty", "trackByRowKey", "highlighting", "stickyHeader", "stickyHeaderOffsetTopPx", "data", "defaultOrdering"], exportAs: ["dataTable"] }, { kind: "directive", type: RiskDataTableRowDetailDirective, selector: "risk-data-table-detail-row" }, { kind: "component", type: RiskDataTableRowDetailExpanderComponent, selector: "risk-data-table-detail-expander", inputs: ["expanded"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TestDataTableHostComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TestDataTableHostComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
-        <risk-data-table [data]="data"
-                         [footer]="footer"
-                         [pageSize]="20"
+        <risk-data-table [data]="data()"
+                         [footer]="footer()"
+                         [pageSize]="pageSize()"
                          [defaultOrdering]="defaultOrdering"
                          [striped]="true">
             <risk-data-table-column title="Test Column 1"
@@ -847,31 +861,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
             </risk-data-table-detail-row>
         </risk-data-table>`,
                     imports: [
-                        DataTableComponent,
-                        DataTableColumnDirective,
-                        DataTableColumnCellDirective,
-                        DataTableRowDetailExpanderComponent,
-                        DataTableColumnFooterDirective,
-                        DataTableRowDetailDirective,
-                        DataTableColumnGroupDirective
+                        RiskDataTableColumnCellDirective,
+                        RiskDataTableColumnDirective,
+                        RiskDataTableColumnFooterDirective,
+                        RiskDataTableColumnGroupDirective,
+                        RiskDataTableComponent,
+                        RiskDataTableRowDetailDirective,
+                        RiskDataTableRowDetailExpanderComponent
                     ]
                 }]
-        }], ctorParameters: () => [] });
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }] } });
 
-class HighLighterDirectiveTestComponent {
+class RiskHighLighterDirectiveTestComponent {
     trackBy(index, row) {
         return row.rowData;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HighLighterDirectiveTestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: HighLighterDirectiveTestComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
-        <div [risk-data-table-highlighter]="trackBy" [risk-data-table-highlighter-context]="context"></div>`, isInline: true, dependencies: [{ kind: "directive", type: HighlighterDirective, selector: "[risk-data-table-highlighter]", inputs: ["risk-data-table-highlighter", "risk-data-table-highlighter-context"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RiskHighLighterDirectiveTestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: RiskHighLighterDirectiveTestComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div [risk-data-table-highlighter]="trackBy" [risk-data-table-highlighter-context]="context"></div>`, isInline: true, dependencies: [{ kind: "directive", type: RiskHighlighterDirective, selector: "[risk-data-table-highlighter]", inputs: ["risk-data-table-highlighter", "risk-data-table-highlighter-context"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: HighLighterDirectiveTestComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RiskHighLighterDirectiveTestComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
         <div [risk-data-table-highlighter]="trackBy" [risk-data-table-highlighter-context]="context"></div>`,
-                    imports: [HighlighterDirective]
+                    imports: [RiskHighlighterDirective]
                 }]
         }] });
 class HighLighterDirectivePage extends Page {
@@ -879,13 +893,13 @@ class HighLighterDirectivePage extends Page {
         super(fixture);
     }
     get highlightedElement() {
-        return this.debugElement.query(By.directive(HighlighterDirective));
+        return this.debugElement.query(By.directive(RiskHighlighterDirective));
     }
     get classList() {
         return this.highlightedElement.nativeElement.classList;
     }
     get highlighter() {
-        return this.highlightedElement.injector.get(HighlighterDirective);
+        return this.highlightedElement.injector.get(RiskHighlighterDirective);
     }
 }
 
@@ -908,7 +922,7 @@ class ByUtil {
     }
 }
 
-class LayoutComponentDefinition {
+class RiskLayoutComponentDefinition {
     constructor(debugElement, page) {
         this.debugElement = debugElement;
         this.page = page;
@@ -946,14 +960,14 @@ class LayoutComponentDefinition {
         this.page.advanceAndDetectChanges(1);
     }
 }
-class TestLayoutComponentHostPage extends Page {
+class RiskLayoutTestComponentHostPage extends Page {
     get layoutComponent() {
-        return new LayoutComponentDefinition(this.debugElement.query(By.directive(LayoutComponent)), this);
+        return new RiskLayoutComponentDefinition(this.debugElement.query(By.directive(RiskLayoutComponent)), this);
     }
 }
-class TestLayoutHostComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TestLayoutHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: TestLayoutHostComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+class RiskLayoutTestHostComponent {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RiskLayoutTestHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: RiskLayoutTestHostComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
         <risk-layout>
             <!--  menu-horizontal -->
             <risk-layout-horizontal>
@@ -968,9 +982,9 @@ class TestLayoutHostComponent {
 
             <span>Content</span>
         </risk-layout>
-    `, isInline: true, dependencies: [{ kind: "component", type: LayoutComponent, selector: "risk-layout", inputs: ["smallScreenMenuVisible", "smallScreenWidth", "footerVisible", "toolbarBackgroundColor", "backgroundColor"] }, { kind: "directive", type: HorizontalLayoutDirective, selector: "risk-layout-horizontal" }, { kind: "directive", type: VerticalLayoutDirective, selector: "risk-layout-vertical" }] }); }
+    `, isInline: true, dependencies: [{ kind: "component", type: RiskLayoutComponent, selector: "risk-layout", inputs: ["smallScreenMenuVisible", "smallScreenWidth", "footerVisible", "toolbarBackgroundColor", "backgroundColor"] }, { kind: "directive", type: RiskLayoutHorizontalDirective, selector: "risk-layout-horizontal" }, { kind: "directive", type: RiskLayoutVerticalDirective, selector: "risk-layout-vertical" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TestLayoutHostComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RiskLayoutTestHostComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -989,7 +1003,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
             <span>Content</span>
         </risk-layout>
     `,
-                    imports: [LayoutComponent, HorizontalLayoutDirective, VerticalLayoutDirective]
+                    imports: [
+                        RiskLayoutComponent,
+                        RiskLayoutHorizontalDirective,
+                        RiskLayoutVerticalDirective
+                    ]
                 }]
         }] });
 
@@ -1038,7 +1056,7 @@ class LoginMenuPage extends Page {
     }
 }
 
-class LoginPage extends Page {
+class RiskLoginPage extends Page {
     constructor(fixture) {
         super(fixture);
     }
@@ -1050,29 +1068,31 @@ class LoginPage extends Page {
     }
     set username(username) {
         setNgModelValue(this.usernameElement, username);
+        this.fixture.detectChanges();
     }
     get passwordElement() {
         return this.formElement.query(By.css('input[name=password]'));
     }
     set password(password) {
         setNgModelValue(this.passwordElement, password);
+        this.fixture.detectChanges();
     }
     get loginButtonElement() {
         return this.formElement.query(By.directive(MatButton));
     }
     get successMessage() {
-        const debugElement = this.debugElement.query(ByUtil.and(By.directive(MessageComponent), By.css(RISK_GOOD_SELECTOR)));
+        const debugElement = this.debugElement.query(ByUtil.and(By.directive(RiskMessageComponent), By.css(RISK_GOOD_SELECTOR)));
         if (!debugElement) {
             return null;
         }
-        return new MessageComponentDef(debugElement);
+        return new RiskMessageComponentDef(debugElement);
     }
     get errorMessage() {
-        const debugElement = this.debugElement.query(ByUtil.or(ByUtil.and(By.directive(MessageComponent), By.css(RISK_ERROR_SELECTOR)), By.css('h3')));
+        const debugElement = this.debugElement.query(ByUtil.or(ByUtil.and(By.directive(RiskMessageComponent), By.css(RISK_ERROR_SELECTOR)), By.css('h3')));
         if (!debugElement) {
             return null;
         }
-        return new MessageComponentDef(debugElement);
+        return new RiskMessageComponentDef(debugElement);
     }
     clickLogin() {
         click(this.loginButtonElement.nativeElement);
@@ -1085,8 +1105,8 @@ class TestMessageHostComponent {
     constructor() {
         this.message = 'custom message';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TestMessageHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: TestMessageHostComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TestMessageHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.15", type: TestMessageHostComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
         <risk-error [message]="message"/>
         <risk-good [message]="message"/>
         <risk-info [message]="message"/>
@@ -1095,9 +1115,9 @@ class TestMessageHostComponent {
         <risk-initial-load [message]="message"/>
         <risk-update-failed [message]="message"/>
         <risk-no-data [message]="message"/>
-    `, isInline: true, dependencies: [{ kind: "component", type: MessageComponent, selector: "risk-error, risk-good, risk-info, risk-message, risk-warn, risk-initial-load, risk-no-data, risk-update-failed", inputs: ["message"] }] }); }
+    `, isInline: true, dependencies: [{ kind: "component", type: RiskMessageComponent, selector: "risk-error, risk-good, risk-info, risk-message, risk-warn, risk-initial-load, risk-no-data, risk-update-failed", inputs: ["message"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: TestMessageHostComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: TestMessageHostComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -1111,7 +1131,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImpo
         <risk-no-data [message]="message"/>
     `,
                     imports: [
-                        MessageComponent
+                        RiskMessageComponent
                     ]
                 }]
         }] });
@@ -1120,28 +1140,28 @@ class MessageHostedPage extends Page {
         super(fixture);
     }
     get error() {
-        return new MessageComponentDef(this.debugElement.query(By.css(RISK_ERROR_SELECTOR)));
+        return new RiskMessageComponentDef(this.debugElement.query(By.css(RISK_ERROR_SELECTOR)));
     }
     get good() {
-        return new MessageComponentDef(this.debugElement.query(By.css(RISK_GOOD_SELECTOR)));
+        return new RiskMessageComponentDef(this.debugElement.query(By.css(RISK_GOOD_SELECTOR)));
     }
     get info() {
-        return new MessageComponentDef(this.debugElement.query(By.css(RISK_INFO_SELECTOR)));
+        return new RiskMessageComponentDef(this.debugElement.query(By.css(RISK_INFO_SELECTOR)));
     }
     get message() {
-        return new MessageComponentDef(this.debugElement.query(By.css(RISK_MESSAGE_SELECTOR)));
+        return new RiskMessageComponentDef(this.debugElement.query(By.css(RISK_MESSAGE_SELECTOR)));
     }
     get warn() {
-        return new MessageComponentDef(this.debugElement.query(By.css(RISK_WARN_SELECTOR)));
+        return new RiskMessageComponentDef(this.debugElement.query(By.css(RISK_WARN_SELECTOR)));
     }
     get initialLoad() {
-        return new MessageComponentDef(this.debugElement.query(By.css(RISK_INITIAL_LOAD_SELECTOR)));
+        return new RiskMessageComponentDef(this.debugElement.query(By.css(RISK_INITIAL_LOAD_SELECTOR)));
     }
     get noData() {
-        return new MessageComponentDef(this.debugElement.query(By.css(RISK_NO_DATA_SELECTOR)));
+        return new RiskMessageComponentDef(this.debugElement.query(By.css(RISK_NO_DATA_SELECTOR)));
     }
     get updateFailed() {
-        return new MessageComponentDef(this.debugElement.query(By.css(RISK_UPDATE_FAILED_SELECTOR)));
+        return new RiskMessageComponentDef(this.debugElement.query(By.css(RISK_UPDATE_FAILED_SELECTOR)));
     }
 }
 
@@ -1180,10 +1200,10 @@ class AuthRoutingFlowServiceStub {
     storeRequestedPath(state) {
         storage.authRequestedPath = state?.url || null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AuthRoutingFlowServiceStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AuthRoutingFlowServiceStub }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthRoutingFlowServiceStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthRoutingFlowServiceStub }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AuthRoutingFlowServiceStub, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthRoutingFlowServiceStub, decorators: [{
             type: Injectable
         }], ctorParameters: () => [] });
 
@@ -1192,12 +1212,12 @@ class AuthServiceStub {
         this._loggedInStream = new ReplaySubjectExt(1);
     }
     get loggedIn() {
-        return of(!!this.user);
+        return defer(() => of(!!this.user));
     }
     get userProfile() {
-        return of(this.user ? {
+        return defer(() => of(this.user ? {
             name: this.user
-        } : undefined);
+        } : undefined));
     }
     get loggedInStream() {
         return this._loggedInStream.asObservable();
@@ -1223,10 +1243,12 @@ class AuthServiceStub {
             this._loggedInStream.next(status);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AuthServiceStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AuthServiceStub }); }
+    refreshToken() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthServiceStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthServiceStub }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: AuthServiceStub, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthServiceStub, decorators: [{
             type: Injectable
         }] });
 
@@ -1242,10 +1264,10 @@ class WellKnownServiceStub {
     get wellKnown() {
         return of(WELL_KNOWN);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: WellKnownServiceStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: WellKnownServiceStub }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WellKnownServiceStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WellKnownServiceStub }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: WellKnownServiceStub, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WellKnownServiceStub, decorators: [{
             type: Injectable
         }] });
 
@@ -1298,29 +1320,28 @@ class RouterStub {
     isActive(_url, _exact) {
         return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: RouterStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: RouterStub }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RouterStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RouterStub }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: RouterStub, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RouterStub, decorators: [{
             type: Injectable
         }] });
 
-class LoginMenuStubComponent {
+class RiskLoginMenuStubComponent {
     constructor() {
-        this.orientation = 'row';
+        this.orientation = input('row', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LoginMenuStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.12", type: LoginMenuStubComponent, isStandalone: true, selector: "login-menu, risk-login-menu", inputs: { orientation: "orientation" }, ngImport: i0, template: '', isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RiskLoginMenuStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: RiskLoginMenuStubComponent, isStandalone: true, selector: "risk-login-menu", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.12", ngImport: i0, type: LoginMenuStubComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RiskLoginMenuStubComponent, decorators: [{
             type: Component,
             args: [{
-                    selector: 'login-menu, risk-login-menu',
+                    selector: 'risk-login-menu',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     template: ''
                 }]
-        }], propDecorators: { orientation: [{
-                type: Input
-            }] } });
+        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }] } });
 
 function compileTestBed(compileFunction, destroyFunction, stubMatchMedia = true) {
     let matchMedia;
@@ -1381,5 +1402,5 @@ if ('beforeEach' in globalScope && globalScope.beforeEach) {
  * Generated bundle index. Do not edit.
  */
 
-export { AuthRoutingFlowServiceStub, AuthServiceStub, BUTTON_CLICK_EVENTS, ByUtil, COMPILE_TIMEOUT_INTERVAL, CSVDownloadMenuPage, DataTableDefinition, DataTableDefinitionHosted, DownloadLink, DownloadTestComponent, DownloadTestComponentPage, FAKE_HTTP_ASYNC_TIMEOUT, HighLighterDirectivePage, HighLighterDirectiveTestComponent, HttpAsyncServiceStub, HttpServiceStub, LayoutComponentDefinition, LinkDefinition, LinkOnlyPage, LoginMenuPage, LoginMenuStubComponent, LoginPage, MessageComponentDef, MessageHostedPage, Page, PageWithLoading, Pager, RecordsCount, RouterStub, RowExpander, SortingHandle, TableBody, TableBodyCell, TableBodyDetail, TableBodyDetailBody, TableBodyDetailRow, TableBodyRow, TableFooter, TableFooterRow, TableHeader, TableHeaderCell, TableHeaderRow, TableSorting, TestDataTableHostComponent, TestLayoutComponentHostPage, TestLayoutHostComponent, TestMessageHostComponent, WELL_KNOWN, WellKnownServiceStub, chceckSorting, click, compileTestBed, dispatchEvent, initTestEnvironment, newEvent, setNgModelSelectValue, setNgModelValue, storage };
+export { AuthRoutingFlowServiceStub, AuthServiceStub, BUTTON_CLICK_EVENTS, ByUtil, COMPILE_TIMEOUT_INTERVAL, DataTableDefinitionHosted, DownloadLink, DownloadTestComponent, DownloadTestComponentPage, FAKE_HTTP_ASYNC_TIMEOUT, HighLighterDirectivePage, HttpAsyncServiceStub, HttpServiceStub, LinkDefinition, LinkOnlyPage, LoginMenuPage, MessageHostedPage, Page, PageWithLoading, Pager, RecordsCount, RiskCSVDownloadMenuPage, RiskDataTableDefinition, RiskHighLighterDirectiveTestComponent, RiskLayoutComponentDefinition, RiskLayoutTestComponentHostPage, RiskLayoutTestHostComponent, RiskLoginMenuStubComponent, RiskLoginPage, RiskMessageComponentDef, RouterStub, RowExpander, SortingHandle, TableBody, TableBodyCell, TableBodyDetail, TableBodyDetailBody, TableBodyDetailRow, TableBodyRow, TableFooter, TableFooterRow, TableHeader, TableHeaderCell, TableHeaderRow, TableSorting, TestDataTableHostComponent, TestMessageHostComponent, WELL_KNOWN, WellKnownServiceStub, chceckSorting, click, compileTestBed, dispatchEvent, initTestEnvironment, newEvent, setNgModelSelectValue, setNgModelValue, storage };
 //# sourceMappingURL=dbg-riskit-angular-testing.mjs.map