@dereekb/dbx-web 12.6.16 → 12.6.18

package/fesm2022/dereekb-dbx-web.mjs

@@ -1,6 +1,6 @@
 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, 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 { 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, cachedGetter, sortByNumberFunction } 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';
@@ -8284,16 +8284,69 @@ 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
+                });
+            }
+        }
+    });
     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: "14.0.0", version: "18.2.13", type: DbxUIRouterSegueAnchorComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"targetSignal()\" [uiSref]=\"uiSrefSignal()\" [uiParams]=\"uiParamsSignal()\" [uiOptions]=\"uiOptionsSignal()\" uiSrefActive=\"dbx-anchor-active\" uiSrefActiveEq=\"dbx-anchor-active-eq\">\n  <dbx-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"] }] });
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxUIRouterSegueAnchorComponent, decorators: [{
             type: Component,
-            args: [{ imports: [UIRouterModule, DbxInjectionComponent], standalone: true, template: "<a class=\"dbx-anchor-a dbx-anchor-sref\" [attr.target]=\"targetSignal()\" [uiSref]=\"uiSrefSignal()\" [uiParams]=\"uiParamsSignal()\" [uiOptions]=\"uiOptionsSignal()\" uiSrefActive=\"dbx-anchor-active\" uiSrefActiveEq=\"dbx-anchor-active-eq\">\n  <dbx-injection [template]=\"templateConfigSignal()\"></dbx-injection>\n</a>\n" }]
+            args: [{ imports: [UIRouterModule, DbxInjectionComponent], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, 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" }]
         }] });
 
 /**
@@ -11694,13 +11747,18 @@ class DbxHelpWidgetServiceConfig {
  */
 class DbxHelpWidgetService {
     _entries = new Map();
+    _sortPriorityMap = cachedGetter(() => {
+        return new Map(mapIterable(this._entries.values(), (entry) => [entry.helpContextString, entry.sortPriority ?? -1]));
+    });
     _defaultWidgetComponentClass;
+    _helpListFooterComponentConfig;
     _defaultIcon;
     _popoverHeaderComponentConfig;
     constructor(initialConfig) {
         this.setDefaultWidgetComponentClass(initialConfig?.defaultWidgetComponentClass);
         this.setDefaultIcon(initialConfig?.defaultIcon !== undefined ? initialConfig?.defaultIcon : 'help');
         this.setPopoverHeaderComponentConfig(initialConfig?.popoverHeaderComponentConfig);
+        this.setHelpListFooterComponentConfig(initialConfig?.helpListFooterComponentConfig);
         if (initialConfig?.entries) {
             this.register(initialConfig.entries);
         }
@@ -11723,6 +11781,12 @@ class DbxHelpWidgetService {
     setPopoverHeaderComponentConfig(componentConfig) {
         this._popoverHeaderComponentConfig = componentConfig;
     }
+    getHelpListFooterComponentConfig() {
+        return this._helpListFooterComponentConfig;
+    }
+    setHelpListFooterComponentConfig(componentConfig) {
+        this._helpListFooterComponentConfig = componentConfig;
+    }
     /**
      * Used to register one or more entries.
      *
@@ -11753,6 +11817,9 @@ class DbxHelpWidgetService {
     hasHelpWidgetEntry(context) {
         return this._entries.has(context);
     }
+    getSortPriorityMap() {
+        return this._sortPriorityMap();
+    }
     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 });
 }
@@ -11860,13 +11927,34 @@ class DbxHelpViewListComponent {
      * Whether the accordion should allow multiple expanded panels.
      */
     multi = input(true);
+    /**
+     * Whether or not to show the empty list content.
+     */
+    allowEmptyListContent = input(true);
+    /**
+     * Optional footer component config to inject after the list.
+     *
+     * If set null, then will not show any footer.
+     */
+    helpListFooterComponentConfig = input(undefined);
     helpContextStrings = input.required();
-    helpContextStrings$ = toObservable(this.helpContextStrings).pipe(switchMap((x) => asObservable(x) ?? of([])), map(asArray), distinctUntilHasDifferentValues(), shareReplay(1));
+    helpContextStrings$ = toObservable(this.helpContextStrings).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()));
     hasNoHelpWidgetEntriesSignal = computed(() => !this.helpWidgetEntriesSignal()?.length);
+    helpListFooterComponentConfigSignal = computed(() => {
+        let config = this.helpListFooterComponentConfig();
+        if (config !== null) {
+            config = this.helpWidgetService.getHelpListFooterComponentConfig();
+        }
+        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 }, 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 }, 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: `
     <mat-accordion [multi]="multi()">
       @for (widgetEntry of helpWidgetEntriesSignal(); track widgetEntry.helpContextString) {
         <dbx-help-view-list-entry [helpWidgetEntry]="widgetEntry"></dbx-help-view-list-entry>
@@ -11877,7 +11965,10 @@ class DbxHelpViewListComponent {
         <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 });
+    <div class="dbx-help-view-list-footer">
+      <dbx-injection [config]="helpListFooterComponentConfigSignal()"></dbx-injection>
+    </div>
+  `, 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" }, { 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: DbxHelpViewListComponent, decorators: [{
             type: Component,
@@ -11894,11 +11985,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         <ng-content select="[empty]"></ng-content>
       </dbx-list-empty-content>
     }
+    <div class="dbx-help-view-list-footer">
+      <dbx-injection [config]="helpListFooterComponentConfigSignal()"></dbx-injection>
+    </div>
   `,
                     host: {
                         class: 'dbx-help-view-list dbx-block'
                     },
-                    imports: [MatAccordion, DbxHelpViewListEntryComponent, DbxListEmptyContentComponent],
+                    imports: [MatAccordion, DbxHelpViewListEntryComponent, DbxListEmptyContentComponent, DbxInjectionComponent],
                     standalone: true,
                     changeDetection: ChangeDetectionStrategy.OnPush
                 }]
@@ -11913,15 +12007,16 @@ class DbxHelpViewPopoverComponent extends AbstractPopoverDirective {
     _helpWidgetService = inject(DbxHelpWidgetService);
     helpContextStrings$ = this.popover.data?.helpContextStrings ?? this._helpContextService.activeHelpContextStringsArray$;
     static openPopover(popoverService, config, popoverKey) {
-        const { origin, ...data } = config;
+        const { origin, popoverSizingConfig, ...data } = config;
         return popoverService.open({
             height: '500px',
             width: '600px',
+            ...popoverSizingConfig,
             key: popoverKey ?? DEFAULT_DBX_HELP_VIEW_POPOVER_KEY,
-            origin,
             componentClass: DbxHelpViewPopoverComponent,
             data,
-            isResizable: true
+            isResizable: true,
+            origin
         });
     }
     get config() {
@@ -11930,6 +12025,8 @@ class DbxHelpViewPopoverComponent extends AbstractPopoverDirective {
     icon = this.config.icon ?? 'help';
     header = this.config.header ?? 'Help';
     emptyText = this.config.emptyText ?? 'No help topics available in current context.';
+    allowEmptyListContent = this.config.allowEmptyListContent ?? true;
+    helpListFooterComponentConfig = this.config.helpListFooterComponentConfig;
     popoverHeaderConfig = (() => {
         let config = this.config.popoverHeaderConfig;
         if (!config) {
@@ -11938,11 +12035,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$\">\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 });
+    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 });
 }
 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" }]
+            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" }]
         }] });
 
 /**