@dereekb/dbx-web 0.0.1 → 1.0.0

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

@@ -1,9 +1,9 @@
-import { DbNgxPopoverComponentConfig } from './popover.component';
+import { DbxPopoverComponentConfig } from './popover.component';
 import { Injector } from '@angular/core';
 import { NgPopoverRef } from 'ng-overlay-container';
 import { Overlay } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
-export interface DbNgxPopoverConfig<I, O, T> extends DbNgxPopoverComponentConfig<I, O, T> {
+export interface DbxPopoverConfig<O, I, T> extends DbxPopoverComponentConfig<O, I, T> {
     injector?: Injector;
     height?: string;
     width?: string;
@@ -11,12 +11,12 @@ export interface DbNgxPopoverConfig<I, O, T> extends DbNgxPopoverComponentConfig
 /**
  * Used for displaying a popover.
  */
-export declare class DbNgxPopoverService {
+export declare class DbxPopoverService {
     private _overlay;
     private _injector;
     private _overlayContainerService;
     constructor(_overlay: Overlay, _injector: Injector);
-    open<I, O, T>(config: DbNgxPopoverConfig<I, O, T>): NgPopoverRef<DbNgxPopoverComponentConfig<I, O, T>, O>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopoverService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DbNgxPopoverService>;
+    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

@@ -0,0 +1,82 @@
+@use 'sass:map';
+@use 'sass:color';
+@use '../../style/theming';
+
+// MARK: Variables
+$dbx-popup-controls-height: 33px;
+$dbx-popup-content-padding: 8px;
+$dbx-popup-content-padding-top: 2px;
+
+$dbx-popup-container-margin: 16px;
+$dbx-popup-controls-vertical-padding: 4px;
+$dbx-popup-border-radius: 4px;
+
+// MARK: Mixin
+@mixin core() {
+
+  .dbx-popup-content {
+    box-sizing: border-box;
+    overflow: hidden;
+    max-height: theming.$app-height;
+  }
+
+  .dbx-popup-content-container {
+    max-height: calc(theming.$app-height - #{ $dbx-popup-controls-height });
+    padding: $dbx-popup-content-padding;
+    padding-top: $dbx-popup-content-padding-top;
+    overflow: auto;
+    box-sizing: border-box;
+  }
+
+  .dbx-popup-controls {
+    height: $dbx-popup-controls-height;
+    overflow: hidden;
+    display: flex;
+    align-items: center;
+    padding: $dbx-popup-controls-vertical-padding $dbx-popup-content-padding;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
+    box-sizing: border-box;
+  }
+
+  .dbx-popup-control-buttons {
+    min-width: 220px;
+    display: inline-block;
+    text-align: right;
+  }
+
+}
+
+@mixin color($theme-config) {
+  $color-config: theming.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');
+
+  .dbx-popup-controls {
+    color: $controls-text-color;
+    background: $controls-bg-color;
+  }
+}
+
+@mixin typography($typography-config) {
+
+  .dbx-popup-controls-header {
+    @include theming.limit-text();
+  }
+
+}
+
+@mixin theme($theme-config) {
+  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-popup') {
+    $color: theming.get-color-config($theme-config);
+    $typography: theming.get-typography-config($theme-config);
+
+    @if $color !=null {
+      @include color($theme-config);
+    }
+
+    @if $typography !=null {
+      @include typography($typography);
+    }
+  }
+}

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

@@ -1,11 +1,11 @@
-import { DbNgxPopupComponent } from './popup.component';
+import { DbxPopupComponent } from './popup.component';
 import * as i0 from "@angular/core";
 /**
  * Abstract popup directive.
  */
-export declare abstract class AbstractPopupDirective<I = any, O = any, T = any> {
-    readonly popup: DbNgxPopupComponent<I, O, T>;
-    constructor(popup: DbNgxPopupComponent<I, O, T>);
+export declare abstract class AbstractPopupDirective<O = any, I = any, T = any> {
+    readonly popup: DbxPopupComponent<O, I, T>;
+    constructor(popup: DbxPopupComponent<O, I, T>);
     closePopup(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractPopupDirective<any, any, any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractPopupDirective<any, any, any>, never, never, {}, {}, never>;

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

@@ -8,3 +8,4 @@ export * from './popup.coordinator.service';
 export * from './popup.module';
 export * from './popup.position.strategy';
 export * from './popup.service';
+export * from './popup';

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

@@ -1,53 +1,50 @@
-import { ComponentFactoryResolver, NgZone, Type, OnInit, OnDestroy } from '@angular/core';
+import { NgZone, Type, OnDestroy } from '@angular/core';
 import { NgPopoverRef } from 'ng-overlay-container';
 import { Maybe } from '@dereekb/util';
 import { CompactContextStore } from '../../layout';
 import { PopupPosition, PopupPositionOffset } from './popup.position.strategy';
-import { AbstractTransitionWatcherDirective, DbNgxRouterTransitionService } from '@dereekb/dbx-core';
-import { DbNgxPopupController, DbNgxPopupKey, DbNgxPopupWindowState } from './popup';
+import { AbstractTransitionWatcherDirective, DbxInjectedComponentConfig, DbxRouterTransitionService } from '@dereekb/dbx-core';
+import { DbxPopupController, DbxPopupKey, DbxPopupWindowState } 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 DbNgxPopupComponentController<I, O> extends DbNgxPopupController<I, O> {
+export declare abstract class DbxPopupComponentController<O, I> extends DbxPopupController<O, I> {
     getClosingValueFn?: (value?: I) => Promise<O>;
 }
-export interface DbNgxPopupComponentConfig<I, O, T> {
+export interface DbxPopupComponentConfig<O, I, T> {
     /**
      * Key used for uniquely identifying a limited instance.
      *
      * Only one popup should exist at a time given a certain key.
      */
-    key: DbNgxPopupKey;
+    key: DbxPopupKey;
     position?: PopupPosition;
     offset?: PopupPositionOffset;
     closeOnTransition?: boolean;
     componentClass: Type<T>;
     data?: I;
     isDraggable?: boolean;
-    init?: (component: T, controller: DbNgxPopupController<I, O>) => void;
+    init?: (component: T, controller: DbxPopupController<O, I>) => void;
 }
 /**
  * Popup component.
  */
-export declare class DbNgxPopupComponent<I = any, O = any, T = any> extends AbstractTransitionWatcherDirective implements DbNgxPopupController<I, O>, OnInit, OnDestroy {
+export declare class DbxPopupComponent<O = any, I = any, T = any> extends AbstractTransitionWatcherDirective implements DbxPopupController<O, I>, OnDestroy {
     private popoverRef;
     private compactContextState;
-    private resolver;
     private _position;
-    private _content;
-    private _componentRef?;
+    readonly contentConfig: DbxInjectedComponentConfig;
     private readonly closing;
     readonly isClosing$: import("rxjs").Observable<boolean>;
     readonly closing$: import("rxjs").Observable<boolean>;
     private readonly _windowState;
-    readonly windowState$: import("rxjs").Observable<DbNgxPopupWindowState>;
+    readonly windowState$: import("rxjs").Observable<DbxPopupWindowState>;
     getClosingValueFn?: (value?: I) => Promise<O>;
-    constructor(popoverRef: NgPopoverRef<DbNgxPopupComponentConfig<I, O, T>, O>, compactContextState: CompactContextStore, resolver: ComponentFactoryResolver, dbNgxRouterTransitionService: DbNgxRouterTransitionService, ngZone: NgZone);
-    get config(): DbNgxPopupComponentConfig<I, O, T>;
-    get key(): DbNgxPopupKey;
+    constructor(popoverRef: NgPopoverRef<DbxPopupComponentConfig<O, I, T>, O>, compactContextState: CompactContextStore, dbNgxRouterTransitionService: DbxRouterTransitionService, ngZone: NgZone);
+    get config(): DbxPopupComponentConfig<O, I, T>;
+    get key(): DbxPopupKey;
     get data(): Maybe<I>;
-    ngOnInit(): void;
     ngOnDestroy(): void;
     protected updateForSuccessfulTransition(): void;
     close(): void;
@@ -55,6 +52,6 @@ export declare class DbNgxPopupComponent<I = any, O = any, T = any> extends Abst
     minimize(): void;
     normalscreen(): void;
     fullscreen(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopupComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxPopupComponent<any, any, any>, "ng-component", never, {}, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupComponent<any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupComponent<any, any, any>, "ng-component", never, {}, {}, never, never>;
 }

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

@@ -1,12 +1,12 @@
-import { DbNgxPopupController } from './popup';
+import { DbxPopupController } from './popup';
 import * as i0 from "@angular/core";
 /**
  * Popup content wrapper component.
  */
-export declare class DbNgxPopupContentComponent {
+export declare class DbxPopupContentComponent {
     private appPopupController;
     readonly showContent$: import("rxjs").Observable<boolean>;
-    constructor(appPopupController: DbNgxPopupController);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopupContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxPopupContentComponent, "dbx-popup-content", never, {}, {}, never, ["[controls]", "*"]>;
+    constructor(appPopupController: DbxPopupController);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupContentComponent, "dbx-popup-content", never, {}, {}, never, ["[controls]", "*"]>;
 }

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

@@ -1,18 +1,18 @@
-import { DbNgxPopupController } from './popup';
+import { DbxPopupController } from './popup';
 import * as i0 from "@angular/core";
 /**
  * Popup Control Buttons.
  */
-export declare class DbNgxPopupControlButtonsComponent {
+export declare class DbxPopupControlButtonsComponent {
     private appPopupController;
     readonly isMinimized$: import("rxjs").Observable<boolean>;
     readonly isFullscreen$: import("rxjs").Observable<boolean>;
-    constructor(appPopupController: DbNgxPopupController);
+    constructor(appPopupController: DbxPopupController);
     minimizeClicked(): void;
     maximizeClicked(): void;
     fullscreenClicked(): void;
     normalscreenClicked(): void;
     closeClicked(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopupControlButtonsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxPopupControlButtonsComponent, "dbx-popup-control-buttons", never, {}, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupControlButtonsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupControlButtonsComponent, "dbx-popup-control-buttons", never, {}, {}, never, never>;
 }

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

@@ -2,8 +2,8 @@ import * as i0 from "@angular/core";
 /**
  * Popup Controls
  */
-export declare class DbNgxPopupControlsComponent {
+export declare class DbxPopupControlsComponent {
     header?: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopupControlsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxPopupControlsComponent, "dbx-popup-controls", never, { "header": "header"; }, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupControlsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupControlsComponent, "dbx-popup-controls", never, { "header": "header"; }, {}, never, never>;
 }

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

@@ -1,18 +1,18 @@
-import { DbNgxPopupController } from './popup';
+import { DbxPopupController } from './popup';
 import { OnInit, OnDestroy } from '@angular/core';
-import { DbNgxPopupCoordinatorService } from './popup.coordinator.service';
+import { DbxPopupCoordinatorService } from './popup.coordinator.service';
 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 DbNgxPopupCoordinatorComponent implements OnInit, OnDestroy {
+export declare class DbxPopupCoordinatorComponent implements OnInit, OnDestroy {
     private readonly service;
     private readonly popup;
     readonly isPopupForKey$: import("rxjs").Observable<boolean>;
     readonly show$: import("rxjs").Observable<boolean>;
-    constructor(service: DbNgxPopupCoordinatorService, popup: DbNgxPopupController);
+    constructor(service: DbxPopupCoordinatorService, popup: DbxPopupController);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopupCoordinatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxPopupCoordinatorComponent, "dbx-popup-coordinator", never, {}, {}, never, ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupCoordinatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopupCoordinatorComponent, "dbx-popup-coordinator", never, {}, {}, never, ["*"]>;
 }

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

@@ -1,15 +1,15 @@
-import { DbNgxPopupKey, DbNgxPopupController } from './popup';
+import { DbxPopupKey, DbxPopupController } from './popup';
 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 DbNgxPopupCoordinatorService {
+export declare class DbxPopupCoordinatorService {
     private _popups;
-    readonly popups$: import("rxjs").Observable<Map<string, DbNgxPopupController<any, any>>>;
+    readonly popups$: import("rxjs").Observable<Map<string, DbxPopupController<any, any>>>;
     constructor();
-    get popups(): Map<DbNgxPopupKey, DbNgxPopupController>;
-    addPopup(popup: DbNgxPopupController): void;
-    removePopup(key: DbNgxPopupKey, popup?: DbNgxPopupController): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopupCoordinatorService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DbNgxPopupCoordinatorService>;
+    get popups(): Map<DbxPopupKey, DbxPopupController>;
+    addPopup(popup: DbxPopupController): void;
+    removePopup(key: DbxPopupKey, popup?: DbxPopupController): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopupCoordinatorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DbxPopupCoordinatorService>;
 }

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

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

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

@@ -9,12 +9,14 @@ 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/anchor/anchor.module";
+import * as i10 from "../../router/layout/anchor/anchor.module";
 import * as i11 from "../../action/action.module";
-import * as i12 from "ng-overlay-container";
-export declare class DbNgxPopupModule {
-    static forRoot(): ModuleWithProviders<DbNgxPopupModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopupModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbNgxPopupModule, [typeof i1.DbNgxPopupComponent, typeof i2.DbNgxPopupCoordinatorComponent, typeof i3.DbNgxPopupContentComponent, typeof i4.DbNgxPopupControlsComponent, typeof i5.DbNgxPopupControlButtonsComponent], [typeof i6.CommonModule, typeof i7.MatIconModule, typeof i8.MatButtonModule, typeof i9.DbNgxButtonModule, typeof i10.DbNgxAnchorModule, typeof i11.DbNgxActionModule, typeof i12.NgOverlayContainerModule], [typeof i3.DbNgxPopupContentComponent, typeof i4.DbNgxPopupControlsComponent, typeof i5.DbNgxPopupControlButtonsComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DbNgxPopupModule>;
+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 forRoot(): ModuleWithProviders<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.DbxAnchorModule, typeof i11.DbxActionModule, typeof i12.DbxStyleLayoutModule, typeof i13.DbxInjectedComponentModule, typeof i14.NgOverlayContainerModule], [typeof i3.DbxPopupContentComponent, typeof i4.DbxPopupControlsComponent, typeof i5.DbxPopupControlButtonsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxPopupInteractionModule>;
 }

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

@@ -1,9 +1,5 @@
 import { GlobalPositionStrategy } from '@angular/cdk/overlay';
-export declare enum PopupPosition {
-    CENTERED = "centered",
-    BOTTOM_LEFT = "bottom_left",
-    BOTTOM_RIGHT = "bottom_right"
-}
+export declare type PopupPosition = 'center' | 'bottom_left' | 'bottom_right';
 export interface PopupPositionOffset {
     x?: string;
     y?: string;

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

@@ -1,20 +1,20 @@
-import { DbNgxPopupComponentConfig } from './popup.component';
+import { DbxPopupComponentConfig } from './popup.component';
 import { Injector } from '@angular/core';
 import { NgPopoverRef } from 'ng-overlay-container';
 import { Overlay } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
-export interface DbNgxPopupConfig<I, O, T> extends DbNgxPopupComponentConfig<I, O, T> {
+export interface DbxPopupConfig<O, I, T> extends DbxPopupComponentConfig<O, I, T> {
     injector?: Injector;
 }
 /**
  * Used for displaying a popup.
  */
-export declare class DbNgxPopupService {
+export declare class DbxPopupService {
     private _overlay;
     private _injector;
     private _overlayContainerService;
     constructor(_overlay: Overlay, _injector: Injector);
-    open<I, O, T>(config: DbNgxPopupConfig<I, O, T>): NgPopoverRef<DbNgxPopupComponentConfig<I, O, T>, O>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopupService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DbNgxPopupService>;
+    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

@@ -0,0 +1,46 @@
+@use '../../style/theming';
+
+// MARK: Variables
+$box-max-width: theming.$box-max-width;
+$dbx-popup-controls-height: 33px;
+
+// MARK: Mixin
+@mixin core() {
+
+  .dbx-prompt-page {
+    .dbx-prompt-page-content-wrap {
+      padding-top: calc(theming.$app-height * .2)
+    }
+  }
+
+  .dbx-prompt-box {
+    margin: auto;
+    padding: 40px;
+    max-width: $box-max-width;
+
+    &.elevated {
+      @include theming.elevation(2);
+    }
+
+  }
+
+}
+
+@mixin color($theme-config) {}
+
+@mixin typography($typography-config) {}
+
+@mixin theme($theme-config) {
+  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-prompt') {
+    $color: theming.get-color-config($theme-config);
+    $typography: theming.get-typography-config($theme-config);
+
+    @if $color !=null {
+      @include color($theme-config);
+    }
+
+    @if $typography !=null {
+      @include typography($typography);
+    }
+  }
+}

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

@@ -1,8 +1,6 @@
 import * as i0 from "@angular/core";
-export declare class DbNgxPromptBoxComponent {
+export declare class DbxPromptBoxComponent {
     elevated: boolean;
-    fullWidth: boolean;
-    noPadding: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPromptBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxPromptBoxComponent, "dbx-prompt-box", never, { "elevated": "elevated"; "fullWidth": "fullWidth"; "noPadding": "noPadding"; }, {}, never, ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptBoxComponent, "dbx-prompt-box", never, { "elevated": "elevated"; }, {}, never, ["*"]>;
 }

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

@@ -1,17 +1,17 @@
-import { DbNgxButtonDirective, DbNgxButtonInterceptor } from '@dereekb/dbx-core';
+import { DbxButtonDirective, DbxButtonInterceptor } from '@dereekb/dbx-core';
 import { OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
-import { DbNgxPromptConfirm } from './prompt.confirm';
+import { DbxPromptConfirm } from './prompt.confirm';
 import * as i0 from "@angular/core";
 /**
  * Directive that binds together a confirm dialog with the button.
  */
-export declare class DbNgxPromptConfirmButtonDirective implements OnInit, DbNgxButtonInterceptor {
-    readonly appButton: DbNgxButtonDirective;
-    readonly prompt: DbNgxPromptConfirm;
+export declare class DbxPromptConfirmButtonDirective implements OnInit, DbxButtonInterceptor {
+    readonly appButton: DbxButtonDirective;
+    readonly prompt: DbxPromptConfirm;
     readonly interceptButtonClick: () => Observable<boolean>;
-    constructor(appButton: DbNgxButtonDirective, prompt: DbNgxPromptConfirm);
+    constructor(appButton: DbxButtonDirective, prompt: DbxPromptConfirm);
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPromptConfirmButtonDirective, [{ host: true; }, { host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbNgxPromptConfirmButtonDirective, "[dbxPromptConfirmButton]", never, {}, {}, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptConfirmButtonDirective, [{ host: true; }, { host: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPromptConfirmButtonDirective, "[dbxPromptConfirmButton]", never, {}, {}, never>;
 }

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

@@ -1,12 +1,11 @@
 import { Maybe } from '@dereekb/util';
-import { DbNgxPromptBoxComponent } from './prompt.box.component';
 import * as i0 from "@angular/core";
 /**
  * Pre-configured prompt.
  */
-export declare class DbNgxPromptComponent extends DbNgxPromptBoxComponent {
+export declare class DbxPromptComponent {
     header?: Maybe<string>;
     prompt?: Maybe<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPromptComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxPromptComponent, "dbx-prompt", never, { "header": "header"; "prompt": "prompt"; }, {}, never, ["[hero]", "*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptComponent, "dbx-prompt", never, { "header": "header"; "prompt": "prompt"; }, {}, never, ["[hero]", "*"]>;
 }

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

@@ -1,7 +1,7 @@
 import { EventEmitter } from '@angular/core';
 import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
-export declare enum DbNgxPromptConfirmTypes {
+export declare enum DbxPromptConfirmTypes {
     /**
      * Dialog is for yes/no.
      */
@@ -11,8 +11,8 @@ export declare enum DbNgxPromptConfirmTypes {
      */
     DELETE = "delete"
 }
-export interface DbNgxPromptConfirmConfig {
-    type?: DbNgxPromptConfirmTypes;
+export interface DbxPromptConfirmConfig {
+    type?: DbxPromptConfirmTypes;
     title?: string;
     prompt?: string;
     confirmText?: string;
@@ -21,14 +21,14 @@ export interface DbNgxPromptConfirmConfig {
 /**
  * Displays a confirmation dialog.
  */
-export declare class DbNgxPromptConfirmComponent {
+export declare class DbxPromptConfirmComponent {
     private _config;
     confirm: EventEmitter<void>;
     cancel: EventEmitter<void>;
-    get config(): DbNgxPromptConfirmConfig;
-    set config(config: Maybe<DbNgxPromptConfirmConfig>);
+    get config(): DbxPromptConfirmConfig;
+    set config(config: Maybe<DbxPromptConfirmConfig>);
     onConfirm(): void;
     onCancel(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPromptConfirmComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxPromptConfirmComponent, "dbx-prompt-confirm", never, { "config": "config"; }, { "confirm": "confirm"; "cancel": "cancel"; }, never, ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptConfirmComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptConfirmComponent, "dbx-prompt-confirm", never, { "config": "config"; }, { "confirm": "confirm"; "cancel": "cancel"; }, never, ["*"]>;
 }

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

@@ -1,7 +1,7 @@
 import { Provider, Type } from '@angular/core';
 import { Maybe } from '@dereekb/util';
 import { Observable } from 'rxjs';
-export declare abstract class DbNgxPromptConfirm {
+export declare abstract class DbxPromptConfirm {
     abstract showDialog(): Observable<Maybe<boolean>>;
 }
-export declare function ProvideDbNgxPromptConfirm<S>(sourceType: Type<S>): Provider[];
+export declare function ProvideDbxPromptConfirm<S>(sourceType: Type<S>): Provider[];

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

@@ -1,12 +1,23 @@
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { DbxInjectedComponentConfig } from '@dereekb/dbx-core';
 import { OnInit } from '@angular/core';
+import { AbstractDialogDirective } from '../dialog/abstract.dialog.directive';
+import { DbxPromptConfirmConfig, DbxPromptConfirmTypes } from './prompt.confirm.component';
 import { Maybe } from '@dereekb/util';
-import { AbstractDialogDirective } from '../../interaction/dialog/abstract.dialog.directive';
-import { DbNgxPromptConfirmConfig } from './prompt.confirm.component';
 import * as i0 from "@angular/core";
-export declare class DbNgxPromptConfirmDialogComponent extends AbstractDialogDirective implements OnInit {
-    config?: Maybe<DbNgxPromptConfirmConfig>;
+export declare const DEFAULT_DBX_PROMPT_CONFIRM_DIALOG_CONFIG: {
+    title: string;
+    type: DbxPromptConfirmTypes;
+};
+export interface DbxPromptConfirmDialogConfig extends DbxPromptConfirmConfig {
+    component?: DbxInjectedComponentConfig;
+}
+export declare class DbxPromptConfirmDialogComponent extends AbstractDialogDirective<boolean, DbxPromptConfirmDialogConfig> implements OnInit {
+    get config(): DbxPromptConfirmDialogConfig;
+    get injectedConfig(): Maybe<DbxInjectedComponentConfig>;
+    static openDialog(matDialog: MatDialog, config?: DbxPromptConfirmDialogConfig): MatDialogRef<DbxPromptConfirmDialogComponent, boolean>;
     confirm(): void;
     cancel(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPromptConfirmDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxPromptConfirmDialogComponent, "ng-component", never, { "config": "config"; }, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPromptConfirmDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPromptConfirmDialogComponent, "ng-component", never, {}, {}, never, never>;
 }