@dereekb/dbx-web 11.1.8 → 12.0.0

package/lib/button/progress/button.progress.module.d.ts

@@ -1,17 +1,11 @@
-import { ModuleWithProviders } from '@angular/core';
-import { DbxProgressButtonGlobalConfig } from './button.progress.config';
 import * as i0 from "@angular/core";
 import * as i1 from "./spinner.button.component";
 import * as i2 from "./bar.button.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/material/button";
-import * as i5 from "@angular/material/progress-bar";
-import * as i6 from "@angular/material/progress-spinner";
-import * as i7 from "@angular/material/core";
-import * as i8 from "@angular/material/icon";
+/**
+ * @deprecated import DbxProgressSpinnerButtonComponent, DbxProgressBarButtonComponent directly instead.
+ */
 export declare class DbxProgressButtonsModule {
-    static forRoot(config?: DbxProgressButtonGlobalConfig): ModuleWithProviders<DbxProgressButtonsModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxProgressButtonsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxProgressButtonsModule, [typeof i1.DbxSpinnerButtonComponent, typeof i2.DbxBarButtonComponent], [typeof i3.CommonModule, typeof i4.MatButtonModule, typeof i5.MatProgressBarModule, typeof i6.MatProgressSpinnerModule, typeof i7.MatRippleModule, typeof i8.MatIconModule], [typeof i1.DbxSpinnerButtonComponent, typeof i2.DbxBarButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxProgressButtonsModule, never, [typeof i1.DbxProgressSpinnerButtonComponent, typeof i2.DbxProgressBarButtonComponent], [typeof i1.DbxProgressSpinnerButtonComponent, typeof i2.DbxProgressBarButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxProgressButtonsModule>;
 }

package/lib/button/progress/button.progress.providers.d.ts

@@ -0,0 +1,9 @@
+import { EnvironmentProviders } from '@angular/core';
+import { DbxProgressButtonGlobalConfig } from './button.progress.config';
+/**
+ * Provides the global configuration for DbxProgressButtonComponent.
+ *
+ * @param config
+ * @returns
+ */
+export declare function provideDbxProgressButtonGlobalConfig(config: DbxProgressButtonGlobalConfig): EnvironmentProviders;

package/lib/button/progress/index.d.ts

@@ -2,3 +2,4 @@ export * from './bar.button.component';
 export * from './spinner.button.component';
 export * from './button.progress.module';
 export * from './button.progress.config';
+export * from './button.progress.providers';

package/lib/button/progress/spinner.button.component.d.ts

@@ -1,11 +1,22 @@
 import { ElementRef } from '@angular/core';
-import { AbstractProgressButtonDirective } from './base.progress.button.directive';
+import { AbstractProgressButtonDirective } from './abstract.progress.button.directive';
+import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
-export declare class DbxSpinnerButtonComponent extends AbstractProgressButtonDirective {
-    readonly buttonRef: ElementRef<HTMLElement>;
+export declare class DbxProgressSpinnerButtonComponent extends AbstractProgressButtonDirective {
+    readonly buttonRef: import("@angular/core").Signal<ElementRef<HTMLElement>>;
+    readonly buttonCssArraySignal: import("@angular/core").Signal<string[]>;
     readonly buttonCss$: import("rxjs").Observable<string>;
-    get showText(): boolean;
-    calcSpinnerSize(): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxSpinnerButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSpinnerButtonComponent, "dbx-spinner-button", never, {}, {}, never, ["*"], false, never>;
+    readonly spinnerSizeSignal: import("@angular/core").Signal<number>;
+    readonly buttonCssSignal: import("@angular/core").Signal<string | undefined>;
+    readonly showTextSignal: import("@angular/core").Signal<boolean>;
+    readonly showTextButtonIconSignal: import("@angular/core").Signal<false | Maybe<import("@dereekb/dbx-web").DbxProgressButtonIcon>>;
+    readonly showIconSignal: import("@angular/core").Signal<boolean | null | undefined>;
+    readonly customSpinnerStyleSignal: import("@angular/core").Signal<{
+        stroke: string;
+    } | undefined>;
+    readonly customSpinnerStyleClassSignal: import("@angular/core").Signal<{
+        'dbx-progress-spinner-custom': boolean;
+    } | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxProgressSpinnerButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxProgressSpinnerButtonComponent, "dbx-progress-spinner-button,dbx-spinner-button", never, {}, {}, never, ["*"], true, never>;
 }

package/lib/button/progress/spinner.button.component.scss

@@ -14,30 +14,50 @@
       justify-content: center;
     }
 
+    // icon only
     &.mat-mdc-button.mat-mdc-icon-button {
       // icon button fixes
       min-width: unset;
       --mdc-icon-button-icon-size: unset;
+      --mat-text-button-with-icon-horizontal-padding: 0px;
+      --mdc-icon-button-state-layer-size: 36px;
       border-radius: 50%; // sometimes the css order seems to be different, causing the button to lose its radius
+
+      .mat-mdc-progress-spinner {
+        // fix spinner size. Without this set the spinner will be off-center
+        // Angular Material pulls from this value for setting the spinner size when used in a button
+        --mdc-icon-button-icon-size: 36px;
+      }
+    }
+
+    // fab icon
+    &.mat-mdc-button.mat-mdc-icon-button.dbx-progress-spinner-fab {
+      height: 48px;
+      --mdc-icon-button-state-layer-size: 48px;
+
+      // fix fab icon size
+      .mat-mdc-progress-spinner {
+        --mdc-icon-button-icon-size: 48px;
+      }
     }
 
     &.fullWidth {
       width: 100%;
     }
 
-    .spinner {
+    .mat-mdc-progress-spinner {
       position: absolute;
-      // top: 25%;
       opacity: 0;
       transition: opacity 0.3s ease-in-out;
+
       &.working {
         opacity: 1;
       }
     }
 
-    // mat-spinners marked with dbx-spinner-custom should allow the stroke to be inherited.
-    .dbx-spinner-custom.mat-progress-spinner.mat-accent circle,
-    .dbx-spinner-custom.mat-spinner.mat-accent circle {
+    // mat-spinners marked with dbx-progress-spinner-custom should allow the stroke to be inherited.
+    .dbx-progress-spinner-custom.mat-progress-spinner.mat-accent circle,
+    .dbx-progress-spinner-custom.mat-mdc-progress-spinner.mat-accent circle {
       stroke: unset !important;
     }
 
@@ -53,11 +73,18 @@
       padding-right: 5px;
       transition: opacity 0.3s ease-in-out;
 
+      font-size: 1.125rem;
+      height: 1.125rem;
+      width: 1.125rem;
+
+      margin-right: var(--mat-protected-button-icon-spacing, 8px);
+      // margin-left: var(--mat-protected-button-icon-offset, -4px);
+
       &.is-mat-icon {
-        font-size: 18px;
         position: relative;
-        top: 3px;
+        left: 3px;
       }
+
       &.working {
         opacity: 0;
       }

package/lib/error/_error.scss

@@ -56,9 +56,9 @@ $error-message-button-margin: 12px;
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-error') {
-    $color: theming.get-color-config($theme-config);
-    $density: theming.get-density-config($theme-config);
-    $typography: theming.get-typography-config($theme-config);
+    $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);

package/lib/error/default.error.widget.component.d.ts

@@ -1,8 +1,8 @@
-import { ServerErrorResponseData } from '@dereekb/util';
+import { ServerError, ServerErrorResponseData } from '@dereekb/util';
 import { AbstractDbxErrorWidgetComponent } from './error.widget.directive';
 import * as i0 from "@angular/core";
-export declare class DbxErrorDefaultErrorWidgetComponent extends AbstractDbxErrorWidgetComponent {
+export declare class DbxErrorDefaultErrorWidgetComponent extends AbstractDbxErrorWidgetComponent<ServerError> {
     get serverErrorData(): ServerErrorResponseData | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxErrorDefaultErrorWidgetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorDefaultErrorWidgetComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorDefaultErrorWidgetComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/error/error.action.directive.d.ts

@@ -1,14 +1,14 @@
 import { OnInit } from '@angular/core';
 import { DbxActionContextStoreSourceInstance, AbstractSubscriptionDirective } from '@dereekb/dbx-core';
-import { DbxReadableErrorComponent } from './error.component';
+import { DbxErrorComponent } from './error.component';
 import * as i0 from "@angular/core";
 /**
  * Context used for linking an ReadableErrorComponent to an ActionContext.
  */
 export declare class DbxActionErrorDirective extends AbstractSubscriptionDirective implements OnInit {
-    readonly error: DbxReadableErrorComponent;
+    readonly error: DbxErrorComponent;
     readonly source: DbxActionContextStoreSourceInstance<any, any>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionErrorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionErrorDirective, "[dbxActionError]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionErrorDirective, "[dbxActionError]", never, {}, {}, never, never, true, never>;
 }

package/lib/error/error.component.d.ts

@@ -1,14 +1,11 @@
-import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { Maybe, ErrorInput, ReadableError } from '@dereekb/util';
-import { DbxPopoverService } from '../interaction/popover/popover.service';
-import { AbstractSubscriptionDirective, DbxInjectionComponentConfig } from '@dereekb/dbx-core';
+import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
 import { DbxErrorViewButtonEvent } from './error.view.component';
-import { DbxErrorWidgetService } from './error.widget.service';
 import { NgPopoverRef } from 'ng-overlay-container';
 import * as i0 from "@angular/core";
-type DbxReadableErrorComponentViewType = 'none' | 'default' | 'custom';
-interface DbxReadableErrorComponentState {
-    readonly viewType: DbxReadableErrorComponentViewType;
+type DbxErrorComponentViewType = 'none' | 'default' | 'custom';
+interface DbxErrorComponentState {
+    readonly viewType: DbxErrorComponentViewType;
     readonly isDefaultError?: Maybe<boolean>;
     readonly message?: Maybe<string>;
     readonly rawError?: Maybe<ErrorInput>;
@@ -18,26 +15,22 @@ interface DbxReadableErrorComponentState {
 /**
  * Root error component that displays content related to an error.
  */
-export declare class DbxReadableErrorComponent extends AbstractSubscriptionDirective {
-    readonly popoverService: DbxPopoverService;
-    readonly dbxErrorWidgetService: DbxErrorWidgetService;
-    readonly cdRef: ChangeDetectorRef;
-    readonly popoverOpen: EventEmitter<NgPopoverRef<any, any>>;
-    private _state;
-    private readonly _iconOnly;
-    private readonly _inputError;
-    readonly state$: import("rxjs").Observable<DbxReadableErrorComponentState>;
-    ngOnInit(): void;
-    protected get viewType(): DbxReadableErrorComponentViewType;
-    protected get isDefaultError(): Maybe<boolean>;
-    protected get message(): Maybe<string>;
-    protected get customView(): Maybe<DbxInjectionComponentConfig>;
-    get error(): Maybe<ErrorInput>;
-    set error(error: Maybe<ErrorInput>);
-    get iconOnly(): Maybe<boolean>;
-    set iconOnly(iconOnly: Maybe<boolean>);
-    protected openErrorPopover(event: DbxErrorViewButtonEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxReadableErrorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxReadableErrorComponent, "dbx-error", never, { "error": { "alias": "error"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; }, { "popoverOpen": "popoverOpen"; }, never, never, false, never>;
+export declare class DbxErrorComponent {
+    private readonly popoverService;
+    private readonly dbxErrorWidgetService;
+    readonly popoverOpened: import("@angular/core").OutputEmitterRef<NgPopoverRef<any, any>>;
+    readonly error: import("@angular/core").InputSignal<Maybe<ErrorInput>>;
+    readonly iconOnly: import("@angular/core").InputSignal<Maybe<boolean>>;
+    private readonly _errorOverrideSignal;
+    readonly errorSignal: import("@angular/core").Signal<Maybe<ErrorInput>>;
+    readonly state: import("@angular/core").Signal<DbxErrorComponentState>;
+    readonly viewTypeSignal: import("@angular/core").Signal<DbxErrorComponentViewType>;
+    readonly isDefaultErrorSignal: import("@angular/core").Signal<Maybe<boolean>>;
+    readonly messageSignal: import("@angular/core").Signal<Maybe<string>>;
+    readonly customViewSignal: import("@angular/core").Signal<Maybe<DbxInjectionComponentConfig<unknown>>>;
+    setError(error: Maybe<ErrorInput>): void;
+    openErrorPopover(event: DbxErrorViewButtonEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxErrorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorComponent, "dbx-error", never, { "error": { "alias": "error"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; }, { "popoverOpened": "popoverOpened"; }, never, never, true, never>;
 }
 export {};

package/lib/error/error.details.component.d.ts

@@ -1,7 +1,7 @@
 import { Maybe, ReadableError } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export declare class DbxErrorDetailsComponent {
-    error?: Maybe<ReadableError>;
+    readonly error: import("@angular/core").InputSignal<Maybe<ReadableError>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxErrorDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorDetailsComponent, "dbx-error-details", never, { "error": { "alias": "error"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorDetailsComponent, "dbx-error-details", never, { "error": { "alias": "error"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/error/error.loading.directive.d.ts

@@ -1,6 +1,6 @@
-import { LoadingContext } from '@dereekb/rxjs';
+import { LoadingContext, MaybeObservableOrValue } from '@dereekb/rxjs';
 import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
-import { DbxReadableErrorComponent } from './error.component';
+import { DbxErrorComponent } from './error.component';
 import * as i0 from "@angular/core";
 /**
  * Context used for linking an ReadableErrorComponent to a LoadingContext.
@@ -8,11 +8,11 @@ import * as i0 from "@angular/core";
  * The error from the context is given to the app error when available.
  */
 export declare class DbxLoadingErrorDirective extends AbstractSubscriptionDirective {
-    readonly error: DbxReadableErrorComponent;
-    /**
-     * Sets a LoadingContext that is watched for the loading state.
-     */
-    set context(context: LoadingContext);
+    readonly error: DbxErrorComponent;
+    readonly context: import("@angular/core").InputSignal<MaybeObservableOrValue<LoadingContext<import("@dereekb/rxjs").LoadingContextEvent>>>;
+    readonly context$: import("rxjs").Observable<import("dist/packages/util/src").Maybe<LoadingContext<import("@dereekb/rxjs").LoadingContextEvent>>>;
+    readonly contextSignal: import("@angular/core").Signal<import("dist/packages/util/src").Maybe<LoadingContext<import("@dereekb/rxjs").LoadingContextEvent>>>;
+    protected readonly _errorEffect: import("@angular/core").EffectRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxLoadingErrorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxLoadingErrorDirective, "[dbxLoadingError]", never, { "context": { "alias": "dbxLoadingError"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxLoadingErrorDirective, "[dbxLoadingError]", never, { "context": { "alias": "dbxLoadingError"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/error/error.module.d.ts

@@ -9,14 +9,11 @@ import * as i7 from "./error.popover.component";
 import * as i8 from "./error.details.component";
 import * as i9 from "./error.widget.component";
 import * as i10 from "./default.error.widget.component";
-import * as i11 from "@angular/common";
-import * as i12 from "../layout/text/text.module";
-import * as i13 from "@dereekb/dbx-core";
-import * as i14 from "../interaction/popover/popover.content.module";
-import * as i15 from "@angular/material/button";
-import * as i16 from "@angular/material/icon";
+/**
+ * @deprecated all components are now standalone
+ */
 export declare class DbxReadableErrorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxReadableErrorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxReadableErrorModule, [typeof i1.DbxReadableErrorComponent, typeof i2.DbxLoadingErrorDirective, typeof i3.DbxActionErrorDirective, typeof i4.DbxActionSnackbarErrorDirective, typeof i5.DbxErrorViewComponent, typeof i6.DbxErrorSnackbarComponent, typeof i7.DbxErrorPopoverComponent, typeof i8.DbxErrorDetailsComponent, typeof i9.DbxErrorWidgetViewComponent, typeof i10.DbxErrorDefaultErrorWidgetComponent], [typeof i11.CommonModule, typeof i12.DbxTextModule, typeof i13.DbxInjectionComponentModule, typeof i14.DbxPopoverInteractionContentModule, typeof i15.MatButtonModule, typeof i16.MatIconModule], [typeof i1.DbxReadableErrorComponent, typeof i2.DbxLoadingErrorDirective, typeof i3.DbxActionErrorDirective, typeof i4.DbxActionSnackbarErrorDirective, typeof i5.DbxErrorViewComponent, typeof i6.DbxErrorSnackbarComponent, typeof i7.DbxErrorPopoverComponent, typeof i8.DbxErrorDetailsComponent, typeof i9.DbxErrorWidgetViewComponent, typeof i10.DbxErrorDefaultErrorWidgetComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxReadableErrorModule, never, [typeof i1.DbxErrorComponent, typeof i2.DbxLoadingErrorDirective, typeof i3.DbxActionErrorDirective, typeof i4.DbxActionSnackbarErrorDirective, typeof i5.DbxErrorViewComponent, typeof i6.DbxErrorSnackbarComponent, typeof i7.DbxErrorPopoverComponent, typeof i8.DbxErrorDetailsComponent, typeof i9.DbxErrorWidgetViewComponent, typeof i10.DbxErrorDefaultErrorWidgetComponent], [typeof i1.DbxErrorComponent, typeof i2.DbxLoadingErrorDirective, typeof i3.DbxActionErrorDirective, typeof i4.DbxActionSnackbarErrorDirective, typeof i5.DbxErrorViewComponent, typeof i6.DbxErrorSnackbarComponent, typeof i7.DbxErrorPopoverComponent, typeof i8.DbxErrorDetailsComponent, typeof i9.DbxErrorWidgetViewComponent, typeof i10.DbxErrorDefaultErrorWidgetComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxReadableErrorModule>;
 }

package/lib/error/error.popover.component.d.ts

@@ -6,13 +6,13 @@ import { DbxPopoverService } from '../interaction/popover/popover.service';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_ERROR_POPOVER_KEY = "error";
 export interface DbxErrorPopoverConfig {
-    origin: ElementRef;
-    error: ReadableError;
+    readonly origin: ElementRef;
+    readonly error: ReadableError;
 }
 export declare class DbxErrorPopoverComponent extends AbstractPopoverDirective<void, ReadableError> {
-    get error(): ReadableError;
-    get code(): string | undefined;
-    static openPopover(popoverService: DbxPopoverService, { origin, error }: DbxErrorPopoverConfig, popoverKey?: DbxPopoverKey): import("ng-overlay-container").NgPopoverRef<import("@dereekb/dbx-web").DbxPopoverComponentConfig<unknown, ReadableError, DbxErrorPopoverComponent>, unknown>;
+    readonly error: ReadableError;
+    readonly code: string | undefined;
+    static openPopover(popoverService: DbxPopoverService, { origin, error }: DbxErrorPopoverConfig, popoverKey?: DbxPopoverKey): import("ng-overlay-container").NgPopoverRef<import("../interaction").DbxPopoverComponentConfig<unknown, ReadableError, DbxErrorPopoverComponent>, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxErrorPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorPopoverComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorPopoverComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/error/error.snackbar.action.directive.d.ts

@@ -13,5 +13,5 @@ export declare class DbxActionSnackbarErrorDirective extends AbstractSubscriptio
     config?: Maybe<DbxErrorSnackbarConfig> | Milliseconds | '';
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionSnackbarErrorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionSnackbarErrorDirective, "[dbxActionSnackbarError]", never, { "config": { "alias": "dbxActionSnackbarError"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionSnackbarErrorDirective, "[dbxActionSnackbarError]", never, { "config": { "alias": "dbxActionSnackbarError"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/error/error.snackbar.component.d.ts

@@ -1,39 +1,28 @@
-import { OnDestroy } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { MatSnackBar, MatSnackBarConfig, MatSnackBarRef } from '@angular/material/snack-bar';
 import { ErrorInput } from '@dereekb/util';
 import { NgPopoverRef } from 'ng-overlay-container';
 import * as i0 from "@angular/core";
 export type DbxErrorSnackbarConfig = Omit<MatSnackBarConfig<any>, 'data' | 'viewContainerRef'>;
 export interface DbxErrorSnackbarData<T extends ErrorInput = ErrorInput> {
-    /**
-     * The error being passed to the error view.
-     */
     readonly error: T;
-    /**
-     * Duration to show the error before closing while not interacting with the error view.
-     *
-     * While the error's info view is open the snackbar will not automatically be dismissed.
-     */
     readonly duration?: number;
 }
-/**
- * A snackbar orientation for an error.
- */
-export declare class DbxErrorSnackbarComponent implements OnDestroy {
+export declare class DbxErrorSnackbarComponent implements OnInit, OnDestroy {
     readonly snackBarRef: MatSnackBarRef<any>;
     readonly data: DbxErrorSnackbarData<ErrorInput>;
-    private _allowAutoDismiss;
-    private _popoverOpen;
-    private _autoDismissTimer;
-    private _popoverSub;
-    private _popoverSyncSub;
-    private _autoDismissSub;
-    get error(): ErrorInput;
+    readonly error: ErrorInput;
+    private readonly _popoverOpen;
+    private readonly _timer;
+    private readonly _allowAutoDismiss;
+    protected readonly _popoverSyncEffect: import("@angular/core").EffectRef;
+    private readonly _popoverAfterClosedSub;
+    private readonly _autoDismissSub;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static showErrorSnackbar(matSnackbar: MatSnackBar, error: ErrorInput, config?: DbxErrorSnackbarConfig): void;
-    errorPopoverOpen(popover: NgPopoverRef): void;
+    onPopoverOpened(popover: NgPopoverRef): void;
     dismiss(): void;
+    static showErrorSnackbar(matSnackbar: MatSnackBar, error: ErrorInput, config?: DbxErrorSnackbarConfig): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxErrorSnackbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorSnackbarComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorSnackbarComponent, "dbx-error-snackbar", never, {}, {}, never, never, true, never>;
 }

package/lib/error/error.snackbar.service.d.ts

@@ -2,6 +2,7 @@ import { MatSnackBar } from '@angular/material/snack-bar';
 import { ErrorInput, type Maybe } from '@dereekb/util';
 import { DbxErrorSnackbarConfig } from './error.snackbar.component';
 import * as i0 from "@angular/core";
+export declare const DEFAULT_DBX_ERROR_SNACKBAR_CONFIG: DbxErrorSnackbarConfig;
 /**
  * Service used to show errors in the snackbar.
  */

package/lib/error/error.view.component.d.ts

@@ -1,24 +1,22 @@
-import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
-import { type Maybe } from '@dereekb/util';
+import { ElementRef } from '@angular/core';
+import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export interface DbxErrorViewButtonEvent {
     readonly origin: ElementRef;
 }
 /**
- * The basic error view.
+ * The basic error view. Shows an info button and an error message.
  */
-export declare class DbxErrorViewComponent implements OnDestroy {
-    icon: string;
-    message?: Maybe<string>;
+export declare class DbxErrorViewComponent {
+    readonly icon: import("@angular/core").InputSignal<string>;
+    readonly message: import("@angular/core").InputSignal<Maybe<string>>;
     /**
      * Whether or not the error button is disabled.
      */
-    buttonDisabled?: Maybe<boolean>;
-    readonly buttonClick: EventEmitter<DbxErrorViewButtonEvent>;
-    buttonOrigin: ElementRef;
-    constructor();
-    ngOnDestroy(): void;
+    readonly buttonDisabled: import("@angular/core").InputSignal<Maybe<boolean>>;
+    readonly buttonClick: import("@angular/core").OutputEmitterRef<DbxErrorViewButtonEvent>;
+    readonly buttonOrigin: import("@angular/core").Signal<ElementRef<any>>;
     clickError(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxErrorViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorViewComponent, "dbx-error-view", never, { "icon": { "alias": "icon"; "required": false; }; "message": { "alias": "message"; "required": false; }; "buttonDisabled": { "alias": "buttonDisabled"; "required": false; }; }, { "buttonClick": "buttonClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorViewComponent, "dbx-error-view", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "buttonDisabled": { "alias": "buttonDisabled"; "required": false; "isSignal": true; }; }, { "buttonClick": "buttonClick"; }, never, never, true, never>;
 }

package/lib/error/error.widget.component.d.ts

@@ -1,5 +1,3 @@
-import { Observable } from 'rxjs';
-import { OnDestroy } from '@angular/core';
 import { Maybe, ReadableError } from '@dereekb/util';
 import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
 import { DbxErrorWidgetService } from './error.widget.service';
@@ -7,12 +5,10 @@ import * as i0 from "@angular/core";
 /**
  * Used to display a corresponding error widget based on the input data.
  */
-export declare class DbxErrorWidgetViewComponent implements OnDestroy {
+export declare class DbxErrorWidgetViewComponent {
     readonly dbxErrorWidgetService: DbxErrorWidgetService;
-    private _errorWithCode;
-    readonly config$: Observable<Maybe<DbxInjectionComponentConfig>>;
-    ngOnDestroy(): void;
-    set error(error: Maybe<ReadableError>);
+    readonly error: import("@angular/core").InputSignal<Maybe<ReadableError>>;
+    readonly errorWithCodeSignal: import("@angular/core").Signal<Maybe<DbxInjectionComponentConfig<unknown>>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxErrorWidgetViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorWidgetViewComponent, "dbx-error-widget-view", never, { "error": { "alias": "error"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorWidgetViewComponent, "dbx-error-widget-view", never, { "error": { "alias": "error"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/error/error.widget.service.d.ts

@@ -45,7 +45,7 @@ export type DbxErrorWidgetEntryWithPopupComponentClass = Omit<DbxErrorWidgetEntr
  * By default the DbxErrorDefaultErrorWidgetComponent is registered to both the default and unknown error entries.
  */
 export declare class DbxErrorWidgetService {
-    private _entries;
+    private readonly _entries;
     constructor();
     registerDefaultEntry(entry: Omit<DbxErrorWidgetEntry, 'errorComponentClass' | 'code'>): boolean;
     registerUnknownEntry(entry: Omit<DbxErrorWidgetEntry, 'errorComponentClass' | 'code'>): boolean;

package/lib/error/state.d.ts

@@ -1,6 +1,7 @@
 import { HttpErrorResponse } from '@angular/common/http';
 import { MonoTypeOperatorFunction } from 'rxjs';
-import { ActionCreator, TypedAction } from '@ngrx/store/src/models';
+import { ActionCreator } from '@ngrx/store/src/models';
+import { Action } from '@ngrx/store';
 import { ServerError } from '@dereekb/util';
 export interface ServerErrorParams {
     error: ServerError;
@@ -12,4 +13,4 @@ export declare function convertServerErrorParams(httpError: HttpErrorResponse |
 /**
  * Catches error server params and feeds them to an action that takes ServerErrorParams as a prop.
  */
-export declare function catchErrorServerParams<E extends ServerErrorParams, T extends string>(action: ActionCreator<T, (props: E) => E & TypedAction<T>>, mapError?: (error: ServerErrorParams) => E): MonoTypeOperatorFunction<E & TypedAction<T>>;
+export declare function catchErrorServerParams<E extends ServerErrorParams, T extends string>(action: ActionCreator<T, (props: E) => E & Action<T>>, mapError?: (error: ServerErrorParams) => E): MonoTypeOperatorFunction<E & Action<T>>;

package/lib/extension/calendar/_calendar.scss

@@ -150,33 +150,33 @@ $calendar-content-border-consideration: 2px;
 }
 
 @mixin color($theme-config) {
-  $color-config: theming.get-color-config($theme-config);
+  $color-config: theming.m2-get-color-config($theme-config);
   $primary: map.get($color-config, 'primary');
   $accent: map.get($color-config, 'accent');
   $warn: map.get($color-config, 'warn');
   $background: map.get($color-config, 'background');
   $foreground: map.get($color-config, 'foreground');
 
-  $background-color: theming.get-color-from-palette($background, 'background');
-  $hover-color: theming.get-color-from-palette($background, 'hover');
-  $focused-color: theming.get-color-from-palette($background, 'focused-button');
-  $border-color: theming.get-color-from-palette($foreground, 'divider');
-  $text-color: theming.get-color-from-palette($foreground, 'text');
+  $background-color: theming.m2-get-color-from-palette($background, 'background');
+  $hover-color: theming.m2-get-color-from-palette($background, 'hover');
+  $focused-color: theming.m2-get-color-from-palette($background, 'focused-button');
+  $border-color: theming.m2-get-color-from-palette($foreground, 'divider');
+  $text-color: theming.m2-get-color-from-palette($foreground, 'text');
 
-  $event-icon-color: theming.get-color-from-palette($primary, 600);
-  $event-bg-color: theming.get-color-from-palette($primary, 800);
-  $event-text-color: theming.get-color-from-palette($primary, '800-contrast');
-  $highlight-color: theming.get-color-from-palette($accent, 300);
-  $weekend-color: $text-color; // theming.get-color-from-palette($accent, 500);
-  $badge-color: theming.get-color-from-palette($accent, 500);
-  $current-time-marker-color: theming.get-color-from-palette($accent, 400);
+  $event-icon-color: theming.m2-get-color-from-palette($primary, 600);
+  $event-bg-color: theming.m2-get-color-from-palette($primary, 800);
+  $event-text-color: theming.m2-get-color-from-palette($primary, '800-contrast');
+  $highlight-color: theming.m2-get-color-from-palette($accent, 300);
+  $weekend-color: $text-color; // theming.m2-get-color-from-palette($accent, 500);
+  $badge-color: theming.m2-get-color-from-palette($accent, 500);
+  $current-time-marker-color: theming.m2-get-color-from-palette($accent, 400);
 
   $active-color: rgba($highlight-color, 0.3);
-  $selected-color: theming.get-color-from-palette($primary, '500-contrast');
-  $selected-background-color: transparentize(theming.get-color-from-palette($primary, 500), 0.4);
+  $selected-color: theming.m2-get-color-from-palette($primary, '500-contrast');
+  $selected-background-color: transparentize(theming.m2-get-color-from-palette($primary, 500), 0.4);
 
-  $disabled-color: theming.get-color-from-palette($warn, 500);
-  $disabled-background-color: theming.get-color-from-palette($background, 'background');
+  $disabled-color: theming.m2-get-color-from-palette($warn, 500);
+  $disabled-background-color: theming.m2-get-color-from-palette($background, 'background');
 
   $not-applicable-color: transparentize($text-color, 0.7);
   $not-applicable-background-color: $background-color;
@@ -211,9 +211,9 @@ $calendar-content-border-consideration: 2px;
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-calendar') {
-    $color: theming.get-color-config($theme-config);
-    $density: theming.get-density-config($theme-config);
-    $typography: theming.get-typography-config($theme-config);
+    $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);

package/lib/extension/download/text/download.text.component.d.ts

@@ -13,25 +13,27 @@ export declare class DbxDownloadTextViewComponent extends AbstractSubscriptionDi
     private readonly _clipboard;
     private readonly _matSnackbar;
     private readonly _sanitizer;
-    loadingText?: Maybe<string>;
-    linear?: Maybe<boolean>;
-    showTitle: boolean;
-    showPreview: boolean;
-    private readonly _downloadButton;
-    readonly downloadButton$: Observable<Maybe<ElementRef<any>>>;
-    private readonly _contentLoadingState;
-    readonly contentLoadingState$: Observable<LoadingState<DownloadTextContent>>;
+    readonly downloadButton: import("@angular/core").Signal<Maybe<ElementRef<any>>>;
+    readonly loadingText: import("@angular/core").InputSignal<Maybe<string>>;
+    readonly linear: import("@angular/core").InputSignal<Maybe<boolean>>;
+    readonly showTitle: import("@angular/core").InputSignal<boolean>;
+    readonly showPreview: import("@angular/core").InputSignal<boolean>;
+    readonly content: import("@angular/core").InputSignal<Maybe<DownloadTextContent>>;
+    readonly contentState: import("@angular/core").InputSignal<Maybe<LoadingState<DownloadTextContent>>>;
+    readonly contentLoadingStateSignal: import("@angular/core").Signal<Maybe<LoadingState<DownloadTextContent>>>;
+    readonly contentLoadingState$: Observable<Maybe<LoadingState<DownloadTextContent>>>;
     readonly content$: Observable<Maybe<DownloadTextContent>>;
     readonly contentData$: Observable<string | undefined>;
-    readonly context: import("@dereekb/rxjs").LoadingStateContextInstance<unknown, LoadingState<DownloadTextContent>>;
     readonly fileName$: Observable<string>;
     readonly fileUrl$: Observable<Maybe<SafeResourceUrl>>;
     readonly downloadReady$: Observable<boolean>;
-    set content(content: Maybe<DownloadTextContent>);
-    set contentState(contentState: Maybe<LoadingState<DownloadTextContent>>);
-    set downloadButton(downloadButton: ElementRef);
-    ngOnDestroy(): void;
+    readonly contentSignal: import("@angular/core").Signal<Maybe<DownloadTextContent>>;
+    readonly contentDataSignal: import("@angular/core").Signal<string | undefined>;
+    readonly fileNameSignal: import("@angular/core").Signal<string | undefined>;
+    readonly fileUrlSignal: import("@angular/core").Signal<Maybe<SafeResourceUrl>>;
+    readonly downloadReadySignal: import("@angular/core").Signal<boolean | undefined>;
+    readonly context: import("@dereekb/rxjs").MutableLoadingStateContext<unknown, LoadingState<DownloadTextContent>, import("@dereekb/rxjs").LoadingContextEvent & LoadingState<DownloadTextContent>>;
     readonly handleCopyToClipboard: WorkUsingObservable;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDownloadTextViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDownloadTextViewComponent, "dbx-download-text-view", never, { "loadingText": { "alias": "loadingText"; "required": false; }; "linear": { "alias": "linear"; "required": false; }; "showTitle": { "alias": "showTitle"; "required": false; }; "showPreview": { "alias": "showPreview"; "required": false; }; "content": { "alias": "content"; "required": false; }; "contentState": { "alias": "contentState"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDownloadTextViewComponent, "dbx-download-text-view", never, { "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "showTitle": { "alias": "showTitle"; "required": false; "isSignal": true; }; "showPreview": { "alias": "showPreview"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; "contentState": { "alias": "contentState"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }