@dereekb/dbx-firebase 12.6.16 → 12.6.17

package/fesm2022/dereekb-dbx-firebase.mjs

@@ -3676,6 +3676,8 @@ class DbxFirebaseModelEntitiesEntityComponent {
     widgetInjectionConfig$ = combineLatest([this.currentWidgetEntry$, this.currentEntityWithStore$]).pipe(map(([entry, entity]) => (entity ? this.widgetInjectionConfigFactory(entry, entity) : null)), shareReplay(1));
     hasTypeInfoSignal = toSignal(this.hasTypeInfo$);
     displayInfoSignal = toSignal(this.displayInfo$);
+    modelIdentitySignal = toSignal(this.modelIdentity$);
+    modelTypeSignal = computed(() => this.modelIdentitySignal()?.modelType);
     widgetInjectionConfigSignal = toSignal(this.widgetInjectionConfig$);
     entityWidgetConfigSignal = computed(() => this.widgetInjectionConfigSignal()?.entityComponentConfig);
     commonWidgetConfigSignal = computed(() => this.widgetInjectionConfigSignal()?.commonComponentConfig);
@@ -3685,11 +3687,11 @@ class DbxFirebaseModelEntitiesEntityComponent {
         this.loadingContext.destroy();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesEntityComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseModelEntitiesEntityComponent, isStandalone: true, selector: "dbx-firebase-model-entities-entity", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mat-expansion-panel>\n  <mat-expansion-panel-header>\n    <mat-panel-title>\n      @if (displayInfoSignal(); as displayInfo) {\n        @if (displayInfo.icon) {\n          <mat-icon class=\"dbx-button-spacer\">{{ displayInfo.icon }}</mat-icon>\n        }\n        <span>{{ displayInfo.title }}</span>\n      }\n    </mat-panel-title>\n  </mat-expansion-panel-header>\n  <ng-template matExpansionPanelContent>\n    <div class=\"dbx-firebase-model-entities-entity-panel-content\">\n      <dbx-loading [context]=\"loadingContext\">\n        @if (entityWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-entity-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (commonWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-common-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (debugWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-debug-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n      </dbx-loading>\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: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "color", "diameter", "linear", "loading", "error", "context"] }, { 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: MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseModelEntitiesEntityComponent, isStandalone: true, selector: "dbx-firebase-model-entities-entity", inputs: { entity: { classPropertyName: "entity", publicName: "entity", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mat-expansion-panel>\n  <mat-expansion-panel-header>\n    <mat-panel-title>\n      @if (displayInfoSignal(); as displayInfo) {\n        <div class=\"dbx-list-two-line-item\">\n          <div class=\"item-left\">\n            <span class=\"dbx-pb2 dbx-flex-bar\">\n              @if (displayInfo.icon) {\n                <mat-icon class=\"dbx-button-spacer\">{{ displayInfo.icon }}</mat-icon>\n              }\n              <span>{{ displayInfo.title }}</span>\n            </span>\n            <span class=\"dbx-hint dbx-small\">{{ modelTypeSignal() }}</span>\n          </div>\n        </div>\n      }\n    </mat-panel-title>\n  </mat-expansion-panel-header>\n  <ng-template matExpansionPanelContent>\n    <div class=\"dbx-firebase-model-entities-entity-panel-content\">\n      <dbx-loading [context]=\"loadingContext\">\n        @if (entityWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-entity-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (commonWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-common-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (debugWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-debug-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n      </dbx-loading>\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: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "color", "diameter", "linear", "loading", "error", "context"] }, { 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: 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: DbxFirebaseModelEntitiesEntityComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dbx-firebase-model-entities-entity', imports: [DbxInjectionComponent, DbxLoadingComponent, 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 (displayInfoSignal(); as displayInfo) {\n        @if (displayInfo.icon) {\n          <mat-icon class=\"dbx-button-spacer\">{{ displayInfo.icon }}</mat-icon>\n        }\n        <span>{{ displayInfo.title }}</span>\n      }\n    </mat-panel-title>\n  </mat-expansion-panel-header>\n  <ng-template matExpansionPanelContent>\n    <div class=\"dbx-firebase-model-entities-entity-panel-content\">\n      <dbx-loading [context]=\"loadingContext\">\n        @if (entityWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-entity-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (commonWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-common-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (debugWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-debug-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n      </dbx-loading>\n    </div>\n  </ng-template>\n</mat-expansion-panel>\n" }]
+            args: [{ selector: 'dbx-firebase-model-entities-entity', imports: [DbxInjectionComponent, DbxLoadingComponent, 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 (displayInfoSignal(); as displayInfo) {\n        <div class=\"dbx-list-two-line-item\">\n          <div class=\"item-left\">\n            <span class=\"dbx-pb2 dbx-flex-bar\">\n              @if (displayInfo.icon) {\n                <mat-icon class=\"dbx-button-spacer\">{{ displayInfo.icon }}</mat-icon>\n              }\n              <span>{{ displayInfo.title }}</span>\n            </span>\n            <span class=\"dbx-hint dbx-small\">{{ modelTypeSignal() }}</span>\n          </div>\n        </div>\n      }\n    </mat-panel-title>\n  </mat-expansion-panel-header>\n  <ng-template matExpansionPanelContent>\n    <div class=\"dbx-firebase-model-entities-entity-panel-content\">\n      <dbx-loading [context]=\"loadingContext\">\n        @if (entityWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-entity-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (commonWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-common-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n        @if (debugWidgetConfigSignal(); as config) {\n          <div class=\"dbx-pb3 dbx-firebase-model-entities-debug-content\">\n            <dbx-injection [config]=\"config\"></dbx-injection>\n          </div>\n        }\n      </dbx-loading>\n    </div>\n  </ng-template>\n</mat-expansion-panel>\n" }]
         }] });
 
 class DbxFirebaseModelEntitiesComponent {
@@ -3698,33 +3700,66 @@ class DbxFirebaseModelEntitiesComponent {
      * Whether the accordion should allow multiple expanded panels.
      */
     multi = input(true);
+    /**
+     * If true, will only show entities that have a registered widget entry.
+     *
+     * Defaults to true.
+     */
+    onlyShowRegisteredTypes = input(true);
+    /**
+     * If true, will show unregistered entities, even if onlyShowRegisteredTypes is true.
+     */
+    showUnregisteredTypesSignal = signal(undefined);
+    onlyShowRegisteredTypesSignal = computed(() => {
+        const onlyShowRegisteredTypes = this.onlyShowRegisteredTypes();
+        const showUnregisteredTypes = this.showUnregisteredTypesSignal();
+        return !showUnregisteredTypes && onlyShowRegisteredTypes;
+    });
+    onlyShowRegisteredTypes$ = toObservable(this.onlyShowRegisteredTypesSignal).pipe(distinctUntilChanged(), shareReplay(1));
     entities = input();
     entities$ = toObservable(this.entities).pipe(switchMapMaybe(), map((x) => x ?? beginLoading()), shareReplay(1));
-    allEntitiesWithKeysState$ = this.entities$.pipe(mapLoadingStateValueWithOperator(switchMap((entities) => {
+    allEntitiesState$ = this.entities$.pipe(mapLoadingStateValueWithOperator(switchMap((entities) => {
         const sortPriorityMap = this.entitiesWidgetService.getSortPriorityMap();
         const entitiesWithStore = (entities ?? []).filter((x) => Boolean(x.store));
         const entitiesWithKeys = combineLatest(entitiesWithStore.map((x) => {
             const sortPriorityMapEntry = sortPriorityMap.get(x.modelIdentity);
-            const isKnownType = sortPriorityMapEntry != null;
+            const isRegisteredType = sortPriorityMapEntry != null;
             const sortPriority = sortPriorityMapEntry ?? -2;
-            const obs = x.store.currentKey$.pipe(map((key) => (key ? { key, ...x, sortPriority, isKnownType } : null)));
+            const obs = x.store.currentKey$.pipe(map((key) => (key ? { key, ...x, sortPriority, isRegisteredType } : null)));
             return obs;
         }));
-        return entitiesWithKeys.pipe(filterMaybeArray(), map((entities) => {
-            return filterUniqueValues(entities, (x) => x.key).sort(reverseCompareFn(sortByNumberFunction((x) => x.sortPriority)));
-        }), defaultIfEmpty([]));
+        return entitiesWithKeys.pipe(filterMaybeArray(), defaultIfEmpty([]), combineLatestWith(this.onlyShowRegisteredTypes$), map(([entities, onlyShowRegisteredTypes]) => {
+            const filteredEntities = filterUniqueValues(entities, (x) => x.key).sort(reverseCompareFn(sortByNumberFunction((x) => x.sortPriority)));
+            const { included: registeredEntities, excluded: unregisteredEntities } = separateValues(filteredEntities, (x) => x.isRegisteredType);
+            const result = {
+                entities: onlyShowRegisteredTypes ? registeredEntities : filteredEntities,
+                onlyShowRegisteredTypes,
+                registeredEntities,
+                unregisteredEntities
+            };
+            return result;
+        }));
     })), shareReplay(1));
-    entitiesWithKeys$ = this.allEntitiesWithKeysState$.pipe(valueFromFinishedLoadingState(), shareReplay(1));
-    entitiesWithKeysSignal = toSignal(this.entitiesWithKeys$, { initialValue: [] });
+    allEntities$ = this.allEntitiesState$.pipe(valueFromFinishedLoadingState(), shareReplay(1));
+    allEntitiesSignal = toSignal(this.allEntities$, { initialValue: { entities: [], registeredEntities: [], unregisteredEntities: [], onlyShowRegisteredTypes: false } });
+    entitiesWithKeysSignal = computed(() => this.allEntitiesSignal()?.entities);
+    unregisteredEntitiesCountSignal = computed(() => this.allEntitiesSignal()?.unregisteredEntities?.length ?? 0);
+    showViewUnregisteredEntitiesButtonSignal = computed(() => {
+        const { onlyShowRegisteredTypes, unregisteredEntities } = this.allEntitiesSignal() ?? {};
+        return onlyShowRegisteredTypes && Boolean(unregisteredEntities?.length);
+    });
     hasNoEntitiesSignal = computed(() => !this.entitiesWithKeysSignal()?.length);
-    context = loadingStateContext({ obs: this.allEntitiesWithKeysState$ });
+    context = loadingStateContext({ obs: this.allEntitiesState$ });
     ngOnDestroy() {
         this.context.destroy();
     }
+    clickShowUnregisteredEntities() {
+        this.showUnregisteredTypesSignal.set(true);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseModelEntitiesComponent, isStandalone: true, selector: "dbx-firebase-model-entities", inputs: { multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, entities: { classPropertyName: "entities", publicName: "entities", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseModelEntitiesComponent, isStandalone: true, selector: "dbx-firebase-model-entities", inputs: { multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, onlyShowRegisteredTypes: { classPropertyName: "onlyShowRegisteredTypes", publicName: "onlyShowRegisteredTypes", isSignal: true, isRequired: false, transformFunction: null }, entities: { classPropertyName: "entities", publicName: "entities", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <dbx-loading [linear]="true" [context]="context">
-      <mat-accordion [multi]="multi()">
+      <mat-accordion class="dbx-firebase-model-entities-accordion" [multi]="multi()">
         @for (entity of entitiesWithKeysSignal(); track entity.key) {
           <dbx-firebase-model-entities-entity [entity]="entity"></dbx-firebase-model-entities-entity>
         }
@@ -3734,8 +3769,13 @@ class DbxFirebaseModelEntitiesComponent {
           <ng-content select="[empty]"></ng-content>
         </dbx-list-empty-content>
       }
+      @if (showViewUnregisteredEntitiesButtonSignal()) {
+        <div class="dbx-pt3 text-center">
+          <dbx-icon-button icon="visibility" [text]="'View ' + unregisteredEntitiesCountSignal() + ' Hidden Entities'" (buttonClick)="clickShowUnregisteredEntities()"></dbx-icon-button>
+        </div>
+      }
     </dbx-loading>
-  `, isInline: true, dependencies: [{ kind: "directive", type: MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "color", "diameter", "linear", "loading", "error", "context"] }, { kind: "component", type: DbxFirebaseModelEntitiesEntityComponent, selector: "dbx-firebase-model-entities-entity", inputs: ["entity"] }, { kind: "component", type: DbxListEmptyContentComponent, selector: "dbx-list-empty-content" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "directive", type: MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "color", "diameter", "linear", "loading", "error", "context"] }, { kind: "component", type: DbxFirebaseModelEntitiesEntityComponent, selector: "dbx-firebase-model-entities-entity", inputs: ["entity"] }, { kind: "component", type: DbxListEmptyContentComponent, selector: "dbx-list-empty-content" }, { 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: DbxFirebaseModelEntitiesComponent, decorators: [{
             type: Component,
@@ -3743,7 +3783,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: 'dbx-firebase-model-entities',
                     template: `
     <dbx-loading [linear]="true" [context]="context">
-      <mat-accordion [multi]="multi()">
+      <mat-accordion class="dbx-firebase-model-entities-accordion" [multi]="multi()">
         @for (entity of entitiesWithKeysSignal(); track entity.key) {
           <dbx-firebase-model-entities-entity [entity]="entity"></dbx-firebase-model-entities-entity>
         }
@@ -3753,9 +3793,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
           <ng-content select="[empty]"></ng-content>
         </dbx-list-empty-content>
       }
+      @if (showViewUnregisteredEntitiesButtonSignal()) {
+        <div class="dbx-pt3 text-center">
+          <dbx-icon-button icon="visibility" [text]="'View ' + unregisteredEntitiesCountSignal() + ' Hidden Entities'" (buttonClick)="clickShowUnregisteredEntities()"></dbx-icon-button>
+        </div>
+      }
     </dbx-loading>
   `,
-                    imports: [MatAccordion, DbxLoadingComponent, DbxFirebaseModelEntitiesEntityComponent, DbxListEmptyContentComponent],
+                    imports: [MatAccordion, DbxLoadingComponent, DbxFirebaseModelEntitiesEntityComponent, DbxListEmptyContentComponent, DbxIconButtonComponent],
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     standalone: true
                 }]
@@ -3764,10 +3809,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
 const DEFAULT_DBX_FIREBASE_MODEL_ENTITIES_COMPONENT_POPOVER_KEY = 'entities';
 class DbxFirebaseModelEntitiesPopoverComponent extends AbstractPopoverDirective {
     entities$ = this.popover.data?.entities$;
-    static openPopover(popupService, { origin, header, icon, emptyText, entities$ }, popoverKey) {
+    static openPopover(popupService, config, popoverKey) {
+        const { origin, header, icon, emptyText, entities$, onlyShowRegisteredTypes, popoverSizingConfig } = config;
         return popupService.open({
             height: '600px',
             width: '800px',
+            isResizable: true,
+            ...popoverSizingConfig,
             key: popoverKey ?? DEFAULT_DBX_FIREBASE_MODEL_ENTITIES_COMPONENT_POPOVER_KEY,
             origin,
             componentClass: DbxFirebaseModelEntitiesPopoverComponent,
@@ -3775,9 +3823,9 @@ class DbxFirebaseModelEntitiesPopoverComponent extends AbstractPopoverDirective
                 header,
                 icon,
                 emptyText,
-                entities$
-            },
-            isResizable: true
+                entities$,
+                onlyShowRegisteredTypes
+            }
         });
     }
     get config() {
@@ -3786,12 +3834,13 @@ class DbxFirebaseModelEntitiesPopoverComponent extends AbstractPopoverDirective
     icon = this.config.icon ?? 'data_object';
     header = this.config.header ?? 'Entities';
     emptyText = this.config.emptyText ?? 'No entities found in current context.';
+    onlyShowRegisteredTypes = this.config.onlyShowRegisteredTypes;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseModelEntitiesPopoverComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<dbx-popover-content>\n  <!-- Header -->\n  <dbx-popover-header [icon]=\"icon\" [header]=\"header\"></dbx-popover-header>\n  <!-- Content -->\n  <dbx-popover-scroll-content>\n    <dbx-firebase-model-entities [entities]=\"entities$\">\n      <p empty>{{ emptyText }}</p>\n    </dbx-firebase-model-entities>\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: DbxFirebaseModelEntitiesComponent, selector: "dbx-firebase-model-entities", inputs: ["multi", "entities"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxFirebaseModelEntitiesPopoverComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<dbx-popover-content>\n  <!-- Header -->\n  <dbx-popover-header [icon]=\"icon\" [header]=\"header\"></dbx-popover-header>\n  <!-- Content -->\n  <dbx-popover-scroll-content>\n    <dbx-firebase-model-entities [entities]=\"entities$\" [onlyShowRegisteredTypes]=\"onlyShowRegisteredTypes\">\n      <p empty>{{ emptyText }}</p>\n    </dbx-firebase-model-entities>\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: DbxFirebaseModelEntitiesComponent, selector: "dbx-firebase-model-entities", inputs: ["multi", "onlyShowRegisteredTypes", "entities"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesPopoverComponent, decorators: [{
             type: Component,
-            args: [{ imports: [DbxPopoverContentComponent, DbxPopoverHeaderComponent, DbxPopoverScrollContentDirective, DbxFirebaseModelEntitiesComponent, DbxListEmptyContentComponent], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<dbx-popover-content>\n  <!-- Header -->\n  <dbx-popover-header [icon]=\"icon\" [header]=\"header\"></dbx-popover-header>\n  <!-- Content -->\n  <dbx-popover-scroll-content>\n    <dbx-firebase-model-entities [entities]=\"entities$\">\n      <p empty>{{ emptyText }}</p>\n    </dbx-firebase-model-entities>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n" }]
+            args: [{ imports: [DbxPopoverContentComponent, DbxPopoverHeaderComponent, DbxPopoverScrollContentDirective, DbxFirebaseModelEntitiesComponent, DbxListEmptyContentComponent], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<dbx-popover-content>\n  <!-- Header -->\n  <dbx-popover-header [icon]=\"icon\" [header]=\"header\"></dbx-popover-header>\n  <!-- Content -->\n  <dbx-popover-scroll-content>\n    <dbx-firebase-model-entities [entities]=\"entities$\" [onlyShowRegisteredTypes]=\"onlyShowRegisteredTypes\">\n      <p empty>{{ emptyText }}</p>\n    </dbx-firebase-model-entities>\n  </dbx-popover-scroll-content>\n</dbx-popover-content>\n" }]
         }] });
 
 class DbxFirebaseModelEntitiesPopoverButtonComponent extends AbstractPopoverRefDirective {
@@ -4047,11 +4096,11 @@ class DbxFirebaseModelEntitiesDebugWidgetComponent extends AbstractDbxFirebaseMo
         this.context.destroy();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesDebugWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseModelEntitiesDebugWidgetComponent, isStandalone: true, selector: "dbx-firebase-model-entities-debug-widget", usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-firebase-model-entities-debug-widget\">\n  <!-- Model Key Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Model Key Information</h4>\n    @if (currentKey(); as key) {\n      <dbx-firebase-model-key [modelKey]=\"key\"></dbx-firebase-model-key>\n    }\n  </div>\n\n  <!-- Document Data Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Document Data</h4>\n    <dbx-loading [context]=\"context\">\n      @if (currentData(); as data) {\n        <dbx-download-text-view [content]=\"contentSignal()\"></dbx-download-text-view>\n      } @else {\n        <p class=\"dbx-empty\">No data available</p>\n      }\n    </dbx-loading>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: DbxFirebaseModelKeyComponent, selector: "dbx-firebase-model-key", inputs: ["modelKey"] }, { kind: "component", type: DbxDownloadTextViewComponent, selector: "dbx-download-text-view", inputs: ["showDownloadButton", "loadingText", "linear", "showTitle", "showPreview", "showExpandPreviewButton", "expandPreview", "content", "contentState"], outputs: ["expandPreviewChange"] }, { kind: "component", type: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "color", "diameter", "linear", "loading", "error", "context"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxFirebaseModelEntitiesDebugWidgetComponent, isStandalone: true, selector: "dbx-firebase-model-entities-debug-widget", usesInheritance: true, ngImport: i0, template: "<div class=\"dbx-firebase-model-entities-debug-widget\">\n  <!-- Model Key Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Model Key Information</h4>\n    @if (currentKey(); as key) {\n      <dbx-firebase-model-key [modelKey]=\"key\"></dbx-firebase-model-key>\n    }\n  </div>\n\n  <!-- Document Data Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Document Data</h4>\n    <dbx-loading [context]=\"context\">\n      @if (currentData(); as data) {\n        <dbx-download-text-view [showTitle]=\"false\" [content]=\"contentSignal()\"></dbx-download-text-view>\n      } @else {\n        <p class=\"dbx-empty\">No data available</p>\n      }\n    </dbx-loading>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: DbxFirebaseModelKeyComponent, selector: "dbx-firebase-model-key", inputs: ["modelKey"] }, { kind: "component", type: DbxDownloadTextViewComponent, selector: "dbx-download-text-view", inputs: ["showDownloadButton", "loadingText", "linear", "showTitle", "showPreview", "showExpandPreviewButton", "expandPreview", "content", "contentState"], outputs: ["expandPreviewChange"] }, { kind: "component", type: DbxLoadingComponent, selector: "dbx-loading", inputs: ["padding", "show", "text", "mode", "color", "diameter", "linear", "loading", "error", "context"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFirebaseModelEntitiesDebugWidgetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dbx-firebase-model-entities-debug-widget', standalone: true, imports: [DbxFirebaseModelKeyComponent, DbxClickToCopyTextComponent, DbxContentPitDirective, DbxDownloadTextViewComponent, DbxLoadingComponent, JsonPipe], template: "<div class=\"dbx-firebase-model-entities-debug-widget\">\n  <!-- Model Key Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Model Key Information</h4>\n    @if (currentKey(); as key) {\n      <dbx-firebase-model-key [modelKey]=\"key\"></dbx-firebase-model-key>\n    }\n  </div>\n\n  <!-- Document Data Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Document Data</h4>\n    <dbx-loading [context]=\"context\">\n      @if (currentData(); as data) {\n        <dbx-download-text-view [content]=\"contentSignal()\"></dbx-download-text-view>\n      } @else {\n        <p class=\"dbx-empty\">No data available</p>\n      }\n    </dbx-loading>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'dbx-firebase-model-entities-debug-widget', standalone: true, imports: [DbxFirebaseModelKeyComponent, DbxClickToCopyTextComponent, DbxContentPitDirective, DbxDownloadTextViewComponent, DbxLoadingComponent, JsonPipe], template: "<div class=\"dbx-firebase-model-entities-debug-widget\">\n  <!-- Model Key Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Model Key Information</h4>\n    @if (currentKey(); as key) {\n      <dbx-firebase-model-key [modelKey]=\"key\"></dbx-firebase-model-key>\n    }\n  </div>\n\n  <!-- Document Data Section -->\n  <div class=\"dbx-debug-section\">\n    <h4>Document Data</h4>\n    <dbx-loading [context]=\"context\">\n      @if (currentData(); as data) {\n        <dbx-download-text-view [showTitle]=\"false\" [content]=\"contentSignal()\"></dbx-download-text-view>\n      } @else {\n        <p class=\"dbx-empty\">No data available</p>\n      }\n    </dbx-loading>\n  </div>\n</div>\n" }]
         }] });
 
 /**