@devopmaat/badaboom 1.3.13 → 1.4.1

package/lib/common/field/_bdb-field-theme.scss

@@ -11,7 +11,7 @@
     @if mat.get-theme-type($theme) == dark {
       --bdb-field-container-color: var(--mat-sys-surface-container);
     } @else {
-      --bdb-field-container-color: var(--mat-sys-surface-container-low);
+      --bdb-field-container-color: var(--mat-sys-surface-container-high);
     }
   }
 

package/lib/styles/_core-theme.scss

@@ -1,6 +1,7 @@
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:list';
+@use 'sass:color';
 @use '@angular/material' as mat;
 
 $material-palettes: 'primary', 'secondary', 'tertiary', 'error';
@@ -96,3 +97,24 @@ $hues: 0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 95, 98, 100;
   }
   @return var(#{$prefix}-on-#{$palette-name});
 }
+
+@function createPalette($color) {
+  @return (
+    0: #000000,
+    10: color.scale($color, $lightness: - (calc(100% / 40) * 30)),
+    20: color.scale($color, $lightness: - (calc(100% / 40) * 20)),
+    25: color.scale($color, $lightness: - (calc(100% / 40) * 15)),
+    30: color.scale($color, $lightness: - (calc(100% / 40) * 10)),
+    35: color.scale($color, $lightness: - (calc(100% / 40) * 5)),
+    40: $color,
+    50: color.scale($color, $lightness: calc((100% / 60) * 10)),
+    60: color.scale($color, $lightness: calc((100% / 60) * 20)),
+    70: color.scale($color, $lightness: calc((100% / 60) * 30)),
+    80: color.scale($color, $lightness: calc((100% / 60) * 40)),
+    90: color.scale($color, $lightness: calc((100% / 60) * 50)),
+    95: color.scale($color, $lightness: calc((100% / 60) * 55)),
+    98: color.scale($color, $lightness: calc((100% / 60) * 58)),
+    99: color.scale($color, $lightness: calc((100% / 60) * 59)),
+    100: #ffffff
+  );
+}

package/lib/styles/_theme.scss

@@ -8,6 +8,7 @@
 @use './material/checkbox-theme';
 @use './material/chips-theme';
 @use './material/datepicker-theme';
+@use './material/dialog-theme';
 @use './material/fab-theme';
 @use './material/form-field-theme';
 @use './material/icon-button-theme';
@@ -75,6 +76,7 @@
   @include checkbox-theme.theme($bdb-theme);
   @include chips-theme.theme($bdb-theme);
   @include datepicker-theme.theme($bdb-theme);
+  @include dialog-theme.theme($bdb-theme);
   @include fab-theme.theme($bdb-theme);
   @include form-field-theme.theme($bdb-theme);
   @include icon-button-theme.theme($bdb-theme);

package/lib/styles/material/_chips-theme.scss

@@ -10,6 +10,7 @@
       @include mat.chips-overrides(
         (
           outline-color: $bg,
+          elevated-container-color: $bg,
           elevated-selected-container-color: $bg,
           selected-hover-state-layer-color: $bg,
           selected-focus-state-layer-color: $bg,

package/lib/styles/material/_dialog-theme.scss

@@ -0,0 +1,25 @@
+@use 'sass:map';
+@use 'sass:list';
+@use '@angular/material' as mat;
+@use '../core-theme' as bdb;
+
+@mixin color($theme) {
+  @include mat.dialog-overrides(
+    (
+      container-shape: 8px,
+    )
+  );
+}
+
+@mixin typography($theme) {
+}
+
+@mixin theme($theme) {
+  @if mat.theme-has($theme, color) {
+    @include color($theme);
+  }
+
+  @if mat.theme-has($theme, typography) {
+    @include typography($theme);
+  }
+}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@devopmaat/badaboom",
-  "version": "1.3.13",
+  "version": "1.4.1",
   "peerDependencies": {
-    "@angular/common": "^20.0.0",
-    "@angular/core": "^20.0.0",
-    "@angular/material": "^20.0.0",
-    "@angular/youtube-player": "^20.0.0"
+    "@angular/common": "^21.1.0",
+    "@angular/core": "^21.1.0",
+    "@angular/material": "^21.1.0",
+    "@angular/youtube-player": "^21.1.0",
+    "date-fns": "^4.1.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -14,7 +15,7 @@
   "exports": {
     ".": {
       "sass": "./_index.scss",
-      "types": "./index.d.ts",
+      "types": "./types/devopmaat-badaboom.d.ts",
       "default": "./fesm2022/devopmaat-badaboom.mjs"
     },
     "./package.json": {
@@ -22,5 +23,5 @@
     }
   },
   "module": "fesm2022/devopmaat-badaboom.mjs",
-  "typings": "index.d.ts"
+  "typings": "types/devopmaat-badaboom.d.ts"
 }

package/{index.d.ts → types/devopmaat-badaboom.d.ts}

@@ -1,19 +1,20 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, EnvironmentProviders, TemplateRef, Type, PipeTransform, EventEmitter, QueryList, OnInit, OnDestroy, AfterViewInit, ElementRef, OnChanges, AfterContentInit, TrackByFunction, Renderer2 } from '@angular/core';
-import { Routes, Router, ActivatedRoute, CanActivateFn, ResolveFn } from '@angular/router';
+import { InjectionToken, EnvironmentProviders, TemplateRef, Type, PipeTransform, EventEmitter, OnInit, OnDestroy, AfterViewInit, ElementRef, Signal, TrackByFunction, OnChanges, AfterContentInit, Renderer2, InputSignal, ChangeDetectorRef, ProviderToken } from '@angular/core';
+import { Routes, Router, ActivatedRoute, Route, CanActivateFn, ResolveFn } from '@angular/router';
 import { DataSource, SelectionModel, CollectionViewer, ListRange } from '@angular/cdk/collections';
 import { Observable, BehaviorSubject, Subject } from 'rxjs';
 import { HttpClient, HttpErrorResponse, HttpInterceptorFn } from '@angular/common/http';
+import { FormGroup, FormControl, ControlValueAccessor, NgControl, ControlContainer, AbstractControl, ValidatorFn } from '@angular/forms';
+import { MatDialogRef, MatDialog } from '@angular/material/dialog';
+import * as _devopmaat_badaboom from '@devopmaat/badaboom';
+import { Sort } from '@angular/material/sort';
 import { PageEvent } from '@angular/material/paginator';
-import { FormControl, ControlContainer, ControlValueAccessor, NgControl, AbstractControl, FormGroup, ValidatorFn } from '@angular/forms';
-import { MatAutocompleteTrigger, MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
+import { MatAutocompleteSelectedEvent, MatAutocompleteTrigger } from '@angular/material/autocomplete';
+import { MatFormFieldControl } from '@angular/material/form-field';
 import { MatIconButton } from '@angular/material/button';
 import { MatMenuTrigger } from '@angular/material/menu';
-import { Sort } from '@angular/material/sort';
-import * as _devopmaat_badaboom from '@devopmaat/badaboom';
 import { BooleanInput } from '@angular/cdk/coercion';
-import { MatFormFieldControl } from '@angular/material/form-field';
-import { MatDialog } from '@angular/material/dialog';
+import { BreakpointObserver } from '@angular/cdk/layout';
 
 interface BdbAuthOptions {
     loginPath: string;
@@ -101,6 +102,10 @@ interface BdbRequest {
     baseFilter?: string;
     filter?: BdbFilter;
 }
+interface BdbRequestOptions {
+    fromPopState?: boolean;
+    replaceUrl?: boolean;
+}
 
 interface BdbEntity {
     id: number;
@@ -135,6 +140,32 @@ declare class BdbDataSource<TEntityRead extends BdbEntityRead> implements DataSo
     load(): void;
 }
 
+declare class BdbFormDialogComponent {
+    formGroup: i0.InputSignal<FormGroup<any>>;
+    submitFx: i0.InputSignal<() => Observable<any>>;
+    title: i0.InputSignal<string>;
+    icon: i0.InputSignal<string | undefined>;
+    typeIcon: i0.InputSignal<string | undefined>;
+    cancelLabel: i0.InputSignal<string>;
+    submitLabel: i0.InputSignal<string>;
+    error: i0.WritableSignal<HttpErrorResponse | undefined>;
+    dialogRef: MatDialogRef<any, any>;
+    formSubmit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbFormDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbFormDialogComponent, "bdb-form-dialog", never, { "formGroup": { "alias": "formGroup"; "required": true; "isSignal": true; }; "submitFx": { "alias": "submitFx"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "typeIcon": { "alias": "typeIcon"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type BdbPalette = 'primary' | 'accent' | 'danger' | 'warn' | 'success' | 'info' | undefined;
+type BdbM3Palette = 'primary' | 'secondary' | 'tertiary' | 'error' | 'warn' | 'success' | 'info' | undefined;
+
+declare class BdbCellDirective {
+    templateRef: TemplateRef<never>;
+    bdbCellDef: string;
+    constructor(templateRef: TemplateRef<never>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbCellDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BdbCellDirective, "ng-template[bdbCellDef]", never, { "bdbCellDef": { "alias": "bdbCellDef"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 declare enum BdbColumnType {
     String = "String",
     Number = "Number",
@@ -172,17 +203,6 @@ interface BdbContextAction<TRead> {
     condition?: (x: TRead) => boolean;
 }
 
-type BdbPalette = 'primary' | 'accent' | 'danger' | 'warn' | 'success' | 'info' | undefined;
-type BdbM3Palette = 'primary' | 'secondary' | 'tertiary' | 'error' | 'warn' | 'success' | 'info' | undefined;
-
-declare class BdbCellDirective {
-    templateRef: TemplateRef<never>;
-    bdbCellDef: string;
-    constructor(templateRef: TemplateRef<never>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<BdbCellDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BdbCellDirective, "ng-template[bdbCellDef]", never, { "bdbCellDef": { "alias": "bdbCellDef"; "required": false; }; }, {}, never, never, true, never>;
-}
-
 declare class BdbFullTableComponent<TEntityRead extends BdbEntity> {
     dataSource: BdbDataSource<TEntityRead>;
     columns: BdbColumn<TEntityRead, unknown>[];
@@ -197,11 +217,103 @@ declare class BdbFullTableComponent<TEntityRead extends BdbEntity> {
         action: BdbContextAction<TEntityRead>;
         row: TEntityRead;
     }>;
-    cellTemplates: QueryList<BdbCellDirective> | undefined;
+    readonly cellTemplates: i0.Signal<readonly BdbCellDirective[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BdbFullTableComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<BdbFullTableComponent<any>, "bdb-full-table", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "autoLoad": { "alias": "autoLoad"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "contextActions": { "alias": "contextActions"; "required": false; }; "rowColor": { "alias": "rowColor"; "required": false; }; "showToolbar": { "alias": "showToolbar"; "required": false; }; }, { "rowClick": "rowClick"; "contextAction": "contextAction"; }, ["cellTemplates"], ["toolbar-item"], true, never>;
 }
 
+interface DataSourceState {
+    pageSize?: number;
+    page?: number;
+    sortField?: string;
+    sortDirection?: 'asc' | 'desc';
+    query?: string;
+}
+declare abstract class BdbDataSourceV2<TEntity extends BdbEntity, TState extends DataSourceState = DataSourceState> implements DataSource<TEntity> {
+    private destroyRef;
+    private router;
+    private route;
+    persistence: {
+        replaceUrl: boolean;
+    };
+    get state(): Partial<TState>;
+    set state(value: TState);
+    isCurrentState(state: TState): boolean;
+    pageSize?: number;
+    defaultPageSize: number;
+    page?: number;
+    defaultPage: number;
+    sortField?: string;
+    defaultSortField: string;
+    sortDirection?: 'asc' | 'desc';
+    defaultSortDirection: 'asc' | 'desc';
+    query?: string;
+    private requestSubject;
+    request$: Observable<[BdbRequest, BdbRequestOptions]>;
+    private responseSubject;
+    response$: Observable<BdbResponse<TEntity> | undefined>;
+    private _loading;
+    loading: i0.Signal<boolean>;
+    private _error;
+    error: i0.Signal<HttpErrorResponse | undefined>;
+    get data(): readonly TEntity[];
+    private _persistenceRead?;
+    private _persistenceWrite?;
+    private _identifier;
+    get identifier(): string | undefined;
+    set identifier(value: string | undefined);
+    constructor();
+    disconnect(): void;
+    connect(): Observable<TEntity[] | readonly TEntity[]>;
+    load(loadOptions?: BdbRequestOptions): void;
+    abstract loadMethod(request: BdbRequest): Observable<BdbResponse<TEntity>>;
+    createRequest(): BdbRequest;
+    private setPersistence;
+    createFilters(): BdbFilter[] | undefined;
+    combineFilters(filters: BdbFilter[] | undefined, combine?: 'And' | 'Or'): BdbFilter | undefined;
+    arrayEquals(first?: unknown[], second?: unknown[]): boolean;
+    reviveDates(key: string, value: unknown): unknown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbDataSourceV2<any, any>, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<BdbDataSourceV2<any, any>>;
+}
+
+declare class BdbGridComponent<TEntityRead extends BdbEntity> {
+    dataSource: i0.InputSignal<BdbDataSourceV2<TEntityRead, _devopmaat_badaboom.DataSourceState>>;
+    columns: BdbColumn<TEntityRead, unknown>[];
+    displayedColumns: string[];
+    selection?: SelectionModel<TEntityRead>;
+    contextActions: i0.InputSignal<BdbContextAction<TEntityRead>[]>;
+    contextAction: i0.OutputEmitterRef<{
+        action: BdbContextAction<TEntityRead>;
+        row: TEntityRead;
+    }>;
+    rowColor: i0.InputSignal<((x: TEntityRead) => BdbM3Palette) | undefined>;
+    rowClick: EventEmitter<TEntityRead>;
+    filterDrawerOpen: any;
+    filterDrawerOpened: i0.OutputEmitterRef<boolean>;
+    onContextAction(action: BdbContextAction<TEntityRead>, row: TEntityRead): void;
+    readonly cellTemplates: i0.Signal<readonly BdbCellDirective[]>;
+    sortChange(event: Sort): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbGridComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbGridComponent<any>, "bdb-grid", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; }; "selection": { "alias": "selection"; "required": false; }; "contextActions": { "alias": "contextActions"; "required": false; "isSignal": true; }; "rowColor": { "alias": "rowColor"; "required": false; "isSignal": true; }; }, { "contextAction": "contextAction"; "rowClick": "rowClick"; "filterDrawerOpened": "filterDrawerOpened"; }, ["cellTemplates"], ["toolbar-item", "filter-drawer"], true, never>;
+}
+
+declare class BdbPaginatorV2Component<TEntity extends BdbEntity> implements OnInit, OnDestroy {
+    dataSource: i0.InputSignal<BdbDataSourceV2<TEntity, _devopmaat_badaboom.DataSourceState>>;
+    private _onDestroy;
+    set disabled(disabled: boolean);
+    get disabled(): boolean;
+    private _disabled;
+    pageSize?: number;
+    page?: number;
+    length?: number;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    changePage(event: PageEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbPaginatorV2Component<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbPaginatorV2Component<any>, "bdb-paginator-v2", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class BdbPaginatorComponent<TEntityRead extends BdbEntityRead> implements OnInit, OnDestroy {
     dataSource: BdbDataSource<TEntityRead>;
     private _onDestroy;
@@ -215,6 +327,15 @@ declare class BdbPaginatorComponent<TEntityRead extends BdbEntityRead> implement
     static ɵcmp: i0.ɵɵComponentDeclaration<BdbPaginatorComponent<any>, "bdb-paginator", never, { "dataSource": { "alias": "dataSource"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare class BdbQueryInputV2Component<TEntityRead extends BdbEntity> {
+    class: string;
+    dataSource: i0.InputSignal<BdbDataSourceV2<TEntityRead, _devopmaat_badaboom.DataSourceState>>;
+    queryFormControl: FormControl<string | undefined>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbQueryInputV2Component<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbQueryInputV2Component<any>, "bdb-query-input-v2[dataSource]", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class BdbQueryInputComponent<TEntityRead extends BdbEntityRead> implements OnInit, OnDestroy {
     class: string;
     dataSource: BdbDataSource<TEntityRead>;
@@ -226,6 +347,80 @@ declare class BdbQueryInputComponent<TEntityRead extends BdbEntityRead> implemen
     static ɵcmp: i0.ɵɵComponentDeclaration<BdbQueryInputComponent<any>, "bdb-query-input[dataSource]", never, { "dataSource": { "alias": "dataSource"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare class BdbSearchInputComponent<TEntity extends BdbEntity> implements ControlValueAccessor, MatFormFieldControl<TEntity | undefined> {
+    ngControl: NgControl;
+    dataSource: i0.InputSignal<BdbDataSourceV2<TEntity, _devopmaat_badaboom.DataSourceState>>;
+    displayFn: i0.InputSignal<(x: TEntity) => string>;
+    placeholder: string;
+    searchCtrl: FormControl<string | TEntity | null>;
+    static nextId: number;
+    id: string;
+    stateChanges: Subject<void>;
+    focused: boolean;
+    get required(): boolean;
+    get errorState(): boolean;
+    controlType: string;
+    describedBy: string;
+    private _value;
+    private onChange;
+    onTouched: () => void;
+    private _disabled;
+    get value(): TEntity | undefined;
+    set value(val: TEntity | undefined);
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    constructor(ngControl: NgControl);
+    writeValue(obj: TEntity | undefined): void;
+    registerOnChange(fn: (value: TEntity | undefined) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    setDescribedByIds(ids: string[]): void;
+    onContainerClick(event: MouseEvent): void;
+    selectOption($event: MatAutocompleteSelectedEvent): void;
+    clear(): void;
+    onFocus(): void;
+    onBlur(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbSearchInputComponent<any>, [{ optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbSearchInputComponent<any>, "bdb-search-input", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "displayFn": { "alias": "displayFn"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare abstract class SearchV2Base<T extends BdbEntity> implements ControlValueAccessor {
+    dataSource: i0.InputSignal<BdbDataSourceV2<T, _devopmaat_badaboom.DataSourceState>>;
+    get formControl(): FormControl<T | undefined>;
+    ngControl: NgControl;
+    constructor();
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchV2Base<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SearchV2Base<any>, never, never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class BdbSearchV2Component<TEntity extends BdbEntity> implements ControlValueAccessor {
+    ngControl: NgControl;
+    dataSource: i0.InputSignal<BdbDataSourceV2<TEntity, _devopmaat_badaboom.DataSourceState>>;
+    displayFn: i0.InputSignal<(x: TEntity) => string>;
+    label: i0.InputSignal<string | undefined>;
+    isDisabled: boolean;
+    onTouched: any;
+    onChange: any;
+    value?: TEntity;
+    searchInput: i0.Signal<BdbSearchInputComponent<TEntity>>;
+    get formControl(): FormControl;
+    constructor(ngControl: NgControl);
+    writeValue(obj: TEntity | undefined): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    clear(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbSearchV2Component<any>, [{ optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbSearchV2Component<any>, "bdb-search-v2", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "displayFn": { "alias": "displayFn"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare abstract class BdbSearchWrapperBaseComponent<TEntityRead extends BdbEntityRead> implements OnInit {
     controlName?: string;
     control?: FormControl<TEntityRead | null>;
@@ -243,9 +438,9 @@ declare class BdbSearchComponent<TEntityRead extends BdbEntityRead> implements C
     label: string;
     hint: string;
     placeholder: string;
-    searchInput?: ElementRef<HTMLInputElement>;
-    clearButton?: MatIconButton;
-    autoCompleteTrigger?: MatAutocompleteTrigger;
+    readonly searchInput: i0.Signal<ElementRef<HTMLInputElement> | undefined>;
+    readonly clearButton: i0.Signal<MatIconButton | undefined>;
+    readonly autoCompleteTrigger: i0.Signal<MatAutocompleteTrigger | undefined>;
     private readonly _onDestroy;
     viewChange: BehaviorSubject<ListRange>;
     searchOptions?: Observable<TEntityRead[] | readonly TEntityRead[]>;
@@ -271,6 +466,45 @@ declare class BdbSearchComponent<TEntityRead extends BdbEntityRead> implements C
     static ɵcmp: i0.ɵɵComponentDeclaration<BdbSearchComponent<any>, "bdb-search", never, { "dataSource": { "alias": "dataSource"; "required": false; }; "displayFn": { "alias": "displayFn"; "required": false; }; "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+declare class BdbTableV2Component<TEntity extends BdbEntity> {
+    dataSource: i0.InputSignal<readonly TEntity[]>;
+    columns: i0.InputSignal<BdbColumn<TEntity, unknown>[]>;
+    displayedColumns: i0.InputSignal<string[]>;
+    activeColumns: Signal<string[]>;
+    selection: i0.InputSignal<SelectionModel<TEntity> | undefined>;
+    selectOnRowClick: i0.InputSignal<boolean>;
+    contextActions: i0.InputSignal<BdbContextAction<TEntity>[]>;
+    contextAction: i0.OutputEmitterRef<{
+        action: BdbContextAction<TEntity>;
+        row: TEntity;
+    }>;
+    rowColor: i0.InputSignal<((x: TEntity) => BdbM3Palette) | undefined>;
+    error: i0.InputSignal<HttpErrorResponse | undefined>;
+    rowClick: i0.OutputEmitterRef<TEntity>;
+    matSortDisabled: i0.InputSignal<boolean>;
+    sortChange: i0.OutputEmitterRef<Sort>;
+    readonly contextMenu: Signal<MatMenuTrigger>;
+    readonly cellTemplates: Signal<readonly BdbCellDirective[]>;
+    columnType: typeof BdbColumnType;
+    contextMenuPosition: {
+        x: string;
+        y: string;
+    };
+    trackBy: i0.InputSignal<TrackByFunction<never>>;
+    ngAfterContentInit(): void;
+    setColumnTemplates(): void;
+    onRowClick(row: TEntity): void;
+    onContextMenu(event: MouseEvent, row: TEntity): void;
+    isAllSelected(): boolean;
+    anySelected(): boolean;
+    toggleAllRows(): void;
+    rowClass(row: TEntity): {
+        [klass: string]: unknown;
+    } | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbTableV2Component<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbTableV2Component<any>, "bdb-table-v2", never, { "dataSource": { "alias": "dataSource"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "displayedColumns": { "alias": "displayedColumns"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "selectOnRowClick": { "alias": "selectOnRowClick"; "required": false; "isSignal": true; }; "contextActions": { "alias": "contextActions"; "required": false; "isSignal": true; }; "rowColor": { "alias": "rowColor"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "matSortDisabled": { "alias": "matSortDisabled"; "required": false; "isSignal": true; }; "trackBy": { "alias": "trackBy"; "required": false; "isSignal": true; }; }, { "contextAction": "contextAction"; "rowClick": "rowClick"; "sortChange": "sortChange"; }, ["cellTemplates"], ["*"], true, never>;
+}
+
 interface BdbColumnOptions {
     id?: string;
     sortDisabled?: boolean;
@@ -335,8 +569,8 @@ declare class BdbTableComponent<TRead extends BdbEntity> implements OnInit, OnCh
         action: BdbContextAction<TRead>;
         row: TRead;
     }>;
-    contextMenu: MatMenuTrigger;
-    cellTemplates: QueryList<BdbCellDirective> | undefined;
+    readonly contextMenu: i0.Signal<MatMenuTrigger>;
+    readonly cellTemplates: i0.Signal<readonly BdbCellDirective[]>;
     error: HttpErrorResponse | undefined;
     columnType: typeof BdbColumnType;
     contextMenuPosition: {
@@ -552,7 +786,7 @@ declare class MediaDropDirective {
 
 declare class BdbMediaUploadComponent {
     class: string;
-    nativeInputFile?: ElementRef;
+    readonly nativeInputFile: i0.Signal<ElementRef<any> | undefined>;
     private mediaService;
     accept: string;
     uploadComplete: EventEmitter<Media>;
@@ -1125,12 +1359,58 @@ declare class TaskLogTypeService extends BdbService {
     static ɵprov: i0.ɵɵInjectableDeclaration<TaskLogTypeService>;
 }
 
+interface BdbRoute extends Route {
+    icon: string;
+    name: string;
+}
+interface BbdEntitySettings<TEntity extends BdbEntity> extends BdbRoute {
+    single: string;
+    label: (entity: TEntity) => string;
+}
+
 declare const loggedOutGuard: CanActivateFn;
 
 declare const resetPasswordResolver: ResolveFn<ResetPasswordToken>;
 
 declare function roleGuard(...roles: string[]): CanActivateFn;
 
+declare class BdbAppLayoutComponent {
+    modules: InputSignal<BdbRoute[]>;
+    appTitle: InputSignal<string>;
+    version: InputSignal<string>;
+    opened: boolean;
+    sidenavMode: 'side' | 'over';
+    isHandset: i0.WritableSignal<boolean>;
+    authService: AuthService;
+    changeDetectorRef: ChangeDetectorRef;
+    breakpointObserver: BreakpointObserver;
+    bdbOptions: _devopmaat_badaboom.BdbOptions;
+    logoutRoutePath: string;
+    appToolbar: i0.Signal<ElementRef<any>>;
+    appToolbarHeight: number;
+    constructor();
+    ngAfterViewInit(): void;
+    private setAppToolbarHeight;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbAppLayoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbAppLayoutComponent, "bdb-app-layout", never, { "modules": { "alias": "modules"; "required": false; "isSignal": true; }; "appTitle": { "alias": "appTitle"; "required": false; "isSignal": true; }; "version": { "alias": "version"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare function BdbEntityResolver<TEntity extends BdbEntity, TEntityRead extends BdbEntityRead, TEntityService extends BdbServiceR<TEntity, TEntityRead>>(service: ProviderToken<TEntityService>): ResolveFn<TEntity>;
+
+declare class BdbNavListComponent {
+    routes: i0.InputSignal<BdbRoute[]>;
+    parentRoute: i0.InputSignal<BdbRoute | undefined>;
+    getRouterLink(route: BdbRoute): string[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbNavListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbNavListComponent, "bdb-nav-list", never, { "routes": { "alias": "routes"; "required": false; "isSignal": true; }; "parentRoute": { "alias": "parentRoute"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class BdbPageHeaderComponent {
+    pageTitle: i0.InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BdbPageHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BdbPageHeaderComponent, "bdb-page-header", never, { "pageTitle": { "alias": "pageTitle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class AccessDeniedPageComponent implements OnInit, OnDestroy {
     private authService;
     private readonly _onDestroy;
@@ -1227,5 +1507,5 @@ declare class ResetPasswordPageComponent implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<ResetPasswordPageComponent, "bdb-reset-password-page", never, {}, {}, never, never, true, never>;
 }
 
-export { AccessDeniedPageComponent, AuthContainerComponent, AuthService, BDB_OPTIONS, BdbAlertComponent, BdbAlertErrorResponseComponent, BdbBooleanDisplayComponent, BdbCellDirective, BdbCollapseRowComponent, BdbColumnBuilder, BdbColumnType, BdbDataSource, BdbErrorResponseDialogComponent, BdbFieldComponent, BdbFlexChildDirective, BdbFlexDirective, BdbFormErrorDirective, BdbFullTableComponent, BdbGridChildDirective, BdbGridDirective, BdbMediaDisplayComponent, BdbMediaInputComponent, BdbMediaUploadComponent, BdbOptionsBuilder, BdbPaginatorComponent, BdbQueryInputComponent, BdbSearchComponent, BdbSearchWrapperBaseComponent, BdbService, BdbServiceCR, BdbServiceCRD, BdbServiceCRU, BdbServiceCRUD, BdbServiceR, BdbServiceRD, BdbServiceRU, BdbServiceRUD, BdbTableComponent, ExceptionLogService, ExceptionLogTableComponent, FileSizePipe, ForgotPasswordPageComponent, InvalidTokenPageComponent, LoginPageComponent, LogoutPageComponent, MediaDropDirective, MediaFullTableComponent, MediaService, MediaTableComponent, MediaType, MediaTypeIconPipe, MediaTypeMap, MediaTypePipe, PlainNumberPipe, ResetPasswordPageComponent, RoleService, TaskLogOutcome, TaskLogOutcomeMap, TaskLogOutcomePipe, TaskLogParameterService, TaskLogParameterType, TaskLogParameterValuePipe, TaskLogScheduleService, TaskLogSchedulerService, TaskLogService, TaskLogStatus, TaskLogStatusMap, TaskLogStatusPipe, TaskLogTypeService, UserRoleService, UserService, UserTableComponent, equalValueValidator, getAuthorizationHeaderFromToken, getTokenFromAuthorizationHeader, loggedOutGuard, provideBaDaBoom, resetPasswordResolver, roleGuard, tokenExpiredInterceptor, tokenInterceptor };
-export type { AccountInfo, BdbBooleanColumnOptions, BdbColumn, BdbColumnOptions, BdbContextAction, BdbCurrencyColumnOptions, BdbDateColumnOptions, BdbEntity, BdbEntityRead, BdbEntityUpdate, BdbEnumColumnOptions, BdbFilter, BdbM3Palette, BdbNumberColumnOptions, BdbOptions, BdbOptionsConfigure, BdbPalette, BdbPercentageColumnOptions, BdbRequest, BdbResponse, BdbStringColumnOptions, ExceptionLog, ExceptionLogRead, ImageFile, Media, MediaPreview, ResetPasswordToken, Role, RoleRead, TaskLog, TaskLogCreate, TaskLogParameter, TaskLogParameterCreate, TaskLogParameterRead, TaskLogRead, TaskLogSchedule, TaskLogScheduleCreate, TaskLogScheduleRead, TaskLogScheduleUpdate, TaskLogType, TaskLogTypeParameter, TokenResponse, User, UserCreate, UserRead, UserRole, UserRoleCreate, UserRoleRead, UserUpdate };
+export { AccessDeniedPageComponent, AuthContainerComponent, AuthService, BDB_OPTIONS, BdbAlertComponent, BdbAlertErrorResponseComponent, BdbAppLayoutComponent, BdbBooleanDisplayComponent, BdbCellDirective, BdbCollapseRowComponent, BdbColumnBuilder, BdbColumnType, BdbDataSource, BdbDataSourceV2, BdbEntityResolver, BdbErrorResponseDialogComponent, BdbFieldComponent, BdbFlexChildDirective, BdbFlexDirective, BdbFormDialogComponent, BdbFormErrorDirective, BdbFullTableComponent, BdbGridChildDirective, BdbGridComponent, BdbGridDirective, BdbMediaDisplayComponent, BdbMediaInputComponent, BdbMediaUploadComponent, BdbNavListComponent, BdbOptionsBuilder, BdbPageHeaderComponent, BdbPaginatorComponent, BdbPaginatorV2Component, BdbQueryInputComponent, BdbQueryInputV2Component, BdbSearchComponent, BdbSearchInputComponent, BdbSearchV2Component, BdbSearchWrapperBaseComponent, BdbService, BdbServiceCR, BdbServiceCRD, BdbServiceCRU, BdbServiceCRUD, BdbServiceR, BdbServiceRD, BdbServiceRU, BdbServiceRUD, BdbTableComponent, BdbTableV2Component, ExceptionLogService, ExceptionLogTableComponent, FileSizePipe, ForgotPasswordPageComponent, InvalidTokenPageComponent, LoginPageComponent, LogoutPageComponent, MediaDropDirective, MediaFullTableComponent, MediaService, MediaTableComponent, MediaType, MediaTypeIconPipe, MediaTypeMap, MediaTypePipe, PlainNumberPipe, ResetPasswordPageComponent, RoleService, SearchV2Base, TaskLogOutcome, TaskLogOutcomeMap, TaskLogOutcomePipe, TaskLogParameterService, TaskLogParameterType, TaskLogParameterValuePipe, TaskLogScheduleService, TaskLogSchedulerService, TaskLogService, TaskLogStatus, TaskLogStatusMap, TaskLogStatusPipe, TaskLogTypeService, UserRoleService, UserService, UserTableComponent, equalValueValidator, getAuthorizationHeaderFromToken, getTokenFromAuthorizationHeader, loggedOutGuard, provideBaDaBoom, resetPasswordResolver, roleGuard, tokenExpiredInterceptor, tokenInterceptor };
+export type { AccountInfo, BbdEntitySettings, BdbBooleanColumnOptions, BdbColumn, BdbColumnOptions, BdbContextAction, BdbCurrencyColumnOptions, BdbDateColumnOptions, BdbEntity, BdbEntityRead, BdbEntityUpdate, BdbEnumColumnOptions, BdbFilter, BdbM3Palette, BdbNumberColumnOptions, BdbOptions, BdbOptionsConfigure, BdbPalette, BdbPercentageColumnOptions, BdbRequest, BdbRequestOptions, BdbResponse, BdbRoute, BdbStringColumnOptions, DataSourceState, ExceptionLog, ExceptionLogRead, ImageFile, Media, MediaPreview, ResetPasswordToken, Role, RoleRead, TaskLog, TaskLogCreate, TaskLogParameter, TaskLogParameterCreate, TaskLogParameterRead, TaskLogRead, TaskLogSchedule, TaskLogScheduleCreate, TaskLogScheduleRead, TaskLogScheduleUpdate, TaskLogType, TaskLogTypeParameter, TokenResponse, User, UserCreate, UserRead, UserRole, UserRoleCreate, UserRoleRead, UserUpdate };