@dereekb/dbx-web 12.6.12 → 12.6.14

package/fesm2022/dereekb-dbx-web.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
 import { Injectable, input, inject, effect, Directive, NgModule, Component, output, computed, HostListener, InjectionToken, signal, ChangeDetectionStrategy, ElementRef, Injector, DestroyRef, viewChild, makeEnvironmentProviders, TemplateRef, model, SecurityContext, forwardRef, ViewContainerRef, Optional, Inject, Renderer2, ChangeDetectorRef } from '@angular/core';
-import { DASH_CHARACTER_PREFIX_INSTANCE, asPromise, cssClassesSet, isDefinedAndNotFalse, spaceSeparatedCssClasses, objectHasNoKeys, getValueFromGetter, firstValue, filterUndefinedValues, separateValues, splitFront, asDecisionFunction, SLASH_PATH_FILE_TYPE_SEPARATOR, filterMaybeArrayValues, mapIterable, toReadableError, isDefaultReadableError, MS_IN_SECOND, mergeObjects, build, ServerErrorResponse, UnauthorizedServerErrorResponse, makeTimer, MS_IN_MINUTE, toggleTimerRunning, unixDateTimeSecondsNumberForNow, ModelRelationUtility, encodeModelKeyTypePair, useIterableOrValue, safeCompareEquality, asArray, slashPathDetails, mimeTypeForFileExtension, slashPathDirectoryTree, isMaybeNot, isNotFalse, modifier, combineMaps, addModifiers, removeModifiers, applyBestFit, findNext, maybeModifierMapToFunction, makeValuesGroupMap, compareWithMappedValuesFunction, invertMaybeBoolean, splitCommaSeparatedStringToSet, ZIP_FILE_MIME_TYPE } from '@dereekb/util';
+import { DASH_CHARACTER_PREFIX_INSTANCE, asPromise, cssClassesSet, isDefinedAndNotFalse, spaceSeparatedCssClasses, objectHasNoKeys, getValueFromGetter, firstValue, filterUndefinedValues, separateValues, splitFront, asDecisionFunction, SLASH_PATH_FILE_TYPE_SEPARATOR, filterMaybeArrayValues, mapIterable, toReadableError, isDefaultReadableError, MS_IN_SECOND, mergeObjects, build, ServerErrorResponse, UnauthorizedServerErrorResponse, makeTimer, MS_IN_MINUTE, toggleTimerRunning, unixDateTimeSecondsNumberForNow, ModelRelationUtility, encodeModelKeyTypePair, useIterableOrValue, safeCompareEquality, addMilliseconds, isPast, asArray, slashPathDetails, mimeTypeForFileExtension, slashPathDirectoryTree, isMaybeNot, isNotFalse, modifier, combineMaps, addModifiers, removeModifiers, applyBestFit, findNext, maybeModifierMapToFunction, makeValuesGroupMap, compareWithMappedValuesFunction, invertMaybeBoolean, splitCommaSeparatedStringToSet, ZIP_FILE_MIME_TYPE } from '@dereekb/util';
 import * as i1$2 from '@dereekb/dbx-core';
 import { AbstractSubscriptionDirective, AbstractTransitionWatcherDirective, DbxInjectionComponent, AbstractDbxActionValueGetterDirective, AbstractDbxButtonDirective, provideDbxButton, dbxActionWorkProgress, DbxCoreButtonModule, AbstractDbxActionHandlerDirective, FilterSourceDirective, provideActionStoreSource, isClickableFilterPreset, AbstractDbxAnchorDirective, expandClickableAnchorLinkTrees, DbxCoreFilterModule, DbxButton, DbxActionContextStoreSourceInstance, DBX_INJECTION_COMPONENT_DATA, checkNgContentWrapperHasContent, DbxActionSourceDirective, DbxActionSuccessHandlerDirective, DbxActionDirective, DbxActionValueStreamDirective, transformEmptyStringInputToUndefined, isIdleActionState, canTriggerAction, DbxCoreActionModule, DbxActionButtonDirective, onDbxAppAuth, SimpleStorageAccessorFactory, mergeStaticProviders, asSegueRef, AbstractTransitionDirective, DbxRouterService, AbstractIfDirective, isSegueRefActive, anchorTypeForAnchor } from '@dereekb/dbx-core';
 import { NgPopoverRef, NgOverlayContainerService } from 'ng-overlay-container';
 import { of, map, BehaviorSubject, distinctUntilChanged, shareReplay, delay, switchMap, combineLatest, Subject, first, startWith, filter, throttleTime, skip, defaultIfEmpty, delayWhen, timer, asyncScheduler, from, firstValueFrom, mergeMap, race, tap, catchError, distinct, merge, exhaustMap } from 'rxjs';
-import { filterMaybe, asObservable, LockSet, SubscriptionObject, distinctUntilItemsHaveDifferentValues, skipAllInitialMaybe, maybeValueFromObservableOrValue, switchMapMaybeLoadingContextStream, loadingStateContext, LoadingStateType, loadingStateType, successResult, valueFromFinishedLoadingState, initialize, isNot, mapForEach, switchMapMaybe, listLoadingStateContext, isLoadingStateFinishedLoading, startWithBeginLoading, loadingStateFromObs, errorResult, beginLoading } from '@dereekb/rxjs';
+import { filterMaybe, asObservable, LockSet, SubscriptionObject, distinctUntilItemsHaveDifferentValues, skipAllInitialMaybe, maybeValueFromObservableOrValue, switchMapMaybeLoadingContextStream, loadingStateContext, LoadingStateType, loadingStateType, successResult, valueFromFinishedLoadingState, initialize, isNot, mapForEach, switchMapMaybe, listLoadingStateContext, isLoadingStateFinishedLoading, startWithBeginLoading, loadingStateFromObs, errorResult, beginLoading, distinctUntilHasDifferentValues } from '@dereekb/rxjs';
 import { isBoolean } from 'class-validator';
 import { ComponentStore } from '@ngrx/component-store';
 import { toSignal, toObservable } from '@angular/core/rxjs-interop';
@@ -13,8 +13,8 @@ import { MAT_DIALOG_DATA, MatDialogRef, MatDialog } from '@angular/material/dial
 import * as i1$1 from '@angular/material/button';
 import { MatIconButton, MatButtonModule } from '@angular/material/button';
 import * as i1 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import { NgClass, NgTemplateOutlet, NgStyle, JsonPipe, CommonModule, DatePipe } from '@angular/common';
+import { MatIconModule, MatIcon } from '@angular/material/icon';
+import { NgClass, NgTemplateOutlet, NgStyle, JsonPipe, CommonModule, DatePipe, AsyncPipe } from '@angular/common';
 import { Overlay, GlobalPositionStrategy } from '@angular/cdk/overlay';
 import { MatDivider } from '@angular/material/divider';
 import { MatProgressBar } from '@angular/material/progress-bar';
@@ -51,6 +51,7 @@ import * as i1$8 from '@angular/material/chips';
 import { MatChipsModule } from '@angular/material/chips';
 import * as i2$1 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatExpansionPanel, MatExpansionPanelHeader, MatExpansionPanelTitle, MatExpansionPanelDescription, MatExpansionPanelContent, MatAccordion } from '@angular/material/expansion';
 
 class PopoverPositionStrategy {
     static make(overlay, elementRef, config) {
@@ -6088,12 +6089,121 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+/**
+ * Creates a copy to clipboard function.
+ *
+ * @param clipboard The clipboard to use.
+ * @param config Optional configuration.
+ * @returns The copy to clipboard function.
+ */
+function copyToClipboardFunction(clipboard, config) {
+    const copyTimeoutSeconds = config?.copyTimeoutSeconds ?? 15;
+    const delayBetweenCopyAttempts = config?.delayBetweenCopyAttempts ?? MS_IN_SECOND;
+    const onCopyResult = config?.onCopyResult;
+    const copyFunction = ((content) => {
+        return new Promise((resolve, reject) => {
+            const pending = clipboard.beginCopy(content);
+            const copyTimeoutAt = addMilliseconds(new Date(), copyTimeoutSeconds * MS_IN_SECOND);
+            const attempt = () => {
+                const copyIsFinished = pending.copy();
+                if (!copyIsFinished && !isPast(copyTimeoutAt)) {
+                    setTimeout(attempt, delayBetweenCopyAttempts);
+                }
+                else {
+                    // Destroy the pending copy
+                    pending.destroy();
+                    if (copyIsFinished) {
+                        resolve(true);
+                        onCopyResult?.(true, content);
+                    }
+                    else {
+                        reject(false);
+                        onCopyResult?.(false, content);
+                    }
+                }
+            };
+            attempt();
+        });
+    });
+    copyFunction._clipboard = clipboard;
+    return copyFunction;
+}
+/**
+ * Injects a copy to clipboard function.
+ *
+ * Must be run in an Angular injection context.
+ *
+ * @param config
+ * @returns
+ */
+function injectCopyToClipboardFunction(config) {
+    return copyToClipboardFunction(inject(Clipboard), config);
+}
+/**
+ * Injects a copy to clipboard function.
+ *
+ * Must be run in an Angular injection context.
+ *
+ * @param config
+ * @returns
+ */
+function injectCopyToClipboardFunctionWithSnackbarMessage(config) {
+    // TODO: Add service for configuring global defaults for snackbar messages
+    const snackbar = inject(MatSnackBar);
+    const DEFAULT_SUCCESS_MESSAGE = 'Copied to clipboard';
+    const DEFAULT_FAILURE_MESSAGE = 'Content failed to copy...';
+    const DEFAULT_SNACKBAR_DURATION = 3 * MS_IN_SECOND;
+    let snackbarMessagesEnabled = true;
+    let successMessage = DEFAULT_SUCCESS_MESSAGE;
+    let failureMessage = DEFAULT_FAILURE_MESSAGE;
+    let snackbarDuration = DEFAULT_SNACKBAR_DURATION;
+    const _setSnackbarMessagesConfig = (config) => {
+        if (config != null) {
+            const { successMessage: inputSuccessMessage, failureMessage: inputFailureMessage, snackbarDuration: inputSnackbarDuration } = config;
+            successMessage = (inputSuccessMessage !== undefined ? inputSuccessMessage : successMessage) ?? DEFAULT_SUCCESS_MESSAGE;
+            failureMessage = (inputFailureMessage !== undefined ? inputFailureMessage : failureMessage) ?? DEFAULT_FAILURE_MESSAGE;
+            snackbarDuration = (inputSnackbarDuration !== undefined ? inputSnackbarDuration : snackbarDuration) ?? DEFAULT_SNACKBAR_DURATION;
+        }
+    };
+    if (config) {
+        _setSnackbarMessagesConfig(config);
+    }
+    const onCopyResult = (success, content) => {
+        config?.onCopyResult?.(success, content);
+        if (snackbarMessagesEnabled) {
+            const message = success ? getValueFromGetter(successMessage, content) : getValueFromGetter(failureMessage, content);
+            snackbar.open(message, undefined, { duration: snackbarDuration });
+        }
+    };
+    const result = copyToClipboardFunction(inject(Clipboard), { ...config, onCopyResult });
+    result.setSnackbarMessagesConfig = _setSnackbarMessagesConfig;
+    result.setSnackbarMessagesEnabled = (enabled) => {
+        snackbarMessagesEnabled = enabled;
+    };
+    return result;
+}
+
+class AbstractDbxClipboardDirective {
+    _copyToClipboard = injectCopyToClipboardFunctionWithSnackbarMessage();
+    clipboardSnackbarMessagesConfig = input(undefined);
+    clipboardSnackbarMessagesEnabled = input(true);
+    _configEffect = effect(() => {
+        this._copyToClipboard.setSnackbarMessagesConfig(this.clipboardSnackbarMessagesConfig());
+    });
+    _enabledEffect = effect(() => {
+        this._copyToClipboard.setSnackbarMessagesEnabled(this.clipboardSnackbarMessagesEnabled());
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxClipboardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: AbstractDbxClipboardDirective, inputs: { clipboardSnackbarMessagesConfig: { classPropertyName: "clipboardSnackbarMessagesConfig", publicName: "clipboardSnackbarMessagesConfig", isSignal: true, isRequired: false, transformFunction: null }, clipboardSnackbarMessagesEnabled: { classPropertyName: "clipboardSnackbarMessagesEnabled", publicName: "clipboardSnackbarMessagesEnabled", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AbstractDbxClipboardDirective, decorators: [{
+            type: Directive
+        }] });
+
 /**
  * View for previewing and downloading arbitrary text content.
  */
-class DbxDownloadTextViewComponent extends AbstractSubscriptionDirective {
-    _clipboard = inject(Clipboard);
-    _matSnackbar = inject(MatSnackBar);
+class DbxDownloadTextViewComponent extends AbstractDbxClipboardDirective {
     _browserObjectUrl = browserObjectUrlRef();
     downloadButton = viewChild('downloadButton', { read: ElementRef });
     loadingText = input(undefined);
@@ -6144,42 +6254,14 @@ class DbxDownloadTextViewComponent extends AbstractSubscriptionDirective {
     handleCopyToClipboard = () => {
         return this.content$.pipe(first(), switchMap((downloadTextContent) => {
             if (downloadTextContent) {
-                return new Promise((resolve, reject) => {
-                    const pending = this._clipboard.beginCopy(downloadTextContent.content);
-                    let secondsRemainingForCopy = 20; // attempt to copy for up to 20 seconds
-                    const attempt = () => {
-                        const copyIsFinished = pending.copy();
-                        if (!copyIsFinished && --secondsRemainingForCopy) {
-                            setTimeout(attempt, MS_IN_SECOND);
-                        }
-                        else {
-                            // Remember to destroy when you're done!
-                            pending.destroy();
-                            if (copyIsFinished) {
-                                resolve(true);
-                            }
-                            else {
-                                reject(false);
-                            }
-                        }
-                    };
-                    attempt();
-                });
+                return this._copyToClipboard(downloadTextContent.content);
             }
             else {
                 return of(false);
             }
-        }), tap((success) => {
-            if (success) {
-                this._matSnackbar.open('Copied to clipboard', undefined, { duration: 3 * MS_IN_SECOND });
-            }
-            else {
-                this._matSnackbar.open('Content failed to copy...', undefined, { duration: 3 * MS_IN_SECOND });
-            }
         }));
     };
     ngOnDestroy() {
-        super.ngOnDestroy();
         this._browserObjectUrl.destroy();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDownloadTextViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
@@ -6192,7 +6274,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 
 const importsAndExports$h = [DbxDownloadTextViewComponent];
 /**
- * @deprecated import DbxDownloadtextVie
+ * @deprecated import DbxDownloadTextViewComponent directly instead.
  */
 class DbxDownloadTextModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDownloadTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
@@ -8431,6 +8513,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  */
 class DbxContentPitDirective {
     scrollable = input();
+    rounded = input(false);
     scrollableHeightSignal = computed(() => {
         let scrollable = this.scrollable();
         let scrollableHeight;
@@ -8461,7 +8544,7 @@ class DbxContentPitDirective {
         return scrollableHeight ?? null;
     });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxContentPitDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxContentPitDirective, isStandalone: true, selector: "dbx-content-pit, [dbxContentPit]", inputs: { scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dbx-content-pit-scrollable": "scrollableHeightSignal() != null", "style.max-height": "scrollableHeightSignal()" }, classAttribute: "d-block dbx-content-pit" }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxContentPitDirective, isStandalone: true, selector: "dbx-content-pit, [dbxContentPit]", inputs: { scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, rounded: { classPropertyName: "rounded", publicName: "rounded", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dbx-content-pit-scrollable": "scrollableHeightSignal() != null", "class.dbx-content-pit-rounded": "rounded()", "style.max-height": "scrollableHeightSignal()" }, classAttribute: "d-block dbx-content-pit" }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxContentPitDirective, decorators: [{
             type: Directive,
@@ -8470,6 +8553,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     host: {
                         class: 'd-block dbx-content-pit',
                         '[class.dbx-content-pit-scrollable]': 'scrollableHeightSignal() != null',
+                        '[class.dbx-content-pit-rounded]': 'rounded()',
                         '[style.max-height]': 'scrollableHeightSignal()'
                     },
                     standalone: true
@@ -10541,8 +10625,9 @@ class DbxDetailBlockComponent {
     icon = input();
     header = input();
     alignHeader = input(false);
+    bigHeader = input(false);
     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: "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 }, alignHeader: { classPropertyName: "alignHeader", publicName: "alignHeader", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dbx-detail-block d-block" }, ngImport: i0, template: `
+    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 }, alignHeader: { classPropertyName: "alignHeader", publicName: "alignHeader", isSignal: true, isRequired: false, transformFunction: null }, bigHeader: { classPropertyName: "bigHeader", publicName: "bigHeader", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dbx-detail-block-big-header": "bigHeader()" }, classAttribute: "dbx-detail-block d-block" }, ngImport: i0, template: `
     <dbx-detail-block-header [icon]="icon()" [header]="header()" [alignHeader]="alignHeader()">
       <ng-content select="[header]"></ng-content>
     </dbx-detail-block-header>
@@ -10564,7 +10649,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
     </div>
   `,
                     host: {
-                        class: 'dbx-detail-block d-block'
+                        class: 'dbx-detail-block d-block',
+                        '[class.dbx-detail-block-big-header]': 'bigHeader()'
                     },
                     imports: [DbxDetailBlockHeaderComponent],
                     standalone: true,
@@ -10765,11 +10851,99 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
-const importsAndExports$2 = [DbxUnitedStatesAddressComponent, DbxNumberWithLimitComponent, DbxChipDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxLabelBlockComponent, DbxLinkifyComponent, DbxTextChipsComponent, DbxIconSpacerDirective];
+class DbxClickToCopyTextDirective extends AbstractDbxClipboardDirective {
+    copyTextFromElement = model();
+    /**
+     * If the input is null, then copy from the element's text content.
+     */
+    copyText = input(undefined, { alias: 'dbxClickToCopyText' });
+    /**
+     * If true, the click events will be ignored.
+     */
+    disableCopy = input(false);
+    /**
+     * Highlight the text visually.
+     */
+    highlighted = input(true);
+    handleClick(event) {
+        const disabled = this.disableCopy();
+        if (!disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+            const eventElement = event.currentTarget;
+            this._copyText(eventElement);
+        }
+    }
+    _copyText(eventElement) {
+        let copyText = this.copyText();
+        // If the input is null, then copy from the element's text content.
+        if (copyText !== null && !copyText) {
+            const element = this.copyTextFromElement()?.nativeElement;
+            copyText = (element ?? eventElement)?.textContent ?? undefined;
+        }
+        if (copyText) {
+            this._copyToClipboard(copyText);
+        }
+        return copyText;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxClickToCopyTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxClickToCopyTextDirective, isStandalone: true, selector: "[dbxClickToCopyText]", inputs: { copyTextFromElement: { classPropertyName: "copyTextFromElement", publicName: "copyTextFromElement", isSignal: true, isRequired: false, transformFunction: null }, copyText: { classPropertyName: "copyText", publicName: "dbxClickToCopyText", isSignal: true, isRequired: false, transformFunction: null }, disableCopy: { classPropertyName: "disableCopy", publicName: "disableCopy", isSignal: true, isRequired: false, transformFunction: null }, highlighted: { classPropertyName: "highlighted", publicName: "highlighted", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { copyTextFromElement: "copyTextFromElementChange" }, host: { listeners: { "click": "handleClick($event)" }, properties: { "class.dbx-click-to-copy-text-highlighted": "highlighted()" }, classAttribute: "dbx-click-to-copy-text" }, usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxClickToCopyTextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxClickToCopyText]',
+                    host: {
+                        class: 'dbx-click-to-copy-text',
+                        '[class.dbx-click-to-copy-text-highlighted]': 'highlighted()'
+                    },
+                    standalone: true
+                }]
+        }], propDecorators: { handleClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class DbxClickToCopyTextComponent {
+    contentElementRef = viewChild('content');
+    dbxClickToCopyText = viewChild(DbxClickToCopyTextDirective);
+    copyText = input(undefined);
+    highlighted = input(false);
+    clipboardSnackbarMessagesConfig = input(undefined);
+    clipboardSnackbarMessagesEnabled = input(true);
+    clickToCopyIcon = input('content_copy');
+    clickIconToCopyOnly = input(false);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxClickToCopyTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: DbxClickToCopyTextComponent, isStandalone: true, selector: "dbx-click-to-copy-text", inputs: { copyText: { classPropertyName: "copyText", publicName: "copyText", isSignal: true, isRequired: false, transformFunction: null }, highlighted: { classPropertyName: "highlighted", publicName: "highlighted", isSignal: true, isRequired: false, transformFunction: null }, clipboardSnackbarMessagesConfig: { classPropertyName: "clipboardSnackbarMessagesConfig", publicName: "clipboardSnackbarMessagesConfig", isSignal: true, isRequired: false, transformFunction: null }, clipboardSnackbarMessagesEnabled: { classPropertyName: "clipboardSnackbarMessagesEnabled", publicName: "clipboardSnackbarMessagesEnabled", isSignal: true, isRequired: false, transformFunction: null }, clickToCopyIcon: { classPropertyName: "clickToCopyIcon", publicName: "clickToCopyIcon", isSignal: true, isRequired: false, transformFunction: null }, clickIconToCopyOnly: { classPropertyName: "clickIconToCopyOnly", publicName: "clickIconToCopyOnly", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "dbx-click-to-copy-text-component" }, viewQueries: [{ propertyName: "contentElementRef", first: true, predicate: ["content"], descendants: true, isSignal: true }, { propertyName: "dbxClickToCopyText", first: true, predicate: DbxClickToCopyTextDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <span #content [dbxClickToCopyText]="copyText()" [disableCopy]="clickIconToCopyOnly()" [highlighted]="highlighted()" [clipboardSnackbarMessagesEnabled]="clipboardSnackbarMessagesEnabled()" [clipboardSnackbarMessagesConfig]="clipboardSnackbarMessagesConfig()" [copyTextFromElement]="contentElementRef()">
+      <ng-content></ng-content>
+    </span>
+    <mat-icon class="dbx-click-to-copy-text-icon" (click)="dbxClickToCopyText()?._copyText()">{{ clickToCopyIcon() }}</mat-icon>
+  `, isInline: true, dependencies: [{ kind: "directive", type: DbxClickToCopyTextDirective, selector: "[dbxClickToCopyText]", inputs: ["copyTextFromElement", "dbxClickToCopyText", "disableCopy", "highlighted"], outputs: ["copyTextFromElementChange"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxClickToCopyTextComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-click-to-copy-text',
+                    template: `
+    <span #content [dbxClickToCopyText]="copyText()" [disableCopy]="clickIconToCopyOnly()" [highlighted]="highlighted()" [clipboardSnackbarMessagesEnabled]="clipboardSnackbarMessagesEnabled()" [clipboardSnackbarMessagesConfig]="clipboardSnackbarMessagesConfig()" [copyTextFromElement]="contentElementRef()">
+      <ng-content></ng-content>
+    </span>
+    <mat-icon class="dbx-click-to-copy-text-icon" (click)="dbxClickToCopyText()?._copyText()">{{ clickToCopyIcon() }}</mat-icon>
+  `,
+                    host: {
+                        class: 'dbx-click-to-copy-text-component'
+                    },
+                    imports: [DbxClickToCopyTextDirective, MatIcon],
+                    standalone: true
+                }]
+        }] });
+
+const importsAndExports$2 = [DbxUnitedStatesAddressComponent, DbxNumberWithLimitComponent, DbxClickToCopyTextDirective, DbxClickToCopyTextComponent, DbxChipDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxLabelBlockComponent, DbxLinkifyComponent, DbxTextChipsComponent, DbxIconSpacerDirective];
 class DbxTextModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxTextModule, imports: [DbxUnitedStatesAddressComponent, DbxNumberWithLimitComponent, DbxChipDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxLabelBlockComponent, DbxLinkifyComponent, DbxTextChipsComponent, DbxIconSpacerDirective], exports: [DbxUnitedStatesAddressComponent, DbxNumberWithLimitComponent, DbxChipDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxLabelBlockComponent, DbxLinkifyComponent, DbxTextChipsComponent, DbxIconSpacerDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxTextModule, imports: [DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxTextChipsComponent] });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxTextModule, imports: [DbxUnitedStatesAddressComponent, DbxNumberWithLimitComponent, DbxClickToCopyTextDirective, DbxClickToCopyTextComponent, DbxChipDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxLabelBlockComponent, DbxLinkifyComponent, DbxTextChipsComponent, DbxIconSpacerDirective], exports: [DbxUnitedStatesAddressComponent, DbxNumberWithLimitComponent, DbxClickToCopyTextDirective, DbxClickToCopyTextComponent, DbxChipDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxLabelBlockComponent, DbxLinkifyComponent, DbxTextChipsComponent, DbxIconSpacerDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxTextModule, imports: [DbxClickToCopyTextComponent, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxTextChipsComponent] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxTextModule, decorators: [{
             type: NgModule,
@@ -11430,6 +11604,380 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 }]
         }] });
 
+/**
+ * Service that tracks all active help context strings in the current context.
+ */
+class DbxHelpContextService {
+    _contextReferences = new BehaviorSubject(new Set());
+    /**
+     * Observable of all currently active help context strings.
+     */
+    activeHelpContextStrings$ = this._contextReferences.pipe(switchMap((allReferences) => combineLatest(Array.from(allReferences).map((ref) => ref.helpContextStrings$)).pipe(map((x) => x.flat()), defaultIfEmpty([]), map((x) => new Set(x)))), distinctUntilHasDifferentValues(), shareReplay(1));
+    activeHelpContextStringsArray$ = this.activeHelpContextStrings$.pipe(map((x) => Array.from(x)), shareReplay(1));
+    register(reference) {
+        const referenceSet = this._contextReferences.value;
+        referenceSet.add(reference);
+        this._contextReferences.next(referenceSet);
+    }
+    unregister(reference) {
+        const referenceSet = this._contextReferences.value;
+        referenceSet.delete(reference);
+        this._contextReferences.next(referenceSet);
+    }
+    ngOnDestroy() {
+        this._contextReferences.complete();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpContextService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpContextService, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Registers the input observable with the DbxHelpContextService.
+ *
+ * Must be run in an injectable context.
+ *
+ * Automatically cleans up, but returns a destroy function for manual cleanup.
+ */
+function registerHelpContextStringsWithDbxHelpContextService(helpContextStrings) {
+    const helpContextService = inject(DbxHelpContextService);
+    const destroyRef = inject(DestroyRef);
+    const helpContextReference = {
+        helpContextStrings$: asObservable(helpContextStrings)
+    };
+    helpContextService.register(helpContextReference);
+    function _destroy() {
+        helpContextService.unregister(helpContextReference);
+    }
+    destroyRef.onDestroy(_destroy);
+    return _destroy;
+}
+
+/**
+ * Directive that registers one or more help contexts to the current context.
+ */
+class DbxHelpContextDirective {
+    /**
+     * The input help context string(s) to add.
+     */
+    dbxHelpContext = input.required();
+    helpContextStrings$ = toObservable(this.dbxHelpContext).pipe(map(asArray));
+    constructor() {
+        registerHelpContextStringsWithDbxHelpContextService(this.helpContextStrings$);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpContextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxHelpContextDirective, isStandalone: true, selector: "[dbxHelpContext]", inputs: { dbxHelpContext: { classPropertyName: "dbxHelpContext", publicName: "dbxHelpContext", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpContextDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[dbxHelpContext]',
+                    standalone: true
+                }]
+        }], ctorParameters: () => [] });
+
+class DbxHelpWidgetServiceConfig {
+}
+/**
+ * Service used to register help widgets.
+ *
+ * Similar to DbxErrorWidgetService, this maintains a registry of help widgets
+ * that can be displayed for specific help context strings.
+ */
+class DbxHelpWidgetService {
+    _entries = new Map();
+    _defaultWidgetComponentClass;
+    _defaultIcon;
+    _popoverHeaderComponentConfig;
+    constructor(initialConfig) {
+        this.setDefaultWidgetComponentClass(initialConfig?.defaultWidgetComponentClass);
+        this.setDefaultIcon(initialConfig?.defaultIcon !== undefined ? initialConfig?.defaultIcon : 'help');
+        this.setPopoverHeaderComponentConfig(initialConfig?.popoverHeaderComponentConfig);
+        if (initialConfig?.entries) {
+            this.register(initialConfig.entries);
+        }
+    }
+    getDefaultWidgetComponentClass() {
+        return this._defaultWidgetComponentClass;
+    }
+    setDefaultWidgetComponentClass(componentClass) {
+        this._defaultWidgetComponentClass = componentClass;
+    }
+    getDefaultIcon() {
+        return this._defaultIcon;
+    }
+    setDefaultIcon(icon) {
+        this._defaultIcon = icon;
+    }
+    getPopoverHeaderComponentConfig() {
+        return this._popoverHeaderComponentConfig;
+    }
+    setPopoverHeaderComponentConfig(componentConfig) {
+        this._popoverHeaderComponentConfig = componentConfig;
+    }
+    /**
+     * Used to register one or more entries.
+     *
+     * If an entry with the same identity is already registered, this will override it by default.
+     *
+     * @param entries The entries to register
+     * @param override Whether to override existing entries (default: true)
+     */
+    register(entries, override = true) {
+        const entriesArray = asArray(entries);
+        entriesArray.forEach((entry) => {
+            if (override || !this._entries.has(entry.helpContextString)) {
+                this._entries.set(entry.helpContextString, entry);
+            }
+        });
+        return true;
+    }
+    // MARK: Get
+    getAllRegisteredHelpContextStrings() {
+        return Array.from(this._entries.keys());
+    }
+    getHelpWidgetEntry(helpContextString) {
+        return this._entries.get(helpContextString) ?? (this._defaultWidgetComponentClass ? { helpContextString, title: '<Missing Help Topic>', widgetComponentClass: this._defaultWidgetComponentClass } : undefined);
+    }
+    getHelpWidgetEntriesForHelpContextStrings(helpContextStrings) {
+        return helpContextStrings.map((context) => this.getHelpWidgetEntry(context)).filter((entry) => !!entry);
+    }
+    hasHelpWidgetEntry(context) {
+        return this._entries.has(context);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpWidgetService, deps: [{ token: DbxHelpWidgetServiceConfig, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpWidgetService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpWidgetService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: DbxHelpWidgetServiceConfig, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [DbxHelpWidgetServiceConfig]
+                }] }] });
+
+/**
+ * Creates EnvironmentProviders for the help context system.
+ *
+ * @param config Optional configuration
+ * @returns EnvironmentProviders
+ */
+function provideDbxHelpServices(config) {
+    const providers = [DbxHelpWidgetService, DbxHelpContextService];
+    if (config?.dbxHelpWidgetServiceConfigFactory) {
+        providers.push({
+            provide: DbxHelpWidgetServiceConfig,
+            useFactory: config.dbxHelpWidgetServiceConfigFactory
+        });
+    }
+    return makeEnvironmentProviders(providers);
+}
+
+/**
+ * Injection token for DbxHelpWidgetData.
+ */
+const DBX_HELP_WIDGET_ENTRY_DATA_TOKEN = new InjectionToken('DbxHelpWidgetEntryData');
+
+/**
+ * Abstract help widget directive that injects the help widget data.
+ */
+class DbxAbstractHelpWidgetDirective {
+    helpWidgetData = inject(DBX_HELP_WIDGET_ENTRY_DATA_TOKEN);
+    helpWidgetEntry = this.helpWidgetData.helpWidgetEntry;
+    get helpContextString() {
+        return this.helpWidgetEntry.helpContextString;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAbstractHelpWidgetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxAbstractHelpWidgetDirective, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAbstractHelpWidgetDirective, decorators: [{
+            type: Directive,
+            args: [{}]
+        }] });
+
+class DbxHelpViewListEntryComponent {
+    helpWidgetEntry = input.required();
+    helpWidgetService = inject(DbxHelpWidgetService);
+    titleSignal = computed(() => this.helpWidgetEntry().title);
+    iconSignal = computed(() => this.helpWidgetEntry().icon ?? this.helpWidgetService.getDefaultIcon());
+    widgetInjectionConfigSignal = computed(() => {
+        const helpWidgetEntry = this.helpWidgetEntry();
+        const widgetComponentClass = helpWidgetEntry.widgetComponentClass;
+        const widgetData = {
+            helpWidgetEntry
+        };
+        const config = {
+            componentClass: widgetComponentClass,
+            providers: [
+                {
+                    provide: DBX_HELP_WIDGET_ENTRY_DATA_TOKEN,
+                    useValue: widgetData
+                }
+            ]
+        };
+        return config;
+    });
+    headerInjectionConfigSignal = computed(() => {
+        const helpWidgetEntry = this.helpWidgetEntry();
+        const headerComponentClass = helpWidgetEntry.headerComponentClass;
+        let config = undefined;
+        if (headerComponentClass) {
+            const widgetData = {
+                helpWidgetEntry
+            };
+            config = {
+                componentClass: headerComponentClass,
+                providers: [
+                    {
+                        provide: DBX_HELP_WIDGET_ENTRY_DATA_TOKEN,
+                        useValue: widgetData
+                    }
+                ]
+            };
+        }
+        return config;
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpViewListEntryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxHelpViewListEntryComponent, isStandalone: true, selector: "dbx-help-view-list-entry", inputs: { helpWidgetEntry: { classPropertyName: "helpWidgetEntry", publicName: "helpWidgetEntry", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mat-expansion-panel>\n  <mat-expansion-panel-header>\n    <mat-panel-title>\n      @if (iconSignal(); as icon) {\n        <mat-icon class=\"dbx-button-spacer\">{{ icon }}</mat-icon>\n      }\n      <span>{{ titleSignal() }}</span>\n    </mat-panel-title>\n    <ng-container>\n      @if (headerInjectionConfigSignal(); as headerInjectionConfig) {\n        <mat-panel-description>\n          <span class=\"dbx-spacer\"></span>\n          <dbx-injection [config]=\"headerInjectionConfig\"></dbx-injection>\n        </mat-panel-description>\n      }\n    </ng-container>\n  </mat-expansion-panel-header>\n  <ng-template matExpansionPanelContent>\n    <div class=\"dbx-help-view-list-entry-content\">\n      <dbx-injection [config]=\"widgetInjectionConfigSignal()\"></dbx-injection>\n    </div>\n  </ng-template>\n</mat-expansion-panel>\n", dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }, { kind: "component", type: MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "directive", type: MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpViewListEntryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dbx-help-view-list-entry', imports: [DbxInjectionComponent, MatExpansionPanel, MatExpansionPanelHeader, MatExpansionPanelTitle, MatExpansionPanelDescription, MatExpansionPanelContent, MatIcon, AsyncPipe], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<mat-expansion-panel>\n  <mat-expansion-panel-header>\n    <mat-panel-title>\n      @if (iconSignal(); as icon) {\n        <mat-icon class=\"dbx-button-spacer\">{{ icon }}</mat-icon>\n      }\n      <span>{{ titleSignal() }}</span>\n    </mat-panel-title>\n    <ng-container>\n      @if (headerInjectionConfigSignal(); as headerInjectionConfig) {\n        <mat-panel-description>\n          <span class=\"dbx-spacer\"></span>\n          <dbx-injection [config]=\"headerInjectionConfig\"></dbx-injection>\n        </mat-panel-description>\n      }\n    </ng-container>\n  </mat-expansion-panel-header>\n  <ng-template matExpansionPanelContent>\n    <div class=\"dbx-help-view-list-entry-content\">\n      <dbx-injection [config]=\"widgetInjectionConfigSignal()\"></dbx-injection>\n    </div>\n  </ng-template>\n</mat-expansion-panel>\n" }]
+        }] });
+
+class DbxHelpViewListComponent {
+    helpWidgetService = inject(DbxHelpWidgetService);
+    /**
+     * Whether the accordion should allow multiple expanded panels.
+     */
+    multi = input(true);
+    helpContextStrings = input.required();
+    helpContextStrings$ = toObservable(this.helpContextStrings).pipe(switchMap((x) => asObservable(x) ?? of([])), map(asArray), distinctUntilHasDifferentValues(), shareReplay(1));
+    helpContextStringsSignal = toSignal(this.helpContextStrings$, { initialValue: [] });
+    helpWidgetEntriesSignal = computed(() => this.helpWidgetService.getHelpWidgetEntriesForHelpContextStrings(this.helpContextStringsSignal()));
+    hasNoHelpWidgetEntriesSignal = computed(() => !this.helpWidgetEntriesSignal()?.length);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpViewListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxHelpViewListComponent, isStandalone: true, selector: "dbx-help-view-list", inputs: { multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, helpContextStrings: { classPropertyName: "helpContextStrings", publicName: "helpContextStrings", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "dbx-help-view-list dbx-block" }, ngImport: i0, template: `
+    <mat-accordion [multi]="multi()">
+      @for (widgetEntry of helpWidgetEntriesSignal(); track widgetEntry.helpContextString) {
+        <dbx-help-view-list-entry [helpWidgetEntry]="widgetEntry"></dbx-help-view-list-entry>
+      }
+    </mat-accordion>
+    @if (hasNoHelpWidgetEntriesSignal()) {
+      <dbx-list-empty-content>
+        <ng-content select="[empty]"></ng-content>
+      </dbx-list-empty-content>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: DbxHelpViewListEntryComponent, selector: "dbx-help-view-list-entry", inputs: ["helpWidgetEntry"] }, { kind: "component", type: DbxListEmptyContentComponent, selector: "dbx-list-empty-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpViewListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-help-view-list',
+                    template: `
+    <mat-accordion [multi]="multi()">
+      @for (widgetEntry of helpWidgetEntriesSignal(); track widgetEntry.helpContextString) {
+        <dbx-help-view-list-entry [helpWidgetEntry]="widgetEntry"></dbx-help-view-list-entry>
+      }
+    </mat-accordion>
+    @if (hasNoHelpWidgetEntriesSignal()) {
+      <dbx-list-empty-content>
+        <ng-content select="[empty]"></ng-content>
+      </dbx-list-empty-content>
+    }
+  `,
+                    host: {
+                        class: 'dbx-help-view-list dbx-block'
+                    },
+                    imports: [MatAccordion, DbxHelpViewListEntryComponent, DbxListEmptyContentComponent],
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+
+const DEFAULT_DBX_HELP_VIEW_POPOVER_KEY = 'help';
+/**
+ * Popover component for displaying help contexts.
+ */
+class DbxHelpViewPopoverComponent extends AbstractPopoverDirective {
+    _helpContextService = inject(DbxHelpContextService);
+    _helpWidgetService = inject(DbxHelpWidgetService);
+    helpContextStrings$ = this.popover.data?.helpContextStrings ?? this._helpContextService.activeHelpContextStringsArray$;
+    static openPopover(popoverService, config, popoverKey) {
+        const { origin, ...data } = config;
+        return popoverService.open({
+            height: '500px',
+            width: '600px',
+            key: popoverKey ?? DEFAULT_DBX_HELP_VIEW_POPOVER_KEY,
+            origin,
+            componentClass: DbxHelpViewPopoverComponent,
+            data,
+            isResizable: true
+        });
+    }
+    get config() {
+        return this.popover.data;
+    }
+    icon = this.config.icon ?? 'help';
+    header = this.config.header ?? 'Help';
+    emptyText = this.config.emptyText ?? 'No help topics available in current context.';
+    popoverHeaderConfig = (() => {
+        let config = this.config.popoverHeaderConfig;
+        if (!config) {
+            config = this._helpWidgetService.getPopoverHeaderComponentConfig();
+        }
+        return config;
+    })();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpViewPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxHelpViewPopoverComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<dbx-popover-content>\n  <!-- Header -->\n  <dbx-popover-header [icon]=\"icon\" [header]=\"header\">\n    <dbx-injection [config]=\"popoverHeaderConfig\"></dbx-injection>\n  </dbx-popover-header>\n  <!-- Content -->\n  <dbx-popover-scroll-content>\n    <dbx-help-view-list [helpContextStrings]=\"helpContextStrings$\">\n      <p empty>{{ emptyText }}</p>\n    </dbx-help-view-list>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n", dependencies: [{ kind: "component", type: DbxPopoverContentComponent, selector: "dbx-popover-content" }, { kind: "component", type: DbxPopoverHeaderComponent, selector: "dbx-popover-header", inputs: ["header", "icon"] }, { kind: "directive", type: DbxPopoverScrollContentDirective, selector: "dbx-popover-scroll-content,[dbxPopoverScrollContent],.dbx-popover-scroll-content" }, { kind: "component", type: DbxHelpViewListComponent, selector: "dbx-help-view-list", inputs: ["multi", "helpContextStrings"] }, { kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpViewPopoverComponent, decorators: [{
+            type: Component,
+            args: [{ imports: [DbxPopoverContentComponent, DbxPopoverHeaderComponent, DbxPopoverScrollContentDirective, DbxHelpViewListComponent, DbxInjectionComponent], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<dbx-popover-content>\n  <!-- Header -->\n  <dbx-popover-header [icon]=\"icon\" [header]=\"header\">\n    <dbx-injection [config]=\"popoverHeaderConfig\"></dbx-injection>\n  </dbx-popover-header>\n  <!-- Content -->\n  <dbx-popover-scroll-content>\n    <dbx-help-view-list [helpContextStrings]=\"helpContextStrings$\">\n      <p empty>{{ emptyText }}</p>\n    </dbx-help-view-list>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n" }]
+        }] });
+
+/**
+ * Button component that opens a help popover showing active help contexts.
+ */
+class DbxHelpViewPopoverButtonComponent extends AbstractPopoverRefDirective {
+    _dbxPopoverService = inject(DbxPopoverService);
+    buttonElement = viewChild.required('button', { read: ElementRef });
+    config = input();
+    _makePopoverRef(origin) {
+        if (!origin) {
+            throw new Error('Missing origin.');
+        }
+        const config = this.config();
+        return DbxHelpViewPopoverComponent.openPopover(this._dbxPopoverService, {
+            origin,
+            ...config
+        });
+    }
+    showHelpPopover() {
+        const origin = this.buttonElement();
+        this.showPopover(origin);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpViewPopoverButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: DbxHelpViewPopoverButtonComponent, isStandalone: true, selector: "dbx-help-view-popover-button", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["button"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <dbx-icon-button #button (buttonClick)="showHelpPopover()" icon="help_center"></dbx-icon-button>
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxIconButtonComponent, selector: "dbx-icon-button" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHelpViewPopoverButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-help-view-popover-button',
+                    template: `
+    <dbx-icon-button #button (buttonClick)="showHelpPopover()" icon="help_center"></dbx-icon-button>
+  `,
+                    standalone: true,
+                    imports: [DbxIconButtonComponent],
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }] });
+
 // export * from './calendar'; // nothing to export
 
 /**
@@ -11490,5 +12038,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, AbstractDbxFileUploadComponent, 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_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, DBX_WEB_FILE_PREVIEW_SERVICE_DEFAULT_DIALOG_WITH_COMPONENT_FUNCTION, DBX_WEB_FILE_PREVIEW_SERVICE_DEFAULT_PREVIEW_COMPONENT_FUNCTION, DBX_WEB_FILE_PREVIEW_SERVICE_ENTRIES_TOKEN, DBX_WEB_FILE_PREVIEW_SERVICE_ZIP_COMPONENT_PRESET, DBX_WEB_FILE_PREVIEW_SERVICE_ZIP_PRESET_ENTRY, 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, DbxAvatarComponent, DbxAvatarViewService, DbxAvatarViewServiceConfig, 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, DbxDownloadBlobButtonComponent, DbxDownloadTextModule, 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, DbxIconButtonComponent, DbxIconButtonModule, DbxIconItemComponent, DbxIconSpacerDirective, DbxIfSidenavDisplayModeDirective, DbxIframeComponent, DbxInjectionDialogComponent, 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, DbxNumberWithLimitComponent, 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, DbxResizedDirective, 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, DbxWebFilePreviewComponent, DbxWebFilePreviewService, DbxWebModule, DbxWidgetListGridComponent, DbxWidgetListGridViewComponent, DbxWidgetListGridViewItemComponent, DbxWidgetModule, DbxWidgetService, DbxWidgetViewComponent, DbxWindowKeyDownListenerDirective, DbxZipBlobPreviewComponent, DbxZipPreviewComponent, 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, dbxZipBlobPreviewEntryTreeFromEntries, defaultDbxModelViewTrackerStorageAccessorFactory, defaultDbxValueListViewGroupDelegate, defaultDbxValueListViewGroupValuesFunction, disableRightClickInCdkBackdrop, fileAcceptFilterTypeStringArray, fileAcceptFunction, fileAcceptString, fileArrayAcceptMatchFunction, index as fromDbxModel, listItemModifier, makeDbxActionSnackbarDisplayConfigGeneratorFunction, mapCompactModeObs, mapValuesToValuesListItemConfigObs, index$1 as onDbxModel, openEmbedDialog, openIframeDialog, openZipPreviewDialog, provideDbxFileUploadActionCompatable, provideDbxListView, provideDbxListViewWrapper, provideDbxModelService, provideDbxProgressButtonGlobalConfig, provideDbxPromptConfirm, provideDbxRouterWebAngularRouterProviderConfig, provideDbxRouterWebUiRouterProviderConfig, provideDbxScreenMediaService, provideDbxStyleService, provideDbxValueListView, provideDbxValueListViewGroupDelegate, provideDbxValueListViewModifier, provideDbxWebFilePreviewServiceEntries, provideTwoColumnsContext, resizeSignal, sanitizeDbxDialogContentConfig, screenMediaWidthTypeIsActive, trackByModelKeyRef, trackByUniqueIdentifier };
+export { APP_POPUP_MINIMIZED_WIDTH, APP_POPUP_NORMAL_HEIGHT, APP_POPUP_NORMAL_WIDTH, AbstractDbxClipboardDirective, AbstractDbxErrorWidgetComponent, AbstractDbxFileUploadComponent, 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_DARK_STYLE_CLASS_SUFFIX, DBX_HELP_WIDGET_ENTRY_DATA_TOKEN, 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, DBX_WEB_FILE_PREVIEW_SERVICE_DEFAULT_DIALOG_WITH_COMPONENT_FUNCTION, DBX_WEB_FILE_PREVIEW_SERVICE_DEFAULT_PREVIEW_COMPONENT_FUNCTION, DBX_WEB_FILE_PREVIEW_SERVICE_ENTRIES_TOKEN, DBX_WEB_FILE_PREVIEW_SERVICE_ZIP_COMPONENT_PRESET, DBX_WEB_FILE_PREVIEW_SERVICE_ZIP_PRESET_ENTRY, DEFAULT_DBX_ERROR_SNACKBAR_CONFIG, DEFAULT_DBX_HELP_VIEW_POPOVER_KEY, 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, DbxAbstractHelpWidgetDirective, DbxActionConfirmDirective, DbxActionDialogDirective, DbxActionErrorDirective, DbxActionKeyTriggerDirective, DbxActionLoadingContextDirective, DbxActionModule, DbxActionPopoverDirective, DbxActionSnackbarComponent, DbxActionSnackbarDirective, DbxActionSnackbarErrorDirective, DbxActionSnackbarModule, DbxActionSnackbarService, DbxActionTransitionSafetyDirective, DbxActionUIRouterTransitionModule, DbxActionUIRouterTransitionSafetyDialogComponent, DbxAnchorComponent, DbxAnchorContentComponent, DbxAnchorIconComponent, DbxAnchorListComponent, DbxAngularRouterSegueAnchorComponent, DbxAvatarComponent, DbxAvatarViewService, DbxAvatarViewServiceConfig, DbxBarDirective, DbxBarHeaderComponent, DbxBarLayoutModule, DbxBasicLoadingComponent, DbxBlockLayoutModule, DbxBodyDirective, DbxButtonComponent, DbxButtonDisplayType, DbxButtonModule, DbxButtonSpacerDirective, DbxCardBoxComponent, DbxCardBoxContainerDirective, DbxCardBoxLayoutModule, DbxChipDirective, DbxClickToCopyTextComponent, DbxClickToCopyTextDirective, DbxColorDirective, DbxColumnLayoutModule, DbxCompactDirective, DbxCompactLayoutModule, DbxContentBorderDirective, DbxContentBoxDirective, DbxContentContainerDirective, DbxContentDirective, DbxContentElevateDirective, DbxContentLayoutModule, DbxContentPageDirective, DbxContentPitDirective, DbxDetailBlockComponent, DbxDetailBlockHeaderComponent, DbxDialogContentCloseComponent, DbxDialogContentDirective, DbxDialogContentFooterComponent, DbxDialogInteractionModule, DbxDialogModule, DbxDownloadBlobButtonComponent, DbxDownloadTextModule, 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, DbxIfSidenavDisplayModeDirective, DbxIframeComponent, DbxInjectionDialogComponent, 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, DbxNumberWithLimitComponent, 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, DbxResizedDirective, 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, DbxWebFilePreviewComponent, DbxWebFilePreviewService, DbxWebModule, DbxWidgetListGridComponent, DbxWidgetListGridViewComponent, DbxWidgetListGridViewItemComponent, DbxWidgetModule, DbxWidgetService, DbxWidgetViewComponent, DbxWindowKeyDownListenerDirective, DbxZipBlobPreviewComponent, DbxZipPreviewComponent, 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, copyToClipboardFunction, dbxColorBackground, dbxListGridViewDirectiveImportsAndExports, dbxPresetFilterMenuButtonIconObservable, dbxPresetFilterMenuButtonTextObservable, dbxStyleClassCleanSuffix, dbxValueListItemDecisionFunction, dbxZipBlobPreviewEntryTreeFromEntries, defaultDbxModelViewTrackerStorageAccessorFactory, defaultDbxValueListViewGroupDelegate, defaultDbxValueListViewGroupValuesFunction, disableRightClickInCdkBackdrop, fileAcceptFilterTypeStringArray, fileAcceptFunction, fileAcceptString, fileArrayAcceptMatchFunction, index as fromDbxModel, injectCopyToClipboardFunction, injectCopyToClipboardFunctionWithSnackbarMessage, listItemModifier, makeDbxActionSnackbarDisplayConfigGeneratorFunction, mapCompactModeObs, mapValuesToValuesListItemConfigObs, index$1 as onDbxModel, openEmbedDialog, openIframeDialog, openZipPreviewDialog, provideDbxFileUploadActionCompatable, provideDbxHelpServices, provideDbxListView, provideDbxListViewWrapper, provideDbxModelService, provideDbxProgressButtonGlobalConfig, provideDbxPromptConfirm, provideDbxRouterWebAngularRouterProviderConfig, provideDbxRouterWebUiRouterProviderConfig, provideDbxScreenMediaService, provideDbxStyleService, provideDbxValueListView, provideDbxValueListViewGroupDelegate, provideDbxValueListViewModifier, provideDbxWebFilePreviewServiceEntries, provideTwoColumnsContext, registerHelpContextStringsWithDbxHelpContextService, resizeSignal, sanitizeDbxDialogContentConfig, screenMediaWidthTypeIsActive, trackByModelKeyRef, trackByUniqueIdentifier };
 //# sourceMappingURL=dereekb-dbx-web.mjs.map