@dereekb/dbx-web 12.6.18 → 12.6.19

package/fesm2022/dereekb-dbx-web.mjs

@@ -1028,7 +1028,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 /**
  * Creates a new Signal that emits resize events.
  *
- * Must be created in an injectable context.
+ * Must called in an Angular injection context.
  *
  * @param inputElement The element to observe for resize events. If not provided, the host element will be injected.
  */
@@ -2081,17 +2081,80 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 class DbxRouterWebProviderConfig {
 }
 
+/**
+ * This effect exists to solve the issue of an injected element that utilizes event.stopPropogation() and doesn't also call event.preventDefault().
+ *
+ * We didn't want to use css's pointer-events: none as that would disable the Angular Material button effects.
+ *
+ * For example, dbx-button would call event.stopPropagation() on click, which would prevent the uiSref from being triggered, but the default behavior
+ * of the anchor element would still be triggered, causing the browser to load/reload the page at the given href instead of navigating to the new state using uiSref.
+ *
+ * NOTE: Those nested event listeners are still ultimately triggered.
+ *
+ * Must be run in an Angular injection context.
+ */
+function overrideClickElementEffect(config) {
+    const { clickTarget, childClickTarget, disabledSignal } = config;
+    const destroyRef = inject(DestroyRef);
+    let _cleanupClickOverride;
+    destroyRef.onDestroy(() => {
+        _cleanupClickOverride?.();
+    });
+    return effect(() => {
+        const clickTargetElement = clickTarget?.();
+        const childClickElement = childClickTarget();
+        const anchorDisabled = disabledSignal?.() ?? false;
+        // cleanup/remove the previous/existing click function
+        if (_cleanupClickOverride) {
+            _cleanupClickOverride();
+        }
+        if (childClickElement) {
+            if (!anchorDisabled) {
+                const clickOverride = (event) => {
+                    // Allow ctrl+click, cmd+click, shift+click, and middle-click for new tab/window
+                    // Don't preventDefault or stopPropagation - let browser handle it naturally
+                    if (event.ctrlKey || event.metaKey || event.shiftKey || event.button === 1) {
+                        return; // Browser will open in new tab/window
+                    }
+                    else {
+                        // otherwise, also trigger a click on the uiSref anchor element
+                        clickTargetElement?.nativeElement.click();
+                        // Prevents the default behavior of the anchor element's href from being triggered
+                        event.preventDefault();
+                        event.stopPropagation();
+                    }
+                };
+                _cleanupClickOverride = () => {
+                    childClickElement.nativeElement.removeEventListener('click', clickOverride);
+                    _cleanupClickOverride = null;
+                };
+                childClickElement.nativeElement.addEventListener('click', clickOverride, {
+                    capture: true // Use capture to ensure this event listener is called before any nested child's event listeners
+                });
+            }
+        }
+    });
+}
+
 /**
  * Component that renders an anchor element depending on the input.
  */
 class DbxAnchorComponent extends AbstractDbxAnchorDirective {
     _dbNgxRouterWebProviderConfig = inject(DbxRouterWebProviderConfig);
     block = input();
+    clickableElement = viewChild('clickable', { read: ElementRef });
+    childClickTarget = viewChild('childClickTarget', { read: ElementRef });
     templateRef = viewChild('content', { read: TemplateRef });
     templateRef$ = toObservable(this.templateRef).pipe(skipAllInitialMaybe(), shareReplay(1));
     selectedClassSignal = computed(() => (this.selectedSignal() ? 'dbx-anchor-selected' : ''));
     srefAnchorConfig = this._dbNgxRouterWebProviderConfig.anchorSegueRefComponent;
+    _overrideClickElementEffect = overrideClickElementEffect({
+        clickTarget: this.clickableElement,
+        childClickTarget: this.childClickTarget,
+        disabledSignal: computed(() => this.typeSignal() !== 'clickable')
+    });
     clickAnchor(event) {
+        console.log('click anchor');
         this.anchor()?.onClick?.(event);
     }
     onMouseEnter(event) {
@@ -2101,14 +2164,16 @@ class DbxAnchorComponent extends AbstractDbxAnchorDirective {
         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: `
+    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: "clickableElement", first: true, predicate: ["clickable"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "childClickTarget", first: true, predicate: ["childClickTarget"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, read: TemplateRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     @switch (typeSignal()) {
       @case ('plain') {
         <ng-container *ngTemplateOutlet="content"></ng-container>
       }
       @case ('clickable') {
-        <a class="dbx-anchor-a dbx-anchor-click" [ngClass]="selectedClassSignal()" (click)="clickAnchor()">
-          <ng-container *ngTemplateOutlet="content"></ng-container>
+        <a #clickable class="dbx-anchor-a dbx-anchor-click" [ngClass]="selectedClassSignal()" (click)="clickAnchor()">
+          <span #childClickTarget>
+            <ng-container *ngTemplateOutlet="content"></ng-container>
+          </span>
         </a>
       }
       @case ('sref') {
@@ -2143,8 +2208,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         <ng-container *ngTemplateOutlet="content"></ng-container>
       }
       @case ('clickable') {
-        <a class="dbx-anchor-a dbx-anchor-click" [ngClass]="selectedClassSignal()" (click)="clickAnchor()">
-          <ng-container *ngTemplateOutlet="content"></ng-container>
+        <a #clickable class="dbx-anchor-a dbx-anchor-click" [ngClass]="selectedClassSignal()" (click)="clickAnchor()">
+          <span #childClickTarget>
+            <ng-container *ngTemplateOutlet="content"></ng-container>
+          </span>
         </a>
       }
       @case ('sref') {
@@ -8252,12 +8319,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  * SegueAnchor implementation for Angular Router.
  */
 class DbxAngularRouterSegueAnchorComponent extends AbstractDbxSegueAnchorDirective {
+    anchorElement = viewChild.required('anchor', { read: ElementRef });
+    injectionElement = viewChild.required('injection', { read: ElementRef });
+    anchorDisabledSignal = computed(() => this.anchorSignal()?.disabled ?? false);
+    _overrideClickElementEffect = overrideClickElementEffect({
+        clickTarget: this.anchorElement,
+        childClickTarget: this.injectionElement,
+        disabledSignal: this.anchorDisabledSignal
+    });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAngularRouterSegueAnchorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxAngularRouterSegueAnchorComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<a class=\"dbx-anchor-a\" [attr.target]=\"targetSignal()\">\n  <dbx-injection [template]=\"templateConfigSignal()\"></dbx-injection>\n</a>\n", dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: DbxAngularRouterSegueAnchorComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "anchorElement", first: true, predicate: ["anchor"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "injectionElement", first: true, predicate: ["injection"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<a class=\"dbx-anchor-a\" #anchor [attr.target]=\"targetSignal()\">\n  <dbx-injection #injection [template]=\"templateConfigSignal()\"></dbx-injection>\n</a>\n", dependencies: [{ kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxAngularRouterSegueAnchorComponent, decorators: [{
             type: Component,
-            args: [{ imports: [DbxInjectionComponent], standalone: true, template: "<a class=\"dbx-anchor-a\" [attr.target]=\"targetSignal()\">\n  <dbx-injection [template]=\"templateConfigSignal()\"></dbx-injection>\n</a>\n" }]
+            args: [{ imports: [DbxInjectionComponent], standalone: true, template: "<a class=\"dbx-anchor-a\" #anchor [attr.target]=\"targetSignal()\">\n  <dbx-injection #injection [template]=\"templateConfigSignal()\"></dbx-injection>\n</a>\n" }]
         }] });
 
 /**
@@ -8284,63 +8359,18 @@ function provideDbxRouterWebAngularRouterProviderConfig() {
  * SegueAnchor implementation for UIRouter.
  */
 class DbxUIRouterSegueAnchorComponent extends AbstractDbxSegueAnchorDirective {
-    _cleanupClickOverride = null;
     _parentAnchorSignal = toSignal(this.parent.anchor$, { initialValue: undefined });
     anchorElement = viewChild.required('anchor', { read: ElementRef });
     injectionElement = viewChild.required('injection', { read: ElementRef });
     anchorDisabledSignal = computed(() => this.anchorSignal()?.disabled ?? false);
-    /**
-     * This effect exists to solve the issue of an injected element that utilizes event.stopPropogation() and doesn't also call event.preventDefault().
-     *
-     * We didn't want to use css's pointer-events: none as that would disable the Angular Material button effects.
-     *
-     * For example, dbx-button would call event.stopPropagation() on click, which would prevent the uiSref from being triggered, but the default behavior
-     * of the anchor element would still be triggered, causing the browser to load/reload the page at the given href instead of navigating to the new state using uiSref.
-     *
-     * NOTE: Those nested event listeners are still ultimately triggered.
-     */
-    _overrideClickElementEffect = effect(() => {
-        const anchorElement = this.anchorElement();
-        const injectionElement = this.injectionElement();
-        const anchorDisabled = this.anchorDisabledSignal();
-        if (injectionElement) {
-            // cleanup/remove the previous/existing click function
-            if (this._cleanupClickOverride) {
-                this._cleanupClickOverride();
-            }
-            if (!anchorDisabled) {
-                const clickOverride = (event) => {
-                    // Allow ctrl+click, cmd+click, shift+click, and middle-click for new tab/window
-                    // Don't preventDefault or stopPropagation - let browser handle it naturally
-                    if (event.ctrlKey || event.metaKey || event.shiftKey || event.button === 1) {
-                        return; // Browser will open in new tab/window
-                    }
-                    else {
-                        // otherwise, also trigger a click on the uiSref anchor element
-                        anchorElement?.nativeElement.click();
-                        // Prevents the default behavior of the anchor element's href from being triggered
-                        event.preventDefault();
-                        event.stopPropagation();
-                    }
-                };
-                this._cleanupClickOverride = () => {
-                    injectionElement.nativeElement.removeEventListener('click', clickOverride);
-                    delete this._cleanupClickOverride;
-                };
-                injectionElement.nativeElement.addEventListener('click', clickOverride, {
-                    capture: true // Use capture to ensure this event listener is called before any nested child's event listeners
-                });
-            }
-        }
+    _overrideClickElementEffect = overrideClickElementEffect({
+        clickTarget: this.anchorElement,
+        childClickTarget: this.injectionElement,
+        disabledSignal: this.anchorDisabledSignal
     });
     uiSrefSignal = computed(() => (this._parentAnchorSignal()?.ref ?? ''));
     uiParamsSignal = computed(() => this._parentAnchorSignal()?.refParams);
     uiOptionsSignal = computed(() => this._parentAnchorSignal()?.refOptions ?? {});
-    ngOnDestroy() {
-        if (this._cleanupClickOverride) {
-            this._cleanupClickOverride();
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxUIRouterSegueAnchorComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "18.2.13", type: DbxUIRouterSegueAnchorComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "anchorElement", first: true, predicate: ["anchor"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "injectionElement", first: true, predicate: ["injection"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" #anchor [attr.target]=\"targetSignal()\" [uiSref]=\"uiSrefSignal()\" [uiParams]=\"uiParamsSignal()\" [uiOptions]=\"uiOptionsSignal()\" uiSrefActive=\"dbx-anchor-active\" uiSrefActiveEq=\"dbx-anchor-active-eq\">\n  <dbx-injection #injection [template]=\"templateConfigSignal()\"></dbx-injection>\n</a>\n", dependencies: [{ kind: "ngmodule", type: UIRouterModule }, { kind: "directive", type: i1$5.UISref, selector: "[uiSref]", inputs: ["uiSref", "uiParams", "uiOptions"], exportAs: ["uiSref"] }, { kind: "directive", type: i1$5.AnchorUISref, selector: "a[uiSref]" }, { kind: "directive", type: i1$5.UISrefActive, selector: "[uiSrefActive],[uiSrefActiveEq]", inputs: ["uiSrefActive", "uiSrefActiveEq"] }, { kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
@@ -11671,8 +11701,8 @@ class DbxHelpContextService {
     /**
      * 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));
+    activeHelpContextKeys$ = this._contextReferences.pipe(switchMap((allReferences) => combineLatest(Array.from(allReferences).map((ref) => ref.helpContextKeys$)).pipe(map((x) => x.flat()), defaultIfEmpty([]), map((x) => new Set(x)))), distinctUntilHasDifferentValues(), shareReplay(1));
+    activeHelpContextKeysArray$ = this.activeHelpContextKeys$.pipe(map((x) => Array.from(x)), shareReplay(1));
     register(reference) {
         const referenceSet = this._contextReferences.value;
         referenceSet.add(reference);
@@ -11700,11 +11730,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
  *
  * Automatically cleans up, but returns a destroy function for manual cleanup.
  */
-function registerHelpContextStringsWithDbxHelpContextService(helpContextStrings) {
+function registerHelpContextKeysWithDbxHelpContextService(helpContextKeys) {
     const helpContextService = inject(DbxHelpContextService);
     const destroyRef = inject(DestroyRef);
     const helpContextReference = {
-        helpContextStrings$: asObservable(helpContextStrings)
+        helpContextKeys$: asObservable(helpContextKeys)
     };
     helpContextService.register(helpContextReference);
     function _destroy() {
@@ -11722,9 +11752,9 @@ class DbxHelpContextDirective {
      * The input help context string(s) to add.
      */
     dbxHelpContext = input.required();
-    helpContextStrings$ = toObservable(this.dbxHelpContext).pipe(map(asArray));
+    helpContextKeys$ = toObservable(this.dbxHelpContext).pipe(map(asArray));
     constructor() {
-        registerHelpContextStringsWithDbxHelpContextService(this.helpContextStrings$);
+        registerHelpContextKeysWithDbxHelpContextService(this.helpContextKeys$);
     }
     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 });
@@ -11748,16 +11778,18 @@ class DbxHelpWidgetServiceConfig {
 class DbxHelpWidgetService {
     _entries = new Map();
     _sortPriorityMap = cachedGetter(() => {
-        return new Map(mapIterable(this._entries.values(), (entry) => [entry.helpContextString, entry.sortPriority ?? -1]));
+        return new Map(mapIterable(this._entries.values(), (entry) => [entry.helpContextKey, entry.sortPriority ?? -1]));
     });
     _defaultWidgetComponentClass;
+    _helpListHeaderComponentConfig;
     _helpListFooterComponentConfig;
     _defaultIcon;
     _popoverHeaderComponentConfig;
     constructor(initialConfig) {
         this.setDefaultWidgetComponentClass(initialConfig?.defaultWidgetComponentClass);
-        this.setDefaultIcon(initialConfig?.defaultIcon !== undefined ? initialConfig?.defaultIcon : 'help');
+        this.setDefaultIcon(initialConfig?.defaultIcon);
         this.setPopoverHeaderComponentConfig(initialConfig?.popoverHeaderComponentConfig);
+        this.setHelpListHeaderComponentConfig(initialConfig?.helpListHeaderComponentConfig);
         this.setHelpListFooterComponentConfig(initialConfig?.helpListFooterComponentConfig);
         if (initialConfig?.entries) {
             this.register(initialConfig.entries);
@@ -11781,6 +11813,12 @@ class DbxHelpWidgetService {
     setPopoverHeaderComponentConfig(componentConfig) {
         this._popoverHeaderComponentConfig = componentConfig;
     }
+    getHelpListHeaderComponentConfig() {
+        return this._helpListHeaderComponentConfig;
+    }
+    setHelpListHeaderComponentConfig(componentConfig) {
+        this._helpListHeaderComponentConfig = componentConfig;
+    }
     getHelpListFooterComponentConfig() {
         return this._helpListFooterComponentConfig;
     }
@@ -11798,21 +11836,21 @@ class DbxHelpWidgetService {
     register(entries, override = true) {
         const entriesArray = asArray(entries);
         entriesArray.forEach((entry) => {
-            if (override || !this._entries.has(entry.helpContextString)) {
-                this._entries.set(entry.helpContextString, entry);
+            if (override || !this._entries.has(entry.helpContextKey)) {
+                this._entries.set(entry.helpContextKey, entry);
             }
         });
         return true;
     }
     // MARK: Get
-    getAllRegisteredHelpContextStrings() {
+    getAllRegisteredHelpContextKeys() {
         return Array.from(this._entries.keys());
     }
-    getHelpWidgetEntry(helpContextString) {
-        return this._entries.get(helpContextString) ?? (this._defaultWidgetComponentClass ? { helpContextString, title: '<Missing Help Topic>', widgetComponentClass: this._defaultWidgetComponentClass } : undefined);
+    getHelpWidgetEntry(helpContextKey) {
+        return this._entries.get(helpContextKey) ?? (this._defaultWidgetComponentClass ? { helpContextKey, title: '<Missing Help Topic>', widgetComponentClass: this._defaultWidgetComponentClass } : undefined);
     }
-    getHelpWidgetEntriesForHelpContextStrings(helpContextStrings) {
-        return helpContextStrings.map((context) => this.getHelpWidgetEntry(context)).filter((entry) => !!entry);
+    getHelpWidgetEntriesForHelpContextKeys(helpContextKeys) {
+        return helpContextKeys.map((context) => this.getHelpWidgetEntry(context)).filter((entry) => !!entry);
     }
     hasHelpWidgetEntry(context) {
         return this._entries.has(context);
@@ -11860,8 +11898,8 @@ const DBX_HELP_WIDGET_ENTRY_DATA_TOKEN = new InjectionToken('DbxHelpWidgetEntryD
 class DbxAbstractHelpWidgetDirective {
     helpWidgetData = inject(DBX_HELP_WIDGET_ENTRY_DATA_TOKEN);
     helpWidgetEntry = this.helpWidgetData.helpWidgetEntry;
-    get helpContextString() {
-        return this.helpWidgetEntry.helpContextString;
+    get helpContextKey() {
+        return this.helpWidgetEntry.helpContextKey;
     }
     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 });
@@ -11878,7 +11916,7 @@ class DbxHelpViewListEntryComponent {
     iconSignal = computed(() => this.helpWidgetEntry().icon ?? this.helpWidgetService.getDefaultIcon());
     widgetInjectionConfigSignal = computed(() => {
         const helpWidgetEntry = this.helpWidgetEntry();
-        const widgetComponentClass = helpWidgetEntry.widgetComponentClass;
+        const widgetComponentClass = getValueFromGetter(helpWidgetEntry.widgetComponentClass);
         const widgetData = {
             helpWidgetEntry
         };
@@ -11895,7 +11933,7 @@ class DbxHelpViewListEntryComponent {
     });
     headerInjectionConfigSignal = computed(() => {
         const helpWidgetEntry = this.helpWidgetEntry();
-        const headerComponentClass = helpWidgetEntry.headerComponentClass;
+        const headerComponentClass = getValueFromGetter(helpWidgetEntry.headerComponentClass);
         let config = undefined;
         if (headerComponentClass) {
             const widgetData = {
@@ -11926,26 +11964,39 @@ class DbxHelpViewListComponent {
     /**
      * Whether the accordion should allow multiple expanded panels.
      */
-    multi = input(true);
+    multi = input();
     /**
      * Whether or not to show the empty list content.
      */
     allowEmptyListContent = input(true);
     /**
-     * Optional footer component config to inject after the list.
+     * Optional header component config to inject before the list.
      *
-     * If set null, then will not show any footer.
+     * If set null, then will not show any header.
+     */
+    helpListHeaderComponentConfig = input(undefined);
+    /**
+     * Optional header component config to inject before the list.
+     *
+     * If set null, then will not show any header.
      */
     helpListFooterComponentConfig = input(undefined);
-    helpContextStrings = input.required();
-    helpContextStrings$ = toObservable(this.helpContextStrings).pipe(switchMap((x) => asObservable(x) ?? of([])), map(asArray), distinctUntilHasDifferentValues(), map((x) => {
+    helpContextKeys = input.required();
+    helpContextKeys$ = toObservable(this.helpContextKeys).pipe(switchMap((x) => asObservable(x) ?? of([])), map(asArray), distinctUntilHasDifferentValues(), map((x) => {
         const sortPriorityMap = this.helpWidgetService.getSortPriorityMap();
         const sorted = [...x].sort(sortByNumberFunction((x) => sortPriorityMap.get(x) ?? -2));
         return sorted;
     }), shareReplay(1));
-    helpContextStringsSignal = toSignal(this.helpContextStrings$, { initialValue: [] });
-    helpWidgetEntriesSignal = computed(() => this.helpWidgetService.getHelpWidgetEntriesForHelpContextStrings(this.helpContextStringsSignal()));
+    helpContextKeysSignal = toSignal(this.helpContextKeys$, { initialValue: [] });
+    helpWidgetEntriesSignal = computed(() => this.helpWidgetService.getHelpWidgetEntriesForHelpContextKeys(this.helpContextKeysSignal()));
     hasNoHelpWidgetEntriesSignal = computed(() => !this.helpWidgetEntriesSignal()?.length);
+    helpListHeaderComponentConfigSignal = computed(() => {
+        let config = this.helpListHeaderComponentConfig();
+        if (config !== null) {
+            config = this.helpWidgetService.getHelpListHeaderComponentConfig();
+        }
+        return config;
+    });
     helpListFooterComponentConfigSignal = computed(() => {
         let config = this.helpListFooterComponentConfig();
         if (config !== null) {
@@ -11954,9 +12005,12 @@ class DbxHelpViewListComponent {
         return config;
     });
     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 }, allowEmptyListContent: { classPropertyName: "allowEmptyListContent", publicName: "allowEmptyListContent", isSignal: true, isRequired: false, transformFunction: null }, helpListFooterComponentConfig: { classPropertyName: "helpListFooterComponentConfig", publicName: "helpListFooterComponentConfig", 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: `
+    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 }, allowEmptyListContent: { classPropertyName: "allowEmptyListContent", publicName: "allowEmptyListContent", isSignal: true, isRequired: false, transformFunction: null }, helpListHeaderComponentConfig: { classPropertyName: "helpListHeaderComponentConfig", publicName: "helpListHeaderComponentConfig", isSignal: true, isRequired: false, transformFunction: null }, helpListFooterComponentConfig: { classPropertyName: "helpListFooterComponentConfig", publicName: "helpListFooterComponentConfig", isSignal: true, isRequired: false, transformFunction: null }, helpContextKeys: { classPropertyName: "helpContextKeys", publicName: "helpContextKeys", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "dbx-help-view-list dbx-block" }, ngImport: i0, template: `
+    <div class="dbx-help-view-list-header">
+      <dbx-injection [config]="helpListHeaderComponentConfigSignal()"></dbx-injection>
+    </div>
     <mat-accordion [multi]="multi()">
-      @for (widgetEntry of helpWidgetEntriesSignal(); track widgetEntry.helpContextString) {
+      @for (widgetEntry of helpWidgetEntriesSignal(); track widgetEntry.helpContextKey) {
         <dbx-help-view-list-entry [helpWidgetEntry]="widgetEntry"></dbx-help-view-list-entry>
       }
     </mat-accordion>
@@ -11975,8 +12029,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{
                     selector: 'dbx-help-view-list',
                     template: `
+    <div class="dbx-help-view-list-header">
+      <dbx-injection [config]="helpListHeaderComponentConfigSignal()"></dbx-injection>
+    </div>
     <mat-accordion [multi]="multi()">
-      @for (widgetEntry of helpWidgetEntriesSignal(); track widgetEntry.helpContextString) {
+      @for (widgetEntry of helpWidgetEntriesSignal(); track widgetEntry.helpContextKey) {
         <dbx-help-view-list-entry [helpWidgetEntry]="widgetEntry"></dbx-help-view-list-entry>
       }
     </mat-accordion>
@@ -12005,7 +12062,7 @@ const DEFAULT_DBX_HELP_VIEW_POPOVER_KEY = 'help';
 class DbxHelpViewPopoverComponent extends AbstractPopoverDirective {
     _helpContextService = inject(DbxHelpContextService);
     _helpWidgetService = inject(DbxHelpWidgetService);
-    helpContextStrings$ = this.popover.data?.helpContextStrings ?? this._helpContextService.activeHelpContextStringsArray$;
+    helpContextKeys$ = this.popover.data?.helpContextKeys ?? this._helpContextService.activeHelpContextKeysArray$;
     static openPopover(popoverService, config, popoverKey) {
         const { origin, popoverSizingConfig, ...data } = config;
         return popoverService.open({
@@ -12024,6 +12081,7 @@ class DbxHelpViewPopoverComponent extends AbstractPopoverDirective {
     }
     icon = this.config.icon ?? 'help';
     header = this.config.header ?? 'Help';
+    multi = this.config.multi;
     emptyText = this.config.emptyText ?? 'No help topics available in current context.';
     allowEmptyListContent = this.config.allowEmptyListContent ?? true;
     helpListFooterComponentConfig = this.config.helpListFooterComponentConfig;
@@ -12035,11 +12093,11 @@ class DbxHelpViewPopoverComponent extends AbstractPopoverDirective {
         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$\" [allowEmptyListContent]=\"allowEmptyListContent\" [helpListFooterComponentConfig]=\"helpListFooterComponentConfig\">\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", "allowEmptyListContent", "helpListFooterComponentConfig", "helpContextStrings"] }, { kind: "component", type: DbxInjectionComponent, selector: "dbx-injection, [dbxInjection], [dbx-injection]", inputs: ["config", "template"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    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 [helpContextKeys]=\"helpContextKeys$\" [multi]=\"multi\" [allowEmptyListContent]=\"allowEmptyListContent\" [helpListFooterComponentConfig]=\"helpListFooterComponentConfig\">\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", "allowEmptyListContent", "helpListHeaderComponentConfig", "helpListFooterComponentConfig", "helpContextKeys"] }, { 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$\" [allowEmptyListContent]=\"allowEmptyListContent\" [helpListFooterComponentConfig]=\"helpListFooterComponentConfig\">\n      <p empty>{{ emptyText }}</p>\n    </dbx-help-view-list>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n" }]
+            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 [helpContextKeys]=\"helpContextKeys$\" [multi]=\"multi\" [allowEmptyListContent]=\"allowEmptyListContent\" [helpListFooterComponentConfig]=\"helpListFooterComponentConfig\">\n      <p empty>{{ emptyText }}</p>\n    </dbx-help-view-list>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n" }]
         }] });
 
 /**
@@ -12146,5 +12204,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, 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 };
+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, overrideClickElementEffect, provideDbxFileUploadActionCompatable, provideDbxHelpServices, provideDbxListView, provideDbxListViewWrapper, provideDbxModelService, provideDbxProgressButtonGlobalConfig, provideDbxPromptConfirm, provideDbxRouterWebAngularRouterProviderConfig, provideDbxRouterWebUiRouterProviderConfig, provideDbxScreenMediaService, provideDbxStyleService, provideDbxValueListView, provideDbxValueListViewGroupDelegate, provideDbxValueListViewModifier, provideDbxWebFilePreviewServiceEntries, provideTwoColumnsContext, registerHelpContextKeysWithDbxHelpContextService, resizeSignal, sanitizeDbxDialogContentConfig, screenMediaWidthTypeIsActive, trackByModelKeyRef, trackByUniqueIdentifier };
 //# sourceMappingURL=dereekb-dbx-web.mjs.map