@dbg-riskit/angular-testing 9999.9999.9999-rc.445048 → 9999.9999.9999-rc.4579154

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

@@ -1,32 +1,27 @@
 import '@dbg-riskit/angular-polyfill';
-import 'zone.js/testing';
-import { getTestBed, tick, discardPeriodicTasks, TestBed } from '@angular/core/testing';
+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, Directive, Input, Inject, NgModule } 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 * as i1 from '@dbg-riskit/angular-file';
-import { CSVFileDownloadDirective, FileDownloadDirective, FileModule } from '@dbg-riskit/angular-file';
-import * as fileSaver from 'file-saver';
-import * as i1$2 from '@dbg-riskit/angular-view';
-import { RISK_INITIAL_LOAD_SELECTOR, RISK_NO_DATA_SELECTOR, LayoutComponent, NoopAnimationMessageComponent, RISK_GOOD_SELECTOR, RISK_ERROR_SELECTOR, RISK_INFO_SELECTOR, RISK_MESSAGE_SELECTOR, RISK_WARN_SELECTOR, RISK_UPDATE_FAILED_SELECTOR, CommonViewModule, NoopAnimationsCommonViewModule } from '@dbg-riskit/angular-view';
-export { LayoutComponent, NoopAnimationMessageComponent, NoopAnimationsCommonViewModule } from '@dbg-riskit/angular-view';
-import { throwError, of, timer, EMPTY, BehaviorSubject } from 'rxjs';
+import { RiskCSVFileDownloadDirective, RiskFileDownloadDirective } from '@dbg-riskit/angular-file';
+import 'file-saver';
+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 { secureRandom, globalScope } from '@dbg-riskit/common';
-import * as i1$1 from '@dbg-riskit/angular-datatable';
-import { PagingComponent, DataTableRowDetailExpanderComponent, HIGHLIGHTER_CLASS, DataTableComponent, HighlighterDirective, DataTableModule } 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';
-import { Router, NavigationEnd, UrlSegmentGroup, UrlSegment, ActivatedRoute, RouterModule } from '@angular/router';
-import * as i1$3 from '@dbg-riskit/angular-auth';
-import { AuthRoutingFlowService, AUTH_CONFIG, AuthService } from '@dbg-riskit/angular-auth';
+import { RouterLink } from '@angular/router';
+import { AUTH_CONFIG, AuthFlow } from '@dbg-riskit/angular-auth';
 import { AUTH_PROVIDER } from '@dbg-riskit/angular-common';
 
 // Has to be first in this order
@@ -136,10 +131,10 @@ class HttpServiceStub {
     post(request) {
         return this.get(request);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HttpServiceStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.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: "16.2.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 {
@@ -149,14 +144,14 @@ class HttpAsyncServiceStub extends HttpServiceStub {
     post(request) {
         return this.get(request);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HttpAsyncServiceStub, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.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: "16.2.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) {
@@ -207,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) {
@@ -215,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);
     }
@@ -250,54 +249,55 @@ class DownloadLink {
         this.element = element;
         this.page = page;
     }
+    get blobSpy() {
+        this.setupBlobConstructorSpy();
+        return this._blobSpy;
+    }
+    get saveSpy() {
+        this.setupSaveBlobSpy();
+        return this._saveBlobSpy;
+    }
     click() {
         this.setupBlobConstructorSpy();
         this.setupSaveBlobSpy();
         click(this.element);
         this.page.detectChanges();
     }
-    get blobSpy() {
-        this.setupBlobConstructorSpy();
-        return this._blobSpy;
-    }
     setupBlobConstructorSpy() {
         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();
         }
     }
-    get saveSpy() {
-        this.setupSaveBlobSpy();
-        return this._saveBlobSpy;
-    }
     setupSaveBlobSpy() {
         if (!this._saveBlobSpy) {
-            this._saveBlobSpy = spyOn(fileSaver, 'saveAs');
+            this._saveBlobSpy = spyOn(window, 'saveAs');
         }
     }
 }
 class DownloadTestComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DownloadTestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DownloadTestComponent, 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: i1.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: "16.2.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: `
         <a [risk-download]="data"
            [risk-download-content-type]="contentType"
            [risk-download-filename]="filename">Download</a>
-    `
+    `,
+                    imports: [RiskFileDownloadDirective]
                 }]
         }] });
 class DownloadTestComponentPage extends Page {
@@ -305,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;
@@ -339,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">
@@ -431,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;
@@ -508,12 +508,9 @@ class TableBodyRow {
         this.element = element;
         this.page = page;
     }
-    expandRow() {
-        click(this.element);
-        this.page.detectChanges();
-    }
     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) => {
@@ -533,6 +530,10 @@ class TableBodyRow {
     get highlighted() {
         return this.element.nativeElement.classList.contains(HIGHLIGHTER_CLASS);
     }
+    expandRow() {
+        click(this.element);
+        this.page.detectChanges();
+    }
 }
 class RowExpander {
     constructor(element) {
@@ -565,9 +566,6 @@ class TableBodyDetail {
         this.element = element;
         this.page = page;
     }
-    header() {
-        return new TableHeader(this.element.query(By.css('thead')), this.page);
-    }
     get body() {
         return new TableBodyDetailBody(this.element.query(By.css('tbody')));
     }
@@ -577,6 +575,9 @@ class TableBodyDetail {
     get colspan() {
         return this.element.children[0].nativeElement.colspan;
     }
+    header() {
+        return new TableHeader(this.element.query(By.css('thead')), this.page);
+    }
 }
 class TableBodyDetailBody {
     constructor(element) {
@@ -722,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;
@@ -749,31 +750,40 @@ 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: "16.2.12", ngImport: i0, type: TestDataTableHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TestDataTableHostComponent, 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"
                                     [sortingKey]="valueGetter">
                 <ng-template let-record="row" risk-data-table-cell>
-                    {{record.value1}}
+                    {{ record.value1 }}
                 </ng-template>
             </risk-data-table-column>
             <risk-data-table-column>
                 <ng-template risk-data-table-cell let-record="row" let-expanded="expanded">
-                    <risk-data-table-detail-expander [expanded]="expanded"></risk-data-table-detail-expander>
+                    <risk-data-table-detail-expander [expanded]="expanded"/>
                 </ng-template>
                 <ng-template risk-data-table-footer-cell let-footer="footer">
-                    {{footer.value1}}
+                    {{ footer.value1 }}
                 </ng-template>
             </risk-data-table-column>
             <!-- Sub detail -->
@@ -782,47 +792,47 @@ class TestDataTableHostComponent {
                     <risk-data-table-column title="Test Detail Column 1"
                                             [sortingKey]="valueGetter">
                         <ng-template risk-data-table-cell let-record="row">
-                            {{record.value1}}
+                            {{ record.value1 }}
                         </ng-template>
                     </risk-data-table-column>
                 </risk-data-table-column-group>
                 <risk-data-table-column-group>
                     <risk-data-table-column title="Test Detail Column 2">
                         <ng-template risk-data-table-cell let-record="row">
-                            {{record.value2}}
+                            {{ record.value2 }}
                         </ng-template>
                     </risk-data-table-column>
                     <risk-data-table-column title="Test Detail Column 3">
                         <ng-template risk-data-table-cell let-record="row">
-                            {{record.value3}}
+                            {{ record.value3 }}
                         </ng-template>
                     </risk-data-table-column>
                 </risk-data-table-column-group>
-                <risk-data-table-column-group></risk-data-table-column-group>
+                <risk-data-table-column-group/>
             </risk-data-table-detail-row>
-        </risk-data-table>`, isInline: true, dependencies: [{ kind: "component", type: i1$1.DataTableComponent, selector: "risk-data-table", inputs: ["footer", "pageSize", "striped", "showFooter", "allowEmpty", "trackByRowKey", "highlighting", "stickyHeader", "stickyHeaderOffsetTopPx", "data", "defaultOrdering"], exportAs: ["dataTable"] }, { kind: "directive", type: i1$1.ɵDataTableColumnDirective, selector: "risk-data-table-column", inputs: ["title", "sortingKey", "tooltip", "contentAlign", "headerAlign", "footerAlign", "class"] }, { kind: "directive", type: i1$1.ɵDataTableColumnGroupDirective, selector: "risk-data-table-column-group" }, { kind: "directive", type: i1$1.ɵDataTableColumnCellDirective, selector: "[risk-data-table-cell]" }, { kind: "directive", type: i1$1.ɵDataTableColumnFooterDirective, selector: "[risk-data-table-footer-cell]" }, { kind: "directive", type: i1$1.ɵDataTableRowDetailDirective, selector: "risk-data-table-detail-row" }, { kind: "component", type: i1$1.DataTableRowDetailExpanderComponent, selector: "risk-data-table-detail-expander", inputs: ["expanded"] }] }); }
+        </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: "16.2.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"
                                     [sortingKey]="valueGetter">
                 <ng-template let-record="row" risk-data-table-cell>
-                    {{record.value1}}
+                    {{ record.value1 }}
                 </ng-template>
             </risk-data-table-column>
             <risk-data-table-column>
                 <ng-template risk-data-table-cell let-record="row" let-expanded="expanded">
-                    <risk-data-table-detail-expander [expanded]="expanded"></risk-data-table-detail-expander>
+                    <risk-data-table-detail-expander [expanded]="expanded"/>
                 </ng-template>
                 <ng-template risk-data-table-footer-cell let-footer="footer">
-                    {{footer.value1}}
+                    {{ footer.value1 }}
                 </ng-template>
             </risk-data-table-column>
             <!-- Sub detail -->
@@ -831,41 +841,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     <risk-data-table-column title="Test Detail Column 1"
                                             [sortingKey]="valueGetter">
                         <ng-template risk-data-table-cell let-record="row">
-                            {{record.value1}}
+                            {{ record.value1 }}
                         </ng-template>
                     </risk-data-table-column>
                 </risk-data-table-column-group>
                 <risk-data-table-column-group>
                     <risk-data-table-column title="Test Detail Column 2">
                         <ng-template risk-data-table-cell let-record="row">
-                            {{record.value2}}
+                            {{ record.value2 }}
                         </ng-template>
                     </risk-data-table-column>
                     <risk-data-table-column title="Test Detail Column 3">
                         <ng-template risk-data-table-cell let-record="row">
-                            {{record.value3}}
+                            {{ record.value3 }}
                         </ng-template>
                     </risk-data-table-column>
                 </risk-data-table-column-group>
-                <risk-data-table-column-group></risk-data-table-column-group>
+                <risk-data-table-column-group/>
             </risk-data-table-detail-row>
-        </risk-data-table>`
+        </risk-data-table>`,
+                    imports: [
+                        RiskDataTableColumnCellDirective,
+                        RiskDataTableColumnDirective,
+                        RiskDataTableColumnFooterDirective,
+                        RiskDataTableColumnGroupDirective,
+                        RiskDataTableComponent,
+                        RiskDataTableRowDetailDirective,
+                        RiskDataTableRowDetailExpanderComponent
+                    ]
                 }]
-        }], ctorParameters: function () { return []; } });
+        }], 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: "16.2.12", ngImport: i0, type: HighLighterDirectiveTestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HighLighterDirectiveTestComponent, 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: i1$1.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: "16.2.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>`
+        <div [risk-data-table-highlighter]="trackBy" [risk-data-table-highlighter-context]="context"></div>`,
+                    imports: [RiskHighlighterDirective]
                 }]
         }] });
 class HighLighterDirectivePage extends Page {
@@ -873,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);
     }
 }
 
@@ -902,7 +922,7 @@ class ByUtil {
     }
 }
 
-class LayoutComponentDefinition {
+class RiskLayoutComponentDefinition {
     constructor(debugElement, page) {
         this.debugElement = debugElement;
         this.page = page;
@@ -925,6 +945,12 @@ class LayoutComponentDefinition {
     get sideNav() {
         return this.sideNavContainer.query(By.directive(MatSidenav));
     }
+    get sideNavMenu() {
+        return this.sideNav.queryAll(ByUtil.or(By.css('[menu-vertical]'), By.css('risk-layout-vertical')));
+    }
+    get content() {
+        return this.sideNavContainer.query(By.css('.risk-layout-content'));
+    }
     openSideNav() {
         this.sideNav.componentInstance.open();
         this.page.advanceAndDetectChanges();
@@ -933,21 +959,15 @@ class LayoutComponentDefinition {
         this.sideNav.componentInstance.close();
         this.page.advanceAndDetectChanges(1);
     }
-    get sideNavMenu() {
-        return this.sideNav.queryAll(ByUtil.or(By.css('[menu-vertical]'), By.css('risk-layout-vertical')));
-    }
-    get content() {
-        return this.sideNavContainer.query(By.css('.risk-layout-content'));
-    }
 }
-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: "16.2.12", ngImport: i0, type: TestLayoutHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TestLayoutHostComponent, 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>
@@ -962,9 +982,9 @@ class TestLayoutHostComponent {
 
             <span>Content</span>
         </risk-layout>
-    `, isInline: true, dependencies: [{ kind: "component", type: i1$2.LayoutComponent, selector: "risk-layout", inputs: ["smallScreenMenuVisible", "smallScreenWidth", "footerVisible", "toolbarBackgroundColor", "backgroundColor"] }, { kind: "directive", type: i1$2.VerticalLayoutDirective, selector: "risk-layout-vertical" }, { kind: "directive", type: i1$2.HorizontalLayoutDirective, selector: "risk-layout-horizontal" }] }); }
+    `, 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: "16.2.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: `
@@ -982,60 +1002,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 
             <span>Content</span>
         </risk-layout>
-    `
+    `,
+                    imports: [
+                        RiskLayoutComponent,
+                        RiskLayoutHorizontalDirective,
+                        RiskLayoutVerticalDirective
+                    ]
                 }]
         }] });
 
-class RouterLinkStubDirective {
-    constructor(injector) {
-        this.navigatedTo = null;
-        this._urlTree = null;
-        this.routerStub = injector.get(Router, null);
-    }
-    ngOnChanges() {
-        if (this.linkParams && this.routerStub) {
-            this._urlTree = this.routerStub.getURLTree(this.linkParams);
-        }
-    }
-    onClick() {
-        this.navigatedTo = this.linkParams;
-        if (this.routerStub) {
-            if (Array.isArray(this.navigatedTo)) {
-                this.routerStub.navigate(this.navigatedTo);
-            }
-            else {
-                this.routerStub.navigateByUrl(this.navigatedTo);
-            }
-        }
-    }
-    get urlTree() {
-        return this._urlTree;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterLinkStubDirective, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: RouterLinkStubDirective, selector: "[routerLink]", inputs: { linkParams: ["routerLink", "linkParams"] }, host: { listeners: { "click": "onClick()" } }, usesOnChanges: true, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterLinkStubDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    /* eslint-disable @angular-eslint/directive-selector */
-                    selector: '[routerLink]',
-                    /* eslint-enable */
-                    host: {
-                        '(click)': 'onClick()'
-                    }
-                }]
-        }], ctorParameters: function () { return [{ type: i0.Injector }]; }, propDecorators: { linkParams: [{
-                type: Input,
-                args: ['routerLink']
-            }] } });
-
 class LinkDefinition {
     constructor(page, link) {
         this.page = page;
         this.link = link;
     }
     get stub() {
-        return this.link.injector.get(RouterLinkStubDirective);
+        return this.link.injector.get(RouterLink);
     }
     get text() {
         return this.link.nativeElement.textContent.trim();
@@ -1051,7 +1033,7 @@ class LinkOnlyPage extends Page {
         super(fixture);
     }
     get link() {
-        return new LinkDefinition(this, this.debugElement.query(By.directive(RouterLinkStubDirective)));
+        return new LinkDefinition(this, this.debugElement.query(By.directive(RouterLink)));
     }
 }
 
@@ -1074,7 +1056,7 @@ class LoginMenuPage extends Page {
     }
 }
 
-class LoginPage extends Page {
+class RiskLoginPage extends Page {
     constructor(fixture) {
         super(fixture);
     }
@@ -1086,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(NoopAnimationMessageComponent), 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(NoopAnimationMessageComponent), 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);
@@ -1121,31 +1105,34 @@ class TestMessageHostComponent {
     constructor() {
         this.message = 'custom message';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TestMessageHostComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TestMessageHostComponent, selector: "ng-component", ngImport: i0, template: `
-        <risk-error [message]="message"></risk-error>
-        <risk-good [message]="message"></risk-good>
-        <risk-info [message]="message"></risk-info>
-        <risk-message [message]="message"></risk-message>
-        <risk-warn [message]="message"></risk-warn>
-        <risk-initial-load [message]="message"></risk-initial-load>
-        <risk-update-failed [message]="message"></risk-update-failed>
-        <risk-no-data [message]="message"></risk-no-data>
-    `, isInline: true, dependencies: [{ kind: "component", type: i1$2.MessageComponent, selector: "risk-error, risk-good, risk-info, risk-message, risk-warn, risk-initial-load, risk-no-data, risk-update-failed", inputs: ["message"] }] }); }
+    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"/>
+        <risk-message [message]="message"/>
+        <risk-warn [message]="message"/>
+        <risk-initial-load [message]="message"/>
+        <risk-update-failed [message]="message"/>
+        <risk-no-data [message]="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: "16.2.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: `
-        <risk-error [message]="message"></risk-error>
-        <risk-good [message]="message"></risk-good>
-        <risk-info [message]="message"></risk-info>
-        <risk-message [message]="message"></risk-message>
-        <risk-warn [message]="message"></risk-warn>
-        <risk-initial-load [message]="message"></risk-initial-load>
-        <risk-update-failed [message]="message"></risk-update-failed>
-        <risk-no-data [message]="message"></risk-no-data>
-    `
+        <risk-error [message]="message"/>
+        <risk-good [message]="message"/>
+        <risk-info [message]="message"/>
+        <risk-message [message]="message"/>
+        <risk-warn [message]="message"/>
+        <risk-initial-load [message]="message"/>
+        <risk-update-failed [message]="message"/>
+        <risk-no-data [message]="message"/>
+    `,
+                    imports: [
+                        RiskMessageComponent
+                    ]
                 }]
         }] });
 class MessageHostedPage extends Page {
@@ -1153,40 +1140,55 @@ 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)));
     }
 }
 
 const storage = { authRequestedPath: null };
-class AuthRoutingFlowServiceStub extends AuthRoutingFlowService {
-    constructor(authServiceStub, authConfig) {
-        super(null, null, { loggedIn: of(null) }, storage, authConfig, null);
-        this.authServiceStub = authServiceStub;
+class AuthRoutingFlowServiceStub {
+    constructor() {
+        this.authServiceStub = inject(AUTH_PROVIDER);
+        this.authConfig = inject(AUTH_CONFIG);
         // cleanup
         storage.authRequestedPath = null;
     }
-    logout(state) {
+    get authFlow() {
+        return this.authConfig.flow;
+    }
+    get authorizationCodeFlow() {
+        return this.authFlow === AuthFlow.AUTHORIZATION_CODE;
+    }
+    get implicitFlow() {
+        return this.authFlow === AuthFlow.IMPLICIT;
+    }
+    get hybridFlow() {
+        return this.authFlow === AuthFlow.HYBRID;
+    }
+    get directFlow() {
+        return this.authFlow === AuthFlow.DIRECT;
+    }
+    logout() {
         return this.authServiceStub.logout().pipe(defaultIfEmpty(0), map(() => true));
     }
     login(username, password) {
@@ -1195,49 +1197,30 @@ class AuthRoutingFlowServiceStub extends AuthRoutingFlowService {
     loginViaService() {
         return this.authServiceStub.loginViaAuthService();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthRoutingFlowServiceStub, deps: [{ token: AUTH_PROVIDER }, { token: AUTH_CONFIG }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthRoutingFlowServiceStub }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthRoutingFlowServiceStub, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: i1$3.AuthService, decorators: [{
-                    type: Inject,
-                    args: [AUTH_PROVIDER]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [AUTH_CONFIG]
-                }] }]; } });
-
-const WELL_KNOWN = {
-    endpoints: {
-        auth: '/auth',
-        token: '/token',
-        logout: '/logout'
-    },
-    issuer: 'risk-auth'
-};
-class WellKnownServiceStub {
-    get wellKnown() {
-        return of(WELL_KNOWN);
+    storeRequestedPath(state) {
+        storage.authRequestedPath = state?.url || null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WellKnownServiceStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: WellKnownServiceStub }); }
+    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: "16.2.12", ngImport: i0, type: WellKnownServiceStub, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthRoutingFlowServiceStub, decorators: [{
             type: Injectable
-        }] });
+        }], ctorParameters: () => [] });
 
-class AuthServiceStub extends AuthService {
+class AuthServiceStub {
     constructor() {
-        super({}, new WellKnownServiceStub(), null, null, null);
+        this._loggedInStream = new ReplaySubjectExt(1);
     }
     get loggedIn() {
-        return of(!!this.user);
+        return defer(() => of(!!this.user));
     }
     get userProfile() {
-        return of({
+        return defer(() => of(this.user ? {
             name: this.user
-        });
+        } : undefined));
+    }
+    get loggedInStream() {
+        return this._loggedInStream.asObservable();
     }
     loginViaAuthService() {
         return of(true);
@@ -1255,194 +1238,111 @@ class AuthServiceStub extends AuthService {
         delete this.user;
         return EMPTY;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthServiceStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthServiceStub }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AuthServiceStub, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
-
-class LoginMenuStubComponent {
-    constructor() {
-        this.orientation = 'row';
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoginMenuStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoginMenuStubComponent, selector: "login-menu, risk-login-menu", inputs: { orientation: "orientation" }, ngImport: i0, template: '', isInline: true }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoginMenuStubComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'login-menu, risk-login-menu',
-                    template: ''
-                }]
-        }], propDecorators: { orientation: [{
-                type: Input
-            }] } });
-
-class ActivatedRouteStub {
-    constructor() {
-        // Test parameters
-        this._testParams = {};
-        // ActivatedRoute.params is Observable
-        this.subject = new BehaviorSubject(this.testParams);
-        this.params = this.subject.asObservable();
-    }
-    get testParams() {
-        return this._testParams;
-    }
-    set testParams(params) {
-        this._testParams = params;
-        this.subject.next(params);
+    emitLoginStatusChange(status) {
+        if (this._loggedInStream.lastValue !== status) {
+            this._loggedInStream.next(status);
+        }
     }
-    // ActivatedRoute.snapshot.params
-    get snapshot() {
-        return { params: this.testParams };
+    refreshToken() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActivatedRouteStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ActivatedRouteStub }); }
+    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: "16.2.12", ngImport: i0, type: ActivatedRouteStub, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AuthServiceStub, decorators: [{
             type: Injectable
         }] });
 
-class RouterOutletStubComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterOutletStubComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: RouterOutletStubComponent, selector: "router-outlet", ngImport: i0, template: '', isInline: true }); }
+const WELL_KNOWN = {
+    endpoints: {
+        auth: '/auth',
+        token: '/token',
+        logout: '/logout'
+    },
+    issuer: 'risk-auth'
+};
+class WellKnownServiceStub {
+    get wellKnown() {
+        return of(WELL_KNOWN);
+    }
+    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: "16.2.12", ngImport: i0, type: RouterOutletStubComponent, decorators: [{
-            type: Component,
-            args: [{
-                    /* eslint-disable @angular-eslint/component-selector */
-                    selector: 'router-outlet',
-                    /* eslint-enable */
-                    template: ''
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: WellKnownServiceStub, decorators: [{
+            type: Injectable
         }] });
 
-class Snapshot {
-    constructor(stub) {
-        this.stub = stub;
-    }
-    get url() {
-        return this.stub.getCurrentURL();
-    }
-}
-// @dynamic
+/**
+ * A lightweight Router stub for testing that doesn't require actual routing infrastructure.
+ * Use this when you want complete isolation from the Router and only need to verify navigation calls.
+ */
 class RouterStub {
     constructor() {
-        this.id = 0;
-        this.navigated = true;
-        this.currentUrlTree = this.createUrlTree(['/dashboard']);
-        this.routerState = {
-            snapshot: new Snapshot(this)
-        };
-        this.events = new EventEmitter();
+        this._url = '/';
+        this._events$ = new BehaviorSubject(null);
     }
-    getURLTree(url) {
-        if (Array.isArray(url)) {
-            return this.createUrlTree(url);
-        }
-        if (url instanceof Object) {
-            return url;
-        }
-        return this.createUrlTree(url.split('/'));
+    get url() {
+        return this._url;
     }
-    navigateByUrl(url) {
-        this.currentUrlTree = this.getURLTree(url);
-        this.emitNavigate();
-        return url;
+    get events() {
+        return this._events$.asObservable();
     }
-    navigate(commands, extras) {
-        this.currentUrlTree = this.getURLTree(commands);
-        this.emitNavigate();
-        return [commands, extras];
+    get routerState() {
+        return {
+            snapshot: {
+                url: this._url,
+                root: {}
+            }
+        };
     }
-    emitNavigate() {
-        this.id++;
-        const urlString = this.getCurrentURL();
-        this.events.emit(new NavigationEnd(this.id, urlString, urlString));
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    navigate(commands, _extras) {
+        this._url = commands.join('/');
+        return Promise.resolve(true);
     }
-    isActive(url) {
-        return this.getCurrentURL().indexOf(RouterStub.serializeUrl(url)) !== -1;
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    navigateByUrl(url, _extras) {
+        this._url = typeof url === 'string' ? url : url.toString();
+        return Promise.resolve(true);
     }
-    getCurrentURL() {
-        return RouterStub.serializeUrl(this.currentUrlTree);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    createUrlTree(_commands, _navigationExtras) {
+        return {};
     }
-    createUrlTree(commands, extras) {
-        const _b = extras || {};
-        const queryParams = _b.queryParams || {};
-        const fragment = _b.fragment || '';
-        return {
-            root: new UrlSegmentGroup(commands.map((command) => {
-                return new UrlSegment(command, {});
-            }), {}),
-            queryParams,
-            fragment,
-            queryParamMap: {
-                ...new Map(),
-                getAll: () => [],
-                keys: []
-            }
-        };
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    serializeUrl(_url) {
+        return '';
+    }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    parseUrl(_url) {
+        return {};
     }
-    static serializeUrl(url) {
-        return url.root.segments.map((segment) => segment.path).join('/');
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    isActive(_url, _exact) {
+        return false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: RouterStub, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.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: "16.2.12", ngImport: i0, type: RouterStub, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RouterStub, decorators: [{
             type: Injectable
         }] });
 
-function stubRouter(customOverrides) {
-    const override = {
-        set: {
-            imports: [],
-            declarations: [
-                RouterLinkStubDirective,
-                RouterOutletStubComponent
-            ],
-            providers: [
-                {
-                    provide: Router,
-                    useClass: RouterStub
-                },
-                {
-                    provide: ActivatedRoute,
-                    useClass: ActivatedRouteStub
-                }
-            ],
-            exports: [
-                RouterLinkStubDirective,
-                RouterOutletStubComponent
-            ]
-        }
-    };
-    if (customOverrides) {
-        if (customOverrides.add) {
-            override.add = customOverrides.add;
-        }
-        if (customOverrides.set) {
-            override.set = customOverrides.set;
-        }
-        if (customOverrides.remove) {
-            override.remove = customOverrides.remove;
-        }
+class RiskLoginMenuStubComponent {
+    constructor() {
+        this.orientation = input('row', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
     }
-    return TestBed.overrideModule(RouterModule, override);
+    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.15", ngImport: i0, type: RiskLoginMenuStubComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'risk-login-menu',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: ''
+                }]
+        }], propDecorators: { orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }] } });
 
-function disableMaterialAnimations(ngModule) {
-    TestBed.overrideModule(ngModule, {
-        remove: {
-            imports: [CommonViewModule]
-        },
-        add: {
-            imports: [NoopAnimationsCommonViewModule]
-        }
-    });
-}
 function compileTestBed(compileFunction, destroyFunction, stubMatchMedia = true) {
     let matchMedia;
     beforeEach((done) => {
@@ -1478,43 +1378,6 @@ function fakeMatchMedia(matches = false) {
     });
 }
 
-class TestingModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TestingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TestingModule, declarations: [DownloadTestComponent,
-            TestDataTableHostComponent,
-            HighLighterDirectiveTestComponent,
-            TestLayoutHostComponent,
-            RouterLinkStubDirective,
-            TestMessageHostComponent,
-            LoginMenuStubComponent,
-            RouterOutletStubComponent], imports: [CommonViewModule,
-            FileModule,
-            DataTableModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TestingModule, imports: [CommonViewModule,
-            FileModule,
-            DataTableModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TestingModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonViewModule,
-                        FileModule,
-                        DataTableModule
-                    ],
-                    declarations: [
-                        DownloadTestComponent,
-                        TestDataTableHostComponent,
-                        HighLighterDirectiveTestComponent,
-                        TestLayoutHostComponent,
-                        RouterLinkStubDirective,
-                        TestMessageHostComponent,
-                        LoginMenuStubComponent,
-                        RouterOutletStubComponent
-                    ]
-                }]
-        }] });
-
 // WARNING: Do not change order in this file!!! Environment has to be first as it includes polyfills
 // Add CachedResourceProviderImpl to compiler configuration
 if ('beforeEach' in globalScope && globalScope.beforeEach) {
@@ -1539,5 +1402,5 @@ if ('beforeEach' in globalScope && globalScope.beforeEach) {
  * Generated bundle index. Do not edit.
  */
 
-export { ActivatedRouteStub, 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, RouterLinkStubDirective, RouterOutletStubComponent, RouterStub, RowExpander, Snapshot, SortingHandle, TableBody, TableBodyCell, TableBodyDetail, TableBodyDetailBody, TableBodyDetailRow, TableBodyRow, TableFooter, TableFooterRow, TableHeader, TableHeaderCell, TableHeaderRow, TableSorting, TestDataTableHostComponent, TestLayoutComponentHostPage, TestLayoutHostComponent, TestMessageHostComponent, TestingModule, WELL_KNOWN, WellKnownServiceStub, chceckSorting, click, compileTestBed, disableMaterialAnimations, dispatchEvent, initTestEnvironment, newEvent, setNgModelSelectValue, setNgModelValue, storage, stubRouter };
+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