@dereekb/dbx-web 11.1.8 → 12.0.0

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

@@ -2,7 +2,6 @@ import { OnDestroy, OnInit } from '@angular/core';
 import { AbstractPromptConfirmDirective } from '../interaction/prompt/prompt.confirm.directive';
 import { DbxPromptConfirmConfig } from '../interaction/prompt/prompt.confirm.component';
 import { DbxActionContextStoreSourceInstance } from '@dereekb/dbx-core';
-import { type Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 /**
  * DbxActionConfirmDirective configuration.
@@ -11,7 +10,7 @@ export interface DbxActionConfirmConfig<T = unknown> extends DbxPromptConfirmCon
     /**
      * Optionally set the readyValue passed to the instance.
      */
-    readyValue?: T;
+    readonly readyValue?: T;
 }
 /**
  * Directive that when triggered shows a dialog to accept or reject.
@@ -21,11 +20,11 @@ export interface DbxActionConfirmConfig<T = unknown> extends DbxPromptConfirmCon
  */
 export declare class DbxActionConfirmDirective<T = unknown, O = unknown> extends AbstractPromptConfirmDirective implements OnInit, OnDestroy {
     readonly source: DbxActionContextStoreSourceInstance<T, O>;
-    config?: Maybe<DbxActionConfirmConfig<T>>;
-    private _sourceSubscription;
+    readonly dbxActionConfirm: import("@angular/core").InputSignal<DbxActionConfirmConfig<T> | undefined>;
+    private readonly _sourceSubscription;
     ngOnInit(): void;
     ngOnDestroy(): void;
     protected _handleDialogResult(result: boolean): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionConfirmDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionConfirmDirective<any, any>, "[dbxActionConfirm]", never, { "config": { "alias": "dbxActionConfirm"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionConfirmDirective<any, any>, "[dbxActionConfirm]", never, { "dbxActionConfirm": { "alias": "dbxActionConfirm"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/action/action.module.d.ts

@@ -1,15 +1,12 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./key.trigger.directive";
-import * as i2 from "./action.confirm.directive";
-import * as i3 from "@angular/common";
-import * as i4 from "@dereekb/dbx-core";
-import * as i5 from "../button/button.module";
-import * as i6 from "@angular/material/snack-bar";
-import * as i7 from "@angular/material/dialog";
-import * as i8 from "@angular/material/button";
-import * as i9 from "../interaction/prompt/prompt.module";
+import * as i1 from "@dereekb/dbx-core";
+import * as i2 from "./key.trigger.directive";
+import * as i3 from "./action.confirm.directive";
+/**
+ * Provides all base dbxAction-related components from both @dereekb/core and @dereekb/web.
+ */
 export declare class DbxActionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxActionModule, [typeof i1.DbxActionKeyTriggerDirective, typeof i2.DbxActionConfirmDirective], [typeof i3.CommonModule, typeof i4.DbxCoreActionModule, typeof i5.DbxButtonModule, typeof i6.MatSnackBarModule, typeof i7.MatDialogModule, typeof i8.MatButtonModule, typeof i9.DbxPromptModule], [typeof i4.DbxCoreActionModule, typeof i1.DbxActionKeyTriggerDirective, typeof i2.DbxActionConfirmDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxActionModule, never, [typeof i1.DbxCoreActionModule, typeof i1.DbxActionButtonDirective, typeof i2.DbxActionKeyTriggerDirective, typeof i3.DbxActionConfirmDirective], [typeof i1.DbxCoreActionModule, typeof i1.DbxActionButtonDirective, typeof i2.DbxActionKeyTriggerDirective, typeof i3.DbxActionConfirmDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxActionModule>;
 }

package/lib/action/key.trigger.directive.d.ts

@@ -12,5 +12,5 @@ export declare class DbxActionKeyTriggerDirective<T = unknown, O = unknown> {
     get key(): string;
     onKeyupHandler(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionKeyTriggerDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionKeyTriggerDirective<any, any>, "[dbxActionKeyTrigger]", never, { "inputKey": { "alias": "dbxActionKeyTrigger"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionKeyTriggerDirective<any, any>, "[dbxActionKeyTrigger]", never, { "inputKey": { "alias": "dbxActionKeyTrigger"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/action/snackbar/_snackbar.scss

@@ -18,9 +18,9 @@
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-action-snackbar') {
-    $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/action/snackbar/action.snackbar.component.d.ts

@@ -1,34 +1,35 @@
 import { OnInit, OnDestroy, AfterViewInit } from '@angular/core';
 import { LoadingStateType } from '@dereekb/rxjs';
-import { Observable } from 'rxjs';
 import { MatSnackBarRef } from '@angular/material/snack-bar';
 import { type Maybe } from '@dereekb/util';
 import { DbxActionSnackbarDisplayConfig, DbxActionSnackbarActionConfig } from './action.snackbar';
-import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
+import { AbstractSubscriptionDirective, DbxActionSuccessHandlerFunction } from '@dereekb/dbx-core';
 import * as i0 from "@angular/core";
 /**
  * Component for a snackbar that contains an action.
  */
 export declare class DbxActionSnackbarComponent extends AbstractSubscriptionDirective implements OnInit, AfterViewInit, OnDestroy {
     readonly snackbarRef: MatSnackBarRef<any>;
-    readonly data: DbxActionSnackbarDisplayConfig<unknown, unknown>;
+    readonly snackbarData: DbxActionSnackbarDisplayConfig<unknown, unknown>;
     private readonly _durationTimeout;
     private readonly _actionRef;
-    readonly value$: Observable<number>;
-    readonly sourceInstance$: Observable<import("@dereekb/dbx-core").DbxActionContextStoreSourceInstance<unknown, unknown>>;
-    readonly complete$: Observable<boolean>;
-    readonly loadingStateType$: Observable<LoadingStateType>;
-    readonly snackbarStatusClass$: Observable<string>;
+    readonly sourceInstance$: import("rxjs").Observable<import("@dereekb/dbx-core").DbxActionContextStoreSourceInstance<unknown, unknown>>;
+    readonly complete$: import("rxjs").Observable<boolean>;
+    readonly loadingStateType$: import("rxjs").Observable<LoadingStateType>;
+    readonly sourceInstanceSignal: import("@angular/core").Signal<import("@dereekb/dbx-core").DbxActionContextStoreSourceInstance<unknown, unknown> | undefined>;
+    readonly completeSignal: import("@angular/core").Signal<boolean | undefined>;
+    readonly loadingStateTypeSignal: import("@angular/core").Signal<LoadingStateType | undefined>;
+    readonly snackbarStatusClassSignal: import("@angular/core").Signal<string>;
     readonly button: Maybe<string>;
-    get action(): DbxActionSnackbarActionConfig<unknown, unknown> | undefined;
-    get hasAction(): boolean;
-    get message(): Maybe<string>;
-    get actionConfig(): Maybe<DbxActionSnackbarActionConfig>;
+    readonly action: Maybe<DbxActionSnackbarActionConfig>;
+    readonly hasAction: boolean;
+    readonly message: Maybe<string>;
+    readonly actionConfig: Maybe<DbxActionSnackbarActionConfig>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngAfterViewInit(): void;
-    dismissAfterActionCompletes: () => void;
+    dismissAfterActionCompletes: DbxActionSuccessHandlerFunction;
     dismiss: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionSnackbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxActionSnackbarComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxActionSnackbarComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

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

@@ -1,7 +1,7 @@
 import { OnInit } from '@angular/core';
 import { AbstractSubscriptionDirective, DbxActionContextStoreSourceInstance } from '@dereekb/dbx-core';
 import { type Maybe } from '@dereekb/util';
-import { DbxActionSnackbarDisplayConfig, DbxActionSnackbarEvent, DbxActionSnackbarType } from './action.snackbar';
+import { DbxActionSnackbarDisplayConfig, DbxActionSnackbarEvent } from './action.snackbar';
 import { DbxActionSnackbarService } from './action.snackbar.service';
 import { DbxActionSnackbarDisplayConfigGeneratorFunction, DbxActionSnackbarGeneratorUndoInput } from './action.snackbar.generator';
 import * as i0 from "@angular/core";
@@ -11,14 +11,12 @@ import * as i0 from "@angular/core";
 export declare class DbxActionSnackbarDirective<T = unknown, O = unknown> extends AbstractSubscriptionDirective implements OnInit {
     readonly source: DbxActionContextStoreSourceInstance<T, O>;
     readonly dbxActionSnackbarService: DbxActionSnackbarService<any>;
-    private _snackbarFunction?;
-    get snackbarFunction(): Maybe<DbxActionSnackbarDisplayConfigGeneratorFunction>;
-    set snackbarFunction(snackbarFunction: Maybe<'' | DbxActionSnackbarDisplayConfigGeneratorFunction>);
-    dbxActionSnackbarDefault?: Maybe<DbxActionSnackbarType>;
-    dbxActionSnackbarUndo?: DbxActionSnackbarGeneratorUndoInput<T, O>;
+    readonly dbxActionSnackbarDefault: import("@angular/core").InputSignal<Maybe<string>>;
+    readonly dbxActionSnackbarUndo: import("@angular/core").InputSignal<Maybe<DbxActionSnackbarGeneratorUndoInput<T, O>>>;
+    readonly dbxActionSnackbar: import("@angular/core").InputSignal<Maybe<DbxActionSnackbarDisplayConfigGeneratorFunction>>;
     ngOnInit(): void;
     protected buildConfigurationForEvent(event: DbxActionSnackbarEvent<O>): Maybe<DbxActionSnackbarDisplayConfig<T, O>>;
     protected showSnackbarForConfiguration(config: DbxActionSnackbarDisplayConfig<T, O>, event: DbxActionSnackbarEvent<O>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionSnackbarDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionSnackbarDirective<any, any>, "[dbxActionSnackbar]", never, { "snackbarFunction": { "alias": "dbxActionSnackbar"; "required": false; }; "dbxActionSnackbarDefault": { "alias": "dbxActionSnackbarDefault"; "required": false; }; "dbxActionSnackbarUndo": { "alias": "dbxActionSnackbarUndo"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionSnackbarDirective<any, any>, "[dbxActionSnackbar]", never, { "dbxActionSnackbarDefault": { "alias": "dbxActionSnackbarDefault"; "required": false; "isSignal": true; }; "dbxActionSnackbarUndo": { "alias": "dbxActionSnackbarUndo"; "required": false; "isSignal": true; }; "dbxActionSnackbar": { "alias": "dbxActionSnackbar"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/action/snackbar/action.snackbar.generator.d.ts

@@ -2,26 +2,26 @@ import { DbxActionContextSourceReference } from '@dereekb/dbx-core';
 import { Milliseconds, Maybe, GetterOrValue, Getter } from '@dereekb/util';
 import { DbxActionSnackbarDisplayConfig, DbxActionSnackbarEvent } from './action.snackbar';
 export interface DbxActionSnackbarGeneratorInput<T = unknown, O = unknown> {
-    event: DbxActionSnackbarEvent<O>;
-    undo?: Maybe<DbxActionSnackbarGeneratorUndoInput<T, O>>;
+    readonly event: DbxActionSnackbarEvent<O>;
+    readonly undo?: Maybe<DbxActionSnackbarGeneratorUndoInput<T, O>>;
 }
 export type DbxActionSnackbarGeneratorUndoInput<T = unknown, O = unknown> = Getter<DbxActionContextSourceReference<T, O>> | DbxActionSnackbarGeneratorUndoInputConfig<T, O>;
 export interface DbxActionSnackbarGeneratorUndoInputConfig<T = unknown, O = unknown> {
-    duration?: Milliseconds;
-    getUndoAction: Getter<DbxActionContextSourceReference<T, O>>;
+    readonly duration?: Milliseconds;
+    readonly getUndoAction: Getter<DbxActionContextSourceReference<T, O>>;
 }
 export type DbxActionSnackbarDisplayConfigGeneratorFunction = <T = unknown, O = unknown>(input: DbxActionSnackbarGeneratorInput<T, O>) => Maybe<DbxActionSnackbarDisplayConfig<T, O>>;
 export interface DbxMakeActionSnackbarGeneratorConfiguration {
-    idle?: GetterOrValue<DbxMakeActionSnackbarGeneratorEventConfiguration>;
-    loading?: GetterOrValue<DbxMakeActionSnackbarGeneratorEventConfiguration>;
-    success?: GetterOrValue<DbxMakeActionSnackbarGeneratorEventConfiguration>;
-    error?: GetterOrValue<DbxMakeActionSnackbarGeneratorEventConfiguration>;
+    readonly idle?: GetterOrValue<DbxMakeActionSnackbarGeneratorEventConfiguration>;
+    readonly loading?: GetterOrValue<DbxMakeActionSnackbarGeneratorEventConfiguration>;
+    readonly success?: GetterOrValue<DbxMakeActionSnackbarGeneratorEventConfiguration>;
+    readonly error?: GetterOrValue<DbxMakeActionSnackbarGeneratorEventConfiguration>;
 }
 export interface DbxMakeActionSnackbarGeneratorEventConfiguration extends Omit<DbxActionSnackbarDisplayConfig, 'action'> {
     /**
      * Sets the undo action text. If undefined, will default to 'undo'
      */
-    undoButtonText?: string;
+    readonly undoButtonText?: string;
 }
 /**
  * Creates a DbxActionSnackbarDisplayConfigGeneratorFunction from the input config.

package/lib/action/snackbar/action.snackbar.module.d.ts

@@ -1,13 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./action.snackbar.component";
 import * as i2 from "./action.snackbar.directive";
-import * as i3 from "@angular/common";
-import * as i4 from "../../layout/style/style.layout.module";
-import * as i5 from "@dereekb/dbx-core";
-import * as i6 from "../../interaction/prompt/prompt.module";
-import * as i7 from "../../button/button.module";
 export declare class DbxActionSnackbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionSnackbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxActionSnackbarModule, [typeof i1.DbxActionSnackbarComponent, typeof i2.DbxActionSnackbarDirective], [typeof i3.CommonModule, typeof i4.DbxStyleLayoutModule, typeof i5.DbxCoreActionModule, typeof i6.DbxPromptModule, typeof i7.DbxButtonModule], [typeof i1.DbxActionSnackbarComponent, typeof i2.DbxActionSnackbarDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxActionSnackbarModule, never, [typeof i1.DbxActionSnackbarComponent, typeof i2.DbxActionSnackbarDirective], [typeof i1.DbxActionSnackbarComponent, typeof i2.DbxActionSnackbarDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxActionSnackbarModule>;
 }

package/lib/action/transition/action.transition.module.d.ts

@@ -1,18 +1,19 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./transition.safety.directive";
 import * as i2 from "./transition.safety.dialog.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@dereekb/dbx-core";
-import * as i5 from "../../interaction/prompt/prompt.module";
-import * as i6 from "../../button/button.module";
-import * as i7 from "../../error/error.module";
 /**
  * Provides the DbxActionUIRouterTransitionSafetyDirective.
  *
  * NOTE: Only works with UIRouter
+ *
+ * @deprecated import the standalone components directly
+ *
+ * @see DbxActionUIRouterTransitionSafetyDirective
+ * @see DbxActionUIRouterTransitionSafetyDialogComponent
+ 
  */
 export declare class DbxActionUIRouterTransitionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionUIRouterTransitionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxActionUIRouterTransitionModule, [typeof i1.DbxActionTransitionSafetyDirective, typeof i2.DbxActionUIRouterTransitionSafetyDialogComponent], [typeof i3.CommonModule, typeof i4.DbxCoreActionModule, typeof i5.DbxPromptModule, typeof i6.DbxButtonModule, typeof i7.DbxReadableErrorModule], [typeof i1.DbxActionTransitionSafetyDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxActionUIRouterTransitionModule, never, [typeof i1.DbxActionTransitionSafetyDirective, typeof i2.DbxActionUIRouterTransitionSafetyDialogComponent], [typeof i1.DbxActionTransitionSafetyDirective, typeof i2.DbxActionUIRouterTransitionSafetyDialogComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxActionUIRouterTransitionModule>;
 }

package/lib/action/transition/transition.safety.dialog.component.d.ts

@@ -1,19 +1,15 @@
 import { OnInit } from '@angular/core';
-import { DbxPromptConfirmConfig, AbstractDialogDirective } from '../../interaction';
+import { AbstractDialogDirective } from '../../interaction/dialog/abstract.dialog.directive';
+import { DbxPromptConfirmConfig } from '../../interaction/prompt/prompt.confirm.component';
 import * as i0 from "@angular/core";
-export declare enum DbxActionTransitionSafetyDialogResult {
-    SUCCESS = 0,
-    STAY = 1,
-    DISCARD = 2,
-    NONE = 3
-}
+export type DbxActionTransitionSafetyDialogResult = 'success' | 'stay' | 'discard' | 'none';
 /**
  * Dialog that is shown/triggered as part of the DbxActionTransitionSafety
  */
 export declare class DbxActionUIRouterTransitionSafetyDialogComponent extends AbstractDialogDirective implements OnInit {
-    config: DbxPromptConfirmConfig;
+    readonly config: DbxPromptConfirmConfig;
     confirm(): void;
     cancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionUIRouterTransitionSafetyDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxActionUIRouterTransitionSafetyDialogComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxActionUIRouterTransitionSafetyDialogComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/action/transition/transition.safety.directive.d.ts

@@ -1,8 +1,9 @@
 import { OnInit, OnDestroy, ViewContainerRef } from '@angular/core';
 import { MatDialog } from '@angular/material/dialog';
 import { HookResult, Transition, TransitionService } from '@uirouter/core';
-import { Observable } from 'rxjs';
+import { Observable, BehaviorSubject } from 'rxjs';
 import { DbxActionContextStoreSourceInstance } from '@dereekb/dbx-core';
+import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 /**
  * How to handle transitions.
@@ -21,22 +22,24 @@ export type DbxActionTransitionSafetyType = 'none' | 'dialog' | 'auto';
  * NOTE: This dialog only works for uirouter.
  */
 export declare class DbxActionTransitionSafetyDirective<T, O> implements OnInit, OnDestroy {
+    protected readonly _safetyType: BehaviorSubject<Maybe<DbxActionTransitionSafetyType>>;
+    readonly dbxActionTransitionSafety: import("@angular/core").InputSignal<DbxActionTransitionSafetyType | undefined>;
     protected readonly transitionService: TransitionService;
     protected readonly viewContainerRef: ViewContainerRef;
     protected readonly dialog: MatDialog;
     readonly source: DbxActionContextStoreSourceInstance<T, O>;
-    inputSafetyType?: DbxActionTransitionSafetyType;
-    private _dialogRef?;
+    readonly safetyType$: Observable<"dialog" | "auto" | "none">;
+    protected readonly _dbxActionTransitionSafetyUpdateEffect: import("@angular/core").EffectRef;
+    private _currentDialogRef?;
     private stopWatchingTransition?;
-    get safetyType(): DbxActionTransitionSafetyType;
-    private get _destroyed();
+    private checkIsDestroyed;
     ngOnInit(): void;
     ngOnDestroy(): void;
     protected _handleOnBeforeTransition(transition: Transition): HookResult;
-    protected _handleIsModifiedState(transition: Transition): Observable<HookResult>;
+    protected _handleIsModifiedState(transition: Transition, safetyType: DbxActionTransitionSafetyType): Observable<HookResult>;
     private _autoTrigger;
     private _showDialog;
     private _closeDialog;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionTransitionSafetyDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionTransitionSafetyDirective<any, any>, "[dbxActionTransitionSafety]", never, { "inputSafetyType": { "alias": "dbxActionTransitionSafety"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionTransitionSafetyDirective<any, any>, "[dbxActionTransitionSafety]", never, { "dbxActionTransitionSafety": { "alias": "dbxActionTransitionSafety"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/button/_button.scss

@@ -130,9 +130,9 @@ $big-button-height: 46px; // 33% bigger
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-button') {
-    $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/button/button.component.d.ts

@@ -1,8 +1,6 @@
-import { ThemePalette } from '@angular/material/core';
 import { AbstractDbxButtonDirective } from '@dereekb/dbx-core';
 import { type Maybe } from '@dereekb/util';
-import { DbxProgressButtonOptions } from './progress/button.progress.config';
-import { DbxThemeColor } from '../layout/style/style';
+import { DbxProgressButtonConfig } from './progress/button.progress.config';
 import * as i0 from "@angular/core";
 export type DbxButtonType = 'basic' | 'raised' | 'stroked' | 'flat' | 'icon';
 /**
@@ -18,23 +16,20 @@ export declare enum DbxButtonDisplayType {
  * Complex button that supports loading states.
  */
 export declare class DbxButtonComponent extends AbstractDbxButtonDirective {
-    type?: DbxButtonType;
-    get basic(): boolean;
-    set basic(basic: boolean);
-    get raised(): boolean;
-    set raised(raised: boolean);
-    get stroked(): boolean;
-    set stroked(stroked: boolean);
-    get flat(): boolean;
-    set flat(flat: boolean);
-    get iconOnly(): boolean;
-    set iconOnly(iconOnly: boolean);
-    color: ThemePalette | DbxThemeColor;
-    spinnerColor: ThemePalette | DbxThemeColor;
-    customButtonColor: Maybe<string>;
-    customTextColor: Maybe<string>;
-    customSpinnerColor: Maybe<string>;
-    get btnOptions(): DbxProgressButtonOptions;
+    readonly type: import("@angular/core").InputSignal<Maybe<DbxButtonType>>;
+    readonly color: import("@angular/core").InputSignal<"primary" | "accent" | "warn" | "notice" | "ok" | "success" | "grey" | "background" | "disabled" | undefined>;
+    readonly spinnerColor: import("@angular/core").InputSignal<"primary" | "accent" | "warn" | "notice" | "ok" | "success" | "grey" | "background" | "disabled" | undefined>;
+    readonly customButtonColor: import("@angular/core").InputSignal<Maybe<string>>;
+    readonly customTextColor: import("@angular/core").InputSignal<Maybe<string>>;
+    readonly customSpinnerColor: import("@angular/core").InputSignal<Maybe<string>>;
+    readonly basic: import("@angular/core").InputSignalWithTransform<boolean, Maybe<boolean | "">>;
+    readonly raised: import("@angular/core").InputSignalWithTransform<boolean, Maybe<boolean | "">>;
+    readonly stroked: import("@angular/core").InputSignalWithTransform<boolean, Maybe<boolean | "">>;
+    readonly flat: import("@angular/core").InputSignalWithTransform<boolean, Maybe<boolean | "">>;
+    readonly iconOnly: import("@angular/core").InputSignalWithTransform<boolean, Maybe<boolean | "">>;
+    readonly fab: import("@angular/core").InputSignalWithTransform<boolean, Maybe<boolean | "">>;
+    readonly typeSignal: import("@angular/core").Signal<"flat" | "icon" | "basic" | "raised" | "stroked">;
+    readonly configSignal: import("@angular/core").Signal<DbxProgressButtonConfig>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxButtonComponent, "dbx-button", never, { "type": { "alias": "type"; "required": false; }; "basic": { "alias": "basic"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; "stroked": { "alias": "stroked"; "required": false; }; "flat": { "alias": "flat"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "color": { "alias": "color"; "required": false; }; "spinnerColor": { "alias": "spinnerColor"; "required": false; }; "customButtonColor": { "alias": "customButtonColor"; "required": false; }; "customTextColor": { "alias": "customTextColor"; "required": false; }; "customSpinnerColor": { "alias": "customSpinnerColor"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxButtonComponent, "dbx-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "spinnerColor": { "alias": "spinnerColor"; "required": false; "isSignal": true; }; "customButtonColor": { "alias": "customButtonColor"; "required": false; "isSignal": true; }; "customTextColor": { "alias": "customTextColor"; "required": false; "isSignal": true; }; "customSpinnerColor": { "alias": "customSpinnerColor"; "required": false; "isSignal": true; }; "basic": { "alias": "basic"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "stroked": { "alias": "stroked"; "required": false; "isSignal": true; }; "flat": { "alias": "flat"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "fab": { "alias": "fab"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,12 +1,15 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./button.component";
-import * as i2 from "./button.spacer.component";
-import * as i3 from "@angular/common";
-import * as i4 from "./progress/button.progress.module";
-import * as i5 from "@dereekb/dbx-core";
-import * as i6 from "./icon/icon.button.module";
+import * as i1 from "@dereekb/dbx-core";
+import * as i2 from "./icon/icon.button.component";
+import * as i3 from "./button.component";
+import * as i4 from "./button.spacer.directive";
+import * as i5 from "./progress/spinner.button.component";
+import * as i6 from "./progress/bar.button.component";
+/**
+ * Provides all base @dereekb/dbx-core and @dereekb/dbx-web button components.
+ */
 export declare class DbxButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxButtonModule, [typeof i1.DbxButtonComponent, typeof i2.DbxButtonSpacerDirective], [typeof i3.CommonModule, typeof i4.DbxProgressButtonsModule], [typeof i5.DbxCoreButtonModule, typeof i4.DbxProgressButtonsModule, typeof i6.DbxIconButtonModule, typeof i1.DbxButtonComponent, typeof i2.DbxButtonSpacerDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxButtonModule, never, [typeof i1.DbxCoreButtonModule, typeof i2.DbxIconButtonComponent, typeof i3.DbxButtonComponent, typeof i4.DbxButtonSpacerDirective, typeof i5.DbxProgressSpinnerButtonComponent, typeof i6.DbxProgressBarButtonComponent], [typeof i1.DbxCoreButtonModule, typeof i2.DbxIconButtonComponent, typeof i3.DbxButtonComponent, typeof i4.DbxButtonSpacerDirective, typeof i5.DbxProgressSpinnerButtonComponent, typeof i6.DbxProgressBarButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxButtonModule>;
 }

package/lib/button/{button.spacer.component.d.ts → button.spacer.directive.d.ts}

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxButtonSpacerDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxButtonSpacerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxButtonSpacerDirective, "dbx-button-spacer,[dbxButtonSpacer]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxButtonSpacerDirective, "dbx-button-spacer,[dbxButtonSpacer]", never, {}, {}, never, never, true, never>;
 }

package/lib/button/icon/icon.button.component.d.ts

@@ -5,5 +5,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxIconButtonComponent extends AbstractDbxButtonDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxIconButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxIconButtonComponent, "dbx-icon-button", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxIconButtonComponent, "dbx-icon-button", never, {}, {}, never, ["*"], true, never>;
 }

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

@@ -1,10 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./icon.button.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/material/button";
-import * as i4 from "@angular/material/icon";
+/**
+ * @deprecated import DbxIconButtonComponent directly instead.
+ */
 export declare class DbxIconButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxIconButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxIconButtonModule, [typeof i1.DbxIconButtonComponent], [typeof i2.CommonModule, typeof i3.MatButtonModule, typeof i4.MatIconModule], [typeof i1.DbxIconButtonComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxIconButtonModule, never, [typeof i1.DbxIconButtonComponent], [typeof i1.DbxIconButtonComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxIconButtonModule>;
 }

package/lib/button/index.d.ts

@@ -1,5 +1,5 @@
 export * from './icon';
 export * from './progress';
 export * from './button.component';
-export * from './button.spacer.component';
+export * from './button.spacer.directive';
 export * from './button.module';

package/lib/button/progress/abstract.progress.button.directive.d.ts

@@ -0,0 +1,25 @@
+import { OnDestroy, Signal } from '@angular/core';
+import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
+import { type Maybe } from '@dereekb/util';
+import { DbxProgressButtonConfig } from './button.progress.config';
+import * as i0 from "@angular/core";
+export declare abstract class AbstractProgressButtonDirective extends AbstractSubscriptionDirective implements OnDestroy {
+    private readonly globalConfig;
+    readonly btnClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
+    readonly config: import("@angular/core").InputSignal<Maybe<DbxProgressButtonConfig>>;
+    readonly buttonId: import("@angular/core").InputSignal<Maybe<string>>;
+    readonly working: import("@angular/core").InputSignal<Maybe<boolean>>;
+    readonly disabled: import("@angular/core").InputSignal<Maybe<boolean>>;
+    readonly globalOptionsSignal: Signal<Maybe<DbxProgressButtonConfig>>;
+    readonly configSignal: Signal<Maybe<DbxProgressButtonConfig>>;
+    readonly baseCssClassSignal: Signal<string[]>;
+    readonly baseCssClasses$: import("rxjs").Observable<string[]>;
+    readonly workingSignal: Signal<boolean>;
+    readonly disabledSignal: Signal<boolean>;
+    readonly buttonTypeAttributeSignal: Signal<Maybe<string>>;
+    readonly buttonDisabledSignal: Signal<boolean>;
+    readonly showProgressSignal: Signal<boolean>;
+    handleClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractProgressButtonDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractProgressButtonDirective, never, never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "buttonId": { "alias": "buttonId"; "required": false; "isSignal": true; }; "working": { "alias": "working"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "btnClick": "btnClick"; }, never, never, false, never>;
+}

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

@@ -1,7 +1,8 @@
-import { AbstractProgressButtonDirective } from './base.progress.button.directive';
+import { AbstractProgressButtonDirective } from './abstract.progress.button.directive';
 import * as i0 from "@angular/core";
-export declare class DbxBarButtonComponent extends AbstractProgressButtonDirective {
+export declare class DbxProgressBarButtonComponent extends AbstractProgressButtonDirective {
     readonly buttonCss$: import("rxjs").Observable<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbxBarButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxBarButtonComponent, "dbx-bar-button", never, {}, {}, never, ["*"], false, never>;
+    readonly buttonCssSignal: import("@angular/core").Signal<string | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxProgressBarButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxProgressBarButtonComponent, "dbx-progress-bar-button,dbx-bar-button", never, {}, {}, never, ["*"], true, never>;
 }

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

@@ -1,5 +1,5 @@
 :host {
-  > button.dbx-bar-button.mdc-button.mat-mdc-button {
+  > button.dbx-progress-bar-button.mdc-button.mat-mdc-button {
     &.working {
       cursor: not-allowed;
     }

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

@@ -3,49 +3,77 @@ import { ThemePalette } from '@angular/material/core';
 import { ProgressSpinnerMode } from '@angular/material/progress-spinner';
 import { type Maybe } from '@dereekb/util';
 import { DbxThemeColor } from '../../layout/style/style';
-export interface DbxProgressButtonOptions {
-    working?: boolean;
-    text?: string;
-    spinnerText?: string;
-    buttonColor?: ThemePalette | DbxThemeColor;
-    spinnerColor?: ThemePalette | DbxThemeColor;
-    barColor?: ThemePalette | DbxThemeColor;
-    raised?: boolean;
-    stroked?: boolean;
-    flat?: boolean;
-    fab?: boolean;
+import { DbxButtonType } from '../button.component';
+export interface DbxProgressButtonConfig {
+    readonly working?: Maybe<boolean>;
+    readonly text?: Maybe<string>;
+    readonly spinnerText?: Maybe<string>;
+    readonly buttonColor?: Maybe<ThemePalette | DbxThemeColor>;
+    readonly spinnerColor?: Maybe<ThemePalette | DbxThemeColor>;
+    readonly barColor?: Maybe<ThemePalette | DbxThemeColor>;
     /**
      * Whether or not to render as an icon button.
      */
-    iconOnly?: boolean;
-    spinnerSize?: number;
-    spinnerRatio?: number;
-    mode?: ProgressSpinnerMode;
-    value?: number;
-    fullWidth?: boolean;
-    disabled?: boolean;
-    type?: string;
-    customStyle?: {
+    readonly iconOnly?: Maybe<boolean>;
+    readonly spinnerSize?: Maybe<number>;
+    readonly spinnerRatio?: Maybe<number>;
+    readonly mode?: Maybe<ProgressSpinnerMode>;
+    readonly value?: Maybe<number>;
+    readonly fullWidth?: Maybe<boolean>;
+    readonly disabled?: Maybe<boolean>;
+    readonly customStyle?: Maybe<{
         [key: string]: string;
-    };
-    customClass?: string;
+    }>;
+    readonly customClass?: Maybe<string>;
     /**
      * Custom spinner color. Overrides the normal spinner color if provided.
      */
-    customSpinnerColor?: Maybe<string>;
-    buttonIcon?: DbxProgressButtonIcon;
-    id?: string;
+    readonly customSpinnerColor?: Maybe<string>;
+    readonly buttonIcon?: Maybe<DbxProgressButtonIcon>;
+    readonly id?: Maybe<string>;
+    /**
+     * The type of button to render.
+     */
+    readonly buttonType?: Maybe<DbxButtonType>;
+    /**
+     * The HTML attribute "type" to add to the button.
+     */
+    readonly buttonTypeAttribute?: Maybe<string>;
+    /**
+     * @deprecated use buttonType=raised instead
+     */
+    readonly raised?: Maybe<boolean>;
+    /**
+     * @deprecated use buttonType=stroked instead
+     */
+    readonly stroked?: Maybe<boolean>;
+    /**
+     * @deprecated use buttonType=flat instead
+     */
+    readonly flat?: Maybe<boolean>;
+    /**
+     * Whether or not this is a floating action button.
+     */
+    readonly fab?: Maybe<boolean>;
+    /**
+     * @deprecated use buttonTypeAttribute instead
+     */
+    readonly type?: Maybe<string>;
 }
 export interface DbxProgressButtonIcon {
-    color?: ThemePalette | DbxThemeColor;
-    fontIcon?: string;
-    fontSet?: string;
-    inline?: boolean;
-    svgIcon?: string;
-    customClass?: string;
+    readonly color?: Maybe<ThemePalette | DbxThemeColor>;
+    readonly fontIcon?: Maybe<string>;
+    readonly fontSet?: Maybe<string>;
+    readonly inline?: Maybe<boolean>;
+    readonly svgIcon?: Maybe<string>;
+    readonly customClass?: Maybe<string>;
 }
-export interface DbxProgressButtonTargetedConfig extends DbxProgressButtonOptions {
-    id?: string;
+export interface DbxProgressButtonTargetedConfig extends DbxProgressButtonConfig {
+    readonly id?: Maybe<string>;
 }
 export type DbxProgressButtonGlobalConfig = DbxProgressButtonTargetedConfig[];
-export declare const DBX_MAT_PROGRESS_BUTTON_GLOBAL_CONFIG: InjectionToken<DbxProgressButtonGlobalConfig>;
+export declare const DBX_PROGRESS_BUTTON_GLOBAL_CONFIG: InjectionToken<DbxProgressButtonGlobalConfig>;
+/**
+ * @deprecated use DbxProgressButtonConfig instead.
+ */
+export type DbxProgressButtonOptions = DbxProgressButtonConfig;