@dereekb/dbx-web 13.17.0 → 13.18.0

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

@@ -1,11 +1,10 @@
 import * as _dereekb_dbx_core from '@dereekb/dbx-core';
 import { DbxActionWorkOrWorkProgress, DbxActionWorkProgress, DbxActionContextStoreSourceInstance, DbxActionContextSourceReference, DbxActionSuccessHandlerFunction, AbstractTransitionWatcherDirective, AbstractDbxButtonDirective, AuthUserIdentifier, DbxInjectionComponentConfig, SegueRef, ClickableAnchor, SegueRefOrSegueRefRouterLink, DbxButtonDisplay, DbxButtonWorking, DbxButtonEcho, SimpleStorageAccessorFactory, StorageAccessor, AbstractDbxAnchorDirective, ClickableIconAnchorLink, ClickableAnchorLink, DbxInjectionTemplateConfig, ClickableAnchorLinkTree, ExpandedClickableAnchorLinkTree, AbstractTransitionDirective, ClickableAnchorLinkSegueRef, AbstractIfDirective, AbstractDbxActionValueGetterDirective, DbxActionWorkable, DbxButton, FilterSourceDirective, ClickablePartialFilterPreset, AbstractDbxActionHandlerDirective, ClickableFilterPresetOrPartialPreset, ClickableFilterPreset, DbxButtonInterceptor } from '@dereekb/dbx-core';
-import * as _dereekb_dbx_web from '@dereekb/dbx-web';
 import * as _angular_core from '@angular/core';
 import { Signal, ElementRef, AfterViewInit, InjectionToken, Type, OnInit, OnDestroy, ViewContainerRef, Provider, Injector, TrackByFunction, OutputEmitterRef, OutputRef, EnvironmentProviders, TemplateRef, ComponentRef } from '@angular/core';
 import { ProgressBarMode } from '@angular/material/progress-bar';
 import * as _dereekb_util from '@dereekb/util';
-import { Maybe, ErrorInput, Milliseconds, GetterOrValue, Getter, CssClass, CharacterPrefixSuffixCleanString, DashPrefixString, CssToken, CssTokenVar, WebsiteUrlWithPrefix, WebsitePath, Pixels, PixelsString, DecisionFunction, ModifierMap, ArrayOrValue, Modifier, ModifierFunction, UniqueModel, CssClassesArray, PrimativeKey, SortCompareFunction, ModelKeyRef, HtmlHeaderLevel, Destroyable, UnitedStatesAddressWithContact, LabeledValue, GetterOrValueWithInput, Seconds, DestroyFunction, ReadableError, ReadableErrorWithCode, ServerError, ServerErrorResponseData, ServerErrorResponse, PromiseOrValue, SpaceSeparatedCssClasses, StringErrorCode, ModelKeyTypeNamePair, UnixDateTimeSecondsNumber, ModelKey, ModelTypeString, MimeTypeWithoutParameters, ContentTypeMimeType, ModelTypeDataPair, MapFunction, SlashPathDirectoryTreeNode, SlashPathDirectoryTreeNodeValue, SlashPathDirectoryTreeRoot, FileSize, MimeTypeWildcard, MimeTypeWithSubtypeWildcardWithoutParameters, SlashPathTypedFileSuffix, ModelIdFactory } from '@dereekb/util';
+import { Maybe, ErrorInput, Milliseconds, GetterOrValue, Getter, CssClass, CharacterPrefixSuffixCleanString, DashPrefixString, CssStyleObject, CssToken, CssTokenVar, WebsiteUrlWithPrefix, WebsitePath, Pixels, PixelsString, DecisionFunction, ModifierMap, ArrayOrValue, Modifier, ModifierFunction, UniqueModel, CssClassesArray, PrimativeKey, SortCompareFunction, ModelKeyRef, HtmlHeaderLevel, Destroyable, UnitedStatesAddressWithContact, LabeledValue, GetterOrValueWithInput, Seconds, DestroyFunction, ReadableError, ReadableErrorWithCode, ServerError, ServerErrorResponseData, ServerErrorResponse, PromiseOrValue, SpaceSeparatedCssClasses, StringErrorCode, ModelKeyTypeNamePair, UnixDateTimeSecondsNumber, ModelKey, ModelTypeString, MimeTypeWithoutParameters, ContentTypeMimeType, ModelTypeDataPair, MapFunction, SlashPathDirectoryTreeNode, SlashPathDirectoryTreeNodeValue, SlashPathDirectoryTreeRoot, FileSize, MimeTypeWildcard, MimeTypeWithSubtypeWildcardWithoutParameters, SlashPathTypedFileSuffix, ModelIdFactory } from '@dereekb/util';
 import { ProgressSpinnerMode } from '@angular/material/progress-spinner';
 import * as dist_packages_dbx_core_types_dereekb_dbx_core from 'dist/packages/dbx-core/types/dereekb-dbx-core';
 import * as rxjs from 'rxjs';
@@ -16,6 +15,7 @@ import { MatSnackBarConfig, MatSnackBarRef, MatSnackBar } from '@angular/materia
 import { MatDialogRef, MatDialog, MatDialogConfig } from '@angular/material/dialog';
 import { TransitionService, Transition, HookResult } from '@uirouter/core';
 import { ThemePalette } from '@angular/material/core';
+import * as _dereekb_dbx_web from '@dereekb/dbx-web';
 import * as ng_overlay_container from 'ng-overlay-container';
 import { NgPopoverRef, NgPopoverCloseType, NgOverlayContainerConfiguration, NgPopoverCloseEvent } from 'ng-overlay-container';
 import { HttpErrorResponse } from '@angular/common/http';
@@ -59,7 +59,7 @@ type LoadingComponentState = 'none' | 'loading' | 'content' | 'error';
  *
  * @example
  * ```html
- * <dbx-basic-loading [loading]="true" color="accent" text="Loading data...">
+ * <dbx-basic-loading [loading]="true" dbxColor="accent" text="Loading data...">
  *   <p>Content appears here when loading is false.</p>
  * </dbx-basic-loading>
  * ```
@@ -69,7 +69,6 @@ declare class DbxBasicLoadingComponent {
     readonly customLoading: Signal<Maybe<ElementRef<any>>>;
     readonly diameter: _angular_core.InputSignal<Maybe<number>>;
     readonly mode: _angular_core.InputSignal<Maybe<"determinate" | "indeterminate" | "buffer" | "query">>;
-    readonly color: _angular_core.InputSignal<"" | "default" | "primary" | "secondary" | "tertiary" | "accent" | "warn" | "notice" | "ok" | "success" | "grey" | "disabled" | _dereekb_dbx_web.DbxColorConfig | undefined>;
     readonly text: _angular_core.InputSignal<Maybe<string>>;
     readonly linear: _angular_core.InputSignal<Maybe<boolean>>;
     readonly show: _angular_core.InputSignal<Maybe<boolean>>;
@@ -82,7 +81,7 @@ declare class DbxBasicLoadingComponent {
     readonly hasNoCustomErrorSignal: Signal<boolean>;
     readonly hasNoCustomLoadingSignal: Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxBasicLoadingComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxBasicLoadingComponent, "dbx-basic-loading", never, { "diameter": { "alias": "diameter"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "show": { "alias": "show"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[loading]", "[error]", "[errorAction]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxBasicLoadingComponent, "dbx-basic-loading", never, { "diameter": { "alias": "diameter"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "show": { "alias": "show"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, {}, never, ["*", "[loading]", "[error]", "[errorAction]"], true, never>;
 }
 
 /**
@@ -93,7 +92,10 @@ declare const DEFAULT_LOADING_PROGRESS_DIAMETER = 96;
  * Renders a Material progress spinner or progress bar to indicate loading.
  *
  * Supports both linear (bar) and circular (spinner) modes with configurable
- * diameter, color, and optional hint text below the indicator.
+ * diameter and optional hint text below the indicator. To color the indicator,
+ * apply `[dbxColor]` directly on the host — its `dbx-loading-progress.dbx-color`
+ * SCSS maps the indicator color to the supplied token. Without `[dbxColor]` the
+ * indicator uses the Material default color.
  *
  * @dbxWebComponent
  * @dbxWebSlug loading-progress
@@ -106,7 +108,7 @@ declare const DEFAULT_LOADING_PROGRESS_DIAMETER = 96;
  *
  * @example
  * ```html
- * <dbx-loading-progress mode="bar"></dbx-loading-progress>
+ * <dbx-loading-progress mode="bar" dbxColor="accent"></dbx-loading-progress>
  * ```
  */
 declare class DbxLoadingProgressComponent {
@@ -115,14 +117,13 @@ declare class DbxLoadingProgressComponent {
     readonly text: _angular_core.InputSignal<Maybe<string>>;
     readonly linear: _angular_core.InputSignal<Maybe<boolean>>;
     readonly mode: _angular_core.InputSignal<"determinate" | "indeterminate" | "buffer" | "query">;
-    readonly color: _angular_core.InputSignal<"" | "default" | "primary" | "secondary" | "tertiary" | "accent" | "warn" | "notice" | "ok" | "success" | "grey" | "disabled" | _dereekb_dbx_web.DbxColorConfig | undefined>;
     readonly value: _angular_core.InputSignal<Maybe<number>>;
     readonly bufferValue: _angular_core.InputSignal<Maybe<number>>;
     readonly bmodeSignal: _angular_core.Signal<"determinate" | "indeterminate" | "buffer" | "query">;
     readonly smodeSignal: _angular_core.Signal<ProgressSpinnerMode>;
     readonly diameterSignal: _angular_core.Signal<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxLoadingProgressComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxLoadingProgressComponent, "dbx-loading-progress", never, { "diameter": { "alias": "diameter"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "bufferValue": { "alias": "bufferValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxLoadingProgressComponent, "dbx-loading-progress", never, { "diameter": { "alias": "diameter"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "bufferValue": { "alias": "bufferValue"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -178,7 +179,6 @@ declare class DbxLoadingComponent {
     readonly show: _angular_core.InputSignal<Maybe<boolean>>;
     readonly text: _angular_core.InputSignal<Maybe<string>>;
     readonly mode: _angular_core.InputSignal<Maybe<ProgressBarMode>>;
-    readonly color: _angular_core.InputSignal<"" | "default" | "primary" | "secondary" | "tertiary" | "accent" | "warn" | "notice" | "ok" | "success" | "grey" | "disabled" | _dereekb_dbx_web.DbxColorConfig | undefined>;
     readonly diameter: _angular_core.InputSignal<Maybe<number>>;
     readonly linear: _angular_core.InputSignal<Maybe<boolean>>;
     readonly loading: _angular_core.InputSignal<Maybe<dist_packages_dbx_core_types_dereekb_dbx_core.DbxActionWorkOrWorkProgress>>;
@@ -196,7 +196,7 @@ declare class DbxLoadingComponent {
      */
     setContext(context: MaybeObservableOrValue<LoadingContext>): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxLoadingComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxLoadingComponent, "dbx-loading", never, { "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "show": { "alias": "show"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "diameter": { "alias": "diameter"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; }, {}, never, ["[loading]", "*", "[error]", "[errorAction]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxLoadingComponent, "dbx-loading", never, { "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "show": { "alias": "show"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "diameter": { "alias": "diameter"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; }, {}, never, ["[loading]", "*", "[error]", "[errorAction]"], true, never>;
 }
 
 /**
@@ -893,6 +893,39 @@ interface DbxStyleConfig {
      */
     readonly suffixes?: Set<DbxStyleClassSuffix>;
 }
+/**
+ * Supplemental classes / inline styles (CSS custom properties) applied on top of the configured global style.
+ *
+ * Used by `DbxStyleService` to layer additional styling onto `document.body` (via `DbxStyleBodyDirective`) without
+ * replacing the configured root style class — e.g. the style-demo controls forward their active levers here so they
+ * repaint the entire app.
+ */
+interface DbxStyleSupplement {
+    /**
+     * Supplemental classes added alongside the configured root style class.
+     */
+    readonly classes?: Maybe<CssClass[]>;
+    /**
+     * Supplemental inline styles (typically CSS custom properties such as `--mat-sys-*`).
+     */
+    readonly style?: Maybe<CssStyleObject>;
+}
+/**
+ * Flattened body application: the root style class plus any supplement classes, alongside the supplement inline styles.
+ *
+ * Emitted by `DbxStyleService.styleApplication$` and consumed by `DbxStyleBodyDirective` to apply both classes and
+ * inline custom properties to `document.body`.
+ */
+interface DbxStyleApplication {
+    /**
+     * The root style class followed by any supplement classes.
+     */
+    readonly classes: CssClass[];
+    /**
+     * The supplement inline styles (empty when no supplement is set).
+     */
+    readonly style: CssStyleObject;
+}
 /**
  * The five core Material Design M3 theme palette colors.
  *
@@ -1075,7 +1108,14 @@ declare const DBX_COLOR_CUSTOM_BG_CSS_CLASS: CssClass;
  */
 declare const DBX_COLOR_CUSTOM_TEXT_CSS_CLASS: CssClass;
 /**
- * Returns the CSS class name for a themed background color.
+ * Returns the token-providing CSS class name for a themed background color.
+ *
+ * Under the token-only contract the returned `dbx-{color}-bg` classes declare the `--dbx-bg-color-current` /
+ * `--dbx-color-current` custom properties but paint nothing on their own — painting is performed by the
+ * `.dbx-color-bg` utility (or a `.dbx-color`-scoped component) reading those tokens. For named colors this returns the
+ * `dbx-{color}-bg` token class; for a {@link DbxColorConfig} it returns {@link DBX_COLOR_CUSTOM_BG_CSS_CLASS} so static
+ * (non-directive) callers still paint, while the `[dbxColor]` directive itself bypasses this for configs and supplies the
+ * tokens through inline style bindings instead.
  *
  * @param color - The theme color, color config, or nullish/empty for the default class.
  * @returns The CSS class name for the themed background (e.g., `'dbx-primary-bg'`, `'dbx-color-bg'`, or `'dbx-default'`)
@@ -1392,7 +1432,11 @@ declare class DbxAvatarComponent {
 }
 
 /**
- * Renders a horizontal bar with a themed background color, used to visually group or separate content.
+ * Renders a horizontal bar used to visually group or separate content.
+ *
+ * To give the bar a themed background apply `[dbxColor]` (optionally with `[dbxColorTone]`) directly on the host —
+ * the bar paints itself from the supplied color tokens via its `.dbx-bar.dbx-color` SCSS. The directive itself only
+ * applies the `.dbx-bar` layout class.
  *
  * @dbxWebComponent
  * @dbxWebSlug bar
@@ -1405,32 +1449,23 @@ declare class DbxAvatarComponent {
  *
  * @example
  * ```html
- * <dbx-bar>
- *   <dbx-button text="Save" raised color="primary"></dbx-button>
+ * <dbx-bar dbxColor="primary">
+ *   <dbx-button text="Save" raised></dbx-button>
  *   <dbx-button-spacer></dbx-button-spacer>
  *   <dbx-button text="Cancel" stroked></dbx-button>
  * </dbx-bar>
  * ```
  */
 declare class DbxBarDirective {
-    private readonly _colorService;
-    readonly color: _angular_core.InputSignal<Maybe<DbxColorInput>>;
-    readonly cssClassSignal: _angular_core.Signal<string>;
-    private readonly _configSignal;
-    /**
-     * Inline `--dbx-bg-color-current` value applied when a {@link DbxColorConfig} is bound. Resolves to `null` for named-color strings.
-     */
-    readonly bgColorStyleSignal: _angular_core.Signal<string | null>;
-    /**
-     * Inline `--dbx-color-current` value applied when a {@link DbxColorConfig} is bound. Resolves to `null` for named-color strings.
-     */
-    readonly colorStyleSignal: _angular_core.Signal<string | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxBarDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DbxBarDirective, "dbx-bar,[dbxBar]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DbxBarDirective, "dbx-bar,[dbxBar]", never, {}, {}, never, never, true, never>;
 }
 
 /**
- * A themed header bar displaying an optional icon and text label, useful as a section divider.
+ * A header bar displaying an optional icon and text label, useful as a section divider.
+ *
+ * To give it a themed background apply `[dbxColor]` directly on the host — the inner `<dbx-bar>` paints from the
+ * inherited tokens via the `dbx-bar-header.dbx-color .dbx-bar` SCSS.
  *
  * @dbxWebComponent
  * @dbxWebSlug bar-header
@@ -1443,7 +1478,7 @@ declare class DbxBarDirective {
  *
  * @example
  * ```html
- * <dbx-bar-header header="Members" icon="group">
+ * <dbx-bar-header header="Members" icon="group" dbxColor="primary">
  *   <button mat-icon-button><mat-icon>add</mat-icon></button>
  * </dbx-bar-header>
  * ```
@@ -1451,14 +1486,16 @@ declare class DbxBarDirective {
 declare class DbxBarHeaderComponent {
     readonly text: _angular_core.InputSignal<Maybe<string>>;
     readonly icon: _angular_core.InputSignal<Maybe<string>>;
-    readonly color: _angular_core.InputSignal<Maybe<DbxColorInput>>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxBarHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxBarHeaderComponent, "dbx-bar-header", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxBarHeaderComponent, "dbx-bar-header", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
  * A page-level toolbar with left and right content slots, built on Angular Material's mat-toolbar.
  *
+ * To give it a themed background apply `[dbxColor]` directly on the host — the inner `mat-toolbar` maps its
+ * `--mat-toolbar-*` colors to the inherited tokens via the `dbx-pagebar.dbx-color mat-toolbar` SCSS.
+ *
  * @dbxWebComponent
  * @dbxWebSlug pagebar
  * @dbxWebCategory layout
@@ -1470,7 +1507,7 @@ declare class DbxBarHeaderComponent {
  *
  * @example
  * ```html
- * <dbx-pagebar>
+ * <dbx-pagebar dbxColor="primary">
  *   <h2>Settings</h2>
  *   <span class="spacer"></span>
  *   <button mat-stroked-button>Save</button>
@@ -1478,10 +1515,8 @@ declare class DbxBarHeaderComponent {
  * ```
  */
 declare class DbxPagebarComponent {
-    readonly color: _angular_core.InputSignal<Maybe<_dereekb_dbx_web.DbxThemeColor>>;
-    readonly cssClassSignal: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxPagebarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxPagebarComponent, "dbx-pagebar", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["[left]", "[right]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxPagebarComponent, "dbx-pagebar", never, {}, {}, never, ["[left]", "[right]"], true, never>;
 }
 
 /**
@@ -2413,6 +2448,9 @@ type DbxContentPitScrollableHeightSetting = 'small' | 'medium' | 'large';
  * Wraps content in a recessed "pit" container with optional scrollable overflow and rounded corners.
  * Useful for displaying bounded content areas such as lists or previews with a constrained height.
  *
+ * Pits round their corners by default. Pass `[rounded]="false"` to square the pit — this applies the
+ * common `.dbx-corners-none` opt-out utility rather than a pit-specific class.
+ *
  * @dbxWebComponent
  * @dbxWebSlug content-pit
  * @dbxWebCategory layout
@@ -4286,10 +4324,14 @@ declare class DbxSectionLayoutModule {
 }
 
 /**
- * Applies a themed background color to the host element.
+ * Provides themed color *tokens* to the host element — it never paints a background itself.
  *
  * Accepts either a {@link DbxThemeColor} string (e.g. `'primary'`, `'success'`) or a {@link DbxColorConfig}
  * object carrying arbitrary CSS color values (any hex, `rgb()`, `hsl()`, `var(...)`, `color-mix(...)`, etc.).
+ * The directive sets the `--dbx-bg-color-current` / `--dbx-color-current` (and tone) custom properties and adds the
+ * `.dbx-color` marker class, leaving the actual painting to either the explicit `.dbx-color-bg` utility on the same
+ * element or a colored-surface component's own `.dbx-color`-scoped SCSS (e.g. `<dbx-bar>`, `<dbx-button>`, `<dbx-loading>`,
+ * `<dbx-icon-tile>`, `<mat-card>`) that reads the inherited tokens.
  *
  * Optionally set {@link dbxColorTone} (0-100) to control background opacity for a tonal/muted appearance.
  * When tonal mode is active, the `dbx-color-tonal` CSS class is added and a CSS rule overrides the text
@@ -4303,25 +4345,46 @@ declare class DbxSectionLayoutModule {
  * @dbxWebCategory layout
  * @dbxWebRelated text-color, color-service
  * @dbxWebMinimalExample ```html
- * <div [dbxColor]="'primary'"></div>
+ * <div dbxColor="primary" class="dbx-color-bg"></div>
  * ```
  *
  * @example
  * ```html
- * <div [dbxColor]="'primary'">Themed background</div>
- * <div [dbxColor]="'primary'" [dbxColorTone]="18">Tonal themed</div>
- * <div [dbxColor]="{ color: '#ff0066', contrast: 'white' }">Custom hex</div>
- * <div [dbxColor]="{ color: 'var(--mat-sys-tertiary)', contrast: 'var(--mat-sys-on-tertiary)', tone: 18 }">Custom tonal</div>
+ * <!-- pair with .dbx-color-bg to paint a plain element -->
+ * <div dbxColor="primary" class="dbx-color-bg">Themed background</div>
+ * <div dbxColor="primary" [dbxColorTone]="18" class="dbx-color-bg">Tonal themed</div>
+ * <div [dbxColor]="{ color: '#ff0066', contrast: 'white' }" class="dbx-color-bg">Custom hex</div>
+ *
+ * <!-- a colored-surface component paints itself from the tokens; no .dbx-color-bg needed -->
+ * <dbx-bar dbxColor="primary">Bar paints itself</dbx-bar>
+ * <dbx-button color="warn" raised text="Delete"></dbx-button>
  * ```
  */
 declare class DbxColorDirective {
     private readonly _colorService;
-    readonly dbxColor: _angular_core.InputSignal<Maybe<DbxColorInput>>;
+    /**
+     * The color to provide tokens for. Declared as a `model` so a colored-surface component on the same host (e.g.
+     * `dbx-button`) can push its resolved color into the directive, keeping it the single token provider on the element.
+     */
+    readonly dbxColor: _angular_core.ModelSignal<Maybe<DbxColorInput>>;
     /**
      * Background tone level (0-100). When set, the background becomes semi-transparent
      * and text color switches to the vibrant theme color for a tonal appearance.
      */
     readonly dbxColorTone: _angular_core.InputSignal<Maybe<number>>;
+    /**
+     * Whether a color is currently bound. When nothing is bound the directive is fully inert — it adds no marker class
+     * and no token class — so color tokens inherited from a `[dbxColor]` ancestor pass through untouched (important for
+     * components that host this directive unconditionally, e.g. `dbx-button` inside a tonal `[dbxColor]` card).
+     */
+    readonly hasColorSignal: _angular_core.Signal<boolean>;
+    /**
+     * Applies the named `dbx-{color}-bg` token class for a {@link DbxThemeColor} string, or `''` both for a
+     * {@link DbxColorConfig} (whose tokens are supplied by the inline `--dbx-bg-color-current` / `--dbx-color-current`
+     * style bindings instead) and when no color is bound (inert; inherited tokens pass through). The directive is a pure
+     * token provider — none of these classes paint a background; painting is done by the `.dbx-color-bg` utility or a
+     * component's own `.dbx-color`-scoped SCSS.
+     */
     readonly cssClassSignal: _angular_core.Signal<string>;
     private readonly _configSignal;
     /**
@@ -4351,7 +4414,7 @@ declare class DbxColorDirective {
      */
     readonly bgToneStyleSignal: _angular_core.Signal<string | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxColorDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DbxColorDirective, "[dbxColor]", never, { "dbxColor": { "alias": "dbxColor"; "required": false; "isSignal": true; }; "dbxColorTone": { "alias": "dbxColorTone"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DbxColorDirective, "[dbxColor]", never, { "dbxColor": { "alias": "dbxColor"; "required": false; "isSignal": true; }; "dbxColorTone": { "alias": "dbxColorTone"; "required": false; "isSignal": true; }; }, { "dbxColor": "dbxColorChange"; }, never, never, true, never>;
 }
 
 /**
@@ -4468,9 +4531,10 @@ declare class DbxSetStyleDirective implements OnDestroy {
 }
 
 /**
- * Applies the current application style class from {@link DbxStyleService} to the document `<body>` element.
+ * Applies the current {@link DbxStyleService} body application — the active style class, any supplement classes, and
+ * supplement inline styles (CSS custom properties) — to the document `<body>` element.
  *
- * Place this directive on a root-level element so that the body tag receives the active style class.
+ * Place this directive on a root-level element so that the body tag receives the active style.
  *
  * @dbxWebComponent
  * @dbxWebSlug style-body
@@ -4488,7 +4552,8 @@ declare class DbxSetStyleDirective implements OnDestroy {
 declare class DbxStyleBodyDirective {
     private readonly _styleService;
     private readonly _renderer;
-    private _styleClassName;
+    private _classes;
+    private _styleKeys;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxStyleBodyDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DbxStyleBodyDirective, "[dbxStyleBody]", never, {}, {}, never, never, true, never>;
@@ -4532,9 +4597,18 @@ declare class DbxStyleService implements Destroyable {
     private readonly _defaultConfig;
     private readonly _config;
     private readonly _styleClassSuffix;
+    private readonly _supplement;
     readonly config$: Observable<DbxStyleConfig>;
     readonly styleClassSuffix$: Observable<Maybe<string>>;
     readonly styleClassName$: Observable<string>;
+    /**
+     * The currently active style supplement, or undefined when none is set.
+     */
+    readonly supplement$: Observable<Maybe<DbxStyleSupplement>>;
+    /**
+     * The flattened body application: the root style class plus any supplement classes, alongside the supplement inline styles.
+     */
+    readonly styleApplication$: Observable<DbxStyleApplication>;
     /**
      * Returns the style class given the input configuration.
      *
@@ -4585,6 +4659,18 @@ declare class DbxStyleService implements Destroyable {
      * @param config - The config reference to compare against the current override.
      */
     unsetConfig(config: ObservableOrValue<DbxStyleConfig>): void;
+    /**
+     * Sets the active style supplement (classes + inline styles) layered on top of the configured style on the body.
+     *
+     * @param supplement - A supplement value or observable, or nullish to clear the current supplement.
+     */
+    setSupplement(supplement: Maybe<ObservableOrValue<Maybe<DbxStyleSupplement>>>): void;
+    /**
+     * Clears the active supplement if it matches the given reference.
+     *
+     * @param supplement - The supplement reference to compare against the current supplement.
+     */
+    unsetSupplement(supplement: ObservableOrValue<Maybe<DbxStyleSupplement>>): void;
     destroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxStyleService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<DbxStyleService>;
@@ -4856,16 +4942,16 @@ declare class DbxDetailBlockHeaderComponent {
  * @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
  * @dbxWebContentProjection Optional fallback content rendered when `icon` is not supplied (e.g. a custom icon component).
  * @dbxWebMinimalExample ```html
- * <dbx-icon-tile [icon]="'verified'" [dbxColor]="'success'"></dbx-icon-tile>
+ * <dbx-icon-tile [icon]="'verified'" dbxColor="success"></dbx-icon-tile>
  * ```
  *
  * @example
  * ```html
- * <dbx-icon-tile [icon]="'check'" [dbxColor]="'primary'" [dbxColorTone]="18"></dbx-icon-tile>
+ * <dbx-icon-tile [icon]="'check'" dbxColor="primary" [dbxColorTone]="18"></dbx-icon-tile>
  *
- * <dbx-icon-tile [icon]="'star'" [round]="true" [dbxColor]="'accent'"></dbx-icon-tile>
+ * <dbx-icon-tile [icon]="'star'" [round]="true" dbxColor="accent"></dbx-icon-tile>
  *
- * <dbx-icon-tile [dbxColor]="'accent'">
+ * <dbx-icon-tile dbxColor="accent">
  *   <my-custom-glyph></my-custom-glyph>
  * </dbx-icon-tile>
  * ```
@@ -4903,7 +4989,7 @@ declare class DbxIconTileComponent {
  * @dbxWebRelated icon-tile, dbx-color, list-two-line-item
  * @dbxWebSkillRefs dbx__ref__dbx-ui-building-blocks
  * @dbxWebMinimalExample ```html
- * <div dbxIconTile [dbxColor]="'primary'" [dbxColorTone]="18">
+ * <div dbxIconTile dbxColor="primary" [dbxColorTone]="18">
  *   <mat-icon>star</mat-icon>
  * </div>
  * ```
@@ -4911,7 +4997,7 @@ declare class DbxIconTileComponent {
  * @example
  * ```html
  * <div class="dbx-list-two-line-item dbx-list-two-line-item-with-icon">
- *   <div class="item-icon" dbxIconTile [dbxColor]="'primary'" [dbxColorTone]="18">
+ *   <div class="item-icon" dbxIconTile dbxColor="primary" [dbxColorTone]="18">
  *     <mat-icon>check_circle</mat-icon>
  *   </div>
  *   <div class="item-left">
@@ -5230,6 +5316,11 @@ declare const DEFAULT_DBX_CHIP_TONE = 18;
 /**
  * Renders a styled chip element with optional small, block, and color modes.
  *
+ * Hosts a {@link DbxColorDirective} that provides the color tokens + `.dbx-color` marker the chip's
+ * `.dbx-chip.dbx-color` SCSS paints from. The color can be supplied either through the {@link color}/{@link display}
+ * inputs (pushed into the host directive) or by binding `[dbxColor]` directly; the chip's tone handling (default
+ * {@link DEFAULT_DBX_CHIP_TONE} → tonal text) applies to both.
+ *
  * @dbxWebComponent
  * @dbxWebSlug chip
  * @dbxWebCategory text
@@ -5245,11 +5336,12 @@ declare const DEFAULT_DBX_CHIP_TONE = 18;
  * ```
  */
 declare class DbxChipDirective {
-    private readonly _colorService;
+    private readonly _dbxColorDirective;
+    constructor();
     readonly small: _angular_core.InputSignal<Maybe<boolean>>;
     readonly block: _angular_core.InputSignal<Maybe<boolean>>;
     /**
-     * Theme color or {@link DbxColorConfig} applied to the chip background via {@link dbxColorBackground}.
+     * Theme color or {@link DbxColorConfig} applied to the chip, pushed into the host {@link DbxColorDirective}.
      *
      * When {@link display} is also set, its color is used as a fallback.
      */
@@ -5267,19 +5359,15 @@ declare class DbxChipDirective {
      */
     readonly tone: _angular_core.InputSignal<Maybe<number>>;
     readonly colorSignal: _angular_core.Signal<Maybe<DbxColorInput>>;
-    private readonly _configSignal;
     /**
-     * Inline `--dbx-bg-color-current` value applied when a {@link DbxColorConfig} is bound. Resolves to `null` for named-color strings so the named `.dbx-{color}-bg` class supplies the variable instead.
+     * The effective color on the host {@link DbxColorDirective} — either pushed from {@link colorSignal} or bound
+     * directly via `[dbxColor]`. Drives the chip's tone/tonal handling.
      */
-    readonly bgColorStyleSignal: _angular_core.Signal<string | null>;
-    /**
-     * Inline `--dbx-color-current` value applied when a {@link DbxColorConfig} is bound. Resolves to `null` for named-color strings.
-     */
-    readonly colorStyleSignal: _angular_core.Signal<string | null>;
+    readonly effectiveColorSignal: _angular_core.Signal<Maybe<DbxColorInput>>;
     readonly toneSignal: _angular_core.Signal<number>;
     readonly styleSignal: _angular_core.Signal<string>;
     /**
-     * Sets `--dbx-color-bg-tone` on the host to control the background opacity via `color-mix` in the `-bg` class mixin.
+     * Sets `--dbx-color-bg-tone` on the host to control the background opacity of the painted chip surface.
      * Only applied when a color is set.
      */
     readonly bgToneStyleSignal: _angular_core.Signal<string | null>;
@@ -5290,7 +5378,7 @@ declare class DbxChipDirective {
      */
     readonly isTonalSignal: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxChipDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DbxChipDirective, "dbx-chip", never, { "small": { "alias": "small"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DbxChipDirective, "dbx-chip", never, { "small": { "alias": "small"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof DbxColorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -5769,12 +5857,6 @@ interface DbxProgressButtonConfig {
      * Text displayed alongside the spinner while working.
      */
     readonly spinnerText?: Maybe<string>;
-    /**
-     * Theme color for the button itself.
-     *
-     * Forwarded to the button host's `[dbxColor]` directive.
-     */
-    readonly buttonColor?: Maybe<ThemePalette | DbxColorInput>;
     /**
      * Theme color for the progress spinner.
      */
@@ -6029,7 +6111,7 @@ declare class DbxProgressButtonsModule {
  * bootstrapApplication(AppComponent, {
  *   providers: [
  *     provideDbxProgressButtonGlobalConfig([
- *       { id: 'primary-save', buttonType: 'raised', buttonColor: 'primary' }
+ *       { id: 'primary-save', buttonType: 'raised', spinnerColor: 'primary' }
  *     ])
  *   ]
  * });
@@ -6080,7 +6162,7 @@ declare class DbxButtonComponent extends AbstractDbxButtonDirective {
     readonly bar: _angular_core.InputSignalWithTransform<boolean, Maybe<boolean | "">>;
     readonly type: _angular_core.InputSignal<Maybe<DbxButtonType>>;
     readonly buttonStyle: _angular_core.InputSignal<Maybe<DbxButtonStyle>>;
-    readonly color: _angular_core.InputSignal<Maybe<"" | "default" | "primary" | "secondary" | "tertiary" | "accent" | "warn" | "notice" | "ok" | "success" | "grey" | "disabled" | _dereekb_dbx_web.DbxColorConfig | undefined>>;
+    readonly color: _angular_core.InputSignal<Maybe<"" | "default" | "primary" | "secondary" | "tertiary" | "accent" | "warn" | "notice" | "ok" | "success" | "grey" | "disabled" | DbxColorConfig | undefined>>;
     readonly spinnerColor: _angular_core.InputSignal<Maybe<"default" | "primary" | "secondary" | "tertiary" | "accent" | "warn" | "notice" | "ok" | "success" | "grey" | "disabled" | undefined>>;
     /**
      * @deprecated Use {@link color} with a {@link DbxColorConfig}, e.g. `[color]="{ color: '#ff0066' }"`. The `[dbxColor]` directive applies the background through `.dbx-color-bg`.
@@ -6098,10 +6180,21 @@ declare class DbxButtonComponent extends AbstractDbxButtonDirective {
     readonly customContent: _angular_core.InputSignalWithTransform<boolean, Maybe<boolean | "">>;
     readonly allowClickPropagation: _angular_core.InputSignalWithTransform<boolean, Maybe<boolean | "">>;
     readonly mode: _angular_core.InputSignal<Maybe<ProgressSpinnerMode>>;
+    /**
+     * The echo currently being displayed, if any. Echoes only display while the button is neither working nor disabled,
+     * mirroring the echo gating in {@link configSignal}.
+     */
+    private readonly _activeEchoSignal;
+    /**
+     * Resolved button color from the active echo, the {@link color} input, or {@link buttonStyle} (in that order). Pushed
+     * into the host {@link DbxColorDirective}, which provides the color tokens + `.dbx-color` marker that the button's
+     * `dbx-button.dbx-color .mdc-button` SCSS paints from; an active echo's color temporarily takes over those tokens.
+     */
+    readonly colorSignal: _angular_core.Signal<Maybe<"" | "default" | "primary" | "secondary" | "tertiary" | "accent" | "warn" | "notice" | "ok" | "success" | "grey" | "disabled" | DbxColorConfig | undefined>>;
     readonly styleTypeSignal: _angular_core.Signal<Maybe<DbxButtonType>>;
     readonly configSignal: _angular_core.Signal<DbxProgressButtonConfig>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxButtonComponent, "dbx-button", never, { "bar": { "alias": "bar"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "spinnerColor": { "alias": "spinnerColor"; "required": false; "isSignal": true; }; "customButtonColor": { "alias": "customButtonColor"; "required": false; "isSignal": true; }; "customTextColor": { "alias": "customTextColor"; "required": false; "isSignal": true; }; "customSpinnerColor": { "alias": "customSpinnerColor"; "required": false; "isSignal": true; }; "basic": { "alias": "basic"; "required": false; "isSignal": true; }; "tonal": { "alias": "tonal"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "stroked": { "alias": "stroked"; "required": false; "isSignal": true; }; "flat": { "alias": "flat"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "fab": { "alias": "fab"; "required": false; "isSignal": true; }; "customContent": { "alias": "customContent"; "required": false; "isSignal": true; }; "allowClickPropagation": { "alias": "allowClickPropagation"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxButtonComponent, "dbx-button", never, { "bar": { "alias": "bar"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "buttonStyle": { "alias": "buttonStyle"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "spinnerColor": { "alias": "spinnerColor"; "required": false; "isSignal": true; }; "customButtonColor": { "alias": "customButtonColor"; "required": false; "isSignal": true; }; "customTextColor": { "alias": "customTextColor"; "required": false; "isSignal": true; }; "customSpinnerColor": { "alias": "customSpinnerColor"; "required": false; "isSignal": true; }; "basic": { "alias": "basic"; "required": false; "isSignal": true; }; "tonal": { "alias": "tonal"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "stroked": { "alias": "stroked"; "required": false; "isSignal": true; }; "flat": { "alias": "flat"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "fab": { "alias": "fab"; "required": false; "isSignal": true; }; "customContent": { "alias": "customContent"; "required": false; "isSignal": true; }; "allowClickPropagation": { "alias": "allowClickPropagation"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof DbxColorDirective; inputs: {}; outputs: {}; }]>;
 }
 
 /**
@@ -8374,7 +8467,6 @@ interface DbxSidenavSidebarState {
 declare class DbxSidenavComponent extends AbstractTransitionWatcherDirective implements OnInit {
     private readonly _sidenavSub;
     private readonly _screenMediaService;
-    readonly color: _angular_core.InputSignal<"" | "default" | "primary" | "secondary" | "tertiary" | "accent" | "warn" | "notice" | "ok" | "success" | "grey" | "disabled" | _dereekb_dbx_web.DbxColorConfig | undefined>;
     readonly position: _angular_core.InputSignal<DbxSidenavPosition>;
     /**
      * Overrides the responsive display mode. When set, the sidenav ignores screen-width breakpoints and uses this mode instead.
@@ -8422,7 +8514,7 @@ declare class DbxSidenavComponent extends AbstractTransitionWatcherDirective imp
     toggleNav(open?: boolean): void;
     private _toggleNav;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxSidenavComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxSidenavComponent, "dbx-sidenav", ["sidenav"], { "color": { "alias": "color"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "allowedModes": { "alias": "allowedModes"; "required": false; "isSignal": true; }; "anchors": { "alias": "anchors"; "required": false; "isSignal": true; }; }, {}, never, ["[top]", "[bottom]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxSidenavComponent, "dbx-sidenav", ["sidenav"], { "position": { "alias": "position"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "allowedModes": { "alias": "allowedModes"; "required": false; "isSignal": true; }; "anchors": { "alias": "anchors"; "required": false; "isSignal": true; }; }, {}, never, ["[top]", "[bottom]", "*"], true, never>;
 }
 
 /**
@@ -8477,7 +8569,7 @@ declare class DbxSidenavButtonComponent {
  *
  * @example
  * ```html
- * <dbx-sidenav-pagebar sidenavMenuIcon="menu" color="primary">
+ * <dbx-sidenav-pagebar sidenavMenuIcon="menu" dbxColor="primary">
  *   <span left>Left Content</span>
  *   <span>Right Content</span>
  * </dbx-sidenav-pagebar>
@@ -8512,14 +8604,13 @@ declare class DbxSidenavPagebarComponent extends DbxPagebarComponent {
  */
 declare class DbxSidenavPageComponent {
     readonly parent: DbxSidenavComponent;
-    readonly color: _angular_core.InputSignal<Maybe<_dereekb_dbx_web.DbxThemeColor>>;
     readonly sidenavMenuIcon: _angular_core.InputSignal<Maybe<string>>;
     readonly mobileOnly: _angular_core.InputSignal<boolean>;
     readonly mobileOnly$: rxjs.Observable<boolean>;
     readonly hidePagebar$: rxjs.Observable<boolean>;
     readonly hidePagebarSignal: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DbxSidenavPageComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxSidenavPageComponent, "dbx-sidenav-page", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "sidenavMenuIcon": { "alias": "sidenavMenuIcon"; "required": false; "isSignal": true; }; "mobileOnly": { "alias": "mobileOnly"; "required": false; "isSignal": true; }; }, {}, never, ["[navLeft]", "[navRight]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DbxSidenavPageComponent, "dbx-sidenav-page", never, { "sidenavMenuIcon": { "alias": "sidenavMenuIcon"; "required": false; "isSignal": true; }; "mobileOnly": { "alias": "mobileOnly"; "required": false; "isSignal": true; }; }, {}, never, ["[navLeft]", "[navRight]", "*"], true, never>;
 }
 
 /**
@@ -12411,4 +12502,4 @@ declare class DbxWebModule {
 }
 
 export { APP_POPUP_MINIMIZED_WIDTH, APP_POPUP_NORMAL_HEIGHT, APP_POPUP_NORMAL_WIDTH, AbstractDbxClipboardDirective, AbstractDbxErrorWidgetComponent, AbstractDbxFileUploadComponent, AbstractDbxHelpWidgetDirective, AbstractDbxListAccordionViewDirective, AbstractDbxListGridViewDirective, AbstractDbxListViewDirective, AbstractDbxListWrapperDirective, AbstractDbxPartialPresetFilterMenuDirective, AbstractDbxSegueAnchorDirective, AbstractDbxSelectionListViewDirective, AbstractDbxSelectionListWrapperDirective, AbstractDbxValueListItemModifierDirective, AbstractDbxValueListViewDirective, AbstractDbxValueListViewItemComponent, AbstractDbxWidgetComponent, AbstractDialogDirective, AbstractFilterPopoverButtonDirective, AbstractPopoverDirective, AbstractPopoverRefDirective, AbstractPopoverRefWithEventsDirective, AbstractPopupDirective, AbstractPromptConfirmDirective, CompactContextStore, CompactMode, DBX_ACTION_SNACKBAR_DEFAULTS, DBX_ACTION_SNACKBAR_SERVICE_CONFIG, DBX_AVATAR_CONTEXT_DATA_TOKEN, DBX_COLOR_CUSTOM_BG_CSS_CLASS, DBX_COLOR_CUSTOM_TEXT_CSS_CLASS, DBX_CURATED_COLOR_COUNT, DBX_CURATED_COLOR_TEMPLATES, DBX_CURATED_COLOR_TEMPLATE_KEY_PREFIX, DBX_DARK_STYLE_CLASS_SUFFIX, DBX_HELP_WIDGET_ENTRY_DATA_TOKEN, DBX_LIST_ACCORDION_VIEW_COMPONENT_IMPORTS_AND_EXPORTS, DBX_LIST_GRID_VIEW_COMPONENT_IMPORTS_AND_EXPORTS, DBX_LIST_ITEM_DISABLE_RIPPLE_LIST_ITEM_MODIFIER_KEY, DBX_LIST_ITEM_IS_SELECTED_ITEM_MODIFIER_KEY, DBX_MODEL_VIEW_TRACKER_STORAGE_ACCESSOR_TOKEN, DBX_PDF_MERGE_EDITOR_CONFIG, DBX_PDF_MERGE_EDITOR_INITIAL_STATE, DBX_PDF_MERGE_EDITOR_PRESERVE_ENTRIES_ON_SLOT_DESTROY, DBX_PDF_MERGE_ENCRYPTED_ERROR_MESSAGE, DBX_PROGRESS_BUTTON_GLOBAL_CONFIG, DBX_ROUTER_ANCHOR_COMPONENTS, DBX_ROUTER_VALUE_LIST_ITEM_MODIFIER_KEY, DBX_THEME_COLORS, DBX_THEME_COLORS_EXTRA, DBX_THEME_COLORS_EXTRA_SECONDARY, DBX_THEME_COLORS_MAIN, DBX_VALUE_LIST_VIEW_ITEM, DBX_WEB_FILE_PREVIEW_SERVICE_ENTRIES_TOKEN, DBX_WEB_FILE_PREVIEW_SERVICE_ZIP_COMPONENT_PRESET, DBX_WEB_FILE_PREVIEW_SERVICE_ZIP_PRESET_ENTRY, DBX_WEB_PAGE_TITLE_SERVICE_CONFIG, DEFAULT_DBX_CHIP_TONE, DEFAULT_DBX_DETACH_KEY, DEFAULT_DBX_ERROR_SNACKBAR_CONFIG, DEFAULT_DBX_HELP_VIEW_POPOVER_KEY, DEFAULT_DBX_LINKIFY_STRING_TYPE, DEFAULT_DBX_LIST_ACCORDION_VIEW_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_LIST_GRID_VIEW_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_LIST_ITEM_DISABLE_FUNCTION, DEFAULT_DBX_LIST_ITEM_IS_SELECTED_FUNCTION, DEFAULT_DBX_LIST_SCROLL_DISTANCE, DEFAULT_DBX_LIST_THROTTLE_SCROLL, DEFAULT_DBX_LIST_VIEW_META_ICON, DEFAULT_DBX_PDF_MERGE_ENCRYPTED_HANDLING, DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG, DEFAULT_DBX_SELECTION_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_SIDENAV_MENU_ICON, DEFAULT_DBX_STYLE_CONFIG_TOKEN, DEFAULT_DBX_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_WEB_FILE_PREVIEW_SERVICE_DIALOG_WITH_COMPONENT_FUNCTION, DEFAULT_DBX_WEB_FILE_PREVIEW_SERVICE_PREVIEW_COMPONENT_FUNCTION, DEFAULT_ERROR_POPOVER_KEY, DEFAULT_ERROR_WIDGET_CODE, DEFAULT_FILTER_POPOVER_KEY, DEFAULT_IMAGE_BITMAP_TO_BLOB_ENCODER, DEFAULT_IMAGE_JPEG_QUALITY, DEFAULT_LIST_GRID_SIZE_CONFIG, DEFAULT_LIST_WRAPPER_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_LOADING_PROGRESS_DIAMETER, DEFAULT_PDF_MERGE_ACCEPT, DEFAULT_SCREEN_MEDIA_SERVICE_CONFIG, DEFAULT_SNACKBAR_DIRECTIVE_DURATION, DEFAULT_TWO_COLUMNS_MIN_RIGHT_WIDTH, DEFAULT_VALUE_LIST_VIEW_CONTENT_COMPONENT_TRACK_BY_FUNCTION, DbxAccordionHeaderHeightDirective, DbxActionConfirmDirective, DbxActionDialogDirective, DbxActionErrorDirective, DbxActionKeyTriggerDirective, DbxActionLoadingContextDirective, DbxActionModule, DbxActionPopoverDirective, DbxActionSnackbarComponent, DbxActionSnackbarDirective, DbxActionSnackbarErrorDirective, DbxActionSnackbarModule, DbxActionSnackbarService, DbxActionTransitionSafetyDirective, DbxActionUIRouterTransitionSafetyDialogComponent, DbxAnchorComponent, DbxAnchorContentComponent, DbxAnchorIconComponent, DbxAnchorListComponent, DbxAngularRouterSegueAnchorComponent, DbxAvatarComponent, DbxAvatarViewService, DbxAvatarViewServiceConfig, DbxBarDirective, DbxBarHeaderComponent, DbxBarLayoutModule, DbxBasicLoadingComponent, DbxBodyDirective, DbxButtonComponent, DbxButtonModule, DbxButtonSpacerDirective, DbxCardBoxComponent, DbxCardBoxContainerDirective, DbxCardBoxLayoutModule, DbxChipDirective, DbxChipListComponent, DbxClickToCopyTextComponent, DbxClickToCopyTextDirective, DbxColorDirective, DbxColorService, DbxColorServiceConfig, DbxColumnLayoutModule, DbxCompactDirective, DbxCompactLayoutModule, DbxContentBorderDirective, DbxContentBoxDirective, DbxContentContainerDirective, DbxContentDirective, DbxContentElevateDirective, DbxContentLayoutModule, DbxContentPageDirective, DbxContentPitDirective, DbxDetachContentComponent, DbxDetachControlButtonsComponent, DbxDetachController, DbxDetachControlsComponent, DbxDetachInitDirective, DbxDetachInteractionModule, DbxDetachOutletComponent, DbxDetachOverlayComponent, DbxDetachService, DbxDetachWindowState, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxDialogContentCloseComponent, DbxDialogContentDirective, DbxDialogContentFooterComponent, DbxDialogInteractionModule, DbxDialogModule, DbxDownloadBlobButtonComponent, DbxDownloadTextViewComponent, DbxEmbedComponent, DbxErrorComponent, DbxErrorDefaultErrorWidgetComponent, DbxErrorDetailsComponent, DbxErrorPopoverComponent, DbxErrorSnackbarComponent, DbxErrorSnackbarService, DbxErrorViewComponent, DbxErrorWidgetService, DbxErrorWidgetViewComponent, DbxFileUploadActionCompatable, DbxFileUploadActionSyncDirective, DbxFileUploadAreaComponent, DbxFileUploadButtonComponent, DbxFileUploadComponent, DbxFilterInteractionModule, DbxFilterPopoverButtonComponent, DbxFilterPopoverComponent, DbxFilterWrapperComponent, DbxFlagComponent, DbxFlagLayoutModule, DbxFlagPromptComponent, DbxFlexGroupDirective, DbxFlexLayoutModule, DbxFlexSizeDirective, DbxHelpContextDirective, DbxHelpContextService, DbxHelpViewListComponent, DbxHelpViewListEntryComponent, DbxHelpViewPopoverButtonComponent, DbxHelpViewPopoverComponent, DbxHelpWidgetService, DbxHelpWidgetServiceConfig, DbxIconButtonComponent, DbxIconButtonModule, DbxIconItemComponent, DbxIconSpacerDirective, DbxIconTileComponent, DbxIconTileDirective, DbxIfSidenavDisplayModeDirective, DbxIframeComponent, DbxInjectionDialogComponent, DbxInteractionModule, DbxIntroActionSectionComponent, DbxLabelBlockComponent, DbxLayoutModule, DbxLinkComponent, DbxLinkifyComponent, DbxLinkifyService, DbxLinkifyServiceConfig, DbxListAccordionViewComponentImportsModule, DbxListComponent, DbxListEmptyContentComponent, DbxListGridViewComponentImportsModule, DbxListInternalContentDirective, DbxListItemAnchorModifierDirective, DbxListItemDisableRippleModifierDirective, DbxListItemIsSelectedModifierDirective, DbxListModifierModule, DbxListModule, DbxListTitleGroupDirective, DbxListView, DbxListViewMetaIconComponent, DbxListViewWrapper, DbxListWrapperComponentImportsModule, DbxLoadingComponent, DbxLoadingErrorDirective, DbxLoadingModule, DbxLoadingProgressComponent, DbxModelObjectStateService, actions_d as DbxModelStateActions, model_actions_d as DbxModelStateModelActions, DbxModelTrackerService, DbxModelTypesService, DbxModelViewTrackerStorage, DbxNavbarComponent, DbxNumberWithLimitComponent, DbxOneColumnComponent, DbxOneColumnLayoutModule, DbxPagebarComponent, DbxPartialPresetFilterListComponent, DbxPartialPresetFilterMenuComponent, DbxPdfMergeEditorComponent, DbxPdfMergeEditorFileUploadComponent, DbxPdfMergeEditorFileUploadHasStateDirective, DbxPdfMergeEditorFileUploadValidatorDirective, DbxPdfMergeEditorStore, DbxPdfMergeEditorStoreDirective, DbxPdfMergeEntryComponent, DbxPdfMergeListComponent, DbxPdfMergeUploadActionDirective, DbxPdfMergeUploadButtonDirective, DbxPdfMergeUploadDialogComponent, DbxPdfPreviewComponent, DbxPopoverCloseButtonComponent, DbxPopoverComponent, DbxPopoverComponentController, DbxPopoverContentComponent, DbxPopoverController, DbxPopoverControlsDirective, DbxPopoverCoordinatorComponent, DbxPopoverCoordinatorService, DbxPopoverHeaderComponent, DbxPopoverInteractionContentModule, DbxPopoverInteractionModule, DbxPopoverScrollContentDirective, DbxPopoverService, DbxPopupComponent, DbxPopupComponentController, DbxPopupContentComponent, DbxPopupControlButtonsComponent, DbxPopupController, DbxPopupControlsComponent, DbxPopupCoordinatorComponent, DbxPopupCoordinatorService, DbxPopupInteractionModule, DbxPopupService, DbxPopupWindowState, DbxPresetFilterListComponent, DbxPresetFilterMenuComponent, DbxProgressBarButtonComponent, DbxProgressButtonsModule, DbxProgressSpinnerButtonComponent, DbxPromptBoxDirective, DbxPromptComponent, DbxPromptConfirm, DbxPromptConfirmButtonDirective, DbxPromptConfirmComponent, DbxPromptConfirmDialogComponent, DbxPromptConfirmDirective, DbxPromptModule, DbxPromptPageComponent, DbxReadableErrorModule, DbxResizedDirective, DbxRouterAnchorModule, DbxRouterLayoutModule, DbxRouterSidenavModule, DbxRouterWebProviderConfig, DbxScreenMediaService, DbxScreenMediaServiceConfig, DbxSectionComponent, DbxSectionHeaderComponent, DbxSectionLayoutModule, DbxSectionPageComponent, DbxSelectionValueListViewComponent, DbxSelectionValueListViewComponentImportsModule, DbxSelectionValueListViewContentComponent, DbxSetStyleDirective, DbxSidenavButtonComponent, DbxSidenavComponent, DbxSidenavPageComponent, DbxSidenavPagebarComponent, DbxSpacerDirective, DbxStepBlockComponent, DbxStructureDirective, DbxStructureModule, DbxStyleBodyDirective, DbxStyleDirective, DbxStyleLayoutModule, DbxStyleService, DbxSubSectionComponent, DbxTextChipsComponent, DbxTextColorDirective, DbxTextModule, DbxTwoBlockComponent, DbxTwoColumnBackDirective, DbxTwoColumnColumnHeadDirective, DbxTwoColumnComponent, DbxTwoColumnContextDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnLayoutModule, DbxTwoColumnRightComponent, DbxTwoColumnSrefDirective, DbxTwoColumnSrefShowRightDirective, DbxUIRouterSegueAnchorComponent, DbxUnitedStatesAddressComponent, DbxValueListAccordionViewComponent, DbxValueListAccordionViewContentComponent, DbxValueListAccordionViewContentGroupComponent, DbxValueListGridSizeDirective, DbxValueListGridViewComponent, DbxValueListGridViewContentComponent, DbxValueListGridViewContentGroupComponent, DbxValueListItemModifier, DbxValueListItemModifierDirective, DbxValueListView, DbxValueListViewComponent, DbxValueListViewComponentImportsModule, DbxValueListViewContentComponent, DbxValueListViewContentGroupComponent, DbxValueListViewGroupDelegate, DbxWebFilePreviewComponent, DbxWebFilePreviewService, DbxWebModule, DbxWebPageTitleInfoDirective, DbxWebPageTitleService, DbxWidgetListGridComponent, DbxWidgetListGridViewComponent, DbxWidgetListGridViewItemComponent, DbxWidgetService, DbxWidgetViewComponent, DbxWindowKeyDownListenerDirective, DbxZipBlobPreviewComponent, DbxZipPreviewComponent, PDF_MERGE_RESULT_MIME_TYPE, PopoverPositionStrategy, PopupGlobalPositionStrategy, SCREEN_MEDIA_WIDTH_TYPE_SIZE_MAP, SIDE_NAV_DISPLAY_MODE_ORDER, SideNavDisplayMode, TRACK_BY_MODEL_ID, TRACK_BY_MODEL_KEY, TwoColumnsContextStore, UNKNOWN_ERROR_WIDGET_CODE, addConfigToValueListItems, allDbxModelViewTrackerEventModelKeys, allDbxModelViewTrackerEventSetModelKeys, buildPdfMergeEntry, buildPdfMergeEntrySync, catchErrorServerParams, classifyPdfMergeFile, compactModeFromInput, compareScreenMediaWidthTypes, compressImageFile, convertServerErrorParams, convertToPOJOServerErrorResponse, convertToServerErrorResponse, copyToClipboardFunction, dbxColorBackground, dbxCuratedColorConfigForString, dbxListAccordionViewComponentImportsAndExports, dbxListGridViewComponentImportsAndExports, dbxPresetFilterMenuButtonIconObservable, dbxPresetFilterMenuButtonTextObservable, dbxStyleClassCleanSuffix, dbxThemeColorCssToken, dbxThemeColorCssTokenVar, dbxThemeColorCssVariable, dbxThemeColorCssVariableVar, dbxValueListItemDecisionFunction, dbxValueListItemKeyForItemValue, dbxWebDefaultPageTitleDelegate, dbxZipBlobPreviewEntryTreeFromEntries, defaultDbxModelViewTrackerStorageAccessorFactory, defaultDbxValueListViewGroupDelegate, defaultDbxValueListViewGroupValuesFunction, disableRightClickInCdkBackdrop, fileAcceptFilterTypeStringArray, fileAcceptFunction, fileAcceptString, fileArrayAcceptMatchFunction, flattenAccordionGroups, formatPdfMergeEntrySize, index_d$1 as fromDbxModel, injectCopyToClipboardFunction, injectCopyToClipboardFunctionWithSnackbarMessage, isDbxColorConfig, listItemModifier, makeDbxActionSnackbarDisplayConfigGeneratorFunction, mapCompactModeObs, mapValuesToValuesListItemConfigObs, mergePdfMergeEntries, index_d as onDbxModel, openEmbedDialog, openIframeDialog, openPdfPreviewDialog, openZipPreviewDialog, overrideClickElementEffect, provideDbxDetachController, provideDbxFileUploadActionCompatable, provideDbxHelpServices, provideDbxLinkify, provideDbxListView, provideDbxListViewWrapper, provideDbxModelService, provideDbxPdfMergeEditorConfig, provideDbxPdfMergeEditorPreserveEntriesOnSlotDestroy, provideDbxProgressButtonGlobalConfig, provideDbxPromptConfirm, provideDbxRouterWebAngularRouterProviderConfig, provideDbxRouterWebUiRouterProviderConfig, provideDbxScreenMediaService, provideDbxStyleService, provideDbxValueListView, provideDbxValueListViewGroupDelegate, provideDbxValueListViewModifier, provideDbxWebFilePreviewServiceEntries, provideDbxWebPageTitleService, provideTwoColumnsContext, registerHelpContextKeysWithDbxHelpContextService, resizeSignal, resolveSideNavDisplayMode, sanitizeDbxDialogContentConfig, screenMediaWidthTypeIsActive, trackByModelKeyRef, trackByUniqueIdentifier, validatePdfMergeEntry };
-export type { AbstractDbxValueListViewConfig, AnchorForValueFunction, BuildPdfMergeEntryConfig, CompactContextState, CompactModeDefaultOptions, CompactModeOption, CompactModeOptions, CompressImageDimensions, CompressImageFileResult, CopyToClipboardContent, CopyToClipboardFunction, CopyToClipboardFunctionConfig, CopyToClipboardFunctionWithSnackbarMessage, CopyToClipboardFunctionWithSnackbarMessageConfig, CopyToClipboardFunctionWithSnackbarMessageSnackbarConfig, CopyToClipboardSuccess, DbxAccordionRenderEntry, DbxAccordionRenderGroupFooterEntry, DbxAccordionRenderGroupHeaderEntry, DbxAccordionRenderItemEntry, DbxActionConfirmConfig, DbxActionDialogFunction, DbxActionPopoverFunction, DbxActionPopoverFunctionParams, DbxActionSnackbarActionConfig, DbxActionSnackbarDisplayConfig, DbxActionSnackbarDisplayConfigGeneratorFunction, DbxActionSnackbarEvent, DbxActionSnackbarEventMakeConfig, DbxActionSnackbarGeneratorInput, DbxActionSnackbarGeneratorUndoInput, DbxActionSnackbarGeneratorUndoInputConfig, DbxActionSnackbarKnownType, DbxActionSnackbarServiceConfig, DbxActionSnackbarType, DbxActionTransitionSafetyDialogResult, DbxActionTransitionSafetyType, DbxAnchorListExpandedAnchor, DbxAvatarComponentForContextFunction, DbxAvatarContext, DbxAvatarInjectionComponentConfig, DbxAvatarKey, DbxAvatarSelector, DbxAvatarSize, DbxAvatarStyle, DbxButtonDisplayStylePair, DbxButtonStyle, DbxButtonType, DbxChipDisplay, DbxColorConfig, DbxColorConfigTemplate, DbxColorConfigTemplateKey, DbxColorInput, DbxColorTone, DbxContentBorderOpacity, DbxContentContainerPadding, DbxContentContainerWidth, DbxContentPitScrollableHeight, DbxContentPitScrollableHeightSetting, DbxContentPitScrollableInput, DbxDetachConfig, DbxDetachInstance, DbxDetachKey, DbxDetachOverlayConfig, DbxDetachOverlayData, DbxDetachWindowStateType, DbxDialogContentConfig, DbxDialogContentContainerWidth, DbxDialogContentFooterConfig, DbxDownloadBlobButtonConfig, DbxEmbedComponentElement, DbxEmbedDialogConfig, DbxErrorPopoverConfig, DbxErrorSnackbarConfig, DbxErrorSnackbarData, DbxErrorViewButtonEvent, DbxErrorWidgetEntry, DbxErrorWidgetEntryWithPopupComponentClass, DbxFileUploadAreaFilesChangedEvent, DbxFileUploadButtonFilesChangedEvent, DbxFileUploadComponentConfig, DbxFileUploadFilesChangedEvent, DbxFileUploadMode, DbxFilterButtonConfig, DbxFilterButtonConfigWithCustomFilter, DbxFilterButtonConfigWithPresetFilter, DbxFilterComponentConfig, DbxFilterPopoverComponentConfig, DbxFlexSize, DbxHelpContextKey, DbxHelpContextReference, DbxHelpViewPopoverButtonConfig, DbxHelpViewPopoverConfig, DbxHelpViewPopoverConfigWithoutOrigin, DbxHelpWidgetEntryData, DbxHelpWidgetServiceConfigFactory, DbxHelpWidgetServiceEntry, DbxIframeDialogConfig, DbxImageCompressionConfig, DbxInjectionDialogComponentConfig, DbxLinkifyConfig, DbxLinkifyServiceConfigFactory, DbxLinkifyServiceDefaultEntry, DbxLinkifyServiceEntry, DbxLinkifyStringOptions, DbxLinkifyStringType, DbxListComponentScrolledEventPosition, DbxListConfig, DbxListLoadMoreHandler, DbxListScrollDirectionTrigger, DbxListSelectionMode, DbxListTitleGroupData, DbxListTitleGroupTitleDelegate, DbxListViewMetaIconConfig, DbxListWrapperConfig, DbxLoadingComponentState, DbxLoadingIsLoadingOrProgress, DbxLoadingProgress, DbxMakeActionSnackbarGeneratorConfiguration, DbxMakeActionSnackbarGeneratorEventConfiguration, DbxModelFullState, DbxModelIconsMap, DbxModelTypeConfiguration, DbxModelTypeConfigurationMap, DbxModelTypeConfigurationSrefFactory, DbxModelTypeConfigurationSrefFactoryBuilder, DbxModelTypeInfo, DbxModelTypesMap, DbxModelViewTrackerEvent, DbxModelViewTrackerEventSet, DbxPdfMergeEditorAddFilesInput, DbxPdfMergeEditorConfig, DbxPdfMergeEditorFileUploadConfig, DbxPdfMergeEditorFileUploadState, DbxPdfMergeEditorFileUploadValidatorSlot, DbxPdfMergeEditorOutputSizeState, DbxPdfMergeEditorValidator, DbxPdfMergeEncryptedHandling, DbxPdfMergeOutputSizeLimitsConfig, DbxPdfMergeUploadButtonConfig, DbxPdfMergeUploadDialogConfig, DbxPdfMergeUploadDialogUploadButtonConfig, DbxPdfPreviewDialogConfig, DbxPopoverComponentConfig, DbxPopoverConfig, DbxPopoverConfigSizing, DbxPopoverKey, DbxPopupComponentConfig, DbxPopupConfig, DbxPopupKey, DbxPopupWindowStateType, DbxPresetFilterMenuConfig, DbxProgressButtonConfig, DbxProgressButtonGlobalConfig, DbxProgressButtonIcon, DbxProgressButtonTargetedConfig, DbxPromptConfirmConfig, DbxPromptConfirmDialogConfig, DbxSectionHeaderConfig, DbxSectionHeaderHType, DbxSectionPageScrollLockedMode, DbxSelectionListWrapperConfig, DbxSelectionValueListViewConfig, DbxSetStyleMode, DbxSidenavPosition, DbxSidenavSidebarState, DbxStepBlockComponentConfig, DbxStyleClass, DbxStyleClassCleanSuffix, DbxStyleClassDashSuffix, DbxStyleClassSuffix, DbxStyleConfig, DbxStyleName, DbxThemeColor, DbxThemeColorExtra, DbxThemeColorExtraSecondary, DbxThemeColorMain, DbxThemeColorMainOrExtra, DbxTwoColumnViewState, DbxValueAsListItem, DbxValueListAccordionViewConfig, DbxValueListGridItemViewGridSizeConfig, DbxValueListGridViewConfig, DbxValueListItem, DbxValueListItemConfig, DbxValueListItemDecisionFunction, DbxValueListItemGroup, DbxValueListViewConfig, DbxValueListViewGroupValuesFunction, DbxWebDefaultPageTitleDelegateConfig, DbxWebFilePreviewComponentConfig, DbxWebFilePreviewServiceEntry, DbxWebFilePreviewServicePreviewComponentFunction, DbxWebFilePreviewServicePreviewComponentFunctionInput, DbxWebFilePreviewServicePreviewDialogFunction, DbxWebFilePreviewServicePreviewDialogFunctionInput, DbxWebFilePreviewServicePreviewDialogFunctionInputWithMatDialog, DbxWebFilePreviewServicePreviewDialogWithComponentFunction, DbxWebFilePreviewServicePreviewDialogWithComponentFunctionInput, DbxWebFilePreviewServicePreviewFunction, DbxWebPageTitleDelegate, DbxWebPageTitleDelegateInput, DbxWebPageTitleDetails, DbxWebPageTitleInfoConfig, DbxWebPageTitleInfoReference, DbxWebPageTitleServiceConfig, DbxWidgetDataPair, DbxWidgetDataPairFactory, DbxWidgetDataPairWithSelection, DbxWidgetEntry, DbxWidgetType, DbxWidgetViewComponentConfig, DbxZipBlobPreviewEntryNodeValue, DbxZipBlobPreviewEntryTreeNode, DbxZipBlobPreviewEntryTreeRoot, DbxZipBlobPreviewGroupData, DbxZipBlobPreviewGroupValue, DbxZipBlobPreviewMode, DbxZipPreviewDialogConfig, DownloadTextContent, FileAcceptFilterTypeString, FileAcceptFilterTypeStringArray, FileAcceptFunction, FileAcceptFunctionInput, FileAcceptString, FileArrayAcceptMatchConfig, FileArrayAcceptMatchFunction, FileArrayAcceptMatchResult, FullDbxPopoverComponentConfig, ImageBitmapToBlobEncoder, ImageBitmapToBlobEncoderInput, ImageCompressionStatus, ListItemModifier, ListSelectionState, ListSelectionStateItem, LoadingComponentState, ModelViewContext, NavBarContentAlign, NavbarButtonMode, NavbarMode, NumberWithLimit, OverrideClickElementEffectConfig, PdfMergeEditorState, PdfMergeEntry, PdfMergeEntryKind, PdfMergeEntryMove, PdfMergeEntryOriginal, PdfMergeEntryStatus, PdfMergeEntryValidationResult, PdfMergeEntryView, PopoverPositionStrategyConfig, PopupPosition, PopupPositionOffset, ProvideDbxHelpServicesConfig, ProvideDbxLinkifyConfig, ProvideDbxScreenMediaServiceConfig, ProvideDbxStyleServiceConfig, ProvideDbxWebPageTitleServiceConfig, ResizedEvent, ScreenMediaHeightType, ScreenMediaWidthType, ServerErrorParams, SideNavDisplayModeString, TextChip, TwoColumnsState };
+export type { AbstractDbxValueListViewConfig, AnchorForValueFunction, BuildPdfMergeEntryConfig, CompactContextState, CompactModeDefaultOptions, CompactModeOption, CompactModeOptions, CompressImageDimensions, CompressImageFileResult, CopyToClipboardContent, CopyToClipboardFunction, CopyToClipboardFunctionConfig, CopyToClipboardFunctionWithSnackbarMessage, CopyToClipboardFunctionWithSnackbarMessageConfig, CopyToClipboardFunctionWithSnackbarMessageSnackbarConfig, CopyToClipboardSuccess, DbxAccordionRenderEntry, DbxAccordionRenderGroupFooterEntry, DbxAccordionRenderGroupHeaderEntry, DbxAccordionRenderItemEntry, DbxActionConfirmConfig, DbxActionDialogFunction, DbxActionPopoverFunction, DbxActionPopoverFunctionParams, DbxActionSnackbarActionConfig, DbxActionSnackbarDisplayConfig, DbxActionSnackbarDisplayConfigGeneratorFunction, DbxActionSnackbarEvent, DbxActionSnackbarEventMakeConfig, DbxActionSnackbarGeneratorInput, DbxActionSnackbarGeneratorUndoInput, DbxActionSnackbarGeneratorUndoInputConfig, DbxActionSnackbarKnownType, DbxActionSnackbarServiceConfig, DbxActionSnackbarType, DbxActionTransitionSafetyDialogResult, DbxActionTransitionSafetyType, DbxAnchorListExpandedAnchor, DbxAvatarComponentForContextFunction, DbxAvatarContext, DbxAvatarInjectionComponentConfig, DbxAvatarKey, DbxAvatarSelector, DbxAvatarSize, DbxAvatarStyle, DbxButtonDisplayStylePair, DbxButtonStyle, DbxButtonType, DbxChipDisplay, DbxColorConfig, DbxColorConfigTemplate, DbxColorConfigTemplateKey, DbxColorInput, DbxColorTone, DbxContentBorderOpacity, DbxContentContainerPadding, DbxContentContainerWidth, DbxContentPitScrollableHeight, DbxContentPitScrollableHeightSetting, DbxContentPitScrollableInput, DbxDetachConfig, DbxDetachInstance, DbxDetachKey, DbxDetachOverlayConfig, DbxDetachOverlayData, DbxDetachWindowStateType, DbxDialogContentConfig, DbxDialogContentContainerWidth, DbxDialogContentFooterConfig, DbxDownloadBlobButtonConfig, DbxEmbedComponentElement, DbxEmbedDialogConfig, DbxErrorPopoverConfig, DbxErrorSnackbarConfig, DbxErrorSnackbarData, DbxErrorViewButtonEvent, DbxErrorWidgetEntry, DbxErrorWidgetEntryWithPopupComponentClass, DbxFileUploadAreaFilesChangedEvent, DbxFileUploadButtonFilesChangedEvent, DbxFileUploadComponentConfig, DbxFileUploadFilesChangedEvent, DbxFileUploadMode, DbxFilterButtonConfig, DbxFilterButtonConfigWithCustomFilter, DbxFilterButtonConfigWithPresetFilter, DbxFilterComponentConfig, DbxFilterPopoverComponentConfig, DbxFlexSize, DbxHelpContextKey, DbxHelpContextReference, DbxHelpViewPopoverButtonConfig, DbxHelpViewPopoverConfig, DbxHelpViewPopoverConfigWithoutOrigin, DbxHelpWidgetEntryData, DbxHelpWidgetServiceConfigFactory, DbxHelpWidgetServiceEntry, DbxIframeDialogConfig, DbxImageCompressionConfig, DbxInjectionDialogComponentConfig, DbxLinkifyConfig, DbxLinkifyServiceConfigFactory, DbxLinkifyServiceDefaultEntry, DbxLinkifyServiceEntry, DbxLinkifyStringOptions, DbxLinkifyStringType, DbxListComponentScrolledEventPosition, DbxListConfig, DbxListLoadMoreHandler, DbxListScrollDirectionTrigger, DbxListSelectionMode, DbxListTitleGroupData, DbxListTitleGroupTitleDelegate, DbxListViewMetaIconConfig, DbxListWrapperConfig, DbxLoadingComponentState, DbxLoadingIsLoadingOrProgress, DbxLoadingProgress, DbxMakeActionSnackbarGeneratorConfiguration, DbxMakeActionSnackbarGeneratorEventConfiguration, DbxModelFullState, DbxModelIconsMap, DbxModelTypeConfiguration, DbxModelTypeConfigurationMap, DbxModelTypeConfigurationSrefFactory, DbxModelTypeConfigurationSrefFactoryBuilder, DbxModelTypeInfo, DbxModelTypesMap, DbxModelViewTrackerEvent, DbxModelViewTrackerEventSet, DbxPdfMergeEditorAddFilesInput, DbxPdfMergeEditorConfig, DbxPdfMergeEditorFileUploadConfig, DbxPdfMergeEditorFileUploadState, DbxPdfMergeEditorFileUploadValidatorSlot, DbxPdfMergeEditorOutputSizeState, DbxPdfMergeEditorValidator, DbxPdfMergeEncryptedHandling, DbxPdfMergeOutputSizeLimitsConfig, DbxPdfMergeUploadButtonConfig, DbxPdfMergeUploadDialogConfig, DbxPdfMergeUploadDialogUploadButtonConfig, DbxPdfPreviewDialogConfig, DbxPopoverComponentConfig, DbxPopoverConfig, DbxPopoverConfigSizing, DbxPopoverKey, DbxPopupComponentConfig, DbxPopupConfig, DbxPopupKey, DbxPopupWindowStateType, DbxPresetFilterMenuConfig, DbxProgressButtonConfig, DbxProgressButtonGlobalConfig, DbxProgressButtonIcon, DbxProgressButtonTargetedConfig, DbxPromptConfirmConfig, DbxPromptConfirmDialogConfig, DbxSectionHeaderConfig, DbxSectionHeaderHType, DbxSectionPageScrollLockedMode, DbxSelectionListWrapperConfig, DbxSelectionValueListViewConfig, DbxSetStyleMode, DbxSidenavPosition, DbxSidenavSidebarState, DbxStepBlockComponentConfig, DbxStyleApplication, DbxStyleClass, DbxStyleClassCleanSuffix, DbxStyleClassDashSuffix, DbxStyleClassSuffix, DbxStyleConfig, DbxStyleName, DbxStyleSupplement, DbxThemeColor, DbxThemeColorExtra, DbxThemeColorExtraSecondary, DbxThemeColorMain, DbxThemeColorMainOrExtra, DbxTwoColumnViewState, DbxValueAsListItem, DbxValueListAccordionViewConfig, DbxValueListGridItemViewGridSizeConfig, DbxValueListGridViewConfig, DbxValueListItem, DbxValueListItemConfig, DbxValueListItemDecisionFunction, DbxValueListItemGroup, DbxValueListViewConfig, DbxValueListViewGroupValuesFunction, DbxWebDefaultPageTitleDelegateConfig, DbxWebFilePreviewComponentConfig, DbxWebFilePreviewServiceEntry, DbxWebFilePreviewServicePreviewComponentFunction, DbxWebFilePreviewServicePreviewComponentFunctionInput, DbxWebFilePreviewServicePreviewDialogFunction, DbxWebFilePreviewServicePreviewDialogFunctionInput, DbxWebFilePreviewServicePreviewDialogFunctionInputWithMatDialog, DbxWebFilePreviewServicePreviewDialogWithComponentFunction, DbxWebFilePreviewServicePreviewDialogWithComponentFunctionInput, DbxWebFilePreviewServicePreviewFunction, DbxWebPageTitleDelegate, DbxWebPageTitleDelegateInput, DbxWebPageTitleDetails, DbxWebPageTitleInfoConfig, DbxWebPageTitleInfoReference, DbxWebPageTitleServiceConfig, DbxWidgetDataPair, DbxWidgetDataPairFactory, DbxWidgetDataPairWithSelection, DbxWidgetEntry, DbxWidgetType, DbxWidgetViewComponentConfig, DbxZipBlobPreviewEntryNodeValue, DbxZipBlobPreviewEntryTreeNode, DbxZipBlobPreviewEntryTreeRoot, DbxZipBlobPreviewGroupData, DbxZipBlobPreviewGroupValue, DbxZipBlobPreviewMode, DbxZipPreviewDialogConfig, DownloadTextContent, FileAcceptFilterTypeString, FileAcceptFilterTypeStringArray, FileAcceptFunction, FileAcceptFunctionInput, FileAcceptString, FileArrayAcceptMatchConfig, FileArrayAcceptMatchFunction, FileArrayAcceptMatchResult, FullDbxPopoverComponentConfig, ImageBitmapToBlobEncoder, ImageBitmapToBlobEncoderInput, ImageCompressionStatus, ListItemModifier, ListSelectionState, ListSelectionStateItem, LoadingComponentState, ModelViewContext, NavBarContentAlign, NavbarButtonMode, NavbarMode, NumberWithLimit, OverrideClickElementEffectConfig, PdfMergeEditorState, PdfMergeEntry, PdfMergeEntryKind, PdfMergeEntryMove, PdfMergeEntryOriginal, PdfMergeEntryStatus, PdfMergeEntryValidationResult, PdfMergeEntryView, PopoverPositionStrategyConfig, PopupPosition, PopupPositionOffset, ProvideDbxHelpServicesConfig, ProvideDbxLinkifyConfig, ProvideDbxScreenMediaServiceConfig, ProvideDbxStyleServiceConfig, ProvideDbxWebPageTitleServiceConfig, ResizedEvent, ScreenMediaHeightType, ScreenMediaWidthType, ServerErrorParams, SideNavDisplayModeString, TextChip, TwoColumnsState };