@dereekb/dbx-web 4.1.0 → 5.1.0

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

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
  *
  * Events/Keys to respond to should be lowercase.
  */
-export declare class DbxActionKeyTriggerDirective<T = any, O = any> {
+export declare class DbxActionKeyTriggerDirective<T = unknown, O = unknown> {
     readonly source: DbxActionContextStoreSourceInstance<T, O>;
     inputKey: Maybe<string>;
     constructor(source: DbxActionContextStoreSourceInstance<T, O>);

package/lib/action/snackbar/_snackbar.scss

@@ -2,20 +2,19 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
 @mixin core() {
-
   .dbx-action-snackbar {
     display: flex;
     align-items: center;
   }
-
 }
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-action-snackbar') {

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

@@ -1,7 +1,6 @@
-import { OnInit } from '@angular/core';
+import { OnInit, OnDestroy, AfterViewInit } from '@angular/core';
 import { LoadingStateType } from '@dereekb/rxjs';
 import { Observable } from 'rxjs';
-import { OnDestroy, AfterViewInit } from '@angular/core';
 import { MatSnackBarRef } from '@angular/material/snack-bar';
 import { Maybe } from '@dereekb/util';
 import { DbxActionSnackbarDisplayConfig, DbxActionSnackbarActionConfig } from './action.snackbar';
@@ -16,12 +15,12 @@ export declare class DbxActionSnackbarComponent extends AbstractSubscriptionDire
     private _durationTimeout;
     private _actionRef;
     readonly value$: Observable<number>;
-    readonly sourceInstance$: Observable<import("@dereekb/dbx-core").DbxActionContextStoreSourceInstance<any, any>>;
+    readonly sourceInstance$: Observable<import("@dereekb/dbx-core").DbxActionContextStoreSourceInstance<unknown, unknown>>;
     readonly complete$: Observable<boolean>;
     readonly loadingStateType$: Observable<LoadingStateType>;
     readonly snackbarStatusClass$: Observable<string>;
     readonly button: Maybe<string>;
-    get action(): DbxActionSnackbarActionConfig | undefined;
+    get action(): DbxActionSnackbarActionConfig<unknown, unknown> | undefined;
     get hasAction(): boolean;
     get message(): Maybe<string>;
     get actionConfig(): Maybe<DbxActionSnackbarActionConfig>;

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

@@ -1,19 +1,19 @@
-import { MatSnackBarConfig } from "@angular/material/snack-bar";
-import { DbxActionContextSourceReference } from "@dereekb/dbx-core";
-import { LoadingState, LoadingStateType } from "@dereekb/rxjs";
-import { Maybe } from "@dereekb/util";
+import { MatSnackBarConfig } from '@angular/material/snack-bar';
+import { DbxActionContextSourceReference } from '@dereekb/dbx-core';
+import { LoadingState, LoadingStateType } from '@dereekb/rxjs';
+import { Maybe } from '@dereekb/util';
 export declare type DbxActionSnackbarType = string;
 export declare type DbxActionSnackbarKnownType = 'none' | 'create' | 'save' | 'delete' | 'merge' | 'send' | 'cancel' | 'restore' | 'refresh' | 'read' | 'unread';
 /**
  * ActionSnackbar event. Depending on the type, a value or error is also available.
  */
-export interface DbxActionSnackbarEvent<O = any> extends Omit<LoadingState<O>, 'loading'> {
+export interface DbxActionSnackbarEvent<O = unknown> extends Omit<LoadingState<O>, 'loading'> {
     type: LoadingStateType;
 }
 /**
  * Configuration for the actual snackbar popup.
  */
-export interface DbxActionSnackbarDisplayConfig {
+export interface DbxActionSnackbarDisplayConfig<T = unknown, O = unknown> {
     /**
      * Text to be shown on the close button. If action is defined, this is ignored and the action text is used.
      */
@@ -25,7 +25,7 @@ export interface DbxActionSnackbarDisplayConfig {
     /**
      * Additional action that can occur.
      */
-    action?: DbxActionSnackbarActionConfig;
+    action?: DbxActionSnackbarActionConfig<T, O>;
     /**
      * MatSnackBar configuration
      */
@@ -34,7 +34,7 @@ export interface DbxActionSnackbarDisplayConfig {
 /**
  * Used for configuring an action on the snackbar component.
  */
-export interface DbxActionSnackbarActionConfig {
+export interface DbxActionSnackbarActionConfig<T = unknown, O = unknown> {
     /**
      * Action label to display on the button.
      */
@@ -44,7 +44,7 @@ export interface DbxActionSnackbarActionConfig {
      *
      * The referred to action is used for triggering and lifecycle.
      */
-    reference: DbxActionContextSourceReference;
+    reference: DbxActionContextSourceReference<T, O>;
     /**
      * Duration to show the action.
      */

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

@@ -8,18 +8,18 @@ import * as i0 from "@angular/core";
 /**
  * Action directive that displays a snackbar when the action context hits a certain state.
  */
-export declare class DbxActionSnackbarDirective<T = any, O = any> extends AbstractSubscriptionDirective implements OnInit {
+export declare class DbxActionSnackbarDirective<T = unknown, O = unknown> extends AbstractSubscriptionDirective implements OnInit {
     readonly source: DbxActionContextStoreSourceInstance<T, O>;
     readonly dbxActionSnackbarService: DbxActionSnackbarService;
     private _snackbarFunction?;
-    get snackbarFunction(): Maybe<DbxActionSnackbarDisplayConfigGeneratorFunction<O>>;
-    set snackbarFunction(snackbarFunction: Maybe<'' | DbxActionSnackbarDisplayConfigGeneratorFunction<O>>);
+    get snackbarFunction(): Maybe<DbxActionSnackbarDisplayConfigGeneratorFunction>;
+    set snackbarFunction(snackbarFunction: Maybe<'' | DbxActionSnackbarDisplayConfigGeneratorFunction>);
     dbxActionSnackbarDefault?: Maybe<DbxActionSnackbarType>;
-    dbxActionSnackbarUndo?: DbxActionSnackbarGeneratorUndoInput;
+    dbxActionSnackbarUndo?: DbxActionSnackbarGeneratorUndoInput<T, O>;
     constructor(source: DbxActionContextStoreSourceInstance<T, O>, dbxActionSnackbarService: DbxActionSnackbarService);
     ngOnInit(): void;
-    protected buildConfigurationForEvent(event: DbxActionSnackbarEvent): Maybe<DbxActionSnackbarDisplayConfig>;
-    protected showSnackbarForConfiguration(config: DbxActionSnackbarDisplayConfig, event: DbxActionSnackbarEvent): void;
+    protected buildConfigurationForEvent(event: DbxActionSnackbarEvent<O>): Maybe<DbxActionSnackbarDisplayConfig<T, O>>;
+    protected showSnackbarForConfiguration(config: DbxActionSnackbarDisplayConfig<T, O>, event: DbxActionSnackbarEvent<O>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionSnackbarDirective<any, any>, [{ host: true; }, null]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionSnackbarDirective<any, any>, "[dbxActionSnackbar]", never, { "snackbarFunction": "dbxActionSnackbar"; "dbxActionSnackbarDefault": "dbxActionSnackbarDefault"; "dbxActionSnackbarUndo": "dbxActionSnackbarUndo"; }, {}, never>;
 }

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

@@ -1,16 +1,16 @@
-import { DbxActionContextSourceReference } from "@dereekb/dbx-core";
-import { Milliseconds, Maybe, GetterOrValue, Getter } from "@dereekb/util";
-import { DbxActionSnackbarDisplayConfig, DbxActionSnackbarEvent } from "./action.snackbar";
-export interface DbxActionSnackbarGeneratorInput<O = any> {
+import { DbxActionContextSourceReference } from '@dereekb/dbx-core';
+import { Milliseconds, Maybe, GetterOrValue, Getter } from '@dereekb/util';
+import { DbxActionSnackbarDisplayConfig, DbxActionSnackbarEvent } from './action.snackbar';
+export interface DbxActionSnackbarGeneratorInput<T = unknown, O = unknown> {
     event: DbxActionSnackbarEvent<O>;
-    undo?: Maybe<DbxActionSnackbarGeneratorUndoInput>;
+    undo?: Maybe<DbxActionSnackbarGeneratorUndoInput<T, O>>;
 }
-export declare type DbxActionSnackbarGeneratorUndoInput = DbxActionSnackbarGeneratorUndoInputConfig | Getter<DbxActionContextSourceReference>;
-export interface DbxActionSnackbarGeneratorUndoInputConfig {
+export declare type DbxActionSnackbarGeneratorUndoInput<T = unknown, O = unknown> = Getter<DbxActionContextSourceReference<T, O>> | DbxActionSnackbarGeneratorUndoInputConfig<T, O>;
+export interface DbxActionSnackbarGeneratorUndoInputConfig<T = unknown, O = unknown> {
     duration?: Milliseconds;
-    getUndoAction: Getter<DbxActionContextSourceReference>;
+    getUndoAction: Getter<DbxActionContextSourceReference<T, O>>;
 }
-export declare type DbxActionSnackbarDisplayConfigGeneratorFunction<O = any> = (input: DbxActionSnackbarGeneratorInput<O>) => Maybe<DbxActionSnackbarDisplayConfig>;
+export declare type DbxActionSnackbarDisplayConfigGeneratorFunction = <T = unknown, O = unknown>(input: DbxActionSnackbarGeneratorInput<T, O>) => Maybe<DbxActionSnackbarDisplayConfig<T, O>>;
 export interface DbxMakeActionSnackbarGeneratorConfiguration {
     idle?: GetterOrValue<DbxMakeActionSnackbarGeneratorEventConfiguration>;
     loading?: GetterOrValue<DbxMakeActionSnackbarGeneratorEventConfiguration>;
@@ -29,4 +29,4 @@ export interface DbxMakeActionSnackbarGeneratorEventConfiguration extends Omit<D
  * @param config
  * @returns
  */
-export declare function makeDbxActionSnackbarDisplayConfigGeneratorFunction<O = any>(config: DbxMakeActionSnackbarGeneratorConfiguration): DbxActionSnackbarDisplayConfigGeneratorFunction<O>;
+export declare function makeDbxActionSnackbarDisplayConfigGeneratorFunction(config: DbxMakeActionSnackbarGeneratorConfiguration): DbxActionSnackbarDisplayConfigGeneratorFunction;

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

@@ -1,16 +1,16 @@
 import { DbxActionSnackbarComponent } from './action.snackbar.component';
-import { InjectionToken, Type } from "@angular/core";
-import { MatSnackBar, MatSnackBarConfig, MatSnackBarRef } from "@angular/material/snack-bar";
-import { Milliseconds, Maybe } from "@dereekb/util";
-import { DbxActionSnackbarDisplayConfig, DbxActionSnackbarType } from "./action.snackbar";
-import { DbxActionSnackbarGeneratorInput, DbxMakeActionSnackbarGeneratorConfiguration } from "./action.snackbar.generator";
+import { InjectionToken, Type } from '@angular/core';
+import { MatSnackBar, MatSnackBarConfig, MatSnackBarRef } from '@angular/material/snack-bar';
+import { Milliseconds, Maybe } from '@dereekb/util';
+import { DbxActionSnackbarDisplayConfig, DbxActionSnackbarType } from './action.snackbar';
+import { DbxActionSnackbarGeneratorInput, DbxMakeActionSnackbarGeneratorConfiguration } from './action.snackbar.generator';
 import * as i0 from "@angular/core";
 export declare const DBX_ACTION_SNACKBAR_SERVICE_CONFIG: InjectionToken<unknown>;
 export declare const DEFAULT_SNACKBAR_DIRECTIVE_DURATION: number;
 export interface DbxActionSnackbarEventMakeConfig {
     [key: string]: DbxMakeActionSnackbarGeneratorConfiguration;
 }
-export interface DbxActionSnackbarServiceConfig<C = any> {
+export interface DbxActionSnackbarServiceConfig<C = unknown> {
     readonly componentClass: Type<C>;
     readonly snackbar?: Pick<MatSnackBarConfig, 'horizontalPosition' | 'verticalPosition'>;
     readonly defaultDuration?: Milliseconds;
@@ -32,8 +32,8 @@ export declare class DbxActionSnackbarService<C = DbxActionSnackbarComponent> {
      * @param config
      * @returns
      */
-    openSnackbar(config: DbxActionSnackbarDisplayConfig): MatSnackBarRef<C>;
-    generateDisplayConfig(type: Maybe<DbxActionSnackbarType>, input: DbxActionSnackbarGeneratorInput): Maybe<DbxActionSnackbarDisplayConfig>;
+    openSnackbar<T = unknown, O = unknown>(config: DbxActionSnackbarDisplayConfig<T, O>): MatSnackBarRef<C>;
+    generateDisplayConfig<T = unknown, O = unknown>(type: Maybe<DbxActionSnackbarType>, input: DbxActionSnackbarGeneratorInput<T, O>): Maybe<DbxActionSnackbarDisplayConfig<T, O>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionSnackbarService<any>, [null, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DbxActionSnackbarService<any>>;
 }

package/lib/button/_button.scss

@@ -5,7 +5,6 @@ $button-spacer-width: 6px;
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-wide-button {
     .dbx-button {
       min-width: 120px;
@@ -30,12 +29,13 @@ $button-spacer-width: 6px;
     // mat-spinners marked with dbx-spinner-custom should allow the stroke to be inherited.
     stroke: unset !important;
   }
-
 }
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-button') {

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

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

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

@@ -7,7 +7,7 @@
       width: 100%;
     }
     .bar {
-      position:absolute;
+      position: absolute;
       top: 0;
       left: 0;
     }

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

@@ -1,8 +1,7 @@
-import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { ChangeDetectorRef, OnDestroy, OnInit, EventEmitter } from '@angular/core';
 import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { Maybe } from '@dereekb/util';
 import { Observable } from 'rxjs';
-import { EventEmitter } from '@angular/core';
 import { DbxProgressButtonGlobalConfig, DbxProgressButtonOptions } from './button.progress.config';
 import * as i0 from "@angular/core";
 export declare abstract class AbstractProgressButtonDirective extends AbstractSubscriptionDirective implements OnInit, OnDestroy {
@@ -20,10 +19,10 @@ export declare abstract class AbstractProgressButtonDirective extends AbstractSu
     ngOnInit(): void;
     ngOnDestroy(): void;
     handleClick(event: MouseEvent): void;
-    get options(): DbxProgressButtonOptions;
     get customSpinnerStyle(): {
         stroke: string;
     } | undefined;
+    get options(): DbxProgressButtonOptions;
     set options(options: DbxProgressButtonOptions);
     set buttonId(buttonId: string);
     /**

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

@@ -26,7 +26,7 @@ export interface DbxProgressButtonOptions {
     icon?: DbxProgressButtonIcon;
     type?: string;
     customStyle?: {
-        [key: string]: any;
+        [key: string]: string;
     };
     customClass?: string;
     /**

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

@@ -5,7 +5,7 @@
       cursor: not-allowed;
     }
     & ::ng-deep .mat-button-wrapper {
-      display:flex;
+      display: flex;
       align-items: center;
       justify-content: center;
     }
@@ -15,22 +15,22 @@
     .spinner {
       position: absolute;
       // top: 25%;
-      opacity:0;
-      transition: opacity .3s ease-in-out;
+      opacity: 0;
+      transition: opacity 0.3s ease-in-out;
       &.working {
         opacity: 1;
       }
     }
     .button-text {
       opacity: 1;
-      transition: opacity .3s ease-in-out;
+      transition: opacity 0.3s ease-in-out;
       &.working {
         opacity: 0;
       }
     }
     mat-icon.mat-button-icon {
       padding-right: 5px;
-      transition: opacity .3s ease-in-out;
+      transition: opacity 0.3s ease-in-out;
       &.is-mat-icon {
         font-size: 18px;
         position: relative;

package/lib/error/_error.scss

@@ -2,13 +2,15 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
-@mixin core() {}
+@mixin core() {
+}
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-error') {

package/lib/error/error.api.d.ts

@@ -3,11 +3,11 @@ import { ServerError, ServerErrorResponse } from '@dereekb/util';
 /**
  * Converts the error response to a POJO.
  */
-export declare function convertToPOJOServerErrorResponse(httpError: HttpErrorResponse | any): ServerError;
+export declare function convertToPOJOServerErrorResponse(httpError: HttpErrorResponse | object): ServerError;
 /**
  * Converts an HTTP Error Response to a ServerErrorResponse type.
  *
  * @param error
  * @returns
  */
-export declare function convertToServerErrorResponse(error: HttpErrorResponse | any): ServerErrorResponse | undefined;
+export declare function convertToServerErrorResponse(error: HttpErrorResponse | object): ServerErrorResponse | undefined;

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

@@ -1,5 +1,4 @@
-import { Maybe } from '@dereekb/util';
-import { ErrorInput, ReadableError } from '@dereekb/util';
+import { Maybe, ErrorInput, ReadableError } from '@dereekb/util';
 import * as i0 from "@angular/core";
 /**
  * Basic error component.
@@ -7,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare class DbxReadableErrorComponent {
     private _error?;
     get error(): Maybe<ReadableError>;
-    set error(error: Maybe<ErrorInput | ReadableError>);
+    set error(error: Maybe<ErrorInput>);
     get message(): Maybe<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxReadableErrorComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DbxReadableErrorComponent, "dbx-error", never, { "error": "error"; }, {}, never, never>;

package/lib/error/state.d.ts

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

package/lib/interaction/dialog/_dialog.scss

@@ -6,9 +6,7 @@ $max-dialog-width: 90vw;
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-dialog-content {
-
     &.normal-dialog-content {
       width: $dialog-width;
       min-width: $dialog-width;
@@ -17,14 +15,14 @@ $max-dialog-width: 90vw;
     &.wide-dialog-content {
       width: $max-dialog-width;
     }
-    
   }
-
 }
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-dialog') {

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

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 /**
  * Abstract dialog component that closes when a transition is successful.
  */
-export declare abstract class AbstractDialogDirective<R = any, D = any, T = any> extends AbstractTransitionWatcherDirective {
+export declare abstract class AbstractDialogDirective<R = unknown, D = unknown, T = unknown> extends AbstractTransitionWatcherDirective {
     readonly data: D;
     readonly dialogRef: MatDialogRef<T, R>;
     constructor(data: D, dialogRef: MatDialogRef<T, R>, dbxRouterTransitionService: DbxRouterTransitionService, ngZone: NgZone);

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

@@ -5,17 +5,17 @@ import { IsModifiedFunction } from '@dereekb/rxjs';
 import { Maybe } from '@dereekb/util';
 import { MatDialogRef } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
-export declare type DbxActionDialogFunction<T = any> = () => MatDialogRef<any, Maybe<T>>;
+export declare type DbxActionDialogFunction<T = unknown> = () => MatDialogRef<unknown, Maybe<T>>;
 /**
  * Action directive that is used to trigger/display a dialog, then watches that dialog for a value.
  */
-export declare class DbxActionDialogDirective<T = any> extends AbstractDbxActionValueOnTriggerDirective<T> implements OnInit, OnDestroy {
+export declare class DbxActionDialogDirective<T = unknown> extends AbstractDbxActionValueOnTriggerDirective<T> implements OnInit, OnDestroy {
     readonly elementRef: ElementRef;
     fn?: DbxActionDialogFunction<T>;
     set dbxActionDialogModified(isModifiedFunction: Maybe<IsModifiedFunction>);
-    constructor(elementRef: ElementRef, source: DbxActionContextStoreSourceInstance<T, any>);
+    constructor(elementRef: ElementRef, source: DbxActionContextStoreSourceInstance<T, unknown>);
     protected _getDataFromDialog(): Observable<Maybe<T>>;
-    protected _makeDialogRef(): MatDialogRef<any, Maybe<T>>;
+    protected _makeDialogRef(): MatDialogRef<unknown, Maybe<T>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionDialogDirective<any>, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionDialogDirective<any>, "[dbxActionDialog]", ["dbxActionDialog"], { "fn": "dbxActionDialog"; "dbxActionDialogModified": "dbxActionDialogModified"; }, {}, never>;
 }

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

@@ -6,5 +6,5 @@ export declare type DbxDialogContentContainerWidth = 'normal' | 'wide';
 export declare class DbxDialogContentDirective {
     width: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDialogContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxDialogContentDirective, "dbx-dialog-content,.dbx-dialog-content", never, { "width": "width"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxDialogContentDirective, "dbx-dialog-content,[dbxDialogContent].dbx-dialog-content", never, { "width": "width"; }, {}, never>;
 }

package/lib/interaction/filter/_filter.scss

@@ -3,11 +3,14 @@
 // MARK: Variables
 
 // MARK: Mixin
-@mixin core() {}
+@mixin core() {
+}
 
-@mixin color($theme-config) {}
+@mixin color($theme-config) {
+}
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-filter') {

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

@@ -1,7 +1,7 @@
 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> {
+export declare class DbxFilterPopoverButtonComponent<F = object> extends AbstractFilterPopoverButtonDirective<F> {
     buttonElement: ElementRef;
     showFilterPopover(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFilterPopoverButtonComponent<any>, never>;

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

@@ -3,8 +3,7 @@ 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 type DbxFilterButtonConfig<F> = DbxFilterComponentParams<F>;
 export declare abstract class AbstractFilterPopoverButtonDirective<F> extends AbstractSubscriptionDirective {
     private readonly popupService;
     config?: DbxFilterButtonConfig<F>;

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

@@ -1,5 +1,5 @@
 import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
-import { ElementRef, Type, OnInit } from '@angular/core';
+import { ElementRef, Type, OnInit, OnDestroy } from '@angular/core';
 import { NgPopoverRef } from 'ng-overlay-container';
 import { Observable } from 'rxjs';
 import { AbstractPopoverDirective } from '../popover/abstract.popover.directive';
@@ -8,7 +8,7 @@ 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> {
+export interface DbxFilterComponentParams<F = object> {
     /**
      * Custom filter component to initialize.
      */
@@ -26,23 +26,23 @@ export interface DbxFilterComponentParams<F = any> {
      */
     initialFilterObs?: Observable<F>;
 }
-export interface DbxFilterPopoverComponentParams<F = any> extends DbxFilterComponentParams<F> {
+export interface DbxFilterPopoverComponentParams<F = object> 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 {
+export declare class DbxFilterPopoverComponent<F> extends AbstractPopoverDirective<unknown, DbxFilterComponentParams<F>> implements OnInit, OnDestroy {
     /**
      * 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<DbxInjectionComponentConfig>;
+    readonly config$: Observable<DbxInjectionComponentConfig<FilterSource<F>>>;
     static openPopover<F>(popupService: DbxPopoverService, { origin, initialFilterObs: inputSource, connector, customFilterComponentClass, presetFilterComponentClass }: DbxFilterPopoverComponentParams<F>, popoverKey?: DbxPopoverKey): NgPopoverRef;
-    constructor(popover: DbxPopoverComponent);
+    constructor(popover: DbxPopoverComponent<unknown, DbxFilterComponentParams<F>>);
     get config(): DbxFilterComponentParams<F>;
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/interaction/popover/_popover.scss

@@ -7,7 +7,6 @@ $dbx-popover-header-height: 48px;
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-popover-content,
   .dbx-popover-component {
     height: 100%;
@@ -72,12 +71,10 @@ $dbx-popover-header-height: 48px;
     &.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) {
@@ -85,10 +82,10 @@ $dbx-popover-header-height: 48px;
       }
     }
   }
-
 }
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-popover') {

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

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 /**
  * Abstract popover directive.
  */
-export declare abstract class AbstractPopoverDirective<O = any, I = any, T = any> {
+export declare abstract class AbstractPopoverDirective<O = unknown, I = unknown, T = unknown> {
     readonly popover: DbxPopoverComponent<O, I, T>;
     constructor(popover: DbxPopoverComponent<O, I, T>);
     close(): void;

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

@@ -1,12 +1,11 @@
-import { OnDestroy } from '@angular/core';
+import { OnDestroy, EventEmitter } from '@angular/core';
 import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
-import { EventEmitter } from '@angular/core';
 import { NgPopoverCloseEvent, NgPopoverRef } from 'ng-overlay-container';
 import * as i0 from "@angular/core";
 /**
  * Abstract class for showing and handling a popover ref.
  */
-export declare abstract class AbstractPopoverRefDirective<T = any, R = any> extends AbstractSubscriptionDirective {
+export declare abstract class AbstractPopoverRefDirective<T = unknown, R = unknown> extends AbstractSubscriptionDirective {
     private _popoverRef?;
     showPopover(): void;
     private _showPopoverRef;
@@ -19,7 +18,7 @@ export declare abstract class AbstractPopoverRefDirective<T = any, R = any> exte
 /**
  * {@link AbstractPopoverRefDirective} extension that includes open/closed events.
  */
-export declare abstract class AbstractPopoverRefWithEventsDirective<T = any, R = any> extends AbstractPopoverRefDirective<T, R> implements OnDestroy {
+export declare abstract class AbstractPopoverRefWithEventsDirective<T = unknown, R = unknown> extends AbstractPopoverRefDirective<T, R> implements OnDestroy {
     readonly popoverOpened: EventEmitter<NgPopoverRef<T, R>>;
     readonly popoverClosed: EventEmitter<NgPopoverCloseEvent<R>>;
     ngOnDestroy(): void;