@dereekb/dbx-firebase 12.6.15 → 12.6.17

package/lib/model/_model.scss

@@ -0,0 +1,15 @@
+@use '../style/config';
+@use '../style/theming';
+@use './modules/model/model';
+
+@mixin all-model-core($theme-config) {
+  @include model.core();
+}
+
+@mixin all-model-typography($theme-config-or-typography-config) {
+  @include model.typography($theme-config-or-typography-config);
+}
+
+@mixin all-model-theme($theme-config) {
+  @include model.theme($theme-config);
+}

package/lib/model/modules/model/_model.scss

@@ -0,0 +1,33 @@
+@use '../../../style/theming';
+
+$dbx-firebase-model-entities-expansion-panel-height: 64px;
+
+// MARK: Mixin
+@mixin core() {
+  .dbx-firebase-model-entities-accordion {
+    --mat-expansion-header-collapsed-state-height: #{$dbx-firebase-model-entities-expansion-panel-height};
+    --mat-expansion-header-expanded-state-height: #{$dbx-firebase-model-entities-expansion-panel-height};
+  }
+}
+
+@mixin color($theme-config) {
+}
+
+@mixin typography($theme-config-or-typography-config) {
+}
+
+@mixin theme($theme-config) {
+  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-firebase-model-model') {
+    $color: theming.m2-get-color-config($theme-config);
+    $density: theming.m2-get-density-config($theme-config);
+    $typography: theming.m2-get-typography-config($theme-config);
+
+    @if $color !=null {
+      @include color($theme-config);
+    }
+
+    @if $typography !=null {
+      @include typography($theme-config);
+    }
+  }
+}

package/lib/model/modules/model/entities/model.entities.component.d.ts

@@ -3,20 +3,45 @@ import { DbxFirebaseModelEntity, DbxFirebaseModelEntityWithKeyAndStore } from '.
 import { Observable } from 'rxjs';
 import { Maybe } from '@dereekb/util';
 import { LoadingState } from '@dereekb/rxjs';
+import { DbxFirebaseModelEntitiesWidgetService } from './model.entities.widget.service';
 import * as i0 from "@angular/core";
+interface DbxFirebaseModelEntitiesComponentAllEntities {
+    readonly entities: DbxFirebaseModelEntityWithKeyAndStore[];
+    readonly registeredEntities: DbxFirebaseModelEntityWithKeyAndStore[];
+    readonly unregisteredEntities: DbxFirebaseModelEntityWithKeyAndStore[];
+    readonly onlyShowRegisteredTypes?: Maybe<boolean>;
+}
 export declare class DbxFirebaseModelEntitiesComponent implements OnDestroy {
+    readonly entitiesWidgetService: DbxFirebaseModelEntitiesWidgetService;
     /**
      * Whether the accordion should allow multiple expanded panels.
      */
     readonly multi: import("@angular/core").InputSignal<boolean>;
+    /**
+     * If true, will only show entities that have a registered widget entry.
+     *
+     * Defaults to true.
+     */
+    readonly onlyShowRegisteredTypes: import("@angular/core").InputSignal<Maybe<boolean>>;
+    /**
+     * If true, will show unregistered entities, even if onlyShowRegisteredTypes is true.
+     */
+    readonly showUnregisteredTypesSignal: import("@angular/core").WritableSignal<Maybe<boolean>>;
+    readonly onlyShowRegisteredTypesSignal: import("@angular/core").Signal<Maybe<boolean>>;
+    readonly onlyShowRegisteredTypes$: Observable<Maybe<boolean>>;
     readonly entities: import("@angular/core").InputSignal<Observable<LoadingState<DbxFirebaseModelEntity[]>> | undefined>;
     readonly entities$: Observable<LoadingState<DbxFirebaseModelEntity[]>>;
-    readonly entitiesWithKeysState$: Observable<LoadingState<DbxFirebaseModelEntityWithKeyAndStore[]>>;
-    readonly entitiesWithKeys$: Observable<Maybe<DbxFirebaseModelEntityWithKeyAndStore<any, import("dist/packages/firebase/src").FirestoreDocument<any, import("dist/packages/firebase/src").FirestoreModelIdentity>>[]>>;
-    readonly entitiesWithKeysSignal: import("@angular/core").Signal<Maybe<DbxFirebaseModelEntityWithKeyAndStore<any, import("dist/packages/firebase/src").FirestoreDocument<any, import("dist/packages/firebase/src").FirestoreModelIdentity>>[]>>;
+    readonly allEntitiesState$: Observable<LoadingState<DbxFirebaseModelEntitiesComponentAllEntities>>;
+    readonly allEntities$: Observable<Maybe<DbxFirebaseModelEntitiesComponentAllEntities>>;
+    readonly allEntitiesSignal: import("@angular/core").Signal<Maybe<DbxFirebaseModelEntitiesComponentAllEntities>>;
+    readonly entitiesWithKeysSignal: import("@angular/core").Signal<DbxFirebaseModelEntityWithKeyAndStore<any, import("dist/packages/firebase/src").FirestoreDocument<any, import("dist/packages/firebase/src").FirestoreModelIdentity>>[] | undefined>;
+    readonly unregisteredEntitiesCountSignal: import("@angular/core").Signal<number>;
+    readonly showViewUnregisteredEntitiesButtonSignal: import("@angular/core").Signal<boolean | import("@dereekb/util").MaybeNot>;
     readonly hasNoEntitiesSignal: import("@angular/core").Signal<boolean>;
-    readonly context: import("@dereekb/rxjs").MutableLoadingStateContext<unknown, LoadingState<DbxFirebaseModelEntityWithKeyAndStore<any, import("dist/packages/firebase/src").FirestoreDocument<any, import("dist/packages/firebase/src").FirestoreModelIdentity>>[]>, import("@dereekb/rxjs").LoadingContextEvent & LoadingState<DbxFirebaseModelEntityWithKeyAndStore<any, import("dist/packages/firebase/src").FirestoreDocument<any, import("dist/packages/firebase/src").FirestoreModelIdentity>>[]>>;
+    readonly context: import("@dereekb/rxjs").MutableLoadingStateContext<unknown, LoadingState<DbxFirebaseModelEntitiesComponentAllEntities>, import("@dereekb/rxjs").LoadingContextEvent & LoadingState<DbxFirebaseModelEntitiesComponentAllEntities>>;
     ngOnDestroy(): void;
+    clickShowUnregisteredEntities(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseModelEntitiesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFirebaseModelEntitiesComponent, "dbx-firebase-model-entities", never, { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "entities": { "alias": "entities"; "required": false; "isSignal": true; }; }, {}, never, ["[empty]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFirebaseModelEntitiesComponent, "dbx-firebase-model-entities", never, { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "onlyShowRegisteredTypes": { "alias": "onlyShowRegisteredTypes"; "required": false; "isSignal": true; }; "entities": { "alias": "entities"; "required": false; "isSignal": true; }; }, {}, never, ["[empty]"], true, never>;
 }
+export {};

package/lib/model/modules/model/entities/model.entities.entity.component.d.ts

@@ -25,6 +25,10 @@ export declare class DbxFirebaseModelEntitiesEntityComponent implements OnDestro
     readonly widgetInjectionConfig$: Observable<import("./model.entities.widget").DbxFirebaseModelEntitiesWidgetInjectionConfig | null>;
     readonly hasTypeInfoSignal: import("@angular/core").Signal<boolean | undefined>;
     readonly displayInfoSignal: import("@angular/core").Signal<import("@dereekb/dbx-core").IconAndTitle | undefined>;
+    readonly modelIdentitySignal: import("@angular/core").Signal<(import("dist/packages/firebase/src").FirestoreModelTypeRef<string> & import("dist/packages/firebase/src").FirestoreCollectionNameRef<string> & import("dist/packages/firebase/src").FirestoreCollectionTypeRef & {
+        readonly type: import("dist/packages/firebase/src").FirestoreModelIdentityType;
+    }) | undefined>;
+    readonly modelTypeSignal: import("@angular/core").Signal<string | undefined>;
     readonly widgetInjectionConfigSignal: import("@angular/core").Signal<import("./model.entities.widget").DbxFirebaseModelEntitiesWidgetInjectionConfig | null | undefined>;
     readonly entityWidgetConfigSignal: import("@angular/core").Signal<Maybe<import("@dereekb/dbx-core").DbxInjectionComponentConfig<unknown>>>;
     readonly commonWidgetConfigSignal: import("@angular/core").Signal<Maybe<import("@dereekb/dbx-core").DbxInjectionComponentConfig<unknown>>>;

package/lib/model/modules/model/entities/model.entities.popover.button.component.d.ts

@@ -1,16 +1,28 @@
 import { ElementRef } from '@angular/core';
-import { AbstractPopoverRefDirective } from '@dereekb/dbx-web';
+import { AbstractPopoverRefDirective, DbxButtonStyle } from '@dereekb/dbx-web';
 import { NgPopoverRef } from 'ng-overlay-container';
 import { DbxFirebaseModelEntitiesPopoverConfigWithoutOrigin } from './model.entities.popover.component';
 import { Maybe } from '@dereekb/util';
 import { DbxFirebaseModelEntitiesSource } from './model.entities';
+import { DbxButtonDisplay } from '@dereekb/dbx-core';
 import * as i0 from "@angular/core";
-export type DbxFirebaseModelEntitiesPopoverButtonConfig = DbxFirebaseModelEntitiesPopoverConfigWithoutOrigin;
+export interface DbxFirebaseModelEntitiesPopoverButtonConfig extends DbxFirebaseModelEntitiesPopoverConfigWithoutOrigin {
+    /**
+     * The display configuration for the button.
+     */
+    readonly buttonDisplay?: Maybe<DbxButtonDisplay>;
+    /**
+     * The style configuration for the button.
+     */
+    readonly buttonStyle?: Maybe<DbxButtonStyle>;
+}
 export declare class DbxFirebaseModelEntitiesPopoverButtonComponent extends AbstractPopoverRefDirective<unknown, unknown> {
     private readonly _dbxPopoverService;
     readonly entitiesSource: DbxFirebaseModelEntitiesSource;
     readonly buttonElement: import("@angular/core").Signal<ElementRef<any>>;
-    readonly config: import("@angular/core").InputSignal<DbxFirebaseModelEntitiesPopoverConfigWithoutOrigin | undefined>;
+    readonly config: import("@angular/core").InputSignal<DbxFirebaseModelEntitiesPopoverButtonConfig | undefined>;
+    readonly buttonDisplaySignal: import("@angular/core").Signal<DbxButtonDisplay>;
+    readonly buttonStyleSignal: import("@angular/core").Signal<Maybe<DbxButtonStyle>>;
     protected _makePopoverRef(origin?: Maybe<ElementRef>): NgPopoverRef<unknown, unknown>;
     showEntitiesPopover(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseModelEntitiesPopoverButtonComponent, never>;

package/lib/model/modules/model/entities/model.entities.popover.component.d.ts

@@ -1,9 +1,10 @@
 import { ElementRef } from '@angular/core';
 import { NgPopoverRef } from 'ng-overlay-container';
-import { AbstractPopoverDirective, DbxPopoverKey, DbxPopoverService } from '@dereekb/dbx-web';
+import { AbstractPopoverDirective, DbxPopoverConfigSizing, DbxPopoverKey, DbxPopoverService } from '@dereekb/dbx-web';
 import { Observable } from 'rxjs';
 import { LoadingState } from '@dereekb/rxjs';
 import { DbxFirebaseModelEntity } from './model.entities';
+import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export interface DbxFirebaseModelEntitiesPopoverConfig {
     /**
@@ -30,16 +31,25 @@ export interface DbxFirebaseModelEntitiesPopoverConfig {
      * Observable of entities to display.
      */
     readonly entities$: Observable<LoadingState<DbxFirebaseModelEntity[]>>;
+    /**
+     * Whether or not to only show entities that have a registered widget entry.
+     */
+    readonly onlyShowRegisteredTypes?: Maybe<boolean>;
+    /**
+     * Additional popover configuration.
+     */
+    readonly popoverSizingConfig?: Maybe<DbxPopoverConfigSizing>;
 }
 export type DbxFirebaseModelEntitiesPopoverConfigWithoutOrigin = Omit<DbxFirebaseModelEntitiesPopoverConfig, 'origin' | 'entities$'>;
 export declare const DEFAULT_DBX_FIREBASE_MODEL_ENTITIES_COMPONENT_POPOVER_KEY = "entities";
 export declare class DbxFirebaseModelEntitiesPopoverComponent extends AbstractPopoverDirective<unknown, DbxFirebaseModelEntitiesPopoverConfig> {
     readonly entities$: Observable<LoadingState<DbxFirebaseModelEntity[]>> | undefined;
-    static openPopover(popupService: DbxPopoverService, { origin, header, icon, emptyText, entities$ }: DbxFirebaseModelEntitiesPopoverConfig, popoverKey?: DbxPopoverKey): NgPopoverRef;
+    static openPopover(popupService: DbxPopoverService, config: DbxFirebaseModelEntitiesPopoverConfig, popoverKey?: DbxPopoverKey): NgPopoverRef;
     get config(): DbxFirebaseModelEntitiesPopoverConfig;
     readonly icon: string;
     readonly header: string;
     readonly emptyText: string;
+    readonly onlyShowRegisteredTypes: Maybe<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseModelEntitiesPopoverComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DbxFirebaseModelEntitiesPopoverComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/model/modules/model/entities/model.entities.widget.entity.debug.component.d.ts

@@ -1,12 +1,15 @@
-import { OnDestroy } from '@angular/core';
+import { OnDestroy, Signal } from '@angular/core';
 import { AbstractDbxFirebaseModelEntitiesWidgetDirective } from './model.entities.widget.entity.abstract.directive';
+import { DownloadTextContent } from '@dereekb/dbx-web';
+import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 /**
  * A debug widget component that displays entity data and metadata.
  */
 export declare class DbxFirebaseModelEntitiesDebugWidgetComponent extends AbstractDbxFirebaseModelEntitiesWidgetDirective implements OnDestroy {
-    readonly currentKey: import("@angular/core").Signal<import("dist/packages/util/src").Maybe<string>>;
-    readonly currentData: import("@angular/core").Signal<any>;
+    readonly currentKey: Signal<Maybe<string>>;
+    readonly currentData: Signal<any>;
+    readonly contentSignal: Signal<Maybe<DownloadTextContent>>;
     readonly context: import("@dereekb/rxjs").MutableLoadingStateContext<unknown, import("@dereekb/rxjs").LoadingState<any>, import("@dereekb/rxjs").LoadingContextEvent & import("@dereekb/rxjs").LoadingState<any>>;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseModelEntitiesDebugWidgetComponent, never>;

package/lib/model/modules/model/entities/model.entities.widget.service.d.ts

@@ -7,6 +7,12 @@ export interface DbxFirebaseModelEntitiesWidgetEntry {
      * Widget type to respond to.
      */
     readonly identity: FirestoreModelIdentity;
+    /**
+     * The priority to use when sorting the entities.
+     *
+     * Higher values are displayed first in the list.
+     */
+    readonly sortPriority?: Maybe<number>;
     /**
      * Widget component that is specific to this entity.
      */
@@ -44,6 +50,7 @@ export declare class DbxFirebaseModelEntitiesWidgetService {
     private _commonComponentClass;
     private _debugComponentClass;
     private readonly _entries;
+    private readonly _sortPriorityMap;
     constructor(initialConfig?: DbxFirebaseModelEntitiesWidgetServiceConfig);
     getCommonComponentClass(): Maybe<Type<unknown>>;
     setCommonComponentClass(componentClass: Maybe<Type<unknown>>): void;
@@ -61,6 +68,7 @@ export declare class DbxFirebaseModelEntitiesWidgetService {
     getAllRegisteredWidgetIdentities(): FirestoreModelIdentity[];
     getWidgetEntry(identity: FirestoreModelIdentity): DbxFirebaseModelEntitiesWidgetEntry;
     getWidgetEntries(identities: Iterable<FirestoreModelIdentity>): DbxFirebaseModelEntitiesWidgetEntry[];
+    getSortPriorityMap(): Map<FirestoreModelIdentity, number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFirebaseModelEntitiesWidgetService, [{ optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DbxFirebaseModelEntitiesWidgetService>;
 }

package/lib/style/_all-core.scss

@@ -1,6 +1,8 @@
 @use '../auth/login/login';
+@use '../model/model';
 
 // Includes all theming config
-@mixin all-component-core() {
+@mixin all-component-core($theme-config) {
   @include login.core();
+  @include model.all-model-core($theme-config);
 }

package/lib/style/_all-theme.scss

@@ -1,6 +1,8 @@
 @use '../auth/login/login';
+@use '../model/model';
 
 // Includes all theming config
 @mixin all-component-themes($theme-config) {
   @include login.theme($theme-config);
+  @include model.all-model-theme($theme-config);
 }

package/lib/style/_all-typography.scss

@@ -1,6 +1,8 @@
 @use '../auth/login/login';
+@use '../model/model';
 
 // Includes all of the typographic styles.
 @mixin all-component-typographies($theme-config) {
   @include login.typography($theme-config);
+  @include model.all-model-typography($theme-config);
 }

package/lib/style/_core.scss

@@ -4,5 +4,5 @@
 @use './config';
 
 @mixin core($theme-config: null) {
-  @include all-core.all-component-core();
+  @include all-core.all-component-core($theme-config);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dereekb/dbx-firebase",
-  "version": "12.6.15",
+  "version": "12.6.17",
   "peerDependencies": {
     "@angular/core": "^18.0.0",
     "@dereekb/dbx-analytics": "*",