@dereekb/dbx-web 12.0.3 → 12.0.5

package/fesm2022/dereekb-dbx-web.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { Injectable, input, inject, effect, Directive, NgModule, Component, EventEmitter, Input, Output, HostListener, InjectionToken, signal, ChangeDetectionStrategy, output, computed, ElementRef, Injector, viewChild, makeEnvironmentProviders, TemplateRef, forwardRef, ViewContainerRef, ChangeDetectorRef, Inject, Renderer2 } from '@angular/core';
+import { Injectable, input, inject, effect, Directive, NgModule, Component, output, computed, HostListener, InjectionToken, signal, ChangeDetectionStrategy, ElementRef, Injector, viewChild, makeEnvironmentProviders, TemplateRef, forwardRef, ViewContainerRef, ChangeDetectorRef, Inject, Renderer2 } from '@angular/core';
 import * as i1$3 from '@dereekb/dbx-core';
 import { AbstractSubscriptionDirective, AbstractTransitionWatcherDirective, DbxInjectionComponent, AbstractDbxActionValueGetterDirective, AbstractDbxButtonDirective, provideDbxButton, DbxCoreButtonModule, AbstractDbxActionHandlerDirective, FilterSourceDirective, provideActionStoreSource, isClickableFilterPreset, AbstractDbxAnchorDirective, expandClickableAnchorLinkTrees, DbxCoreFilterModule, DbxButton, DBX_INJECTION_COMPONENT_DATA, checkNgContentWrapperHasContent, DbxActionContextStoreSourceInstance, DbxActionSourceDirective, DbxActionSuccessHandlerDirective, DbxActionDirective, DbxActionValueStreamDirective, isIdleActionState, canTriggerAction, DbxCoreActionModule, DbxActionButtonDirective, onDbxAppAuth, SimpleStorageAccessorFactory, anchorTypeForAnchor, asSegueRef, AbstractTransitionDirective, DbxRouterService, AbstractIfDirective, isSegueRefActive } from '@dereekb/dbx-core';
 import { DASH_CHARACTER_PREFIX_INSTANCE, asPromise, cssClassesSet, spaceSeparatedCssClasses, isDefinedAndNotFalse, objectHasNoKeys, getValueFromGetter, firstValue, filterUndefinedValues, filterMaybeArrayValues, mapIterable, toReadableError, isDefaultReadableError, MS_IN_SECOND, mergeObjects, build, ServerErrorResponse, UnauthorizedServerErrorResponse, makeTimer, MS_IN_MINUTE, toggleTimerRunning, unixTimeNumberForNow, ModelRelationUtility, encodeModelKeyTypePair, useIterableOrValue, modifier, maybeModifierMapToFunction, isMaybeNot, isNotFalse, combineMaps, addModifiers, removeModifiers, applyBestFit, findNext, asArray, makeValuesGroupMap, compareWithMappedValuesFunction, splitCommaSeparatedStringToSet } from '@dereekb/util';
 import { NgPopoverRef, NgOverlayContainerService } from 'ng-overlay-container';
 import { of, map, BehaviorSubject, distinctUntilChanged, shareReplay, delay, switchMap, combineLatest, Subject, first, startWith, filter, throttleTime, skip, defaultIfEmpty, from, firstValueFrom, mergeMap, race, tap, catchError, merge, exhaustMap, distinct } from 'rxjs';
-import { filterMaybe, asObservable, LockSet, SubscriptionObject, distinctUntilItemsHaveDifferentValues, skipFirstMaybe, maybeValueFromObservableOrValue, switchMapMaybeLoadingContextStream, loadingStateContext, LoadingStateType, loadingStateType, successResult, valueFromFinishedLoadingState, mapForEach, switchMapMaybe, listLoadingStateContext, isLoadingStateFinishedLoading, startWithBeginLoading, initialize, isNot } from '@dereekb/rxjs';
+import { filterMaybe, asObservable, LockSet, SubscriptionObject, distinctUntilItemsHaveDifferentValues, skipAllInitialMaybe, maybeValueFromObservableOrValue, switchMapMaybeLoadingContextStream, loadingStateContext, LoadingStateType, loadingStateType, successResult, valueFromFinishedLoadingState, mapForEach, switchMapMaybe, listLoadingStateContext, isLoadingStateFinishedLoading, startWithBeginLoading, initialize, isNot } from '@dereekb/rxjs';
 import { isBoolean } from 'class-validator';
 import { ComponentStore } from '@ngrx/component-store';
 import { toSignal, toObservable } from '@angular/core/rxjs-interop';
@@ -271,28 +271,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 
 class DbxWindowKeyDownListenerDirective {
-    _keysFilter;
-    appWindowKeyDownEnabled = true;
-    keyPressed = new EventEmitter();
-    set appWindowKeyDownFilter(filterOnKeys) {
+    dbxWindowKeyDownListener = output();
+    appWindowKeyDownEnabled = input();
+    appWindowKeyDownFilter = input();
+    keysFilter = computed(() => {
+        const filterOnKeys = this.appWindowKeyDownFilter();
         let filter;
         if (filterOnKeys) {
             filter = new Set(filterOnKeys);
         }
-        this._keysFilter = filter;
-    }
-    ngOnDestroy() {
-        this.keyPressed.complete();
-    }
+        return filter;
+    });
     handleKeyboardEvent(event) {
-        if (this.appWindowKeyDownEnabled !== false) {
-            if (!this._keysFilter || this._keysFilter.has(event.key)) {
-                this.keyPressed.emit(event);
+        const keysFilter = this.keysFilter();
+        if (this.appWindowKeyDownEnabled() !== false) {
+            if (!keysFilter || keysFilter.has(event.key)) {
+                this.dbxWindowKeyDownListener.emit(event);
             }
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxWindowKeyDownListenerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxWindowKeyDownListenerDirective, isStandalone: true, selector: "[dbxWindowKeyDownListener]", inputs: { appWindowKeyDownEnabled: "appWindowKeyDownEnabled", appWindowKeyDownFilter: "appWindowKeyDownFilter" }, outputs: { keyPressed: "dbxWindowKeyDownListener" }, host: { listeners: { "window:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxWindowKeyDownListenerDirective, isStandalone: true, selector: "[dbxWindowKeyDownListener]", inputs: { appWindowKeyDownEnabled: { classPropertyName: "appWindowKeyDownEnabled", publicName: "appWindowKeyDownEnabled", isSignal: true, isRequired: false, transformFunction: null }, appWindowKeyDownFilter: { classPropertyName: "appWindowKeyDownFilter", publicName: "appWindowKeyDownFilter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dbxWindowKeyDownListener: "dbxWindowKeyDownListener" }, host: { listeners: { "window:keydown": "handleKeyboardEvent($event)" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxWindowKeyDownListenerDirective, decorators: [{
             type: Directive,
@@ -300,14 +299,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: '[dbxWindowKeyDownListener]',
                     standalone: true
                 }]
-        }], propDecorators: { appWindowKeyDownEnabled: [{
-                type: Input
-            }], keyPressed: [{
-                type: Output,
-                args: ['dbxWindowKeyDownListener']
-            }], appWindowKeyDownFilter: [{
-                type: Input
-            }], handleKeyboardEvent: [{
+        }], propDecorators: { handleKeyboardEvent: [{
                 type: HostListener,
                 args: ['window:keydown', ['$event']]
             }] } });
@@ -791,16 +783,32 @@ function sanitizeDbxDialogContentConfig(input) {
 }
 
 const importsAndExports$v = [DbxDialogContentDirective, DbxActionDialogDirective, DbxDialogContentFooterComponent, DbxDialogContentCloseComponent];
+class DbxDialogModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxDialogModule, imports: [DbxDialogContentDirective, DbxActionDialogDirective, DbxDialogContentFooterComponent, DbxDialogContentCloseComponent], exports: [DbxDialogContentDirective, DbxActionDialogDirective, DbxDialogContentFooterComponent, DbxDialogContentCloseComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDialogModule, imports: [DbxDialogContentFooterComponent, DbxDialogContentCloseComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: importsAndExports$v,
+                    exports: importsAndExports$v
+                }]
+        }] });
+// MARK: Compat
+/**
+ * @deprecated use DbxDialogModule instead.
+ */
 class DbxDialogInteractionModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDialogInteractionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxDialogInteractionModule, imports: [DbxDialogContentDirective, DbxActionDialogDirective, DbxDialogContentFooterComponent, DbxDialogContentCloseComponent], exports: [DbxDialogContentDirective, DbxActionDialogDirective, DbxDialogContentFooterComponent, DbxDialogContentCloseComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDialogInteractionModule, imports: [DbxDialogContentFooterComponent, DbxDialogContentCloseComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxDialogInteractionModule, imports: [DbxDialogModule], exports: [DbxDialogModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDialogInteractionModule, imports: [DbxDialogModule, DbxDialogModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDialogInteractionModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: importsAndExports$v,
-                    exports: importsAndExports$v
+                    imports: [DbxDialogModule],
+                    exports: [DbxDialogModule]
                 }]
         }] });
 
@@ -1889,19 +1897,17 @@ class DbxAnchorComponent extends AbstractDbxAnchorDirective {
     _dbNgxRouterWebProviderConfig = inject(DbxRouterWebProviderConfig);
     block = input();
     templateRef = viewChild('content', { read: TemplateRef });
-    templateRef$ = toObservable(this.templateRef).pipe(skipFirstMaybe(), shareReplay(1));
+    templateRef$ = toObservable(this.templateRef).pipe(skipAllInitialMaybe(), shareReplay(1));
     selectedClassSignal = computed(() => (this.selectedSignal() ? 'dbx-anchor-selected' : ''));
-    get srefAnchorConfig() {
-        return this._dbNgxRouterWebProviderConfig.anchorSegueRefComponent;
-    }
+    srefAnchorConfig = this._dbNgxRouterWebProviderConfig.anchorSegueRefComponent;
     clickAnchor(event) {
-        this.anchor?.onClick?.(event);
+        this.anchor()?.onClick?.(event);
     }
     onMouseEnter(event) {
-        this.anchor?.onMouse?.('enter', event);
+        this.anchor()?.onMouse?.('enter', event);
     }
     onMouseLeave(event) {
-        this.anchor?.onMouse?.('leave', event);
+        this.anchor()?.onMouse?.('leave', event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAnchorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxAnchorComponent, isStandalone: true, selector: "dbx-anchor, [dbx-anchor]", inputs: { block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "dbx-anchor-block": "block()" }, listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" }, classAttribute: "d-inline dbx-anchor" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, read: TemplateRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
@@ -3144,11 +3150,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-const importsAndExports$n = [DbxPromptModule, DbxDialogInteractionModule, DbxFilterInteractionModule, DbxPopoverInteractionModule, DbxPopupInteractionModule];
+const importsAndExports$n = [DbxPromptModule, DbxDialogModule, DbxFilterInteractionModule, DbxPopoverInteractionModule, DbxPopupInteractionModule];
 /**
  * @deprecated import individual modules instead.
  *
- * @see DbxDialogInteractionModule
+ * @see DbxDialogModule
  * @see DbxFilterInteractionModule
  * @see DbxPromptModule
  * @see DbxPopoverInteractionModule
@@ -3156,8 +3162,8 @@ const importsAndExports$n = [DbxPromptModule, DbxDialogInteractionModule, DbxFil
  */
 class DbxInteractionModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxInteractionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxInteractionModule, imports: [DbxPromptModule, DbxDialogInteractionModule, DbxFilterInteractionModule, DbxPopoverInteractionModule, DbxPopupInteractionModule], exports: [DbxPromptModule, DbxDialogInteractionModule, DbxFilterInteractionModule, DbxPopoverInteractionModule, DbxPopupInteractionModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxInteractionModule, imports: [importsAndExports$n, DbxPromptModule, DbxDialogInteractionModule, DbxFilterInteractionModule, DbxPopoverInteractionModule, DbxPopupInteractionModule] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxInteractionModule, imports: [DbxPromptModule, DbxDialogModule, DbxFilterInteractionModule, DbxPopoverInteractionModule, DbxPopupInteractionModule], exports: [DbxPromptModule, DbxDialogModule, DbxFilterInteractionModule, DbxPopoverInteractionModule, DbxPopupInteractionModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxInteractionModule, imports: [importsAndExports$n, DbxPromptModule, DbxDialogModule, DbxFilterInteractionModule, DbxPopoverInteractionModule, DbxPopupInteractionModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxInteractionModule, decorators: [{
             type: NgModule,
@@ -3186,10 +3192,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Combines a dbx-label and arbitrary content.
  */
 class DbxLabelBlockComponent {
-    header;
+    header = input();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxLabelBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxLabelBlockComponent, isStandalone: true, selector: "dbx-label-block", inputs: { header: "header" }, host: { classAttribute: "dbx-label-block" }, ngImport: i0, template: `
-    <span class="d-block dbx-label dbx-label-padded">{{ header }}</span>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DbxLabelBlockComponent, isStandalone: true, selector: "dbx-label-block", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dbx-label-block" }, ngImport: i0, template: `
+    <span class="d-block dbx-label dbx-label-padded">{{ header() }}</span>
     <ng-content></ng-content>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -3198,7 +3204,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     selector: 'dbx-label-block',
                     template: `
-    <span class="d-block dbx-label dbx-label-padded">{{ header }}</span>
+    <span class="d-block dbx-label dbx-label-padded">{{ header() }}</span>
     <ng-content></ng-content>
   `,
                     host: {
@@ -3207,9 +3213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], propDecorators: { header: [{
-                type: Input
-            }] } });
+        }] });
 
 class DbxErrorDefaultErrorWidgetComponent extends AbstractDbxErrorWidgetComponent {
     get serverErrorData() {
@@ -4112,7 +4116,7 @@ class DbxActionSnackbarDirective extends AbstractSubscriptionDirective {
     dbxActionSnackbarService = inject(DbxActionSnackbarService);
     dbxActionSnackbarDefault = input();
     dbxActionSnackbarUndo = input();
-    dbxActionSnackbar = input();
+    dbxActionSnackbar = input(undefined, { transform: (value) => value === '' ? undefined : value });
     ngOnInit() {
         this.sub = this.source
             .pipeStore((store) => store.loadingState$)
@@ -4423,17 +4427,14 @@ const DEFAULT_ACTION_KEY_TRIGGER = 'enter';
  */
 class DbxActionKeyTriggerDirective {
     source = inject((DbxActionContextStoreSourceInstance), { host: true });
-    inputKey;
-    get key() {
-        return this.inputKey || DEFAULT_ACTION_KEY_TRIGGER;
-    }
+    key = input(DEFAULT_ACTION_KEY_TRIGGER, { alias: 'dbxActionKeyTrigger', transform: (x) => (x ?? DEFAULT_ACTION_KEY_TRIGGER).toLowerCase() });
     onKeyupHandler(event) {
-        if (event.key && event.key.toLowerCase() === this.key) {
+        if (event.key && event.key.toLowerCase() === this.key()) {
             this.source.trigger();
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionKeyTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxActionKeyTriggerDirective, isStandalone: true, selector: "[dbxActionKeyTrigger]", inputs: { inputKey: ["dbxActionKeyTrigger", "inputKey"] }, host: { listeners: { "document:keyup": "onKeyupHandler($event)" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionKeyTriggerDirective, isStandalone: true, selector: "[dbxActionKeyTrigger]", inputs: { key: { classPropertyName: "key", publicName: "dbxActionKeyTrigger", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "document:keyup": "onKeyupHandler($event)" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionKeyTriggerDirective, decorators: [{
             type: Directive,
@@ -4441,10 +4442,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: '[dbxActionKeyTrigger]',
                     standalone: true
                 }]
-        }], propDecorators: { inputKey: [{
-                type: Input,
-                args: ['dbxActionKeyTrigger']
-            }], onKeyupHandler: [{
+        }], propDecorators: { onKeyupHandler: [{
                 type: HostListener,
                 args: ['document:keyup', ['$event']]
             }] } });
@@ -4655,16 +4653,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class DbxActionSnackbarErrorDirective extends AbstractSubscriptionDirective {
     dbxErrorSnackbarService = inject(DbxErrorSnackbarService);
     source = inject(DbxActionContextStoreSourceInstance);
-    config;
-    ngOnInit() {
+    config = input(undefined, { alias: 'dbxActionSnackbarError' });
+    constructor() {
+        super();
         this.sub = this.source.error$.pipe(filterMaybe()).subscribe((inputError) => {
+            const config = this.config();
             const error = toReadableError(inputError);
-            const config = this.config ? (typeof this.config === 'number' ? { duration: this.config } : this.config) : undefined;
-            this.dbxErrorSnackbarService.showSnackbarError(error, config);
+            const snackbarConfig = config ? (typeof config === 'number' ? { duration: config } : config) : undefined;
+            this.dbxErrorSnackbarService.showSnackbarError(error, snackbarConfig);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionSnackbarErrorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxActionSnackbarErrorDirective, isStandalone: true, selector: "[dbxActionSnackbarError]", inputs: { config: ["dbxActionSnackbarError", "config"] }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionSnackbarErrorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxActionSnackbarErrorDirective, isStandalone: true, selector: "[dbxActionSnackbarError]", inputs: { config: { classPropertyName: "config", publicName: "dbxActionSnackbarError", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxActionSnackbarErrorDirective, decorators: [{
             type: Directive,
@@ -4672,10 +4672,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: '[dbxActionSnackbarError]',
                     standalone: true
                 }]
-        }], propDecorators: { config: [{
-                type: Input,
-                args: ['dbxActionSnackbarError']
-            }] } });
+        }], ctorParameters: () => [] });
 
 const importsAndExports$i = [
     //
@@ -4691,7 +4688,18 @@ const importsAndExports$i = [
     DbxErrorDefaultErrorWidgetComponent
 ];
 /**
- * @deprecated all components are now standalone
+ * @deprecated all components are now standalone. Consider importing those instead.
+ *
+ * @see DbxErrorComponent
+ * @see DbxLoadingErrorDirective
+ * @see DbxActionErrorDirective
+ * @see DbxActionSnackbarErrorDirective
+ * @see DbxErrorViewComponent
+ * @see DbxErrorSnackbarComponent
+ * @see DbxErrorPopoverComponent
+ * @see DbxErrorDetailsComponent
+ * @see DbxErrorWidgetViewComponent
+ * @see DbxErrorDefaultErrorWidgetComponent
  */
 class DbxReadableErrorModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxReadableErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -5124,11 +5132,11 @@ class DbxDownloadTextViewComponent extends AbstractSubscriptionDirective {
         }));
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDownloadTextViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxDownloadTextViewComponent, isStandalone: true, selector: "dbx-download-text-view", inputs: { loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, showTitle: { classPropertyName: "showTitle", publicName: "showTitle", isSignal: true, isRequired: false, transformFunction: null }, showPreview: { classPropertyName: "showPreview", publicName: "showPreview", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, contentState: { classPropertyName: "contentState", publicName: "contentState", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "downloadButton", first: true, predicate: ["downloadButton"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-download-text-view\">\n  <dbx-loading [context]=\"context\" [linear]=\"linear()\" [text]=\"loadingText()\">\n    <ng-container *ngTemplateOutlet=\"contentView\"></ng-container>\n  </dbx-loading>\n</div>\n\n<!-- Template -->\n<ng-template #contentView>\n  <div class=\"dbx-download-text-view-content\">\n    @if (showTitle()) {\n      <div class=\"dbx-download-text-view-content-title dbx-mb2 mat-subtitle-2\">{{ fileNameSignal() }}</div>\n    }\n    @if (showPreview()) {\n      <div class=\"dbx-download-text-preview dbx-json dbx-content-pit dbx-content-pit-scrollable dbx-mb3\">{{ contentDataSignal() }}</div>\n    }\n    <div class=\"dbx-download-text-view-actions\">\n      <dbx-button dbxAction dbxActionValue dbxActionLogger [raised]=\"true\" [dbxActionHandler]=\"handleCopyToClipboard\" icon=\"content_copy\" dbxActionButton text=\"Copy To Clipboard\"></dbx-button>\n      <dbx-button-spacer></dbx-button-spacer>\n      <a #downloadButton [href]=\"fileUrlSignal()\" [attr.download]=\"fileNameSignal()\"><dbx-button icon=\"download\" text=\"Download\" [raised]=\"true\" [working]=\"!downloadReadySignal()\" [disabled]=\"!downloadReadySignal()\"></dbx-button></a>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "color", "diameter", "linear", "loading", "error", "context"] }, { kind: "ngmodule", type: DbxActionModule }, { kind: "directive", type: i1$3.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i1$3.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i1$3.DbxActionValueDirective, selector: "dbxActionValue,[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i1$3.DbxActionContextLoggerDirective, selector: "[dbxActionLogger],[dbxActionContextLogger]" }, { kind: "directive", type: i1$3.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "raised", "stroked", "flat", "iconOnly", "fab"] }, { kind: "directive", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxDownloadTextViewComponent, isStandalone: true, selector: "dbx-download-text-view", inputs: { loadingText: { classPropertyName: "loadingText", publicName: "loadingText", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, showTitle: { classPropertyName: "showTitle", publicName: "showTitle", isSignal: true, isRequired: false, transformFunction: null }, showPreview: { classPropertyName: "showPreview", publicName: "showPreview", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, contentState: { classPropertyName: "contentState", publicName: "contentState", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "downloadButton", first: true, predicate: ["downloadButton"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-download-text-view\">\n  <dbx-loading [context]=\"context\" [linear]=\"linear()\" [text]=\"loadingText()\">\n    <ng-container *ngTemplateOutlet=\"contentView\"></ng-container>\n  </dbx-loading>\n</div>\n\n<!-- Template -->\n<ng-template #contentView>\n  <div class=\"dbx-download-text-view-content\">\n    @if (showTitle()) {\n      <div class=\"dbx-download-text-view-content-title dbx-mb2 mat-subtitle-2\">{{ fileNameSignal() }}</div>\n    }\n    @if (showPreview()) {\n      <div class=\"dbx-download-text-preview dbx-json dbx-content-pit dbx-content-pit-scrollable dbx-mb3\">{{ contentDataSignal() }}</div>\n    }\n    <div class=\"dbx-download-text-view-actions\">\n      <dbx-button dbxAction dbxActionValue [raised]=\"true\" [dbxActionHandler]=\"handleCopyToClipboard\" icon=\"content_copy\" dbxActionButton text=\"Copy To Clipboard\"></dbx-button>\n      <dbx-button-spacer></dbx-button-spacer>\n      <a #downloadButton [href]=\"fileUrlSignal()\" [attr.download]=\"fileNameSignal()\"><dbx-button icon=\"download\" text=\"Download\" [raised]=\"true\" [working]=\"!downloadReadySignal()\" [disabled]=\"!downloadReadySignal()\"></dbx-button></a>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "color", "diameter", "linear", "loading", "error", "context"] }, { kind: "ngmodule", type: DbxActionModule }, { kind: "directive", type: i1$3.DbxActionDirective, selector: "dbx-action,[dbxAction],dbx-action-context,[dbxActionContext]", exportAs: ["action", "dbxAction"] }, { kind: "directive", type: i1$3.DbxActionHandlerDirective, selector: "[dbxActionHandler]", inputs: ["dbxActionHandler"] }, { kind: "directive", type: i1$3.DbxActionValueDirective, selector: "dbxActionValue,[dbxActionValue]", inputs: ["dbxActionValue"] }, { kind: "directive", type: i1$3.DbxActionButtonDirective, selector: "[dbxActionButton]" }, { kind: "component", type: DbxButtonComponent, selector: "dbx-button", inputs: ["type", "color", "spinnerColor", "customButtonColor", "customTextColor", "customSpinnerColor", "basic", "raised", "stroked", "flat", "iconOnly", "fab"] }, { kind: "directive", type: DbxButtonSpacerDirective, selector: "dbx-button-spacer,[dbxButtonSpacer]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDownloadTextViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dbx-download-text-view', standalone: true, imports: [NgTemplateOutlet, DbxLoadingComponent, DbxActionModule, DbxActionButtonDirective, DbxButtonComponent, DbxButtonSpacerDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dbx-download-text-view\">\n  <dbx-loading [context]=\"context\" [linear]=\"linear()\" [text]=\"loadingText()\">\n    <ng-container *ngTemplateOutlet=\"contentView\"></ng-container>\n  </dbx-loading>\n</div>\n\n<!-- Template -->\n<ng-template #contentView>\n  <div class=\"dbx-download-text-view-content\">\n    @if (showTitle()) {\n      <div class=\"dbx-download-text-view-content-title dbx-mb2 mat-subtitle-2\">{{ fileNameSignal() }}</div>\n    }\n    @if (showPreview()) {\n      <div class=\"dbx-download-text-preview dbx-json dbx-content-pit dbx-content-pit-scrollable dbx-mb3\">{{ contentDataSignal() }}</div>\n    }\n    <div class=\"dbx-download-text-view-actions\">\n      <dbx-button dbxAction dbxActionValue dbxActionLogger [raised]=\"true\" [dbxActionHandler]=\"handleCopyToClipboard\" icon=\"content_copy\" dbxActionButton text=\"Copy To Clipboard\"></dbx-button>\n      <dbx-button-spacer></dbx-button-spacer>\n      <a #downloadButton [href]=\"fileUrlSignal()\" [attr.download]=\"fileNameSignal()\"><dbx-button icon=\"download\" text=\"Download\" [raised]=\"true\" [working]=\"!downloadReadySignal()\" [disabled]=\"!downloadReadySignal()\"></dbx-button></a>\n    </div>\n  </div>\n</ng-template>\n" }]
+            args: [{ selector: 'dbx-download-text-view', standalone: true, imports: [NgTemplateOutlet, DbxLoadingComponent, DbxActionModule, DbxActionButtonDirective, DbxButtonComponent, DbxButtonSpacerDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dbx-download-text-view\">\n  <dbx-loading [context]=\"context\" [linear]=\"linear()\" [text]=\"loadingText()\">\n    <ng-container *ngTemplateOutlet=\"contentView\"></ng-container>\n  </dbx-loading>\n</div>\n\n<!-- Template -->\n<ng-template #contentView>\n  <div class=\"dbx-download-text-view-content\">\n    @if (showTitle()) {\n      <div class=\"dbx-download-text-view-content-title dbx-mb2 mat-subtitle-2\">{{ fileNameSignal() }}</div>\n    }\n    @if (showPreview()) {\n      <div class=\"dbx-download-text-preview dbx-json dbx-content-pit dbx-content-pit-scrollable dbx-mb3\">{{ contentDataSignal() }}</div>\n    }\n    <div class=\"dbx-download-text-view-actions\">\n      <dbx-button dbxAction dbxActionValue [raised]=\"true\" [dbxActionHandler]=\"handleCopyToClipboard\" icon=\"content_copy\" dbxActionButton text=\"Copy To Clipboard\"></dbx-button>\n      <dbx-button-spacer></dbx-button-spacer>\n      <a #downloadButton [href]=\"fileUrlSignal()\" [attr.download]=\"fileNameSignal()\"><dbx-button icon=\"download\" text=\"Download\" [raised]=\"true\" [working]=\"!downloadReadySignal()\" [disabled]=\"!downloadReadySignal()\"></dbx-button></a>\n    </div>\n  </div>\n</ng-template>\n" }]
         }] });
 
 const importsAndExports$h = [DbxDownloadTextViewComponent];
@@ -5414,63 +5422,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             type: Directive
         }] });
 
-/**
- * Abstract DbxListView implementation.
- */
-class AbstractDbxListViewDirective {
-    valuesArray = input();
-    values = input();
-    _trackBy = new BehaviorSubject(undefined);
-    _disabled = new BehaviorSubject(false);
-    _selectionMode = new BehaviorSubject(undefined);
-    _valuesOverride = new BehaviorSubject(undefined);
-    trackBy$ = this._trackBy.asObservable();
-    _inputValuesArray$ = toObservable(this.valuesArray);
-    _inputValues$ = toObservable(this.values);
-    _values$ = this._valuesOverride.pipe(switchMap((x) => {
-        let valuesObs;
-        if (x) {
-            valuesObs = asObservable(x);
-        }
-        else {
-            valuesObs = combineLatest([this._inputValues$, this._inputValuesArray$]).pipe(switchMap(([x, y]) => (y != null ? of(y) : asObservable(x))));
-        }
-        return valuesObs;
-    }));
-    values$ = this._values$.pipe(maybeValueFromObservableOrValue(), map((x) => x ?? []), distinctUntilChanged(), shareReplay(1));
-    disabled$ = this._disabled.asObservable();
-    selectionMode$ = this._selectionMode.asObservable();
-    clickValue = output();
-    ngOnDestroy() {
-        this._disabled.complete();
-        this._selectionMode.complete();
-        this._valuesOverride.complete();
-    }
-    onClickValue(value) {
-        this.clickValue.emit(value);
-    }
-    setListContext(state) {
-        this.setValues(state.currentList$);
-    }
-    setValues(values) {
-        this._valuesOverride.next(values);
-    }
-    setDisabled(disabled) {
-        this._disabled.next(disabled);
-    }
-    setSelectionMode(selectionMode) {
-        this._selectionMode.next(selectionMode);
-    }
-    setTrackBy(trackBy) {
-        this._trackBy.next(trackBy);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxListViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: AbstractDbxListViewDirective, inputs: { valuesArray: { classPropertyName: "valuesArray", publicName: "valuesArray", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickValue: "clickValue" }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxListViewDirective, decorators: [{
-            type: Directive
-        }] });
-
 /**
  * Interface for a view that renders the items of a DbxList.
  */
@@ -5729,6 +5680,79 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+const DEFAULT_DBX_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE = '<dbx-list-view [config]="config"></dbx-list-view>';
+class DbxValueListViewComponentImportsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxValueListViewComponentImportsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxValueListViewComponentImportsModule, imports: [DbxValueListViewComponent], exports: [DbxValueListViewComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxValueListViewComponentImportsModule, imports: [DbxValueListViewComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxValueListViewComponentImportsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [DbxValueListViewComponent],
+                    imports: [DbxValueListViewComponent]
+                }]
+        }] });
+// MARK: Value List View
+/**
+ * Abstract DbxListView implementation.
+ *
+ * You might consider extending AbstractDbxSelectionListViewDirective instead, as it includes selection support.
+ */
+class AbstractDbxListViewDirective {
+    valuesArray = input();
+    values = input();
+    _trackBy = new BehaviorSubject(undefined);
+    _disabled = new BehaviorSubject(false);
+    _selectionMode = new BehaviorSubject(undefined);
+    _valuesOverride = new BehaviorSubject(undefined);
+    trackBy$ = this._trackBy.asObservable();
+    _inputValuesArray$ = toObservable(this.valuesArray);
+    _inputValues$ = toObservable(this.values);
+    _values$ = this._valuesOverride.pipe(switchMap((x) => {
+        let valuesObs;
+        if (x) {
+            valuesObs = asObservable(x);
+        }
+        else {
+            valuesObs = combineLatest([this._inputValues$, this._inputValuesArray$]).pipe(switchMap(([x, y]) => (y != null ? of(y) : asObservable(x))));
+        }
+        return valuesObs;
+    }));
+    values$ = this._values$.pipe(maybeValueFromObservableOrValue(), map((x) => x ?? []), distinctUntilChanged(), shareReplay(1));
+    disabled$ = this._disabled.asObservable();
+    selectionMode$ = this._selectionMode.asObservable();
+    clickValue = output();
+    ngOnDestroy() {
+        this._disabled.complete();
+        this._selectionMode.complete();
+        this._valuesOverride.complete();
+    }
+    onClickValue(value) {
+        this.clickValue.emit(value);
+    }
+    setListContext(state) {
+        this.setValues(state.currentList$);
+    }
+    setValues(values) {
+        this._valuesOverride.next(values);
+    }
+    setDisabled(disabled) {
+        this._disabled.next(disabled);
+    }
+    setSelectionMode(selectionMode) {
+        this._selectionMode.next(selectionMode);
+    }
+    setTrackBy(trackBy) {
+        this._trackBy.next(trackBy);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxListViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: AbstractDbxListViewDirective, inputs: { valuesArray: { classPropertyName: "valuesArray", publicName: "valuesArray", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clickValue: "clickValue" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxListViewDirective, decorators: [{
+            type: Directive
+        }] });
+
 const DEFAULT_LIST_GRID_SIZE_CONFIG = {
     columns: 'repeat(auto-fill, minmax(320px, 1fr))',
     gap: '8px'
@@ -6899,12 +6923,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Component that displays an anchor and a mat-button.
  */
 class DbxAnchorIconComponent {
-    anchor;
+    anchor = input();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAnchorIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxAnchorIconComponent, isStandalone: true, selector: "dbx-anchor-icon", inputs: { anchor: "anchor" }, ngImport: i0, template: `
-    <dbx-anchor [anchor]="anchor">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DbxAnchorIconComponent, isStandalone: true, selector: "dbx-anchor-icon", inputs: { anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <dbx-anchor [anchor]="anchor()">
       <button mat-icon-button>
-        <mat-icon>{{ anchor?.icon }}</mat-icon>
+        <mat-icon>{{ anchor()?.icon }}</mat-icon>
       </button>
     </dbx-anchor>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }] });
@@ -6916,42 +6940,46 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     standalone: true,
                     imports: [MatIconModule, MatButtonModule, DbxAnchorComponent],
                     template: `
-    <dbx-anchor [anchor]="anchor">
+    <dbx-anchor [anchor]="anchor()">
       <button mat-icon-button>
-        <mat-icon>{{ anchor?.icon }}</mat-icon>
+        <mat-icon>{{ anchor()?.icon }}</mat-icon>
       </button>
     </dbx-anchor>
   `
                 }]
-        }], propDecorators: { anchor: [{
-                type: Input
-            }] } });
+        }] });
 
 /**
  * Pre-styled text that can link to either a website or a ref using a dbx-anchor.
  */
 class DbxLinkComponent {
-    anchor;
-    set ref(ref) {
-        if (ref) {
-            this.anchor = {
-                ref
-            };
-        }
-    }
-    set href(href) {
-        if (href) {
-            this.anchor = {
-                url: href
-            };
+    ref = input();
+    href = input();
+    anchor = input();
+    anchorSignal = computed(() => {
+        const ref = this.ref();
+        const href = this.href();
+        let anchor = this.anchor();
+        if (!anchor) {
+            if (ref) {
+                anchor = {
+                    ref
+                };
+            }
+            else if (href) {
+                anchor = {
+                    url: href
+                };
+            }
         }
-    }
+        return anchor;
+    });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxLinkComponent, isStandalone: true, selector: "dbx-link", inputs: { anchor: "anchor", ref: "ref", href: "href" }, host: { classAttribute: "d-inline dbx-link" }, ngImport: i0, template: `
-    <dbx-anchor [anchor]="anchor">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DbxLinkComponent, isStandalone: true, selector: "dbx-link", inputs: { ref: { classPropertyName: "ref", publicName: "ref", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, anchor: { classPropertyName: "anchor", publicName: "anchor", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "d-inline dbx-link" }, ngImport: i0, template: `
+    <dbx-anchor [anchor]="anchorSignal()">
       <ng-content></ng-content>
     </dbx-anchor>
-  `, isInline: true, dependencies: [{ kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: ["block"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxLinkComponent, decorators: [{
             type: Component,
@@ -6960,41 +6988,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     standalone: true,
                     imports: [DbxAnchorComponent],
                     template: `
-    <dbx-anchor [anchor]="anchor">
+    <dbx-anchor [anchor]="anchorSignal()">
       <ng-content></ng-content>
     </dbx-anchor>
   `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
                         class: 'd-inline dbx-link'
                     }
                 }]
-        }], propDecorators: { anchor: [{
-                type: Input
-            }], ref: [{
-                type: Input
-            }], href: [{
-                type: Input
-            }] } });
+        }] });
 
 /**
  * Component that displays an anchor and a span with the title.
  */
 class DbxAnchorContentComponent {
     parent = inject(DbxAnchorComponent, { optional: true });
-    _inputAnchor = new BehaviorSubject(undefined);
+    inputAnchor = input(undefined, { alias: 'anchor' });
+    _inputAnchor = toObservable(this.inputAnchor);
     _parentAnchor = this.parent ? this.parent.anchor$ : of(undefined);
     anchor$ = combineLatest([this._inputAnchor, this._parentAnchor]).pipe(map(([input, parent]) => input ?? parent), shareReplay(1));
     anchorSignal = toSignal(this.anchor$);
     iconSignal = computed(() => this.anchorSignal()?.icon);
     titleSignal = computed(() => this.anchorSignal()?.title);
-    set anchor(anchor) {
-        this._inputAnchor.next(anchor);
-    }
-    ngOnDestroy() {
-        this._inputAnchor.complete();
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAnchorContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxAnchorContentComponent, isStandalone: true, selector: "dbx-anchor-content", inputs: { anchor: "anchor" }, host: { classAttribute: "dbx-anchor-content" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxAnchorContentComponent, isStandalone: true, selector: "dbx-anchor-content", inputs: { inputAnchor: { classPropertyName: "inputAnchor", publicName: "anchor", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dbx-anchor-content" }, ngImport: i0, template: `
     @if (iconSignal()) {
       <mat-icon class="dbx-icon-spacer">{{ iconSignal() }}</mat-icon>
     }
@@ -7021,9 +7039,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         class: 'dbx-anchor-content'
                     }
                 }]
-        }], propDecorators: { anchor: [{
-                type: Input
-            }] } });
+        }] });
 
 /**
  * All standalone components related to anchors and links.
@@ -9173,29 +9189,29 @@ function provideDbxStyleService(config) {
 
 // prettier-ignore
 class DbxUnitedStatesAddressComponent {
-    address;
+    address = input();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxUnitedStatesAddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxUnitedStatesAddressComponent, isStandalone: true, selector: "dbx-us-address", inputs: { address: "address" }, host: { classAttribute: "dbx-us-address" }, ngImport: i0, template: `
-    @if (address) {
-      @if (address.name) {
-        <div class="addr-name">{{ address.name }}</div>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxUnitedStatesAddressComponent, isStandalone: true, selector: "dbx-us-address", inputs: { address: { classPropertyName: "address", publicName: "address", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dbx-us-address" }, ngImport: i0, template: `
+    @if (address()) {
+      @if (address()?.name) {
+        <div class="addr-name">{{ address()?.name }}</div>
       }
-      @if (address.phone) {
-        <div class="addr-phone">{{ address.phone }}</div>
+      @if (address()?.phone) {
+        <div class="addr-phone">{{ address()?.phone }}</div>
       }
-      @if (address.line1) {
-        <div class="addr-line1">{{ address.line1 }}</div>
+      @if (address()?.line1) {
+        <div class="addr-line1">{{ address()?.line1 }}</div>
       }
-      @if (address.line2) {
-        <div class="addr-line2">{{ address.line2 }}</div>
+      @if (address()?.line2) {
+        <div class="addr-line2">{{ address()?.line2 }}</div>
       }
       <div class="city-state-zip">
-        <span class="addr-city">{{ address.city }}</span>
-        @if (address.state || address.zip) {
+        <span class="addr-city">{{ address()?.city }}</span>
+        @if (address()?.state || address()?.zip) {
           <span>, </span>
         }
-        <span class="addr-state">{{ address.state }} </span>
-        <span class="addr-zip">{{ address.zip }}</span>
+        <span class="addr-state">{{ address()?.state }} </span>
+        <span class="addr-zip">{{ address()?.zip }}</span>
       </div>
     }
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -9205,26 +9221,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     selector: 'dbx-us-address',
                     template: `
-    @if (address) {
-      @if (address.name) {
-        <div class="addr-name">{{ address.name }}</div>
+    @if (address()) {
+      @if (address()?.name) {
+        <div class="addr-name">{{ address()?.name }}</div>
       }
-      @if (address.phone) {
-        <div class="addr-phone">{{ address.phone }}</div>
+      @if (address()?.phone) {
+        <div class="addr-phone">{{ address()?.phone }}</div>
       }
-      @if (address.line1) {
-        <div class="addr-line1">{{ address.line1 }}</div>
+      @if (address()?.line1) {
+        <div class="addr-line1">{{ address()?.line1 }}</div>
       }
-      @if (address.line2) {
-        <div class="addr-line2">{{ address.line2 }}</div>
+      @if (address()?.line2) {
+        <div class="addr-line2">{{ address()?.line2 }}</div>
       }
       <div class="city-state-zip">
-        <span class="addr-city">{{ address.city }}</span>
-        @if (address.state || address.zip) {
+        <span class="addr-city">{{ address()?.city }}</span>
+        @if (address()?.state || address()?.zip) {
           <span>, </span>
         }
-        <span class="addr-state">{{ address.state }} </span>
-        <span class="addr-zip">{{ address.zip }}</span>
+        <span class="addr-state">{{ address()?.state }} </span>
+        <span class="addr-zip">{{ address()?.zip }}</span>
       </div>
     }
   `,
@@ -9234,20 +9250,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], propDecorators: { address: [{
-                type: Input
-            }] } });
+        }] });
 
 class DbxDetailBlockHeaderComponent {
-    icon;
-    header;
+    icon = input();
+    header = input();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDetailBlockHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxDetailBlockHeaderComponent, isStandalone: true, selector: "dbx-detail-block-header", inputs: { icon: "icon", header: "header" }, host: { properties: { "class": "{ \"dbx-detail-block-header-no-icon\": !icon }" }, classAttribute: "dbx-detail-block-header" }, ngImport: i0, template: `
-    @if (icon) {
-      <mat-icon>{{ icon }}</mat-icon>
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxDetailBlockHeaderComponent, isStandalone: true, selector: "dbx-detail-block-header", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "{ \"dbx-detail-block-header-no-icon\": !icon() }" }, classAttribute: "dbx-detail-block-header" }, ngImport: i0, template: `
+    @if (icon()) {
+      <mat-icon>{{ icon() }}</mat-icon>
     }
-    @if (header) {
-      <span class="dbx-detail-block-header-label">{{ header }}</span>
+    @if (header()) {
+      <span class="dbx-detail-block-header-label">{{ header() }}</span>
     }
     <ng-content></ng-content>
   `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -9257,37 +9271,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     selector: 'dbx-detail-block-header',
                     template: `
-    @if (icon) {
-      <mat-icon>{{ icon }}</mat-icon>
+    @if (icon()) {
+      <mat-icon>{{ icon() }}</mat-icon>
     }
-    @if (header) {
-      <span class="dbx-detail-block-header-label">{{ header }}</span>
+    @if (header()) {
+      <span class="dbx-detail-block-header-label">{{ header() }}</span>
     }
     <ng-content></ng-content>
   `,
                     host: {
                         class: 'dbx-detail-block-header',
-                        '[class]': '{ "dbx-detail-block-header-no-icon": !icon }'
+                        '[class]': '{ "dbx-detail-block-header-no-icon": !icon() }'
                     },
                     imports: [MatIconModule],
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }], header: [{
-                type: Input
-            }] } });
+        }] });
 
 /**
  * Header and details offset with an icon.
  */
 class DbxDetailBlockComponent {
-    icon;
-    header;
+    icon = input();
+    header = input();
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDetailBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxDetailBlockComponent, isStandalone: true, selector: "dbx-detail-block", inputs: { icon: "icon", header: "header" }, host: { classAttribute: "dbx-detail-block d-block" }, ngImport: i0, template: `
-    <dbx-detail-block-header [icon]="icon" [header]="header">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DbxDetailBlockComponent, isStandalone: true, selector: "dbx-detail-block", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dbx-detail-block d-block" }, ngImport: i0, template: `
+    <dbx-detail-block-header [icon]="icon()" [header]="header()">
       <ng-content select="[header]"></ng-content>
     </dbx-detail-block-header>
     <div class="dbx-detail-block-content">
@@ -9300,7 +9310,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     selector: 'dbx-detail-block',
                     template: `
-    <dbx-detail-block-header [icon]="icon" [header]="header">
+    <dbx-detail-block-header [icon]="icon()" [header]="header()">
       <ng-content select="[header]"></ng-content>
     </dbx-detail-block-header>
     <div class="dbx-detail-block-content">
@@ -9314,11 +9324,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], propDecorators: { icon: [{
-                type: Input
-            }], header: [{
-                type: Input
-            }] } });
+        }] });
 
 /**
  * Icon spacer directive.
@@ -9343,30 +9349,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 class DbxLinkifyComponent {
     sanitizer = inject(DomSanitizer);
-    _text = new BehaviorSubject(undefined);
-    linkifiedText$ = this._text.pipe(distinctUntilChanged(), map((x) => x
-        ? linkifyStr(x, {
-            defaultProtocol: 'https',
-            target: {
-                url: '_blank'
-            }
-        })
-        : undefined), shareReplay(1));
-    linkifiedBody$ = this.linkifiedText$.pipe(map((x) => {
-        return x ? this.sanitizer.bypassSecurityTrustHtml(x) : undefined;
-    }), shareReplay(1));
-    linkifiedBodySignal = toSignal(this.linkifiedBody$);
-    ngOnDestroy() {
-        this._text.complete();
-    }
-    get text() {
-        return this._text.value;
-    }
-    set text(text) {
-        this._text.next(text);
-    }
+    text = input();
+    linkifiedTextSignal = computed(() => {
+        const text = this.text();
+        return text ? linkifyStr(text, { defaultProtocol: 'https', target: { url: '_blank' } }) : undefined;
+    });
+    linkifiedBodySignal = computed(() => {
+        const linkifiedText = this.linkifiedTextSignal();
+        return linkifiedText ? this.sanitizer.bypassSecurityTrustHtml(linkifiedText) : undefined;
+    });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxLinkifyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxLinkifyComponent, isStandalone: true, selector: "dbx-linkify", inputs: { text: "text" }, host: { classAttribute: "dbx-i dbx-linkify" }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DbxLinkifyComponent, isStandalone: true, selector: "dbx-linkify", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dbx-i dbx-linkify" }, ngImport: i0, template: `
     <span [innerHTML]="linkifiedBodySignal()"></span>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -9380,25 +9373,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     host: {
                         class: 'dbx-i dbx-linkify'
                     },
-                    standalone: true,
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true
                 }]
-        }], propDecorators: { text: [{
-                type: Input
-            }] } });
+        }] });
 
 class DbxChipDirective {
-    small;
-    block;
-    get style() {
-        let style = this.small ? 'dbx-chip-small' : '';
-        if (this.block) {
+    small = input();
+    block = input();
+    styleSignal = computed(() => {
+        let style = this.small() ? 'dbx-chip-small' : '';
+        if (this.block()) {
             style = style + ' dbx-chip-block';
         }
         return style;
-    }
+    });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxChipDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxChipDirective, isStandalone: true, selector: "dbx-chip", inputs: { small: "small", block: "block" }, host: { properties: { "class": "style" }, classAttribute: "dbx-chip mat-standard-chip" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxChipDirective, isStandalone: true, selector: "dbx-chip", inputs: { small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null }, block: { classPropertyName: "block", publicName: "block", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "styleSignal()" }, classAttribute: "dbx-chip mat-standard-chip" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxChipDirective, decorators: [{
             type: Directive,
@@ -9406,15 +9397,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: 'dbx-chip',
                     host: {
                         class: 'dbx-chip mat-standard-chip',
-                        '[class]': 'style'
+                        '[class]': 'styleSignal()'
                     },
                     standalone: true
                 }]
-        }], propDecorators: { small: [{
-                type: Input
-            }], block: [{
-                type: Input
-            }] } });
+        }] });
 
 class DbxTextChipsComponent {
     defaultSelection = input();
@@ -9537,5 +9524,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { APP_POPUP_MINIMIZED_WIDTH, APP_POPUP_NORMAL_HEIGHT, APP_POPUP_NORMAL_WIDTH, AbstractDbxErrorWidgetComponent, 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_DARK_STYLE_CLASS_SUFFIX, DBX_LIST_DEFAULT_SCROLL_DISTANCE, DBX_LIST_DEFAULT_THROTTLE_SCROLL, DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION, DBX_LIST_ITEM_DISABLE_RIPPLE_LIST_ITEM_MODIFIER_KEY, DBX_LIST_ITEM_IS_SELECTED_ITEM_MODIFIER_KEY, DBX_LIST_VIEW_DEFAULT_META_ICON, DBX_MODEL_VIEW_TRACKER_STORAGE_ACCESSOR_TOKEN, DBX_PROGRESS_BUTTON_GLOBAL_CONFIG, DBX_ROUTER_ANCHOR_COMPONENTS, DBX_ROUTER_VALUE_LIST_ITEM_MODIFIER_KEY, DBX_STYLE_DEFAULT_CONFIG_TOKEN, DBX_THEME_COLORS, DBX_THEME_COLORS_EXTRA, DBX_THEME_COLORS_EXTRA_SECONDARY, DBX_THEME_COLORS_MAIN, DBX_VALUE_LIST_VIEW_ITEM, DEFAULT_DBX_ERROR_SNACKBAR_CONFIG, DEFAULT_DBX_LIST_GRID_VIEW_DIRECTIVE_TEMPLATE, DEFAULT_DBX_LIST_ITEM_IS_SELECTED_FUNCTION, DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG, DEFAULT_DBX_SELECTION_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_SELECTION_VALUE_LIST_DIRECTIVE_TEMPLATE, DEFAULT_DBX_SIDENAV_MENU_ICON, DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES, DEFAULT_DBX_VALUE_LIST_GRID_DIRECTIVE_TEMPLATE, DEFAULT_ERROR_POPOVER_KEY, DEFAULT_ERROR_WIDGET_CODE, DEFAULT_FILTER_POPOVER_KEY, DEFAULT_LIST_GRID_SIZE_CONFIG, DEFAULT_LIST_WRAPPER_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE, DEFAULT_LOADING_PROGRESS_DIAMETER, DEFAULT_SCREEN_MEDIA_SERVICE_CONFIG, DEFAULT_SNACKBAR_DIRECTIVE_DURATION, DEFAULT_TWO_COLUMNS_MIN_RIGHT_WIDTH, DEFAULT_VALUE_LIST_VIEW_CONTENT_COMPONENT_TRACK_BY_FUNCTION, DbxActionConfirmDirective, DbxActionDialogDirective, DbxActionErrorDirective, DbxActionKeyTriggerDirective, DbxActionLoadingContextDirective, DbxActionModule, DbxActionPopoverDirective, DbxActionSnackbarComponent, DbxActionSnackbarDirective, DbxActionSnackbarErrorDirective, DbxActionSnackbarModule, DbxActionSnackbarService, DbxActionTransitionSafetyDirective, DbxActionUIRouterTransitionModule, DbxActionUIRouterTransitionSafetyDialogComponent, DbxAnchorComponent, DbxAnchorContentComponent, DbxAnchorIconComponent, DbxAnchorListComponent, DbxAngularRouterSegueAnchorComponent, DbxBarDirective, DbxBarHeaderComponent, DbxBarLayoutModule, DbxBasicLoadingComponent, DbxBlockLayoutModule, DbxBodyDirective, DbxButtonComponent, DbxButtonDisplayType, DbxButtonModule, DbxButtonSpacerDirective, DbxCardBoxComponent, DbxCardBoxContainerDirective, DbxCardBoxLayoutModule, DbxChipDirective, DbxColorDirective, DbxColumnLayoutModule, DbxCompactDirective, DbxCompactLayoutModule, DbxContentBorderDirective, DbxContentBoxDirective, DbxContentContainerDirective, DbxContentDirective, DbxContentElevateDirective, DbxContentLayoutModule, DbxContentPageDirective, DbxContentPitDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxDialogContentCloseComponent, DbxDialogContentDirective, DbxDialogContentFooterComponent, DbxDialogInteractionModule, DbxDownloadTextModule, DbxDownloadTextViewComponent, DbxErrorComponent, DbxErrorDefaultErrorWidgetComponent, DbxErrorDetailsComponent, DbxErrorPopoverComponent, DbxErrorSnackbarComponent, DbxErrorSnackbarService, DbxErrorViewComponent, DbxErrorWidgetService, DbxErrorWidgetViewComponent, DbxFilterInteractionModule, DbxFilterPopoverButtonComponent, DbxFilterPopoverComponent, DbxFilterWrapperComponent, DbxFlagComponent, DbxFlagLayoutModule, DbxFlagPromptComponent, DbxFlexGroupDirective, DbxFlexLayoutModule, DbxFlexSizeDirective, DbxIconButtonComponent, DbxIconButtonModule, DbxIconItemComponent, DbxIconSpacerDirective, DbxIfSidenavDisplayModeDirective, DbxInteractionModule, DbxIntroActionSectionComponent, DbxKeypressModule, DbxLabelBlockComponent, DbxLayoutModule, DbxLinkComponent, DbxLinkifyComponent, DbxListComponent, DbxListEmptyContentComponent, DbxListGridViewDirectiveImportsModule, DbxListInternalContentDirective, DbxListItemAnchorModifierDirective, DbxListItemDisableRippleModifierDirective, DbxListItemIsSelectedModifierDirective, DbxListLayoutModule, DbxListModifierModule, DbxListModule, DbxListTitleGroupDirective, DbxListView, DbxListViewMetaIconComponent, DbxListViewWrapper, DbxListWrapperComponentImportsModule, DbxLoadingComponent, DbxLoadingErrorDirective, DbxLoadingModule, DbxLoadingProgressComponent, DbxModelObjectStateService, actions as DbxModelStateActions, model_actions as DbxModelStateModelActions, DbxModelTrackerService, DbxModelTypesService, DbxModelViewTrackerStorage, DbxNavbarComponent, DbxOneColumnComponent, DbxOneColumnLayoutModule, DbxPagebarComponent, DbxPartialPresetFilterListComponent, DbxPartialPresetFilterMenuComponent, 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, DbxRouterAnchorListModule, DbxRouterAnchorModule, DbxRouterLayoutModule, DbxRouterListModule, DbxRouterNavbarModule, DbxRouterSidenavModule, DbxRouterWebProviderConfig, DbxScreenMediaService, DbxScreenMediaServiceConfig, DbxSectionComponent, DbxSectionHeaderComponent, DbxSectionLayoutModule, DbxSectionPageComponent, DbxSelectionValueListViewComponent, DbxSelectionValueListViewComponentImportsModule, DbxSelectionValueListViewContentComponent, DbxSetStyleDirective, DbxSidenavButtonComponent, DbxSidenavComponent, DbxSidenavPageComponent, DbxSidenavPagebarComponent, DbxSpacerDirective, DbxStepComponent, DbxStepLayoutModule, DbxStructureDirective, DbxStructureModule, DbxStyleBodyDirective, DbxStyleDirective, DbxStyleLayoutModule, DbxStyleService, DbxSubSectionComponent, DbxTextChipsComponent, DbxTextModule, DbxTwoBlockComponent, DbxTwoColumnBackDirective, DbxTwoColumnColumnHeadDirective, DbxTwoColumnComponent, DbxTwoColumnContextDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnLayoutModule, DbxTwoColumnRightComponent, DbxTwoColumnSrefDirective, DbxTwoColumnSrefShowRightDirective, DbxUIRouterSegueAnchorComponent, DbxUnitedStatesAddressComponent, DbxValueListGridSizeDirective, DbxValueListGridViewComponent, DbxValueListGridViewContentComponent, DbxValueListItemModifier, DbxValueListItemModifierDirective, DbxValueListView, DbxValueListViewComponent, DbxValueListViewContentComponent, DbxValueListViewContentGroupComponent, DbxValueListViewGroupDelegate, DbxWebModule, DbxWidgetListGridComponent, DbxWidgetListGridViewComponent, DbxWidgetListGridViewItemComponent, DbxWidgetModule, DbxWidgetService, DbxWidgetViewComponent, DbxWindowKeyDownListenerDirective, PopoverPositionStrategy, PopupGlobalPositionStrategy, SCREEN_MEDIA_WIDTH_TYPE_SIZE_MAP, SideNavDisplayMode, TRACK_BY_MODEL_ID, TRACK_BY_MODEL_KEY, TwoColumnsContextStore, UNKNOWN_ERROR_WIDGET_CODE, addConfigToValueListItems, allDbxModelViewTrackerEventModelKeys, allDbxModelViewTrackerEventSetModelKeys, catchErrorServerParams, compactModeFromInput, compareScreenMediaWidthTypes, convertServerErrorParams, convertToPOJOServerErrorResponse, convertToServerErrorResponse, dbxColorBackground, dbxListGridViewDirectiveImportsAndExports, dbxPresetFilterMenuButtonIconObservable, dbxPresetFilterMenuButtonTextObservable, dbxStyleClassCleanSuffix, dbxValueListItemDecisionFunction, defaultDbxModelViewTrackerStorageAccessorFactory, defaultDbxValueListViewGroupDelegate, defaultDbxValueListViewGroupValuesFunction, disableRightClickInCdkBackdrop, index as fromDbxModel, listItemModifier, makeDbxActionSnackbarDisplayConfigGeneratorFunction, mapCompactModeObs, mapValuesToValuesListItemConfigObs, index$1 as onDbxModel, provideDbxListView, provideDbxListViewWrapper, provideDbxModelService, provideDbxProgressButtonGlobalConfig, provideDbxPromptConfirm, provideDbxRouterWebAngularRouterProviderConfig, provideDbxRouterWebUiRouterProviderConfig, provideDbxScreenMediaService, provideDbxStyleService, provideDbxValueListView, provideDbxValueListViewGroupDelegate, provideDbxValueListViewModifier, provideTwoColumnsContext, sanitizeDbxDialogContentConfig, screenMediaWidthTypeIsActive, trackByModelKeyRef, trackByUniqueIdentifier };
+export { APP_POPUP_MINIMIZED_WIDTH, APP_POPUP_NORMAL_HEIGHT, APP_POPUP_NORMAL_WIDTH, AbstractDbxErrorWidgetComponent, 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_DARK_STYLE_CLASS_SUFFIX, DBX_LIST_DEFAULT_SCROLL_DISTANCE, DBX_LIST_DEFAULT_THROTTLE_SCROLL, DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION, DBX_LIST_ITEM_DISABLE_RIPPLE_LIST_ITEM_MODIFIER_KEY, DBX_LIST_ITEM_IS_SELECTED_ITEM_MODIFIER_KEY, DBX_LIST_VIEW_DEFAULT_META_ICON, DBX_MODEL_VIEW_TRACKER_STORAGE_ACCESSOR_TOKEN, DBX_PROGRESS_BUTTON_GLOBAL_CONFIG, DBX_ROUTER_ANCHOR_COMPONENTS, DBX_ROUTER_VALUE_LIST_ITEM_MODIFIER_KEY, DBX_STYLE_DEFAULT_CONFIG_TOKEN, DBX_THEME_COLORS, DBX_THEME_COLORS_EXTRA, DBX_THEME_COLORS_EXTRA_SECONDARY, DBX_THEME_COLORS_MAIN, DBX_VALUE_LIST_VIEW_ITEM, DEFAULT_DBX_ERROR_SNACKBAR_CONFIG, DEFAULT_DBX_LIST_GRID_VIEW_DIRECTIVE_TEMPLATE, DEFAULT_DBX_LIST_ITEM_IS_SELECTED_FUNCTION, DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG, DEFAULT_DBX_SELECTION_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_SELECTION_VALUE_LIST_DIRECTIVE_TEMPLATE, DEFAULT_DBX_SIDENAV_MENU_ICON, DEFAULT_DBX_VALUE_LIST_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES, DEFAULT_DBX_VALUE_LIST_GRID_DIRECTIVE_TEMPLATE, DEFAULT_ERROR_POPOVER_KEY, DEFAULT_ERROR_WIDGET_CODE, DEFAULT_FILTER_POPOVER_KEY, DEFAULT_LIST_GRID_SIZE_CONFIG, DEFAULT_LIST_WRAPPER_COMPONENT_CONFIGURATION_TEMPLATE, DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE, DEFAULT_LOADING_PROGRESS_DIAMETER, DEFAULT_SCREEN_MEDIA_SERVICE_CONFIG, DEFAULT_SNACKBAR_DIRECTIVE_DURATION, DEFAULT_TWO_COLUMNS_MIN_RIGHT_WIDTH, DEFAULT_VALUE_LIST_VIEW_CONTENT_COMPONENT_TRACK_BY_FUNCTION, DbxActionConfirmDirective, DbxActionDialogDirective, DbxActionErrorDirective, DbxActionKeyTriggerDirective, DbxActionLoadingContextDirective, DbxActionModule, DbxActionPopoverDirective, DbxActionSnackbarComponent, DbxActionSnackbarDirective, DbxActionSnackbarErrorDirective, DbxActionSnackbarModule, DbxActionSnackbarService, DbxActionTransitionSafetyDirective, DbxActionUIRouterTransitionModule, DbxActionUIRouterTransitionSafetyDialogComponent, DbxAnchorComponent, DbxAnchorContentComponent, DbxAnchorIconComponent, DbxAnchorListComponent, DbxAngularRouterSegueAnchorComponent, DbxBarDirective, DbxBarHeaderComponent, DbxBarLayoutModule, DbxBasicLoadingComponent, DbxBlockLayoutModule, DbxBodyDirective, DbxButtonComponent, DbxButtonDisplayType, DbxButtonModule, DbxButtonSpacerDirective, DbxCardBoxComponent, DbxCardBoxContainerDirective, DbxCardBoxLayoutModule, DbxChipDirective, DbxColorDirective, DbxColumnLayoutModule, DbxCompactDirective, DbxCompactLayoutModule, DbxContentBorderDirective, DbxContentBoxDirective, DbxContentContainerDirective, DbxContentDirective, DbxContentElevateDirective, DbxContentLayoutModule, DbxContentPageDirective, DbxContentPitDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxDialogContentCloseComponent, DbxDialogContentDirective, DbxDialogContentFooterComponent, DbxDialogInteractionModule, DbxDialogModule, DbxDownloadTextModule, DbxDownloadTextViewComponent, DbxErrorComponent, DbxErrorDefaultErrorWidgetComponent, DbxErrorDetailsComponent, DbxErrorPopoverComponent, DbxErrorSnackbarComponent, DbxErrorSnackbarService, DbxErrorViewComponent, DbxErrorWidgetService, DbxErrorWidgetViewComponent, DbxFilterInteractionModule, DbxFilterPopoverButtonComponent, DbxFilterPopoverComponent, DbxFilterWrapperComponent, DbxFlagComponent, DbxFlagLayoutModule, DbxFlagPromptComponent, DbxFlexGroupDirective, DbxFlexLayoutModule, DbxFlexSizeDirective, DbxIconButtonComponent, DbxIconButtonModule, DbxIconItemComponent, DbxIconSpacerDirective, DbxIfSidenavDisplayModeDirective, DbxInteractionModule, DbxIntroActionSectionComponent, DbxKeypressModule, DbxLabelBlockComponent, DbxLayoutModule, DbxLinkComponent, DbxLinkifyComponent, DbxListComponent, DbxListEmptyContentComponent, DbxListGridViewDirectiveImportsModule, DbxListInternalContentDirective, DbxListItemAnchorModifierDirective, DbxListItemDisableRippleModifierDirective, DbxListItemIsSelectedModifierDirective, DbxListLayoutModule, DbxListModifierModule, DbxListModule, DbxListTitleGroupDirective, DbxListView, DbxListViewMetaIconComponent, DbxListViewWrapper, DbxListWrapperComponentImportsModule, DbxLoadingComponent, DbxLoadingErrorDirective, DbxLoadingModule, DbxLoadingProgressComponent, DbxModelObjectStateService, actions as DbxModelStateActions, model_actions as DbxModelStateModelActions, DbxModelTrackerService, DbxModelTypesService, DbxModelViewTrackerStorage, DbxNavbarComponent, DbxOneColumnComponent, DbxOneColumnLayoutModule, DbxPagebarComponent, DbxPartialPresetFilterListComponent, DbxPartialPresetFilterMenuComponent, 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, DbxRouterAnchorListModule, DbxRouterAnchorModule, DbxRouterLayoutModule, DbxRouterListModule, DbxRouterNavbarModule, DbxRouterSidenavModule, DbxRouterWebProviderConfig, DbxScreenMediaService, DbxScreenMediaServiceConfig, DbxSectionComponent, DbxSectionHeaderComponent, DbxSectionLayoutModule, DbxSectionPageComponent, DbxSelectionValueListViewComponent, DbxSelectionValueListViewComponentImportsModule, DbxSelectionValueListViewContentComponent, DbxSetStyleDirective, DbxSidenavButtonComponent, DbxSidenavComponent, DbxSidenavPageComponent, DbxSidenavPagebarComponent, DbxSpacerDirective, DbxStepComponent, DbxStepLayoutModule, DbxStructureDirective, DbxStructureModule, DbxStyleBodyDirective, DbxStyleDirective, DbxStyleLayoutModule, DbxStyleService, DbxSubSectionComponent, DbxTextChipsComponent, DbxTextModule, DbxTwoBlockComponent, DbxTwoColumnBackDirective, DbxTwoColumnColumnHeadDirective, DbxTwoColumnComponent, DbxTwoColumnContextDirective, DbxTwoColumnFullLeftDirective, DbxTwoColumnLayoutModule, DbxTwoColumnRightComponent, DbxTwoColumnSrefDirective, DbxTwoColumnSrefShowRightDirective, DbxUIRouterSegueAnchorComponent, DbxUnitedStatesAddressComponent, DbxValueListGridSizeDirective, DbxValueListGridViewComponent, DbxValueListGridViewContentComponent, DbxValueListItemModifier, DbxValueListItemModifierDirective, DbxValueListView, DbxValueListViewComponent, DbxValueListViewComponentImportsModule, DbxValueListViewContentComponent, DbxValueListViewContentGroupComponent, DbxValueListViewGroupDelegate, DbxWebModule, DbxWidgetListGridComponent, DbxWidgetListGridViewComponent, DbxWidgetListGridViewItemComponent, DbxWidgetModule, DbxWidgetService, DbxWidgetViewComponent, DbxWindowKeyDownListenerDirective, PopoverPositionStrategy, PopupGlobalPositionStrategy, SCREEN_MEDIA_WIDTH_TYPE_SIZE_MAP, SideNavDisplayMode, TRACK_BY_MODEL_ID, TRACK_BY_MODEL_KEY, TwoColumnsContextStore, UNKNOWN_ERROR_WIDGET_CODE, addConfigToValueListItems, allDbxModelViewTrackerEventModelKeys, allDbxModelViewTrackerEventSetModelKeys, catchErrorServerParams, compactModeFromInput, compareScreenMediaWidthTypes, convertServerErrorParams, convertToPOJOServerErrorResponse, convertToServerErrorResponse, dbxColorBackground, dbxListGridViewDirectiveImportsAndExports, dbxPresetFilterMenuButtonIconObservable, dbxPresetFilterMenuButtonTextObservable, dbxStyleClassCleanSuffix, dbxValueListItemDecisionFunction, defaultDbxModelViewTrackerStorageAccessorFactory, defaultDbxValueListViewGroupDelegate, defaultDbxValueListViewGroupValuesFunction, disableRightClickInCdkBackdrop, index as fromDbxModel, listItemModifier, makeDbxActionSnackbarDisplayConfigGeneratorFunction, mapCompactModeObs, mapValuesToValuesListItemConfigObs, index$1 as onDbxModel, provideDbxListView, provideDbxListViewWrapper, provideDbxModelService, provideDbxProgressButtonGlobalConfig, provideDbxPromptConfirm, provideDbxRouterWebAngularRouterProviderConfig, provideDbxRouterWebUiRouterProviderConfig, provideDbxScreenMediaService, provideDbxStyleService, provideDbxValueListView, provideDbxValueListViewGroupDelegate, provideDbxValueListViewModifier, provideTwoColumnsContext, sanitizeDbxDialogContentConfig, screenMediaWidthTypeIsActive, trackByModelKeyRef, trackByUniqueIdentifier };
 //# sourceMappingURL=dereekb-dbx-web.mjs.map