@dereekb/dbx-web 13.4.2 → 13.5.0

package/lib/style/_root-variables.scss

@@ -1,6 +1,3 @@
-@use 'sass:map';
-@use 'sass:list';
-@use 'sass:color';
 @use './theming';
 
 // Includes all theming config
@@ -32,7 +29,7 @@
     #{theming.$dbx-page-height-additional-offset-var}: 0px;
     #{theming.$dbx-content-height-additional-offset-var}: 0px;
 
-    #{theming.$dbx-content-pit-rounded-border-radius-var}: 12px;
+    #{theming.$dbx-content-pit-rounded-border-radius-var}: var(--mat-sys-corner-medium);
     #{theming.$dbx-content-pit-scrollable-max-height-var}: 140px;
 
     #{theming.$dbx-avatar-size-var}: theming.get-dbx-avatar-size($theme-config);
@@ -85,49 +82,30 @@
 }
 
 /**
-  Only used by themes
+  Sets --dbx-* color variables by aliasing --mat-sys-* system variables
+  emitted by the Material theme. Custom colors (notice, success, ok) still
+  come from the dbx theme config since they have no Material equivalent.
 */
 @mixin root-theme-color-variables($root-selector, $theme-config) {
   #{$root-selector} {
-    $color-config: theming.m2-get-color-config($theme-config);
+    // Primary/secondary/tertiary/accent/warn - alias from mat system variables
+    #{theming.$dbx-primary-color-var}: var(--mat-sys-primary);
+    #{theming.$dbx-primary-color-contrast-var}: var(--mat-sys-on-primary);
 
-    $primary: map.get($color-config, 'primary');
-    $accent: map.get($color-config, 'accent');
-    $warn: map.get($color-config, 'warn');
-    $background: map.get($color-config, 'background');
-    $foreground: map.get($color-config, 'foreground');
+    #{theming.$dbx-secondary-color-var}: var(--mat-sys-secondary);
+    #{theming.$dbx-secondary-color-contrast-var}: var(--mat-sys-on-secondary);
 
-    $primary-color: theming.m2-get-color-from-palette($primary, 500);
-    $primary-color-contrast: theming.m2-get-color-from-palette($primary, '500-contrast');
+    #{theming.$dbx-tertiary-color-var}: var(--mat-sys-tertiary);
+    #{theming.$dbx-tertiary-color-contrast-var}: var(--mat-sys-on-tertiary);
 
-    $accent-color: theming.m2-get-color-from-palette($accent, 500);
-    $accent-color-contrast: theming.m2-get-color-from-palette($accent, '500-contrast');
+    // accent is an alias for tertiary
+    #{theming.$dbx-accent-color-var}: var(--mat-sys-tertiary);
+    #{theming.$dbx-accent-color-contrast-var}: var(--mat-sys-on-tertiary);
 
-    $warn-color: theming.m2-get-color-from-palette($warn, 500);
-    $warn-color-contrast: theming.m2-get-color-from-palette($warn, '500-contrast');
-
-    $grey-color: theming.m2-get-color-from-palette($foreground, 'text');
-    $grey-color-contrast: theming.m2-get-color-from-palette($background, 'disabled-button');
-
-    $disabled-color: theming.m2-get-color-from-palette($foreground, 'disabled-text');
-    $disabled-color-contrast: theming.m2-get-color-from-palette($background, 'disabled-button');
-
-    $background-color: theming.m2-get-color-from-palette($foreground, 'text');
-    $background-color-contrast: theming.m2-get-color-from-palette($background, 'background');
-
-    $notice-color: theming.get-dbx-notice-color($theme-config);
-    $success-color: theming.get-dbx-success-color($theme-config);
-    $ok-color: theming.get-dbx-ok-color($theme-config);
-
-    #{theming.$dbx-primary-color-var}: $primary-color;
-    #{theming.$dbx-primary-color-contrast-var}: $primary-color-contrast;
-
-    #{theming.$dbx-accent-color-var}: $accent-color;
-    #{theming.$dbx-accent-color-contrast-var}: $accent-color-contrast;
-
-    #{theming.$dbx-warn-color-var}: $warn-color;
-    #{theming.$dbx-warn-color-contrast-var}: $warn-color-contrast;
+    #{theming.$dbx-warn-color-var}: var(--mat-sys-error);
+    #{theming.$dbx-warn-color-contrast-var}: var(--mat-sys-on-error);
 
+    // Custom dbx colors - still from theme config (no --mat-sys-* equivalent)
     #{theming.$dbx-notice-color-var}: theming.get-dbx-notice-color($theme-config);
     #{theming.$dbx-notice-color-contrast-var}: var(--dbx-warn-color-contrast);
 
@@ -137,13 +115,25 @@
     #{theming.$dbx-ok-color-var}: theming.get-dbx-ok-color($theme-config);
     #{theming.$dbx-ok-color-contrast-var}: var(--dbx-warn-color-contrast);
 
-    #{theming.$dbx-grey-color-var}: $grey-color;
-    #{theming.$dbx-grey-color-contrast-var}: $grey-color-contrast;
-
-    #{theming.$dbx-disabled-color-var}: $disabled-color;
-    #{theming.$dbx-disabled-color-contrast-var}: $disabled-color-contrast;
-
-    #{theming.$dbx-default-color-var}: $background-color;
-    #{theming.$dbx-default-color-contrast-var}: $background-color-contrast;
+    // Grey - foreground text / background
+    #{theming.$dbx-grey-color-var}: var(--mat-sys-outline);
+    #{theming.$dbx-grey-color-contrast-var}: var(--mat-sys-surface);
+
+    // Disabled - disabled text / background
+    #{theming.$dbx-disabled-color-var}: var(--mat-sys-outline-variant);
+    #{theming.$dbx-disabled-color-contrast-var}: var(--mat-sys-outline);
+
+    // Default - foreground text / surface background
+    #{theming.$dbx-default-color-var}: var(--mat-sys-on-surface);
+    #{theming.$dbx-default-color-contrast-var}: var(--mat-sys-surface-container);
+
+    // Surface and outline variables
+    #{theming.$dbx-surface-color-var}: var(--mat-sys-surface);
+    #{theming.$dbx-surface-container-color-var}: var(--mat-sys-surface-container);
+    #{theming.$dbx-on-surface-color-var}: var(--mat-sys-on-surface);
+    #{theming.$dbx-on-surface-variant-color-var}: var(--mat-sys-on-surface-variant);
+    #{theming.$dbx-outline-color-var}: var(--mat-sys-outline);
+    #{theming.$dbx-outline-variant-color-var}: var(--mat-sys-outline-variant);
+    #{theming.$dbx-error-color-var}: var(--mat-sys-error);
   }
 }

package/lib/style/_theming.scss

@@ -1,206 +1,5 @@
-@use 'sass:map';
-@use 'sass:list';
-@use 'node_modules/@angular/material/core/theming/theming';
-
-// m2- was added as a prefix to Material2 themes
-@forward '@angular/material' show m2-define-light-theme, m2-define-dark-theme, m2-define-palette, m2-get-contrast-color-from-palette, m2-get-color-from-palette, m2-get-color-config, m2-get-typography-config, m2-get-density-config, elevation;
-
-@forward 'node_modules/@angular/material/core/theming/theming' show private-is-theme-object;
-
-// prefix with m2- to mirror @angular/material/core/m2 exporting
-@forward 'node_modules/@angular/material/core/m2/typography-utils' as m2-*;
+@forward '@angular/material' show elevation;
 
 @forward './config';
 @forward './variables';
 @forward './mixin';
-
-// NOTE: This was removed in Angular Material 21. We moved it here for continued usage.
-// Removed here:
-// https://github.com/angular/components/commit/ca83d31065c8b7cef0f8f0b69321d59839f4ad74
-
-// These variable are not intended to be overridden externally. They use `!default` to
-// avoid being reset every time this file is imported.
-$_emitted-color: () !default;
-$_emitted-typography: () !default;
-$_emitted-density: () !default;
-$_emitted-base: () !default;
-
-//
-// Private APIs
-//
-
-$private-internal-name: _mat-theming-internals-do-not-access;
-
-// Checks if configurations that have been declared in the given theme have been generated
-// before. If so, warnings will be reported. This should notify developers in case duplicate
-// styles are accidentally generated due to wrong usage of the all-theme mixins.
-//
-// Additionally, this mixin controls the default value for the density configuration. By
-// default, density styles are generated at scale zero. If the same density styles would be
-// generated a second time though, the default value will change to avoid duplicate styles.
-//
-// The mixin keeps track of all configurations in a list that is scoped to the specified
-// id. This is necessary because a given theme can be passed to multiple disjoint theme mixins
-// (e.g. `all-component-themes` and `all-legacy-component-themes`) without causing any
-// style duplication.
-@mixin private-check-duplicate-theme-styles($theme-or-color-config, $id) {
-  // TODO(mmalerba): use get-theme-version for this check when its moved out of experimental.
-  @if map.get($theme-or-color-config, $private-internal-name, theme-version) == 1 {
-    @include _check-duplicate-theme-styles-v1($theme-or-color-config, $id) {
-      // Optionally, consumers of this mixin can wrap contents inside so that nested
-      // duplicate style checks do not report another warning. e.g. if developers include
-      // the `all-component-themes` mixin twice, only the top-level duplicate styles check
-      // should report a warning. Not all individual components should report a warning too.
-      $orig-mat-theme-ignore-duplication-warnings: $theme-ignore-duplication-warnings;
-      $theme-ignore-duplication-warnings: true !global;
-      @content;
-      $theme-ignore-duplication-warnings: $orig-mat-theme-ignore-duplication-warnings !global;
-    }
-  } @else {
-    @include _check-duplicate-theme-styles-v0($theme-or-color-config, $id) {
-      // Optionally, consumers of this mixin can wrap contents inside so that nested
-      // duplicate style checks do not report another warning. e.g. if developers include
-      // the `all-component-themes` mixin twice, only the top-level duplicate styles check
-      // should report a warning. Not all individual components should report a warning too.
-      $orig-mat-theme-ignore-duplication-warnings: $theme-ignore-duplication-warnings;
-      $theme-ignore-duplication-warnings: true !global;
-      @content;
-      $theme-ignore-duplication-warnings: $orig-mat-theme-ignore-duplication-warnings !global;
-    }
-  }
-}
-
-// Checks for duplicate styles in a `theme-version: 1` style theme.
-@mixin _check-duplicate-theme-styles-v1($theme-or-color-config, $id) {
-  $color-settings: _strip-empty-settings(
-    (
-      theme-type: map.get($theme-or-color-config, $private-internal-name, theme-type),
-      color-tokens: map.get($theme-or-color-config, $private-internal-name, color-tokens)
-    )
-  );
-  $typography-settings: _strip-empty-settings(
-    (
-      typography-tokens: map.get($theme-or-color-config, $private-internal-name, typography-tokens)
-    )
-  );
-  $density-settings: _strip-empty-settings(
-    (
-      density-scale: map.get($theme-or-color-config, $private-internal-name, density-scale),
-      density-tokens: map.get($theme-or-color-config, $private-internal-name, density-tokens)
-    )
-  );
-  $base-settings: _strip-empty-settings(
-    (
-      base-tokens: map.get($theme-or-color-config, $private-internal-name, base-tokens)
-    )
-  );
-  $previous-color-settings: map.get($_emitted-color, $id) or ();
-  $previous-typography-settings: map.get($_emitted-typography, $id) or ();
-  $previous-density-settings: map.get($_emitted-density, $id) or ();
-  $previous-base-settings: map.get($_emitted-base, $id) or ();
-
-  // Check if the color configuration has been generated before.
-  @if $color-settings != null {
-    @if list.index($previous-color-settings, $color-settings) != null and not $theme-ignore-duplication-warnings {
-      @warn 'The same color styles are generated multiple times. ' + $_duplicate-warning;
-    }
-    $previous-color-settings: list.append($previous-color-settings, $color-settings);
-  }
-
-  // Check if the typography configuration has been generated before.
-  @if $typography-settings != null {
-    @if list.index($previous-typography-settings, $typography-settings) != null and not $theme-ignore-duplication-warnings {
-      @warn 'The same typography styles are generated multiple times. ' + $_duplicate-warning;
-    }
-    $previous-typography-settings: list.append($previous-typography-settings, $typography-settings);
-  }
-
-  // Check if the density configuration has been generated before.
-  @if $density-settings != null {
-    @if list.index($previous-density-settings, $density-settings) != null and not $theme-ignore-duplication-warnings {
-      @warn 'The same density styles are generated multiple times. ' + $_duplicate-warning;
-    }
-    $previous-density-settings: list.append($previous-density-settings, $density-settings);
-  }
-
-  // Check if the base configuration has been generated before.
-  @if $base-settings != null {
-    @if list.index($previous-base-settings, $base-settings) != null and not $theme-ignore-duplication-warnings {
-      @warn 'The same base theme styles are generated multiple times. ' + $_duplicate-warning;
-    }
-    $previous-base-settings: list.append($previous-base-settings, $base-settings);
-  }
-
-  $_emitted-color: map.set($_emitted-color, $id, $previous-color-settings) !global;
-  $_emitted-density: map.set($_emitted-density, $id, $previous-density-settings) !global;
-  $_emitted-typography: map.set($_emitted-typography, $id, $previous-typography-settings) !global;
-  $_emitted-base: map.set($_emitted-base, $id, $previous-base-settings) !global;
-
-  @content;
-}
-
-// Checks for duplicate styles in a `theme-version: 0` style theme.
-@mixin _check-duplicate-theme-styles-v0($theme-or-color-config, $id) {
-  $theme: theming.private-legacy-get-theme($theme-or-color-config);
-  $color-config: map.get($theme, $private-internal-name, m2-config, color) or theming.private-get-color-config($theme);
-  $density-config: map.get($theme, $private-internal-name, m2-config, density) or theming.private-get-density-config($theme);
-  $typography-config: map.get($theme, $private-internal-name, m2-config, typography) or theming.private-get-typography-config($theme);
-  // Lists of previous `color`, `density` and `typography` configurations.
-  $previous-color: map.get($_emitted-color, $id) or ();
-  $previous-typography: map.get($_emitted-typography, $id) or ();
-  $previous-density: map.get($_emitted-density, $id) or ();
-  // Whether duplicate legacy density styles would be generated.
-  $duplicate-legacy-density: false;
-
-  // Check if the color configuration has been generated before.
-  @if $color-config != null {
-    @if list.index($previous-color, $color-config) != null and not $theme-ignore-duplication-warnings {
-      @warn 'The same color styles are generated multiple times. ' + $_duplicate-warning;
-    }
-    $previous-color: list.append($previous-color, $color-config);
-  }
-
-  // Check if the typography configuration has been generated before.
-  @if $typography-config != null {
-    @if list.index($previous-typography, $typography-config) != null and not $theme-ignore-duplication-warnings {
-      @warn 'The same typography styles are generated multiple times. ' + $_duplicate-warning;
-    }
-    $previous-typography: list.append($previous-typography, $typography-config);
-  }
-
-  // Check if the density configuration has been generated before.
-  @if $density-config != null {
-    @if list.index($previous-density, $density-config) != null {
-      // Only report a warning if density styles would be duplicated for non-legacy theme
-      // definitions. For legacy themes, we have compatibility logic that avoids duplication
-      // of default density styles. We don't want to report a warning in those cases.
-      @if private-is-legacy-constructed-theme($theme) {
-        $duplicate-legacy-density: true;
-      } @else if not $theme-ignore-duplication-warnings {
-        @warn 'The same density styles are generated multiple times. ' + $_duplicate-warning;
-      }
-    }
-    $previous-density: list.append($previous-density, $density-config);
-  }
-
-  $_emitted-color: map.merge(
-    $_emitted-color,
-    (
-      $id: $previous-color
-    )
-  ) !global;
-  $_emitted-density: map.merge(
-    $_emitted-density,
-    (
-      $id: $previous-density
-    )
-  ) !global;
-  $_emitted-typography: map.merge(
-    $_emitted-typography,
-    (
-      $id: $previous-typography
-    )
-  ) !global;
-
-  @content;
-}

package/lib/style/_variables.scss

@@ -25,6 +25,8 @@ $dbx-color-var: --dbx-color-current;
 $dbx-bg-color-var: --dbx-bg-color-current;
 
 $dbx-primary-color-var: --dbx-primary-color;
+$dbx-secondary-color-var: --dbx-secondary-color;
+$dbx-tertiary-color-var: --dbx-tertiary-color;
 $dbx-accent-color-var: --dbx-accent-color;
 $dbx-warn-color-var: --dbx-warn-color;
 $dbx-notice-color-var: --dbx-notice-color;
@@ -35,6 +37,8 @@ $dbx-disabled-color-var: --dbx-disabled-color;
 $dbx-default-color-var: --dbx-default-color;
 
 $dbx-primary-color-contrast-var: --dbx-primary-color-contrast;
+$dbx-secondary-color-contrast-var: --dbx-secondary-color-contrast;
+$dbx-tertiary-color-contrast-var: --dbx-tertiary-color-contrast;
 $dbx-accent-color-contrast-var: --dbx-accent-color-contrast;
 $dbx-warn-color-contrast-var: --dbx-warn-color-contrast;
 $dbx-notice-color-contrast-var: --dbx-notice-color-contrast;
@@ -44,6 +48,15 @@ $dbx-grey-color-contrast-var: --dbx-grey-color-contrast;
 $dbx-disabled-color-contrast-var: --dbx-disabled-color-contrast;
 $dbx-default-color-contrast-var: --dbx-default-color-contrast;
 
+// Surface & outline variables (aliased from --mat-sys-* system variables)
+$dbx-surface-color-var: --dbx-surface-color;
+$dbx-surface-container-color-var: --dbx-surface-container-color;
+$dbx-on-surface-color-var: --dbx-on-surface-color;
+$dbx-on-surface-variant-color-var: --dbx-on-surface-variant-color;
+$dbx-outline-color-var: --dbx-outline-color;
+$dbx-outline-variant-color-var: --dbx-outline-variant-color;
+$dbx-error-color-var: --dbx-error-color;
+
 $dbx-app-height-additional-offset-var: --dbx-app-height-additional-offset;
 $dbx-app-height-base-var: --dbx-app-height-base;
 $dbx-app-height-var: --dbx-app-height;
@@ -115,6 +128,8 @@ $dbx-color: var($dbx-color-var);
 $dbx-bg-color: var($dbx-bg-color-var);
 
 $dbx-primary-color: var($dbx-primary-color-var);
+$dbx-secondary-color: var($dbx-secondary-color-var);
+$dbx-tertiary-color: var($dbx-tertiary-color-var);
 $dbx-accent-color: var($dbx-accent-color-var);
 $dbx-warn-color: var($dbx-warn-color-var);
 $dbx-notice-color: var($dbx-notice-color-var);
@@ -125,6 +140,8 @@ $dbx-disabled-color: var($dbx-disabled-color-var);
 $dbx-default-color: var($dbx-default-color-var);
 
 $dbx-primary-color-contrast: var($dbx-primary-color-contrast-var);
+$dbx-secondary-color-contrast: var($dbx-secondary-color-contrast-var);
+$dbx-tertiary-color-contrast: var($dbx-tertiary-color-contrast-var);
 $dbx-accent-color-contrast: var($dbx-accent-color-contrast-var);
 $dbx-warn-color-contrast: var($dbx-warn-color-contrast-var);
 $dbx-notice-color-contrast: var($dbx-notice-color-contrast-var);
@@ -134,6 +151,14 @@ $dbx-grey-color-contrast: var($dbx-grey-color-contrast-var);
 $dbx-disabled-color-contrast: var($dbx-disabled-color-contrast-var);
 $dbx-default-color-contrast: var($dbx-default-color-contrast-var);
 
+$dbx-surface-color: var($dbx-surface-color-var);
+$dbx-surface-container-color: var($dbx-surface-container-color-var);
+$dbx-on-surface-color: var($dbx-on-surface-color-var);
+$dbx-on-surface-variant-color: var($dbx-on-surface-variant-color-var);
+$dbx-outline-color: var($dbx-outline-color-var);
+$dbx-outline-variant-color: var($dbx-outline-variant-color-var);
+$dbx-error-color: var($dbx-error-color-var);
+
 $dbx-content-pit-rounded-border-radius-var: --dbx-content-pit-rounded-border-radius;
 $dbx-content-pit-rounded-border-radius: var($dbx-content-pit-rounded-border-radius-var);
 
@@ -149,6 +174,14 @@ $dbx-theme-colors-main: (
     'color': $dbx-primary-color,
     'contrast': $dbx-primary-color-contrast
   ),
+  'secondary': (
+    'color': $dbx-secondary-color,
+    'contrast': $dbx-secondary-color-contrast
+  ),
+  'tertiary': (
+    'color': $dbx-tertiary-color,
+    'contrast': $dbx-tertiary-color-contrast
+  ),
   'accent': (
     'color': $dbx-accent-color,
     'contrast': $dbx-accent-color-contrast
@@ -173,8 +206,8 @@ $dbx-theme-extra-colors-main: (
     'contrast': $dbx-ok-color-contrast
   ),
   'grey': (
-    'color': $dbx-grey-color-contrast,
-    'contrast': $dbx-grey-color
+    'color': $dbx-grey-color,
+    'contrast': $dbx-grey-color-contrast
   )
 );
 

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@dereekb/dbx-web",
-  "version": "13.4.2",
+  "version": "13.5.0",
   "peerDependencies": {
-    "@angular/cdk": "^21.0.0",
-    "@angular/common": "^21.0.0",
-    "@angular/core": "^21.0.0",
-    "@angular/forms": "^21.0.0",
-    "@angular/material": "^21.0.0",
-    "@angular/platform-browser": "^21.0.0",
-    "@dereekb/browser": "13.4.2",
-    "@dereekb/date": "13.4.2",
-    "@dereekb/dbx-core": "13.4.2",
-    "@dereekb/rxjs": "13.4.2",
-    "@dereekb/util": "13.4.2",
+    "@angular/cdk": "21.2.3",
+    "@angular/common": "21.2.3",
+    "@angular/core": "21.2.3",
+    "@angular/forms": "21.2.3",
+    "@angular/material": "21.2.3",
+    "@angular/platform-browser": "21.2.3",
+    "@dereekb/browser": "13.5.0",
+    "@dereekb/date": "13.5.0",
+    "@dereekb/dbx-core": "13.5.0",
+    "@dereekb/rxjs": "13.5.0",
+    "@dereekb/util": "13.5.0",
     "@ngbracket/ngx-layout": "^21.0.0",
     "@ngrx/component-store": "^21.0.0",
     "@ngrx/effects": "^21.0.0",
@@ -21,7 +21,7 @@
     "@uirouter/angular": "21.0.0",
     "@uirouter/core": "^6.1.2",
     "@zip.js/zip.js": "^2.8.11",
-    "angular-calendar": "^0.32.0",
+    "angular-calendar": "^0.32.1",
     "change-case-all": "^2.1.0",
     "date-fns": "^4.0.0",
     "linkify-string": "^4.3.0",

package/types/dereekb-dbx-web-table.d.ts

@@ -421,7 +421,7 @@ declare function isDbxTableViewItemElement<T, G>(element: DbxTableViewElement<T,
 declare class DbxTableViewComponent<I, C, T, G = unknown> {
     readonly tableStore: DbxTableStore<I, C, T, G>;
     readonly table: Signal<MatTable<DbxTableViewElement<T, G>>>;
-    readonly DEFAULT_TRACK_BY_FUNCTION: TrackByFunction<unknown>;
+    readonly DEFAULT_TRACK_BY_FUNCTION: TrackByFunction<any>;
     readonly scrollDistance: i0.InputSignal<number>;
     readonly throttleScroll: i0.InputSignal<number>;
     readonly itemsColumnName = "_items";
@@ -435,7 +435,7 @@ declare class DbxTableViewComponent<I, C, T, G = unknown> {
     readonly displayedColumns$: Observable<string[]>;
     readonly displayedColumnsSignal: Signal<string[]>;
     readonly trackByFunction$: Observable<TrackByFunction<T>>;
-    readonly inputTrackByFunctionSignal: Signal<TrackByFunction<unknown> | TrackByFunction<T>>;
+    readonly inputTrackByFunctionSignal: Signal<TrackByFunction<any> | TrackByFunction<T>>;
     readonly trackElementByFunctionSignal: Signal<TrackByFunction<DbxTableViewElement<T, G>>>;
     readonly context: _dereekb_rxjs.MutableLoadingStateContext<unknown, LoadingState<_dereekb_dbx_web_table.DbxTableContextData<I, C, T>>, _dereekb_rxjs.LoadingContextEvent & LoadingState<_dereekb_dbx_web_table.DbxTableContextData<I, C, T>>>;
     readonly dataLoadingContext: _dereekb_rxjs.MutableLoadingStateContext<unknown, LoadingState<DbxTableViewElement<T, G>[]>, _dereekb_rxjs.LoadingContextEvent & LoadingState<DbxTableViewElement<T, G>[]>>;
@@ -597,7 +597,7 @@ interface DbxTableReaderDelegate<C, T, O> {
      */
     trackItem: DbxTableReaderItemTrackByFunction<T>;
 }
-interface DbxTableReaderConfig<C, T, O, G = unknown> {
+interface DbxTableReaderConfig<C, T, O, G = any> {
     /**
      * Delegate used for retrieving the data for a specific column and item/row.
      */
@@ -605,9 +605,9 @@ interface DbxTableReaderConfig<C, T, O, G = unknown> {
     /**
      * The table store used for retrieving the items.
      */
-    readonly tableStore: DbxTableStore<unknown, C, T, G>;
+    readonly tableStore: DbxTableStore<any, C, T, G>;
 }
-interface DbxTableReader<C, T, O, G = unknown> extends DbxTableReaderConfig<C, T, O, G> {
+interface DbxTableReader<C, T, O, G = any> extends DbxTableReaderConfig<C, T, O, G> {
     /**
      * Retrieves all cell data pairs for a specific column.
      */
@@ -635,7 +635,7 @@ interface DbxTableReader<C, T, O, G = unknown> extends DbxTableReaderConfig<C, T
  * @param config The reader configuration containing the delegate and table store
  * @returns A {@link DbxTableReader} instance with observable accessors for cell data
  */
-declare function dbxTableReader<C, T, O, G = unknown>(config: DbxTableReaderConfig<C, T, O, G>): DbxTableReader<C, T, O, G>;
+declare function dbxTableReader<C, T, O, G = any>(config: DbxTableReaderConfig<C, T, O, G>): DbxTableReader<C, T, O, G>;
 
 export { AbstractDbxTableColumnDirective, AbstractDbxTableGroupDirective, AbstractDbxTableItemDirective, DBX_TABLE_ACTIONS_COLUMN_NAME, DBX_TABLE_COLUMN_SIZE_PARENT_ELEMENT_REF_TOKEN, DBX_TABLE_ITEMS_COLUMN_NAME, DEFAULT_DBX_TABLE_DATE_RANGE_DAY_BUTTON_FORMAT, DEFAULT_DBX_TABLE_DATE_RANGE_DAY_DISTIANCE_INPUT_CELL_COMPONENT_CONFIG, DEFAULT_DBX_TABLE_READER_COLUMN_TRACK_BY, DbxColumnSizeColumnDirective, DbxTableActionCellComponent, DbxTableColumnFooterComponent, DbxTableColumnHeaderComponent, DbxTableColumnSizeDirective, DbxTableDateHeaderComponent, DbxTableDateModule, DbxTableDateRangeDayDistanceInputCellInputComponent, DbxTableDateRangeDayDistanceInputCellInputRangeSelectionStrategy, DbxTableDirective, DbxTableGroupFooterComponent, DbxTableGroupHeaderComponent, DbxTableInputCellComponent, DbxTableItemActionComponent, DbxTableItemCellComponent, DbxTableItemHeaderComponent, DbxTableModule, DbxTableStore, DbxTableSummaryEndCellComponent, DbxTableSummaryStartCellComponent, DbxTableViewComponent, NO_GROUPS_ID, dbxTableDateHeaderInjectionFactory, dbxTableDateRangeDayDistanceInputCellInput, dbxTableReader, defaultDbxTableItemGroup, isDbxTableViewGroupElement, isDbxTableViewItemElement };
 export type { DbxColumnSizeColumnValue, DbxTableColumn, DbxTableContextData, DbxTableContextDataDelegate, DbxTableDateRangeDayDistanceInputCellInputComponentConfig, DbxTableGroupByFunction, DbxTableGroupId, DbxTableItemGroup, DbxTableReader, DbxTableReaderCellDataPair, DbxTableReaderCellPair, DbxTableReaderColumnKey, DbxTableReaderColumnTrackByFunction, DbxTableReaderConfig, DbxTableReaderDelegate, DbxTableReaderItemKey, DbxTableReaderItemTrackByFunction, DbxTableStoreState, DbxTableViewDelegate, DbxTableViewElement, DbxTableViewGroupElement, DbxTableViewItemElement, DefaultDbxTableItemGroup };