@dereekb/dbx-firebase 12.6.15 → 12.6.16

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,27 @@
+@use '../../../style/theming';
+
+// MARK: Mixin
+@mixin core() {
+}
+
+@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,15 +3,17 @@ 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";
 export declare class DbxFirebaseModelEntitiesComponent implements OnDestroy {
+    readonly entitiesWidgetService: DbxFirebaseModelEntitiesWidgetService;
     /**
      * Whether the accordion should allow multiple expanded panels.
      */
     readonly multi: import("@angular/core").InputSignal<boolean>;
     readonly entities: import("@angular/core").InputSignal<Observable<LoadingState<DbxFirebaseModelEntity[]>> | undefined>;
     readonly entities$: Observable<LoadingState<DbxFirebaseModelEntity[]>>;
-    readonly entitiesWithKeysState$: Observable<LoadingState<DbxFirebaseModelEntityWithKeyAndStore[]>>;
+    readonly allEntitiesWithKeysState$: 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 hasNoEntitiesSignal: import("@angular/core").Signal<boolean>;

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.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.16",
   "peerDependencies": {
     "@angular/core": "^18.0.0",
     "@dereekb/dbx-analytics": "*",