@dereekb/dbx-web 0.0.1 → 1.2.0

package/lib/interaction/filter/_filter.scss

@@ -0,0 +1,25 @@
+@use '../../style/theming';
+
+// MARK: Variables
+
+// MARK: Mixin
+@mixin core() {}
+
+@mixin color($theme-config) {}
+
+@mixin typography($typography-config) {}
+
+@mixin theme($theme-config) {
+  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-filter') {
+    $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/filter/filter.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./filter.popover.component";
+import * as i2 from "./filter.popover.button.component";
+import * as i3 from "./filter.wrapper.component";
+import * as i4 from "@angular/common";
+import * as i5 from "../popover/popover.module";
+import * as i6 from "@dereekb/dbx-core";
+import * as i7 from "@angular/flex-layout";
+import * as i8 from "@angular/material/icon";
+import * as i9 from "@angular/material/button";
+export declare class DbxFilterInteractionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFilterInteractionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxFilterInteractionModule, [typeof i1.DbxFilterPopoverComponent, typeof i2.DbxFilterPopoverButtonComponent, typeof i3.DbxFilterWrapperComponent], [typeof i4.CommonModule, typeof i5.DbxPopoverInteractionModule, typeof i6.DbxCoreFilterModule, typeof i6.DbxInjectedComponentModule, typeof i7.FlexLayoutModule, typeof i8.MatIconModule, typeof i9.MatButtonModule], [typeof i6.DbxCoreFilterModule, typeof i2.DbxFilterPopoverButtonComponent, typeof i3.DbxFilterWrapperComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxFilterInteractionModule>;
+}

package/lib/interaction/filter/filter.popover.button.component.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef } from '@angular/core';
+import { AbstractFilterPopoverButtonDirective } from './filter.popover.button.directive';
+import * as i0 from "@angular/core";
+export declare class DbxFilterPopoverButtonComponent<F = any> extends AbstractFilterPopoverButtonDirective<F> {
+    buttonElement: ElementRef;
+    showFilterPopover(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFilterPopoverButtonComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterPopoverButtonComponent<any>, "dbx-filter-popover-button", never, {}, {}, never, never>;
+}

package/lib/interaction/filter/filter.popover.button.directive.d.ts

@@ -0,0 +1,17 @@
+import { ElementRef } from '@angular/core';
+import { DbxPopoverService } from '../popover/popover.service';
+import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
+import { DbxFilterComponentParams } from './filter.popover.component';
+import * as i0 from "@angular/core";
+export interface DbxFilterButtonConfig<F> extends DbxFilterComponentParams<F> {
+}
+export declare abstract class AbstractFilterPopoverButtonDirective<F> extends AbstractSubscriptionDirective {
+    private readonly popupService;
+    config?: DbxFilterButtonConfig<F>;
+    private _popoverRef?;
+    constructor(popupService: DbxPopoverService);
+    protected showFilterPopoverAtOrigin(origin: ElementRef): void;
+    private _showFilterPopover;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFilterPopoverButtonDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFilterPopoverButtonDirective<any>, never, never, { "config": "config"; }, {}, never>;
+}

package/lib/interaction/filter/filter.popover.component.d.ts

@@ -0,0 +1,53 @@
+import { DbxInjectedComponentConfig } from '@dereekb/dbx-core';
+import { ElementRef, Type, OnInit } from '@angular/core';
+import { NgPopoverRef } from 'ng-overlay-container';
+import { Observable } from 'rxjs';
+import { AbstractPopoverDirective } from '../popover/abstract.popover.directive';
+import { DbxPopoverComponent } from '../popover/popover.component';
+import { DbxPopoverService } from '../popover/popover.service';
+import { FilterSource, FilterSourceConnector, PresetFilterSource } from '@dereekb/rxjs';
+import { DbxPopoverKey } from '../popover/popover';
+import * as i0 from "@angular/core";
+export interface DbxFilterComponentParams<F = any> {
+    /**
+     * Custom filter component to initialize.
+     */
+    customFilterComponentClass?: Type<FilterSource<F>>;
+    /**
+     * Preset filter component to initialize.
+     */
+    presetFilterComponentClass?: Type<PresetFilterSource<F>>;
+    /**
+     * The connector to use.
+     */
+    connector: FilterSourceConnector<F>;
+    /**
+     * (Optional) Inital filter to pass to the filter source.
+     */
+    initialFilterObs?: Observable<F>;
+}
+export interface DbxFilterPopoverComponentParams<F = any> extends DbxFilterComponentParams<F> {
+    /**
+     * Origin to add the popover to.
+     */
+    origin: ElementRef;
+}
+export declare const DEFAULT_FILTER_POPOVER_KEY = "filter";
+export declare class DbxFilterPopoverComponent<F> extends AbstractPopoverDirective implements OnInit {
+    /**
+     * Whether or not to display buttons to toggle between custom and preset filters.
+     */
+    readonly showSwitchButtons: boolean;
+    private _showPreset;
+    readonly showPreset$: Observable<boolean>;
+    readonly config$: Observable<DbxInjectedComponentConfig>;
+    static openPopover<F>(popupService: DbxPopoverService, { origin, initialFilterObs: inputSource, connector, customFilterComponentClass, presetFilterComponentClass }: DbxFilterPopoverComponentParams<F>, popoverKey?: DbxPopoverKey): NgPopoverRef;
+    constructor(popover: DbxPopoverComponent);
+    get config(): DbxFilterComponentParams<F>;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    showPresets(): void;
+    showCustom(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFilterPopoverComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterPopoverComponent<any>, "ng-component", never, {}, {}, never, never>;
+}

package/lib/interaction/filter/filter.wrapper.component.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Used for adding a reset and filter button to a form.
+ */
+export declare class DbxFilterWrapperComponent {
+    modified?: boolean;
+    readonly applyFilter: EventEmitter<any>;
+    readonly resetFilter: EventEmitter<any>;
+    filterClicked(): void;
+    resetClicked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxFilterWrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterWrapperComponent, "dbx-filter-wrapper", never, { "modified": "modified"; }, { "applyFilter": "applyFilter"; "resetFilter": "resetFilter"; }, never, ["*"]>;
+}

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

@@ -0,0 +1,5 @@
+export * from './filter.module';
+export * from './filter.popover.button.component';
+export * from './filter.popover.button.directive';
+export * from './filter.popover.component';
+export * from './filter.wrapper.component';

package/lib/interaction/index.d.ts

@@ -1,4 +1,6 @@
 export * from './dialog';
+export * from './filter';
 export * from './popover';
 export * from './popup';
 export * from './prompt';
+export * from './interaction.module';

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

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./dialog/dialog.module";
+import * as i2 from "./filter/filter.module";
+import * as i3 from "./prompt/prompt.module";
+import * as i4 from "./popover/popover.module";
+import * as i5 from "./popup/popup.module";
+export declare class DbxInteractionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxInteractionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxInteractionModule, never, never, [typeof i1.DbxDialogInteractionModule, typeof i2.DbxFilterInteractionModule, typeof i3.DbxPromptModule, typeof i4.DbxPopoverInteractionModule, typeof i5.DbxPopupInteractionModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxInteractionModule>;
+}

package/lib/interaction/popover/_popover.scss

@@ -0,0 +1,110 @@
+@use '../../style/theming';
+
+// MARK: Variables
+$dbx-popover-height-var: --popoverh;
+$dbx-popover-controls-height: 48px;
+$dbx-popover-header-height: 48px;
+
+// MARK: Mixin
+@mixin core() {
+
+  .dbx-popover-content,
+  .dbx-popover-component {
+    height: 100%;
+  }
+
+  .dbx-popover-content {
+    height: 100%;
+    overflow-y: hidden;
+
+    .dbx-popover-content-container {
+      @include fillPopoverContentHeight();
+
+      &.dbx-popover-content-container-scrollable {
+        overflow-y: scroll;
+      }
+    }
+
+    .dbx-popover-controls {
+      height: $dbx-popover-controls-height;
+      overflow-y: hidden;
+    }
+
+    &.popover-has-controls {
+      .dbx-popover-content-container {
+        @include fillPopoverContentHeight($hasControls: 1);
+      }
+    }
+  }
+
+  .dbx-popover-header {
+    padding: 4px;
+    display: flex;
+    box-sizing: border-box;
+    height: $dbx-popover-header-height;
+    overflow-y: hidden;
+
+    .dbx-popover-header-content {
+      width: 100%;
+      display: flex;
+      align-items: center;
+    }
+
+    h3 {
+      display: flex;
+      align-items: center;
+      margin: 0;
+    }
+  }
+
+  .dbx-popover-scroll-content {
+    overflow: auto;
+    @include fillPopoverContentHeight(1);
+
+    &.popover-has-header {
+      @include fillPopoverContentHeight(0, 1);
+    }
+
+    &.popover-has-controls {
+      @include fillPopoverContentHeight(0, 1);
+    }
+
+    &.popover-has-controls-and-header {
+      @include fillPopoverContentHeight(1, 1);
+    }
+
+  }
+}
+
+@mixin color($theme-config) {
+
+  .dbx-popover-header {
+    .dbx-popover-header-content {
+      @include theming.if-small-screen($theme-config) {
+        flex-wrap: wrap;
+      }
+    }
+  }
+
+}
+
+@mixin typography($typography-config) {}
+
+@mixin theme($theme-config) {
+  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-popover') {
+    $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);
+    }
+  }
+}
+
+@mixin fillPopoverContentHeight($hasControls: 0, $hasHeader: 0) {
+  height: calc(var(#{$dbx-popover-height-var}) - #{$dbx-popover-controls-height * $hasControls} - #{$dbx-popover-header-height * $hasHeader});
+}

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

@@ -1,13 +1,13 @@
-import { DbNgxPopoverComponent } from './popover.component';
+import { DbxPopoverComponent } from './popover.component';
 import * as i0 from "@angular/core";
 /**
  * Abstract popover directive.
  */
-export declare abstract class AbstractPopoverDirective<I = any, O = any, T = any> {
-    readonly popover: DbNgxPopoverComponent<I, O, T>;
-    constructor(popover: DbNgxPopoverComponent<I, O, T>);
-    closePopover(): void;
-    returnAndClosePopover(value: O): void;
+export declare abstract class AbstractPopoverDirective<O = any, I = any, T = any> {
+    readonly popover: DbxPopoverComponent<O, I, T>;
+    constructor(popover: DbxPopoverComponent<O, I, T>);
+    close(): void;
+    returnAndClose(value: O): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractPopoverDirective<any, any, any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractPopoverDirective<any, any, any>, never, never, {}, {}, never>;
 }

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

@@ -4,7 +4,7 @@ export * from './popover.action.button.directive';
 export * from './popover.action.directive';
 export * from './popover.component';
 export * from './popover.content.component';
-export * from './popover.controls.component';
+export * from './popover.controls.directive';
 export * from './popover.coordinator.component';
 export * from './popover.coordinator.service';
 export * from './popover.header.component';
@@ -12,3 +12,4 @@ export * from './popover.module';
 export * from './popover.position.strategy';
 export * from './popover.scroll.content.component';
 export * from './popover.service';
+export * from './popover';

package/lib/interaction/popover/popover.action.button.directive.d.ts

@@ -1,14 +1,14 @@
 import { NgZone } from '@angular/core';
-import { DbNgxButtonDirective, DbNgxActionButtonDirective, ActionContextStoreSourceInstance } from '@dereekb/dbx-core';
-import { DbNgxPopoverActionDirective } from './popover.action.directive';
+import { DbxButtonDirective, DbxActionButtonDirective, ActionContextStoreSourceInstance } from '@dereekb/dbx-core';
+import { DbxPopoverActionDirective } from './popover.action.directive';
 import * as i0 from "@angular/core";
 /**
- * Action directive that is used to link an DbNgxButton to an DbNgxPopoverActionDirective.
+ * Action directive that is used to link an DbxButton to an DbxPopoverActionDirective.
  */
-export declare class DbNgxPopoverActionButtonDirective extends DbNgxActionButtonDirective {
-    readonly appPopoverActionDirective: DbNgxPopoverActionDirective;
-    constructor(button: DbNgxButtonDirective, source: ActionContextStoreSourceInstance, ngZone: NgZone, appPopoverActionDirective: DbNgxPopoverActionDirective);
+export declare class DbxPopoverActionButtonDirective extends DbxActionButtonDirective {
+    readonly appPopoverActionDirective: DbxPopoverActionDirective;
+    constructor(button: DbxButtonDirective, source: ActionContextStoreSourceInstance, ngZone: NgZone, appPopoverActionDirective: DbxPopoverActionDirective);
     protected _buttonClicked(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopoverActionButtonDirective, [{ host: true; }, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbNgxPopoverActionButtonDirective, "[dbxPopoverActionButton]", never, {}, {}, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverActionButtonDirective, [{ host: true; }, null, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPopoverActionButtonDirective, "[dbxPopoverActionButton]", never, {}, {}, never>;
 }

package/lib/interaction/popover/popover.action.directive.d.ts

@@ -4,22 +4,22 @@ import { NgPopoverCloseEvent, NgPopoverRef } from 'ng-overlay-container';
 import { AbstractPopoverRefWithEventsDirective } from './abstract.popover.ref.directive';
 import { ActionContextStoreSourceInstance } from '@dereekb/dbx-core';
 import * as i0 from "@angular/core";
-export interface DbNgxPopoverActionFnParam {
+export interface DbxPopoverActionFnParam {
     origin: ElementRef;
 }
-export declare type DbNgxPopoverActionFn<T = object> = (params: DbNgxPopoverActionFnParam) => NgPopoverRef<any, T>;
-export declare type DbNgxPopoverActionModifiedFn<T = any> = (value: T) => Observable<boolean>;
+export declare type DbxPopoverActionFn<T = object> = (params: DbxPopoverActionFnParam) => NgPopoverRef<any, T>;
+export declare type DbxPopoverActionModifiedFn<T = any> = (value: T) => Observable<boolean>;
 /**
  * Action directive that is used to trigger/display a popover,
  * then watches that popover for a value.
  *
  * The value is passed to the isModified function (ifProvided), and if that returns true it will
  */
-export declare class DbNgxPopoverActionDirective<T = object> extends AbstractPopoverRefWithEventsDirective<any, T> implements OnInit, OnDestroy {
+export declare class DbxPopoverActionDirective<T = object> extends AbstractPopoverRefWithEventsDirective<any, T> implements OnInit, OnDestroy {
     readonly elementRef: ElementRef;
     readonly source: ActionContextStoreSourceInstance<T, any>;
-    fn?: DbNgxPopoverActionFn<T>;
-    appPopoverActionModified?: DbNgxPopoverActionModifiedFn<T>;
+    fn?: DbxPopoverActionFn<T>;
+    appPopoverActionModified?: DbxPopoverActionModifiedFn<T>;
     private _popoverValue;
     private _triggeredSub;
     private _isModifiedSub;
@@ -28,6 +28,6 @@ export declare class DbNgxPopoverActionDirective<T = object> extends AbstractPop
     ngOnDestroy(): void;
     protected _makePopoverRef(): NgPopoverRef<any, T>;
     protected _afterClosed(event: NgPopoverCloseEvent<T>): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopoverActionDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbNgxPopoverActionDirective<any>, "[dbxPopoverAction]", ["popoverAction"], { "fn": "dbxPopoverAction"; "appPopoverActionModified": "appPopoverActionModified"; }, {}, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverActionDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPopoverActionDirective<any>, "[dbxPopoverAction]", ["popoverAction"], { "fn": "dbxPopoverAction"; "appPopoverActionModified": "appPopoverActionModified"; }, {}, never>;
 }

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

@@ -1,21 +1,21 @@
-import { ComponentFactoryResolver, NgZone, Type, OnInit, OnDestroy, ElementRef } from '@angular/core';
+import { NgZone, Type, OnInit, OnDestroy, ElementRef } from '@angular/core';
 import { NgOverlayContainerConfiguration, NgPopoverRef } from 'ng-overlay-container';
-import { AbstractTransitionWatcherDirective, DbNgxRouterTransitionService } from '@dereekb/dbx-core';
+import { AbstractTransitionWatcherDirective, DbxRouterTransitionService, DbxInjectedComponentConfig } from '@dereekb/dbx-core';
 import { LockSet } from '@dereekb/rxjs';
 import { CompactContextStore } from '../../layout';
 import { Maybe } from '@dereekb/util';
-import { DbNgxPopoverController, DbNgxPopoverKey } from './popover';
+import { DbxPopoverController, DbxPopoverKey } from './popover';
 import * as i0 from "@angular/core";
-export declare abstract class DbNgxPopoverComponentController<I, O> extends DbNgxPopoverController<I, O> {
+export declare abstract class DbxPopoverComponentController<O, I> extends DbxPopoverController<O, I> {
     getClosingValueFn?: (value?: I) => Promise<O>;
 }
-export interface DbNgxPopoverComponentConfig<I, O, T> {
+export interface DbxPopoverComponentConfig<O, I, T> {
     /**
      * Key used for uniquely identifying a limited instance.
      *
      * Only one popover should exist at a time given a certain key.
      */
-    key: DbNgxPopoverKey;
+    key: DbxPopoverKey;
     /**
      * Origin element to position on.
      */
@@ -38,30 +38,28 @@ export interface DbNgxPopoverComponentConfig<I, O, T> {
      * Data available to the popover.
      */
     data?: Maybe<I>;
-    init?: (component: T, controller: DbNgxPopoverController<I, O>) => void;
+    init?: (component: T, controller: DbxPopoverController<O, I>) => void;
 }
-export interface FullDbNgxPopoverComponentConfig<I, O, T> extends DbNgxPopoverComponentConfig<I, O, T> {
+export interface FullDbxPopoverComponentConfig<O, I, T> extends DbxPopoverComponentConfig<O, I, T> {
     configuration: NgOverlayContainerConfiguration;
 }
 /**
  * Popover component.
  */
-export declare class DbNgxPopoverComponent<I = any, O = any, T = any> extends AbstractTransitionWatcherDirective implements DbNgxPopoverController<I, O>, OnInit, OnDestroy {
+export declare class DbxPopoverComponent<O = any, I = any, T = any> extends AbstractTransitionWatcherDirective implements DbxPopoverController<O, I>, OnInit, OnDestroy {
     private popoverRef;
     private compactContextState;
-    private resolver;
     readonly lockSet: LockSet;
-    private _content;
-    private _componentRef?;
+    readonly contentConfig: DbxInjectedComponentConfig;
     private _startedClosing;
     private readonly _closing;
     private _triggerCloseKeys;
     readonly isClosing$: import("rxjs").Observable<boolean>;
     readonly closing$: import("rxjs").Observable<boolean>;
     getClosingValueFn?: (value?: I) => Promise<O>;
-    constructor(popoverRef: NgPopoverRef<FullDbNgxPopoverComponentConfig<I, O, T>, O>, compactContextState: CompactContextStore, resolver: ComponentFactoryResolver, dbNgxRouterTransitionService: DbNgxRouterTransitionService, ngZone: NgZone);
-    get config(): FullDbNgxPopoverComponentConfig<I, O, T>;
-    get key(): DbNgxPopoverKey;
+    constructor(popoverRef: NgPopoverRef<FullDbxPopoverComponentConfig<O, I, T>, O>, compactContextState: CompactContextStore, dbNgxRouterTransitionService: DbxRouterTransitionService, ngZone: NgZone);
+    get config(): FullDbxPopoverComponentConfig<O, I, T>;
+    get key(): DbxPopoverKey;
     get data(): Maybe<I>;
     get triggerCloseKeys(): string[];
     ngOnInit(): void;
@@ -70,6 +68,6 @@ export declare class DbNgxPopoverComponent<I = any, O = any, T = any> extends Ab
     close(): void;
     return(value?: O): void;
     handleKeydown(key: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopoverComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxPopoverComponent<any, any, any>, "ng-component", never, {}, {}, never, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverComponent<any, any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverComponent<any, any, any>, "ng-component", never, {}, {}, never, never>;
 }

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

@@ -4,14 +4,13 @@ import * as i0 from "@angular/core";
 /**
  * Popover content wrapper component.
  */
-export declare class DbNgxPopoverContentComponent implements OnDestroy {
+export declare class DbxPopoverContentComponent implements OnDestroy {
     private readonly _height;
     readonly height$: import("rxjs").Observable<string>;
-    scrollable: boolean;
     hasControls: boolean;
     hasHeader: boolean;
     onResized(event: ResizedEvent): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopoverContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxPopoverContentComponent, "dbx-popover-content", never, { "scrollable": "scrollable"; "hasControls": "hasControls"; "hasHeader": "hasHeader"; }, {}, never, ["[controls]", "*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverContentComponent, "dbx-popover-content", never, {}, {}, never, ["[controls]", "*"]>;
 }

package/lib/interaction/popover/popover.controls.directive.d.ts

@@ -0,0 +1,10 @@
+import { DbxPopoverContentComponent } from './popover.content.component';
+import * as i0 from "@angular/core";
+/**
+ * Popover Controls
+ */
+export declare class DbxPopoverControlsDirective {
+    constructor(appPopoverContentComponent: DbxPopoverContentComponent);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverControlsDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPopoverControlsDirective, "dbx-popover-controls,[dbx-popover-controls],.dbx-popover-controls", never, {}, {}, never>;
+}

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

@@ -1,18 +1,18 @@
-import { DbNgxPopoverController } from './popover';
+import { DbxPopoverController } from './popover';
 import { OnInit, OnDestroy } from '@angular/core';
-import { DbNgxPopoverCoordinatorService } from './popover.coordinator.service';
+import { DbxPopoverCoordinatorService } from './popover.coordinator.service';
 import * as i0 from "@angular/core";
 /**
  * Used for coordinating popovers and closing/replacing existing ones when a new popover of the same name appears.
  */
-export declare class DbNgxPopoverCoordinatorComponent implements OnInit, OnDestroy {
+export declare class DbxPopoverCoordinatorComponent implements OnInit, OnDestroy {
     private readonly service;
     private readonly popover;
     readonly isPopoverForKey$: import("rxjs").Observable<boolean>;
     readonly show$: import("rxjs").Observable<boolean>;
-    constructor(service: DbNgxPopoverCoordinatorService, popover: DbNgxPopoverController);
+    constructor(service: DbxPopoverCoordinatorService, popover: DbxPopoverController);
     ngOnInit(): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopoverCoordinatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxPopoverCoordinatorComponent, "dbx-popover-coordinator", never, {}, {}, never, ["*"]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverCoordinatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverCoordinatorComponent, "dbx-popover-coordinator", never, {}, {}, never, ["*"]>;
 }

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

@@ -1,14 +1,14 @@
-import { DbNgxPopoverKey, DbNgxPopoverController } from './popover';
+import { DbxPopoverKey, DbxPopoverController } from './popover';
 import * as i0 from "@angular/core";
 /**
  * Used for coordinating popovers and closing/replacing existing ones when a new popover of the same name appears.
  */
-export declare class DbNgxPopoverCoordinatorService {
+export declare class DbxPopoverCoordinatorService {
     private _popovers;
-    readonly popovers$: import("rxjs").Observable<Map<string, DbNgxPopoverController<any, any>>>;
-    get popovers(): Map<DbNgxPopoverKey, DbNgxPopoverController>;
-    addPopover(popover: DbNgxPopoverController): void;
-    removePopover(key: DbNgxPopoverKey, popover?: DbNgxPopoverController): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopoverCoordinatorService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DbNgxPopoverCoordinatorService>;
+    readonly popovers$: import("rxjs").Observable<Map<string, DbxPopoverController<any, any>>>;
+    get popovers(): Map<DbxPopoverKey, DbxPopoverController>;
+    addPopover(popover: DbxPopoverController): void;
+    removePopover(key: DbxPopoverKey, popover?: DbxPopoverController): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverCoordinatorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DbxPopoverCoordinatorService>;
 }

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

@@ -1,8 +1,8 @@
 import { Maybe } from "@dereekb/util";
 import { Observable } from "rxjs";
-export declare type DbNgxPopoverKey = string;
-export declare abstract class DbNgxPopoverController<I = any, O = any> {
-    abstract readonly key: DbNgxPopoverKey;
+export declare type DbxPopoverKey = string;
+export declare abstract class DbxPopoverController<O = any, I = any> {
+    abstract readonly key: DbxPopoverKey;
     abstract readonly data?: Maybe<I>;
     abstract readonly closing$: Observable<boolean>;
     /**

package/lib/interaction/popover/popover.header.component.d.ts

@@ -1,12 +1,12 @@
-import { DbNgxPopoverContentComponent } from './popover.content.component';
+import { DbxPopoverContentComponent } from './popover.content.component';
 import * as i0 from "@angular/core";
 /**
  * Component used to format a header for a popover.
  */
-export declare class DbNgxPopoverHeaderComponent {
+export declare class DbxPopoverHeaderComponent {
     header?: string;
     icon?: string;
-    constructor(appPopoverContentComponent: DbNgxPopoverContentComponent);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopoverHeaderComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxPopoverHeaderComponent, "dbx-popover-header", never, { "header": "header"; "icon": "icon"; }, {}, never, ["*"]>;
+    constructor(appPopoverContentComponent: DbxPopoverContentComponent);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverHeaderComponent, [{ optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverHeaderComponent, "dbx-popover-header", never, { "header": "header"; "icon": "icon"; }, {}, never, ["*"]>;
 }

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

@@ -5,7 +5,7 @@ import * as i2 from "./popover.action.directive";
 import * as i3 from "./popover.component";
 import * as i4 from "./popover.coordinator.component";
 import * as i5 from "./popover.content.component";
-import * as i6 from "./popover.controls.component";
+import * as i6 from "./popover.controls.directive";
 import * as i7 from "./popover.header.component";
 import * as i8 from "./popover.scroll.content.component";
 import * as i9 from "@angular/common";
@@ -13,14 +13,16 @@ import * as i10 from "@angular/material/icon";
 import * as i11 from "@angular/material/button";
 import * as i12 from "@angular/material/divider";
 import * as i13 from "../../button/button.module";
-import * as i14 from "../../router/anchor/anchor.module";
+import * as i14 from "../../router/layout/anchor/anchor.module";
 import * as i15 from "../../action/action.module";
 import * as i16 from "../../keypress/keypress.module";
-import * as i17 from "ng-overlay-container";
-import * as i18 from "angular-resize-event";
-export declare class DbNgxPopoverModule {
-    static forRoot(): ModuleWithProviders<DbNgxPopoverModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopoverModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DbNgxPopoverModule, [typeof i1.DbNgxPopoverActionButtonDirective, typeof i2.DbNgxPopoverActionDirective, typeof i3.DbNgxPopoverComponent, typeof i4.DbNgxPopoverCoordinatorComponent, typeof i5.DbNgxPopoverContentComponent, typeof i6.DbNgxPopoverControlsComponent, typeof i7.DbNgxPopoverHeaderComponent, typeof i8.DbNgxPopoverScrollContentComponent], [typeof i9.CommonModule, typeof i10.MatIconModule, typeof i11.MatButtonModule, typeof i12.MatDividerModule, typeof i13.DbNgxButtonModule, typeof i14.DbNgxAnchorModule, typeof i15.DbNgxActionModule, typeof i16.DbNgxKeypressModule, typeof i17.NgOverlayContainerModule, typeof i18.AngularResizeEventModule], [typeof i1.DbNgxPopoverActionButtonDirective, typeof i2.DbNgxPopoverActionDirective, typeof i5.DbNgxPopoverContentComponent, typeof i6.DbNgxPopoverControlsComponent, typeof i7.DbNgxPopoverHeaderComponent, typeof i8.DbNgxPopoverScrollContentComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DbNgxPopoverModule>;
+import * as i17 from "../../layout/style/style.layout.module";
+import * as i18 from "@dereekb/dbx-core";
+import * as i19 from "ng-overlay-container";
+import * as i20 from "angular-resize-event";
+export declare class DbxPopoverInteractionModule {
+    static forRoot(): ModuleWithProviders<DbxPopoverInteractionModule>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverInteractionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DbxPopoverInteractionModule, [typeof i1.DbxPopoverActionButtonDirective, typeof i2.DbxPopoverActionDirective, typeof i3.DbxPopoverComponent, typeof i4.DbxPopoverCoordinatorComponent, typeof i5.DbxPopoverContentComponent, typeof i6.DbxPopoverControlsDirective, typeof i7.DbxPopoverHeaderComponent, typeof i8.DbxPopoverScrollContentComponent], [typeof i9.CommonModule, typeof i10.MatIconModule, typeof i11.MatButtonModule, typeof i12.MatDividerModule, typeof i13.DbxButtonModule, typeof i14.DbxAnchorModule, typeof i15.DbxActionModule, typeof i16.DbxKeypressModule, typeof i17.DbxStyleLayoutModule, typeof i18.DbxInjectedComponentModule, typeof i19.NgOverlayContainerModule, typeof i20.AngularResizeEventModule], [typeof i1.DbxPopoverActionButtonDirective, typeof i2.DbxPopoverActionDirective, typeof i5.DbxPopoverContentComponent, typeof i6.DbxPopoverControlsDirective, typeof i7.DbxPopoverHeaderComponent, typeof i8.DbxPopoverScrollContentComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DbxPopoverInteractionModule>;
 }

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

@@ -1,14 +1,14 @@
-import { DbNgxPopoverContentComponent } from './popover.content.component';
+import { DbxPopoverContentComponent } from './popover.content.component';
 import * as i0 from "@angular/core";
 /**
  * Popover scrollable content wrapper component.
  */
-export declare class DbNgxPopoverScrollContentComponent {
-    readonly appPopoverContentComponent: DbNgxPopoverContentComponent;
+export declare class DbxPopoverScrollContentComponent {
+    readonly appPopoverContentComponent: DbxPopoverContentComponent;
     get sizingClasses(): string;
     get hasHeader(): boolean;
     get hasControls(): boolean;
-    constructor(appPopoverContentComponent: DbNgxPopoverContentComponent);
-    static ɵfac: i0.ɵɵFactoryDeclaration<DbNgxPopoverScrollContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbNgxPopoverScrollContentComponent, "dbx-popover-scroll-content", never, {}, {}, never, ["*"]>;
+    constructor(appPopoverContentComponent: DbxPopoverContentComponent);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverScrollContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverScrollContentComponent, "dbx-popover-scroll-content", never, {}, {}, never, ["*"]>;
 }