@dereekb/dbx-web 11.1.7 → 12.0.0

package/lib/interaction/popover/popover.scroll.content.directive.d.ts

@@ -0,0 +1,13 @@
+import { DbxPopoverContentComponent } from './popover.content.component';
+import * as i0 from "@angular/core";
+/**
+ * Popover scrollable content wrapper component.
+ */
+export declare class DbxPopoverScrollContentDirective {
+    readonly appPopoverContentComponent: DbxPopoverContentComponent;
+    readonly hasControlsSignal: import("@angular/core").Signal<boolean | undefined>;
+    readonly hasHeaderSignal: import("@angular/core").Signal<boolean | undefined>;
+    readonly sizingClassesSignal: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverScrollContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPopoverScrollContentDirective, "dbx-popover-scroll-content,[dbxPopoverScrollContent],.dbx-popover-scroll-content", never, {}, {}, never, never, true, never>;
+}

package/lib/interaction/popover/popover.service.d.ts

@@ -1,4 +1,4 @@
-import { DbxPopoverComponentConfig } from './popover.component';
+import { type DbxPopoverComponentConfig } from './popover.component';
 import { Injector } from '@angular/core';
 import { NgOverlayContainerConfiguration, NgPopoverRef } from 'ng-overlay-container';
 import * as i0 from "@angular/core";
@@ -10,9 +10,9 @@ export interface DbxPopoverConfig<O, I, T> extends DbxPopoverComponentConfig<O,
  * Used for displaying a popover.
  */
 export declare class DbxPopoverService {
-    private _overlay;
-    private _injector;
-    private _overlayContainerService;
+    private readonly _overlay;
+    private readonly _injector;
+    private readonly _overlayContainerService;
     open<O, I, T>(config: DbxPopoverConfig<O, I, T>): NgPopoverRef<DbxPopoverComponentConfig<O, I, T>, O>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DbxPopoverService>;

package/lib/interaction/popup/_popup.scss

@@ -49,10 +49,10 @@ $dbx-popup-border-radius: 4px;
 }
 
 @mixin color($theme-config) {
-  $color-config: theming.get-color-config($theme-config);
+  $color-config: theming.m2-get-color-config($theme-config);
   $background: map.get($color-config, 'background');
-  $controls-bg-color: theming.get-color-from-palette($background);
-  $controls-text-color: theming.get-color-from-palette($background, 'contrast');
+  $controls-bg-color: theming.m2-get-color-from-palette($background);
+  $controls-text-color: theming.m2-get-color-from-palette($background, 'contrast');
 
   .dbx-popup-controls {
     color: $controls-text-color;
@@ -68,9 +68,9 @@ $dbx-popup-border-radius: 4px;
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-popup') {
-    $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/interaction/popup/popup.component.d.ts

@@ -2,13 +2,13 @@ import { Type, OnDestroy } from '@angular/core';
 import { Maybe, PixelsString } from '@dereekb/util';
 import { PopupPosition, PopupPositionOffset } from './popup.position.strategy';
 import { AbstractTransitionWatcherDirective, DbxInjectionComponentConfig } from '@dereekb/dbx-core';
-import { DbxPopupController, DbxPopupKey, DbxPopupWindowState } from './popup';
+import { DbxPopupController, DbxPopupKey, DbxPopupWindowStateType } from './popup';
 import * as i0 from "@angular/core";
 export declare const APP_POPUP_NORMAL_WIDTH = "700px";
 export declare const APP_POPUP_MINIMIZED_WIDTH = "300px";
 export declare const APP_POPUP_NORMAL_HEIGHT = "auto";
 export declare abstract class DbxPopupComponentController<O, I> extends DbxPopupController<O, I> {
-    getClosingValueFn?: (value?: I) => Promise<O>;
+    readonly getClosingValueFn?: (value?: I) => Promise<O>;
 }
 export interface DbxPopupComponentConfig<O, I, T> {
     /**
@@ -16,35 +16,35 @@ export interface DbxPopupComponentConfig<O, I, T> {
      *
      * Only one popup should exist at a time given a certain key.
      */
-    key: DbxPopupKey;
-    position?: PopupPosition;
-    offset?: PopupPositionOffset;
-    closeOnTransition?: boolean;
-    componentClass: Type<T>;
-    data?: I;
-    isDraggable?: boolean;
-    init?: (component: T, controller: DbxPopupController<O, I>) => void;
-    width?: PixelsString;
-    height?: PixelsString;
+    readonly key: DbxPopupKey;
+    readonly position?: Maybe<PopupPosition>;
+    readonly offset?: Maybe<PopupPositionOffset>;
+    readonly closeOnTransition?: Maybe<boolean>;
+    readonly componentClass: Type<T>;
+    readonly data?: Maybe<I>;
+    readonly isDraggable?: Maybe<boolean>;
+    readonly init?: (component: T, controller: DbxPopupController<O, I>) => void;
+    readonly width?: Maybe<PixelsString>;
+    readonly height?: Maybe<PixelsString>;
 }
 /**
  * Popup component.
  */
 export declare class DbxPopupComponent<O = unknown, I = unknown, T = unknown> extends AbstractTransitionWatcherDirective implements DbxPopupController<O, I>, OnDestroy {
-    private popoverRef;
-    private compactContextState;
+    private readonly popoverRef;
+    private readonly compactContextState;
     private _position;
+    readonly config: DbxPopupComponentConfig<O, I, T>;
+    readonly key: DbxPopupKey;
+    readonly data: Maybe<I>;
     readonly contentConfig: DbxInjectionComponentConfig;
     private readonly closing;
     readonly isClosing$: import("rxjs").Observable<boolean>;
     readonly closing$: import("rxjs").Observable<boolean>;
     private readonly _windowState;
-    readonly windowState$: import("rxjs").Observable<DbxPopupWindowState>;
+    readonly windowState$: import("rxjs").Observable<DbxPopupWindowStateType>;
     getClosingValueFn?: (value?: I) => Promise<O>;
     constructor();
-    get config(): DbxPopupComponentConfig<O, I, T>;
-    get key(): DbxPopupKey;
-    get data(): Maybe<I>;
     ngOnDestroy(): void;
     protected updateForSuccessfulTransition(): void;
     close(): void;
@@ -53,5 +53,5 @@ export declare class DbxPopupComponent<O = unknown, I = unknown, T = unknown> ex
     normalscreen(): void;
     fullscreen(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupComponent<any, any, any>, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupComponent<any, any, any>, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/interaction/popup/popup.content.component.d.ts

@@ -5,6 +5,7 @@ import * as i0 from "@angular/core";
 export declare class DbxPopupContentComponent {
     private readonly appPopupController;
     readonly showContent$: import("rxjs").Observable<boolean>;
+    readonly showContentSignal: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupContentComponent, "dbx-popup-content", never, {}, {}, never, ["[controls]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupContentComponent, "dbx-popup-content", never, {}, {}, never, ["[controls]", "*"], true, never>;
 }

package/lib/interaction/popup/popup.controls.buttons.component.d.ts

@@ -6,11 +6,13 @@ export declare class DbxPopupControlButtonsComponent {
     private readonly _appPopupController;
     readonly isMinimized$: import("rxjs").Observable<boolean>;
     readonly isFullscreen$: import("rxjs").Observable<boolean>;
+    readonly isMinimizedSignal: import("@angular/core").Signal<boolean>;
+    readonly isFullscreenSignal: import("@angular/core").Signal<boolean>;
     minimizeClicked(): void;
     maximizeClicked(): void;
     fullscreenClicked(): void;
     normalscreenClicked(): void;
     closeClicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupControlButtonsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupControlButtonsComponent, "dbx-popup-control-buttons", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupControlButtonsComponent, "dbx-popup-control-buttons", never, {}, {}, never, never, true, never>;
 }

package/lib/interaction/popup/popup.controls.component.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
  * Popup Controls
  */
 export declare class DbxPopupControlsComponent {
-    header?: string;
+    readonly header: import("@angular/core").InputSignal<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupControlsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupControlsComponent, "dbx-popup-controls", never, { "header": { "alias": "header"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupControlsComponent, "dbx-popup-controls", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/interaction/popup/popup.coordinator.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, OnDestroy } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Used for coordinating popups and closing/replacing existing ones when a new popup of the same name appears.
@@ -8,8 +8,9 @@ export declare class DbxPopupCoordinatorComponent implements OnInit, OnDestroy {
     private readonly _popup;
     readonly isPopupForKey$: import("rxjs").Observable<boolean>;
     readonly show$: import("rxjs").Observable<boolean>;
+    readonly showSignal: import("@angular/core").Signal<boolean | undefined>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupCoordinatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupCoordinatorComponent, "dbx-popup-coordinator", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupCoordinatorComponent, "dbx-popup-coordinator", never, {}, {}, never, ["*"], true, never>;
 }

package/lib/interaction/popup/popup.coordinator.service.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
  * Used for coordinating popups and closing/replacing existing ones when a new popup of the same name appears.
  */
 export declare class DbxPopupCoordinatorService implements OnDestroy {
-    private _popups;
+    private readonly _popups;
     readonly popups$: import("rxjs").Observable<Map<string, DbxPopupController<unknown, unknown>>>;
     ngOnDestroy(): void;
     get popups(): Map<DbxPopupKey, DbxPopupController>;

package/lib/interaction/popup/popup.d.ts

@@ -1,15 +1,16 @@
 import { type Maybe } from '@dereekb/util';
 import { Observable } from 'rxjs';
 export type DbxPopupKey = string;
-export declare enum DbxPopupWindowState {
-    NORMAL = "normal",
-    MINIMIZED = "minimized",
-    FULLSCREEN = "fullscreen"
-}
+export declare const DbxPopupWindowState: {
+    readonly NORMAL: "normal";
+    readonly MINIMIZED: "minimized";
+    readonly FULLSCREEN: "fullscreen";
+};
+export type DbxPopupWindowStateType = (typeof DbxPopupWindowState)[keyof typeof DbxPopupWindowState];
 export declare abstract class DbxPopupController<O = unknown, I = unknown> {
     abstract readonly key: DbxPopupKey;
     abstract readonly data?: Maybe<I>;
-    abstract readonly windowState$: Observable<DbxPopupWindowState>;
+    abstract readonly windowState$: Observable<DbxPopupWindowStateType>;
     abstract readonly closing$: Observable<boolean>;
     /**
      * Signals for the popup to close.

package/lib/interaction/popup/popup.module.d.ts

@@ -4,17 +4,8 @@ import * as i2 from "./popup.coordinator.component";
 import * as i3 from "./popup.content.component";
 import * as i4 from "./popup.controls.component";
 import * as i5 from "./popup.controls.buttons.component";
-import * as i6 from "@angular/common";
-import * as i7 from "@angular/material/icon";
-import * as i8 from "@angular/material/button";
-import * as i9 from "../../button/button.module";
-import * as i10 from "../../router/layout/anchor/anchor.module";
-import * as i11 from "../../action/action.module";
-import * as i12 from "../../layout/style/style.layout.module";
-import * as i13 from "@dereekb/dbx-core";
-import * as i14 from "ng-overlay-container";
 export declare class DbxPopupInteractionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupInteractionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxPopupInteractionModule, [typeof i1.DbxPopupComponent, typeof i2.DbxPopupCoordinatorComponent, typeof i3.DbxPopupContentComponent, typeof i4.DbxPopupControlsComponent, typeof i5.DbxPopupControlButtonsComponent], [typeof i6.CommonModule, typeof i7.MatIconModule, typeof i8.MatButtonModule, typeof i9.DbxButtonModule, typeof i10.DbxRouterAnchorModule, typeof i11.DbxActionModule, typeof i12.DbxStyleLayoutModule, typeof i13.DbxInjectionComponentModule, typeof i14.NgOverlayContainerModule], [typeof i3.DbxPopupContentComponent, typeof i4.DbxPopupControlsComponent, typeof i5.DbxPopupControlButtonsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxPopupInteractionModule, never, [typeof i1.DbxPopupComponent, typeof i2.DbxPopupCoordinatorComponent, typeof i3.DbxPopupContentComponent, typeof i4.DbxPopupControlsComponent, typeof i5.DbxPopupControlButtonsComponent], [typeof i1.DbxPopupComponent, typeof i2.DbxPopupCoordinatorComponent, typeof i3.DbxPopupContentComponent, typeof i4.DbxPopupControlsComponent, typeof i5.DbxPopupControlButtonsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxPopupInteractionModule>;
 }

package/lib/interaction/popup/popup.position.strategy.d.ts

@@ -1,8 +1,8 @@
 import { GlobalPositionStrategy } from '@angular/cdk/overlay';
 export type PopupPosition = 'center' | 'bottom_left' | 'bottom_right';
 export interface PopupPositionOffset {
-    x?: string;
-    y?: string;
+    readonly x?: string;
+    readonly y?: string;
 }
 export declare class PopupGlobalPositionStrategy extends GlobalPositionStrategy {
     private _position;

package/lib/interaction/popup/popup.service.d.ts

@@ -3,15 +3,15 @@ import { Injector } from '@angular/core';
 import { NgPopoverRef } from 'ng-overlay-container';
 import * as i0 from "@angular/core";
 export interface DbxPopupConfig<O, I, T> extends DbxPopupComponentConfig<O, I, T> {
-    injector?: Injector;
+    readonly injector?: Injector;
 }
 /**
  * Used for displaying a popup.
  */
 export declare class DbxPopupService {
-    private _overlay;
-    private _injector;
-    private _overlayContainerService;
+    private readonly _overlay;
+    private readonly _injector;
+    private readonly _overlayContainerService;
     open<O, I, T>(config: DbxPopupConfig<O, I, T>): NgPopoverRef<DbxPopupComponentConfig<O, I, T>, O>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DbxPopupService>;

package/lib/interaction/prompt/_prompt.scss

@@ -17,7 +17,7 @@ $dbx-popup-controls-height: 33px;
     padding: 40px;
     max-width: $box-max-width;
 
-    &.elevated {
+    &.elevate {
       @include theming.elevation(2);
     }
   }
@@ -31,9 +31,9 @@ $dbx-popup-controls-height: 33px;
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-prompt') {
-    $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/interaction/prompt/index.d.ts

@@ -1,4 +1,4 @@
-export * from './prompt.box.component';
+export * from './prompt.box.directive';
 export * from './prompt.button.confirm.directive';
 export * from './prompt.component';
 export * from './prompt.confirm';

package/lib/interaction/prompt/prompt.box.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class DbxPromptBoxDirective {
+    readonly elevate: import("@angular/core").InputSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptBoxDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPromptBoxDirective, "dbx-prompt-box, [dbxPromptBox]", never, { "elevate": { "alias": "elevate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/interaction/prompt/prompt.button.confirm.directive.d.ts

@@ -12,5 +12,5 @@ export declare class DbxPromptConfirmButtonDirective implements OnInit, DbxButto
     readonly interceptButtonClick: () => Observable<boolean>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptConfirmButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPromptConfirmButtonDirective, "[dbxPromptConfirmButton]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPromptConfirmButtonDirective, "[dbxPromptConfirmButton]", never, {}, {}, never, never, true, never>;
 }

package/lib/interaction/prompt/prompt.component.d.ts

@@ -4,8 +4,8 @@ import * as i0 from "@angular/core";
  * Pre-configured prompt.
  */
 export declare class DbxPromptComponent {
-    header?: Maybe<string>;
-    prompt?: Maybe<string>;
+    readonly header: import("@angular/core").InputSignal<Maybe<string>>;
+    readonly prompt: import("@angular/core").InputSignal<Maybe<string>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptComponent, "dbx-prompt", never, { "header": { "alias": "header"; "required": false; }; "prompt": { "alias": "prompt"; "required": false; }; }, {}, never, ["[hero]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptComponent, "dbx-prompt", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "prompt": { "alias": "prompt"; "required": false; "isSignal": true; }; }, {}, never, ["[hero]", "*"], true, never>;
 }

package/lib/interaction/prompt/prompt.confirm.component.d.ts

@@ -1,34 +1,22 @@
-import { EventEmitter } from '@angular/core';
-import { type Maybe } from '@dereekb/util';
+import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
-export declare enum DbxPromptConfirmTypes {
-    /**
-     * Dialog is for yes/no.
-     */
-    NORMAL = "normal",
-    /**
-     * Dialog is for deleting something.
-     */
-    DELETE = "delete"
-}
 export interface DbxPromptConfirmConfig {
-    type?: DbxPromptConfirmTypes;
-    title?: string;
-    prompt?: string;
-    confirmText?: string;
-    cancelText?: string;
+    readonly title?: string;
+    readonly prompt?: string;
+    readonly confirmText?: string;
+    readonly cancelText?: string;
 }
 /**
  * Displays a confirmation dialog.
  */
 export declare class DbxPromptConfirmComponent {
-    private _config;
-    readonly confirm: EventEmitter<void>;
-    readonly cancel: EventEmitter<void>;
-    get config(): DbxPromptConfirmConfig;
-    set config(config: Maybe<DbxPromptConfirmConfig>);
+    readonly config: import("@angular/core").InputSignal<Maybe<DbxPromptConfirmConfig>>;
+    readonly confirmTextSignal: import("@angular/core").Signal<string>;
+    readonly cancelTextSignal: import("@angular/core").Signal<string>;
+    readonly confirm: import("@angular/core").OutputEmitterRef<void>;
+    readonly cancel: import("@angular/core").OutputEmitterRef<void>;
     onConfirm(): void;
     onCancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptConfirmComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptConfirmComponent, "dbx-prompt-confirm", never, { "config": { "alias": "config"; "required": false; }; }, { "confirm": "confirm"; "cancel": "cancel"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptConfirmComponent, "dbx-prompt-confirm", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, { "confirm": "confirm"; "cancel": "cancel"; }, never, ["*"], true, never>;
 }

package/lib/interaction/prompt/prompt.confirm.dialog.component.d.ts

@@ -2,12 +2,11 @@ import { MatDialog, MatDialogRef } from '@angular/material/dialog';
 import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
 import { OnInit } from '@angular/core';
 import { AbstractDialogDirective } from '../dialog/abstract.dialog.directive';
-import { DbxPromptConfirmConfig, DbxPromptConfirmTypes } from './prompt.confirm.component';
+import { DbxPromptConfirmConfig } from './prompt.confirm.component';
 import { type Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG: {
     title: string;
-    type: DbxPromptConfirmTypes;
 };
 export interface DbxPromptConfirmDialogConfig extends DbxPromptConfirmConfig {
     component?: DbxInjectionComponentConfig;
@@ -19,5 +18,5 @@ export declare class DbxPromptConfirmDialogComponent extends AbstractDialogDirec
     confirm(): void;
     cancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptConfirmDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptConfirmDialogComponent, "ng-component", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptConfirmDialogComponent, "ng-component", never, {}, {}, never, never, true, never>;
 }

package/lib/interaction/prompt/prompt.confirm.directive.d.ts

@@ -9,9 +9,12 @@ import * as i0 from "@angular/core";
  */
 export declare abstract class AbstractPromptConfirmDirective implements DbxPromptConfirm {
     protected readonly matDialog: MatDialog;
-    private _dialogRef?;
-    private _dialogPromise?;
-    abstract config?: Maybe<DbxPromptConfirmConfig>;
+    private _currentDialogRef?;
+    private _currentDialogPromise?;
+    /**
+     * Config used when showDialog() is called.
+     */
+    config?: Maybe<DbxPromptConfirmConfig>;
     showDialog(): Observable<boolean>;
     protected _handleDialogResult(result: boolean): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractPromptConfirmDirective, never>;
@@ -21,7 +24,8 @@ export declare abstract class AbstractPromptConfirmDirective implements DbxPromp
  * Directive that shows a confirmation screen.
  */
 export declare class DbxPromptConfirmDirective extends AbstractPromptConfirmDirective {
-    config?: Maybe<DbxPromptConfirmConfig>;
+    readonly dbxPromptConfirm: import("@angular/core").InputSignal<Maybe<DbxPromptConfirmConfig>>;
+    protected readonly _dbxPromptConfirmConfigEffect: import("@angular/core").EffectRef;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptConfirmDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPromptConfirmDirective, "[dbxPromptConfirm]", never, { "config": { "alias": "dbxPromptConfirm"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPromptConfirmDirective, "[dbxPromptConfirm]", never, { "dbxPromptConfirm": { "alias": "dbxPromptConfirm"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/interaction/prompt/prompt.module.d.ts

@@ -1,22 +1,13 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./prompt.component";
-import * as i2 from "./prompt.box.component";
+import * as i2 from "./prompt.box.directive";
 import * as i3 from "./prompt.page.component";
 import * as i4 from "./prompt.confirm.component";
 import * as i5 from "./prompt.button.confirm.directive";
 import * as i6 from "./prompt.confirm.dialog.component";
 import * as i7 from "./prompt.confirm.directive";
-import * as i8 from "@angular/common";
-import * as i9 from "@angular/material/dialog";
-import * as i10 from "@angular/material/button";
-import * as i11 from "../../layout/text/text.module";
-import * as i12 from "../../button/button.module";
-import * as i13 from "@dereekb/dbx-core";
-import * as i14 from "../dialog/dialog.module";
-import * as i15 from "../../layout/section/section.layout.module";
-import * as i16 from "../../layout/content/content.layout.module";
 export declare class DbxPromptModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxPromptModule, [typeof i1.DbxPromptComponent, typeof i2.DbxPromptBoxComponent, typeof i3.DbxPromptPageComponent, typeof i4.DbxPromptConfirmComponent, typeof i5.DbxPromptConfirmButtonDirective, typeof i6.DbxPromptConfirmDialogComponent, typeof i7.DbxPromptConfirmDirective], [typeof i8.CommonModule, typeof i9.MatDialogModule, typeof i10.MatButtonModule, typeof i11.DbxTextModule, typeof i12.DbxButtonModule, typeof i13.DbxInjectionComponentModule, typeof i14.DbxDialogInteractionModule, typeof i15.DbxSectionLayoutModule, typeof i16.DbxContentLayoutModule], [typeof i1.DbxPromptComponent, typeof i2.DbxPromptBoxComponent, typeof i3.DbxPromptPageComponent, typeof i4.DbxPromptConfirmComponent, typeof i5.DbxPromptConfirmButtonDirective, typeof i7.DbxPromptConfirmDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxPromptModule, never, [typeof i1.DbxPromptComponent, typeof i2.DbxPromptBoxDirective, typeof i3.DbxPromptPageComponent, typeof i4.DbxPromptConfirmComponent, typeof i5.DbxPromptConfirmButtonDirective, typeof i6.DbxPromptConfirmDialogComponent, typeof i7.DbxPromptConfirmDirective], [typeof i1.DbxPromptComponent, typeof i2.DbxPromptBoxDirective, typeof i3.DbxPromptPageComponent, typeof i4.DbxPromptConfirmComponent, typeof i5.DbxPromptConfirmButtonDirective, typeof i6.DbxPromptConfirmDialogComponent, typeof i7.DbxPromptConfirmDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxPromptModule>;
 }

package/lib/interaction/prompt/prompt.page.component.d.ts

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

package/lib/interaction/style/_style.scss

@@ -11,11 +11,11 @@
 }
 
 @mixin color($theme-config) {
-  $color-config: theming.get-color-config($theme-config);
+  $color-config: theming.m2-get-color-config($theme-config);
   $background: map.get($color-config, 'background');
   $foreground: map.get($color-config, 'foreground');
-  $cdk-background-color: theming.get-color-from-palette($background, 'background');
-  $cdk-text-color: theming.get-color-from-palette($foreground, 'text');
+  $cdk-background-color: theming.m2-get-color-from-palette($background, 'background');
+  $cdk-text-color: theming.m2-get-color-from-palette($foreground, 'text');
   $cdk-border-color: color.adjust(
     $color: $cdk-text-color,
     $alpha: -0.9
@@ -34,9 +34,9 @@
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-style') {
-    $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/keypress/keydown.listener.directive.d.ts

@@ -8,5 +8,5 @@ export declare class DbxWindowKeyDownListenerDirective implements OnDestroy {
     ngOnDestroy(): void;
     handleKeyboardEvent(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxWindowKeyDownListenerDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxWindowKeyDownListenerDirective, "[dbxWindowKeyDownListener]", never, { "appWindowKeyDownEnabled": { "alias": "appWindowKeyDownEnabled"; "required": false; }; "appWindowKeyDownFilter": { "alias": "appWindowKeyDownFilter"; "required": false; }; }, { "keyPressed": "dbxWindowKeyDownListener"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxWindowKeyDownListenerDirective, "[dbxWindowKeyDownListener]", never, { "appWindowKeyDownEnabled": { "alias": "appWindowKeyDownEnabled"; "required": false; }; "appWindowKeyDownFilter": { "alias": "appWindowKeyDownFilter"; "required": false; }; }, { "keyPressed": "dbxWindowKeyDownListener"; }, never, never, true, never>;
 }

package/lib/keypress/keypress.module.d.ts

@@ -1,8 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./keydown.listener.directive";
-import * as i2 from "@angular/common";
+/**
+ * @deprecated DbxWindowKeyDownListenerDirective is now standalone. Import that instead.
+ */
 export declare class DbxKeypressModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxKeypressModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxKeypressModule, [typeof i1.DbxWindowKeyDownListenerDirective], [typeof i2.CommonModule], [typeof i1.DbxWindowKeyDownListenerDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxKeypressModule, never, [typeof i1.DbxWindowKeyDownListenerDirective], [typeof i1.DbxWindowKeyDownListenerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DbxKeypressModule>;
 }

package/lib/layout/bar/_bar.scss

@@ -10,10 +10,6 @@ $bar-fixed-height: 40px;
 
 // MARK: Mixin
 @mixin core() {
-  .dbx-banner {
-    @include theming.elevation(3);
-  }
-
   .dbx-pagebar.mat-toolbar {
     height: $pagebar-height;
   }
@@ -41,13 +37,13 @@ $bar-fixed-height: 40px;
 }
 
 @mixin color($theme-config) {
-  $color-config: theming.get-color-config($theme-config);
+  $color-config: theming.m2-get-color-config($theme-config);
   $background: map.get($color-config, 'background');
   $primary: map.get($color-config, 'primary');
   $accent: map.get($color-config, 'accent');
 
-  $dbx-bar-bg-color: theming.get-color-from-palette($background, 'app-bar');
-  $dbx-bar-color: theming.get-color-from-palette($background, 'contrast');
+  $dbx-bar-bg-color: theming.m2-get-color-from-palette($background, 'app-bar');
+  $dbx-bar-color: theming.m2-get-color-from-palette($background, 'contrast');
 
   .dbx-pagebar .mat-toolbar {
     // todo?
@@ -61,18 +57,18 @@ $bar-fixed-height: 40px;
 }
 
 @mixin typography($theme-config-or-typography-config) {
-  $typography-config: theming.get-typography-config($theme-config-or-typography-config);
+  $typography-config: theming.m2-get-typography-config($theme-config-or-typography-config);
 
   .dbx-bar {
-    font-size: theming.font-size($typography-config, 'caption');
+    font-size: theming.m2-font-size($typography-config, 'caption');
   }
 }
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-bar') {
-    $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/layout/bar/bar.directive.d.ts

@@ -1,11 +1,11 @@
 import { type Maybe } from '@dereekb/util';
-import { DbxBarColor } from './bar';
 import * as i0 from "@angular/core";
 /**
  * Acts as a wrapper for content distributed along a bar.
  */
 export declare class DbxBarDirective {
-    color?: Maybe<DbxBarColor>;
+    readonly color: import("@angular/core").InputSignal<Maybe<import("@dereekb/dbx-web").DbxThemeColor>>;
+    readonly cssClassSignal: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxBarDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxBarDirective, "dbx-bar,[dbxBar]", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxBarDirective, "dbx-bar,[dbxBar]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/layout/bar/bar.header.component.d.ts

@@ -1,13 +1,12 @@
 import { type Maybe } from '@dereekb/util';
-import { DbxBarColor } from './bar';
 import * as i0 from "@angular/core";
 /**
  * Acts as a divider between content and centers a label within a background.
  */
 export declare class DbxBarHeaderComponent {
-    text?: Maybe<string>;
-    icon?: Maybe<string>;
-    color?: Maybe<DbxBarColor>;
+    readonly text: import("@angular/core").InputSignal<Maybe<string>>;
+    readonly icon: import("@angular/core").InputSignal<Maybe<string>>;
+    readonly color: import("@angular/core").InputSignal<Maybe<import("@dereekb/dbx-web").DbxThemeColor>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxBarHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxBarHeaderComponent, "dbx-bar-header", never, { "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxBarHeaderComponent, "dbx-bar-header", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }