@dereekb/dbx-web 9.25.16 → 10.0.0

package/lib/extension/model/state/reducers/index.d.ts

@@ -12,4 +12,4 @@ export declare function reducers(state: DbxModelState | undefined, action: Actio
     "model.module.config": fromObjectModuleConfig.DbxModelModuleStateConfiguration;
 };
 export declare const selectDbxModelFeature: import("@ngrx/store").MemoizedSelector<State, DbxModelState, import("@ngrx/store").DefaultProjectorFn<DbxModelState>>;
-export declare const selectDbxModelFeatureObjectModuleConfig: import("@ngrx/store").MemoizedSelector<State, fromObjectModuleConfig.DbxModelModuleStateConfiguration, import("@ngrx/store").DefaultProjectorFn<fromObjectModuleConfig.DbxModelModuleStateConfiguration>>;
+export declare const selectDbxModelFeatureObjectModuleConfig: import("@ngrx/store").MemoizedSelector<State, fromObjectModuleConfig.DbxModelModuleStateConfiguration, (s1: DbxModelState) => fromObjectModuleConfig.DbxModelModuleStateConfiguration>;

package/lib/extension/model/state/state.d.ts

@@ -1,2 +1,2 @@
 import * as fromDbxModel from './reducers';
-export declare type DbxModelFullState = fromDbxModel.State;
+export type DbxModelFullState = fromDbxModel.State;

package/lib/extension/structure/structure.body.directive.d.ts

@@ -5,5 +5,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxBodyDirective extends DbxStructureDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxBodyDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxBodyDirective, "dbxBody,[dbxBody]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxBodyDirective, "dbxBody,[dbxBody]", never, {}, {}, never, never, false, never>;
 }

package/lib/extension/structure/structure.structure.directive.d.ts

@@ -11,5 +11,5 @@ export declare class DbxStructureDirective {
     readonly element: ElementRef;
     constructor(cdRef: ChangeDetectorRef, injector: Injector, element: ElementRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxStructureDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxStructureDirective, "[dbxStructure]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxStructureDirective, "[dbxStructure]", never, {}, {}, never, never, false, never>;
 }

package/lib/extension/table/_table.scss

@@ -41,12 +41,13 @@
 @mixin color($theme-config) {
 }
 
-@mixin typography($typography-config) {
+@mixin typography($theme-config-or-typography-config) {
 }
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-table') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -54,7 +55,7 @@
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/extension/widget/widget.component.d.ts

@@ -16,5 +16,5 @@ export declare class DbxWidgetViewComponent implements OnDestroy {
     ngOnDestroy(): void;
     set config(config: Maybe<DbxWidgetDataPair>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetViewComponent, "dbx-widget-view", never, { "config": "config"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetViewComponent, "dbx-widget-view", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/extension/widget/widget.d.ts

@@ -2,12 +2,12 @@ import { ModelTypeDataPair, MapFunction } from '@dereekb/util';
 /**
  * Widget type identifier
  */
-export declare type DbxWidgetType = string;
+export type DbxWidgetType = string;
 /**
  * Type and data pair for a DbxWidget.
  */
-export declare type DbxWidgetDataPair<T = unknown> = ModelTypeDataPair<T>;
+export type DbxWidgetDataPair<T = unknown> = ModelTypeDataPair<T>;
 /**
  * Used for converting the input data into a DbxWidgetDataPair value.
  */
-export declare type DbxWidgetDataPairFactory<T> = MapFunction<T, DbxWidgetDataPair<T>>;
+export type DbxWidgetDataPairFactory<T> = MapFunction<T, DbxWidgetDataPair<T>>;

package/lib/extension/widget/widget.directive.d.ts

@@ -3,5 +3,5 @@ export declare abstract class AbstractDbxWidgetComponent<T> {
     readonly data: T;
     constructor(data: T);
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxWidgetComponent<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxWidgetComponent<any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxWidgetComponent<any>, never, never, {}, {}, never, never, false, never>;
 }

package/lib/extension/widget/widget.list.component.d.ts

@@ -1,21 +1,21 @@
 import { AbstractDbxListWrapperDirective, DbxValueListGridViewConfig, AbstractDbxValueListViewItemComponent, DbxValueAsListItem, AbstractDbxListGridViewDirective } from '../../layout/list';
 import { DbxWidgetDataPair } from './widget';
 import * as i0 from "@angular/core";
-export declare type DbxWidgetDataPairWithSelection = DbxValueAsListItem<DbxWidgetDataPair>;
+export type DbxWidgetDataPairWithSelection = DbxValueAsListItem<DbxWidgetDataPair>;
 /**
  * Demo DbxSelectionListWrapperDirective
  */
 export declare class DbxWidgetListGridComponent extends AbstractDbxListWrapperDirective<DbxWidgetDataPair> {
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetListGridComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridComponent, "dbx-widget-grid", never, {}, {}, never, ["[top]", "[bottom]", "[empty]", "[emptyLoading]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridComponent, "dbx-widget-grid", never, {}, {}, never, ["[top]", "[bottom]", "[empty]", "[emptyLoading]"], false, never>;
 }
 export declare class DbxWidgetListGridViewComponent extends AbstractDbxListGridViewDirective<DbxWidgetDataPair> {
     readonly config: DbxValueListGridViewConfig<DbxWidgetDataPairWithSelection>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetListGridViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridViewComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridViewComponent, "dbx-widget-grid-view", never, {}, {}, never, never, false, never>;
 }
 export declare class DbxWidgetListGridViewItemComponent extends AbstractDbxValueListViewItemComponent<DbxWidgetDataPair> {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxWidgetListGridViewItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridViewItemComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxWidgetListGridViewItemComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/interaction/_interaction.scss

@@ -14,13 +14,13 @@
   @include style.core();
 }
 
-@mixin all-interaction-typography($typography-config) {
-  @include dialog.typography($typography-config);
-  @include filter.typography($typography-config);
-  @include popover.typography($typography-config);
-  @include popup.typography($typography-config);
-  @include prompt.typography($typography-config);
-  @include style.typography($typography-config);
+@mixin all-interaction-typography($theme-config) {
+  @include dialog.typography($theme-config);
+  @include filter.typography($theme-config);
+  @include popover.typography($theme-config);
+  @include popup.typography($theme-config);
+  @include prompt.typography($theme-config);
+  @include style.typography($theme-config);
 }
 
 @mixin all-interaction-theme($theme-config) {

package/lib/interaction/dialog/_dialog.scss

@@ -3,18 +3,26 @@
 // MARK: Variables
 $dialog-width: 400px;
 $max-dialog-width: 90vw;
-$mat-dialog-container-padding: 24px;
-$dbx-dialog-content-close-edge-padding: 2px;
-$dbx-dialog-content-close-offset: $mat-dialog-container-padding - $dbx-dialog-content-close-edge-padding;
+$mat-dialog-close-icon-size: 48px;
+$mat-dialog-close-icon-half-size: $mat-dialog-close-icon-size / 2;
+$mat-dialog-container-padding: 18px;
+$dbx-dialog-content-close-edge-padding: 4px;
+$dbx-dialog-content-close-top-offset: $dbx-dialog-content-close-edge-padding;
+$dbx-dialog-content-close-right-offset: $dbx-dialog-content-close-edge-padding;
 
 // MARK: Mixin
 @mixin core() {
   .dbx-dialog-content {
+    display: block;
+    padding: $mat-dialog-container-padding;
+
     &.normal-dialog-content {
       width: $dialog-width;
       min-width: $dialog-width;
     }
+  }
 
+  .mdc-dialog__container .dbx-dialog-content {
     &.wide-dialog-content {
       width: $max-dialog-width;
     }
@@ -23,14 +31,22 @@ $dbx-dialog-content-close-offset: $mat-dialog-container-padding - $dbx-dialog-co
   .dbx-dialog-content-close {
     display: flex;
     height: 0px;
-    padding-right: 3px;
     align-items: center;
     justify-content: flex-end;
   }
 
-  .mat-dialog-container .dbx-dialog-content-close {
-    position: relative;
-    right: -$dbx-dialog-content-close-offset;
+  .mdc-dialog__container .dbx-dialog-content-close > .dbx-dialog-content-close-button {
+    position: absolute;
+    top: $dbx-dialog-content-close-top-offset;
+    right: $dbx-dialog-content-close-right-offset;
+  }
+
+  .dbx-dialog-content-close.dbx-dialog-content-close-padding {
+    padding-bottom: $mat-dialog-container-padding;
+
+    > .dbx-dialog-content-close-button {
+      top: $dbx-dialog-content-close-edge-padding;
+    }
   }
 
   .dbx-dialog-content-footer {
@@ -44,12 +60,13 @@ $dbx-dialog-content-close-offset: $mat-dialog-container-padding - $dbx-dialog-co
 @mixin color($theme-config) {
 }
 
-@mixin typography($typography-config) {
+@mixin typography($theme-config-or-typography-config) {
 }
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-interaction-dialog') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -57,7 +74,7 @@ $dbx-dialog-content-close-offset: $mat-dialog-container-padding - $dbx-dialog-co
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

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

@@ -13,5 +13,5 @@ export declare abstract class AbstractDialogDirective<R = unknown, D = unknown,
     returnValue(value?: R): void;
     close(value?: R): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDialogDirective<any, any, any>, [{ optional: true; }, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDialogDirective<any, any, any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDialogDirective<any, any, any>, never, never, {}, {}, never, never, false, never>;
 }

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

@@ -5,7 +5,7 @@ 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 = unknown> = () => MatDialogRef<unknown, Maybe<T>>;
+export 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.
  */
@@ -17,5 +17,5 @@ export declare class DbxActionDialogDirective<T = unknown> extends AbstractDbxAc
     protected _getDataFromDialog(): Observable<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, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionDialogDirective<any>, "[dbxActionDialog]", ["dbxActionDialog"], { "fn": { "alias": "dbxActionDialog"; "required": false; }; "dbxActionDialogModified": { "alias": "dbxActionDialogModified"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -4,9 +4,10 @@ import * as i0 from "@angular/core";
  * Component used to show a close button at the top of a dialog, floating in a corner.
  */
 export declare class DbxDialogContentCloseComponent implements OnDestroy {
+    padded: boolean;
     readonly close: EventEmitter<void>;
     closeClicked(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDialogContentCloseComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDialogContentCloseComponent, "dbx-dialog-content-close", never, {}, { "close": "close"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDialogContentCloseComponent, "dbx-dialog-content-close", never, { "padded": { "alias": "padded"; "required": false; }; }, { "close": "close"; }, never, never, false, never>;
 }

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

@@ -1,10 +1,10 @@
 import * as i0 from "@angular/core";
-export declare type DbxDialogContentContainerWidth = 'normal' | 'wide';
+export type DbxDialogContentContainerWidth = 'normal' | 'wide';
 /**
  * Component used to style a dialog.
  */
 export declare class DbxDialogContentDirective {
     width: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDialogContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxDialogContentDirective, "dbx-dialog-content,[dbxDialogContent].dbx-dialog-content", never, { "width": "width"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxDialogContentDirective, "dbx-dialog-content,[dbxDialogContent].dbx-dialog-content", never, { "width": { "alias": "width"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -1,4 +1,4 @@
 import { MatDialogConfig } from '@angular/material/dialog';
 import { Maybe } from '@dereekb/util';
-export declare type DbxDialogContentConfig = Omit<MatDialogConfig, 'viewContainerRef' | 'injector' | 'id' | 'data'>;
+export type DbxDialogContentConfig = Omit<MatDialogConfig, 'viewContainerRef' | 'injector' | 'id' | 'data'>;
 export declare function sanitizeDbxDialogContentConfig(input: Maybe<DbxDialogContentConfig>): DbxDialogContentConfig;

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

@@ -17,5 +17,5 @@ export declare class DbxDialogContentFooterComponent implements OnDestroy {
     closeClicked(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDialogContentFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDialogContentFooterComponent, "dbx-dialog-content-footer", never, { "closeText": "closeText"; "buttonColor": "buttonColor"; "config": "config"; }, { "close": "close"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDialogContentFooterComponent, "dbx-dialog-content-footer", never, { "closeText": { "alias": "closeText"; "required": false; }; "buttonColor": { "alias": "buttonColor"; "required": false; }; "config": { "alias": "config"; "required": false; }; }, { "close": "close"; }, never, never, false, never>;
 }

package/lib/interaction/filter/_filter.scss

@@ -9,12 +9,13 @@
 @mixin color($theme-config) {
 }
 
-@mixin typography($typography-config) {
+@mixin typography($theme-config-or-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);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -22,7 +23,7 @@
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

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

@@ -12,7 +12,7 @@ import * as i10 from "@dereekb/dbx-core";
 import * as i11 from "../../button/button.module";
 import * as i12 from "../../router/layout/anchor/anchor.module";
 import * as i13 from "../../router/layout/anchorlist/anchorlist.module";
-import * as i14 from "@angular/flex-layout";
+import * as i14 from "@ngbracket/ngx-layout";
 import * as i15 from "@angular/material/menu";
 import * as i16 from "@angular/material/icon";
 import * as i17 from "@angular/material/button";

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

@@ -19,5 +19,5 @@ export declare abstract class AbstractDbxPartialPresetFilterMenuDirective<F> imp
     selectPartialPreset(preset: ClickablePartialFilterPreset<F>): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxPartialPresetFilterMenuDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxPartialPresetFilterMenuDirective<any>, never, never, { "partialPresets": "partialPresets"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxPartialPresetFilterMenuDirective<any>, never, never, { "partialPresets": { "alias": "partialPresets"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/interaction/filter/filter.partial.list.component.d.ts

@@ -2,5 +2,5 @@ import { AbstractDbxPartialPresetFilterMenuDirective } from './filter.partial';
 import * as i0 from "@angular/core";
 export declare class DbxPartialPresetFilterListComponent<F> extends AbstractDbxPartialPresetFilterMenuDirective<F> {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPartialPresetFilterListComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPartialPresetFilterListComponent<any>, "dbx-preset-partial-filter-list", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPartialPresetFilterListComponent<any>, "dbx-preset-partial-filter-list", never, {}, {}, never, never, false, never>;
 }

package/lib/interaction/filter/filter.partial.menu.component.d.ts

@@ -7,10 +7,10 @@ import * as i0 from "@angular/core";
 export declare class DbxPartialPresetFilterMenuComponent<F> extends AbstractDbxPartialPresetFilterMenuDirective<F> {
     private _config;
     readonly buttonText$: import("rxjs").Observable<string>;
-    readonly buttonIcon$: import("rxjs").Observable<import("../../../../../../dist/packages/util/src").Maybe<string>>;
+    readonly buttonIcon$: import("rxjs").Observable<import("dist/packages/util/src").Maybe<string>>;
     get config(): DbxPresetFilterMenuConfig;
     set config(config: DbxPresetFilterMenuConfig);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPartialPresetFilterMenuComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPartialPresetFilterMenuComponent<any>, "dbx-partial-preset-filter-menu", never, { "config": "config"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPartialPresetFilterMenuComponent<any>, "dbx-partial-preset-filter-menu", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -11,5 +11,5 @@ export declare class DbxFilterPopoverButtonComponent<F extends object = object>
     buttonElement: ElementRef;
     showFilterPopover(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFilterPopoverButtonComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterPopoverButtonComponent<any>, "dbx-filter-popover-button", never, { "disabled": "disabled"; "buttonDisplay": "buttonDisplay"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterPopoverButtonComponent<any>, "dbx-filter-popover-button", never, { "disabled": { "alias": "disabled"; "required": false; }; "buttonDisplay": { "alias": "buttonDisplay"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -5,14 +5,14 @@ import { DbxFilterComponentParams } from './filter.popover.component';
 import { AbstractPopoverRefDirective } from '../popover/abstract.popover.ref.directive';
 import { FilterSource, PresetFilterSource } from '@dereekb/rxjs';
 import * as i0 from "@angular/core";
-export declare type DbxFilterButtonConfig<F extends object> = DbxFilterComponentParams<F>;
-export declare type DbxFilterButtonConfigWithCustomFilter<F extends object, CF extends FilterSource<F> = FilterSource<F>> = Omit<DbxFilterComponentParams<F, any, CF, any>, 'presetFilter' | 'presetFilterComponentConfig'>;
-export declare type DbxFilterButtonConfigWithPresetFilter<F extends object, PF extends PresetFilterSource<F, any> = PresetFilterSource<F, any>> = Omit<DbxFilterComponentParams<F, any, any, PF>, 'customFilter' | 'customFilterComponentConfig'>;
+export type DbxFilterButtonConfig<F extends object> = DbxFilterComponentParams<F>;
+export type DbxFilterButtonConfigWithCustomFilter<F extends object, CF extends FilterSource<F> = FilterSource<F>> = Omit<DbxFilterComponentParams<F, any, CF, any>, 'presetFilter' | 'presetFilterComponentConfig'>;
+export type DbxFilterButtonConfigWithPresetFilter<F extends object, PF extends PresetFilterSource<F, any> = PresetFilterSource<F, any>> = Omit<DbxFilterComponentParams<F, any, any, PF>, 'customFilter' | 'customFilterComponentConfig'>;
 export declare abstract class AbstractFilterPopoverButtonDirective<F extends object> extends AbstractPopoverRefDirective<unknown, unknown> {
     private readonly popupService;
     config?: DbxFilterComponentParams<F, any, any, any>;
     constructor(popupService: DbxPopoverService);
     protected _makePopoverRef(origin?: ElementRef): NgPopoverRef<unknown, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFilterPopoverButtonDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFilterPopoverButtonDirective<any>, never, never, { "config": "config"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFilterPopoverButtonDirective<any>, never, never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -94,5 +94,5 @@ export declare class DbxFilterPopoverComponent<F extends object> extends Abstrac
     showPresets(): void;
     showCustom(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFilterPopoverComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterPopoverComponent<any>, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterPopoverComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
 }

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

@@ -9,14 +9,14 @@ import * as i0 from "@angular/core";
  */
 export declare abstract class AbstractDbxPresetFilterMenuComponent<F extends FilterWithPreset> implements OnDestroy {
     readonly filterSourceDirective: FilterSourceDirective<F>;
-    presetSelected: EventEmitter<ClickableFilterPresetOrPartialPreset<F, string>>;
+    presetSelected: EventEmitter<ClickableFilterPresetOrPartialPreset<F>>;
     private _presets;
     readonly selected$: Observable<Maybe<F>>;
     readonly presetsWithPresetStringOnly$: Observable<ClickableFilterPreset<F>[]>;
     readonly selectedPresetString$: Observable<Maybe<string>>;
     readonly presetAnchorsPairs$: Observable<['preset' | 'partialPreset', ClickableFilterPresetOrPartialPreset<F>, ClickableAnchorLink][]>;
     readonly presetAnchors$: Observable<ClickableAnchorLink[]>;
-    readonly firstSelectedAnchorPair$: Observable<["preset" | "partialPreset", ClickableFilterPresetOrPartialPreset<F, string>, ClickableAnchorLink] | undefined>;
+    readonly firstSelectedAnchorPair$: Observable<["preset" | "partialPreset", ClickableFilterPresetOrPartialPreset<F>, ClickableAnchorLink] | undefined>;
     readonly selectedPreset$: Observable<Maybe<ClickableFilterPreset<F>>>;
     get presets(): ClickableFilterPresetOrPartialPreset<F>[];
     set presets(presets: ClickableFilterPresetOrPartialPreset<F>[]);
@@ -24,5 +24,5 @@ export declare abstract class AbstractDbxPresetFilterMenuComponent<F extends Fil
     selectPreset(preset: ClickableFilterPresetOrPartialPreset<F>): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxPresetFilterMenuComponent<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxPresetFilterMenuComponent<any>, never, never, { "presets": "presets"; }, { "presetSelected": "presetSelected"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxPresetFilterMenuComponent<any>, never, never, { "presets": { "alias": "presets"; "required": false; }; }, { "presetSelected": "presetSelected"; }, never, never, false, never>;
 }

package/lib/interaction/filter/filter.preset.list.component.d.ts

@@ -3,5 +3,5 @@ import { AbstractDbxPresetFilterMenuComponent } from './filter.preset';
 import * as i0 from "@angular/core";
 export declare class DbxPresetFilterListComponent<F extends FilterWithPreset> extends AbstractDbxPresetFilterMenuComponent<F> {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPresetFilterListComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPresetFilterListComponent<any>, "dbx-preset-filter-list", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPresetFilterListComponent<any>, "dbx-preset-filter-list", never, {}, {}, never, never, false, never>;
 }

package/lib/interaction/filter/filter.preset.menu.component.d.ts

@@ -8,10 +8,10 @@ import * as i0 from "@angular/core";
 export declare class DbxPresetFilterMenuComponent<F extends FilterWithPreset> extends AbstractDbxPresetFilterMenuComponent<F> {
     private _config;
     readonly buttonText$: import("rxjs").Observable<string>;
-    readonly buttonIcon$: import("rxjs").Observable<import("../../../../../../dist/packages/util/src").Maybe<string>>;
+    readonly buttonIcon$: import("rxjs").Observable<import("dist/packages/util/src").Maybe<string>>;
     get config(): DbxPresetFilterMenuConfig;
     set config(config: DbxPresetFilterMenuConfig);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPresetFilterMenuComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPresetFilterMenuComponent<any>, "dbx-preset-filter-menu", never, { "config": "config"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPresetFilterMenuComponent<any>, "dbx-preset-filter-menu", never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -15,5 +15,5 @@ export declare class DbxFilterWrapperComponent<F = unknown> extends AbstractDbxA
     applyFilter(): void;
     resetFilter(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFilterWrapperComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterWrapperComponent<any>, "dbx-filter-wrapper", never, { "showButtons": "showButtons"; "applyRaised": "applyRaised"; "applyIcon": "applyIcon"; "applyText": "applyText"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFilterWrapperComponent<any>, "dbx-filter-wrapper", never, { "showButtons": { "alias": "showButtons"; "required": false; }; "applyRaised": { "alias": "applyRaised"; "required": false; }; "applyIcon": { "alias": "applyIcon"; "required": false; }; "applyText": { "alias": "applyText"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/interaction/popover/_popover.scss

@@ -84,12 +84,13 @@ $dbx-popover-header-height: 48px;
   }
 }
 
-@mixin typography($typography-config) {
+@mixin typography($theme-config-or-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);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -97,7 +98,7 @@ $dbx-popover-header-height: 48px;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

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

@@ -9,5 +9,5 @@ export declare abstract class AbstractPopoverDirective<O = unknown, I = unknown,
     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, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractPopoverDirective<any, any, any>, never, never, {}, {}, never, never, false, never>;
 }

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

@@ -13,7 +13,7 @@ export declare abstract class AbstractPopoverRefDirective<T = unknown, R = unkno
     protected _afterOpened(popoverRef: NgPopoverRef<T, R>): void;
     protected _afterClosed(value: NgPopoverCloseEvent<R>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractPopoverRefDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractPopoverRefDirective<any, any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractPopoverRefDirective<any, any>, never, never, {}, {}, never, never, false, never>;
 }
 /**
  * {@link AbstractPopoverRefDirective} extension that includes open/closed events.
@@ -25,5 +25,5 @@ export declare abstract class AbstractPopoverRefWithEventsDirective<T = unknown,
     protected _afterOpened(popoverRef: NgPopoverRef<T, R>): void;
     protected _afterClosed(event: NgPopoverCloseEvent<R>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractPopoverRefWithEventsDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractPopoverRefWithEventsDirective<any, any>, never, never, {}, { "popoverOpened": "popoverOpened"; "popoverClosed": "popoverClosed"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractPopoverRefWithEventsDirective<any, any>, never, never, {}, { "popoverOpened": "popoverOpened"; "popoverClosed": "popoverClosed"; }, never, never, false, never>;
 }

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

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
 export interface DbxActionPopoverFunctionParams {
     origin: ElementRef;
 }
-export declare type DbxActionPopoverFunction<T = unknown> = (params: DbxActionPopoverFunctionParams) => NgPopoverRef<unknown, Maybe<T>>;
+export type DbxActionPopoverFunction<T = unknown> = (params: DbxActionPopoverFunctionParams) => NgPopoverRef<unknown, Maybe<T>>;
 /**
  * Action directive that is used to trigger/display a popover, then watches that popover for a value.
  */
@@ -20,5 +20,5 @@ export declare class DbxActionPopoverDirective<T = unknown> extends AbstractDbxA
     protected _getDataFromPopover(): Observable<Maybe<T>>;
     protected _makePopoverRef(): NgPopoverRef<unknown, Maybe<T>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionPopoverDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionPopoverDirective<any>, "[dbxActionPopover]", ["dbxActionPopover"], { "fn": "dbxActionPopover"; "dbxActionPopoverModified": "dbxActionPopoverModified"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionPopoverDirective<any>, "[dbxActionPopover]", ["dbxActionPopover"], { "fn": { "alias": "dbxActionPopover"; "required": false; }; "dbxActionPopoverModified": { "alias": "dbxActionPopoverModified"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -7,5 +7,5 @@ export declare class DbxPopoverCloseButtonComponent {
     readonly dbxPopoverComponent: DbxPopoverComponent;
     constructor(dbxPopoverComponent: DbxPopoverComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverCloseButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverCloseButtonComponent, "dbx-popover-close-button", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverCloseButtonComponent, "dbx-popover-close-button", never, {}, {}, never, never, false, never>;
 }

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

@@ -75,5 +75,5 @@ export declare class DbxPopoverComponent<O = unknown, I = unknown, T = unknown>
     private _useClosingValue;
     handleKeydown(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverComponent<any, any, any>, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverComponent<any, any, any>, "ng-component", never, {}, {}, never, never, false, never>;
 }

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

@@ -12,5 +12,5 @@ export declare class DbxPopoverContentComponent implements OnDestroy {
     onResized(event: ResizedEvent): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverContentComponent, "dbx-popover-content", never, {}, {}, never, ["[controls]", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverContentComponent, "dbx-popover-content", never, {}, {}, never, ["[controls]", "*"], false, never>;
 }

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

@@ -6,5 +6,5 @@ import * as i0 from "@angular/core";
 export declare class DbxPopoverControlsDirective {
     constructor(appPopoverContentComponent: DbxPopoverContentComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverControlsDirective, [{ optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPopoverControlsDirective, "dbx-popover-controls,[dbxPopoverControls],.dbx-popover-controls", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxPopoverControlsDirective, "dbx-popover-controls,[dbxPopoverControls],.dbx-popover-controls", never, {}, {}, never, never, false, never>;
 }

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

@@ -14,5 +14,5 @@ export declare class DbxPopoverCoordinatorComponent implements OnInit, OnDestroy
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverCoordinatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverCoordinatorComponent, "dbx-popover-coordinator", never, {}, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverCoordinatorComponent, "dbx-popover-coordinator", never, {}, {}, never, ["*"], false, never>;
 }

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

@@ -1,6 +1,6 @@
 import { Maybe } from '@dereekb/util';
 import { Observable } from 'rxjs';
-export declare type DbxPopoverKey = string;
+export type DbxPopoverKey = string;
 export declare abstract class DbxPopoverController<O = unknown, I = unknown> {
     abstract readonly key: DbxPopoverKey;
     abstract readonly data?: Maybe<I>;

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

@@ -8,5 +8,5 @@ export declare class DbxPopoverHeaderComponent {
     icon?: string;
     constructor(appPopoverContentComponent: DbxPopoverContentComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverHeaderComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverHeaderComponent, "dbx-popover-header", never, { "header": "header"; "icon": "icon"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverHeaderComponent, "dbx-popover-header", never, { "header": { "alias": "header"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

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

@@ -10,5 +10,5 @@ export declare class DbxPopoverScrollContentComponent {
     get hasControls(): boolean;
     constructor(appPopoverContentComponent: DbxPopoverContentComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPopoverScrollContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverScrollContentComponent, "dbx-popover-scroll-content", never, {}, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPopoverScrollContentComponent, "dbx-popover-scroll-content", never, {}, {}, never, ["*"], false, never>;
 }

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

@@ -3,7 +3,7 @@ import { Injector } from '@angular/core';
 import { NgOverlayContainerConfiguration, NgPopoverRef } from 'ng-overlay-container';
 import { Overlay } from '@angular/cdk/overlay';
 import * as i0 from "@angular/core";
-export declare type DbxPopoverConfigSizing = Pick<NgOverlayContainerConfiguration, 'originX' | 'originY' | 'height' | 'width' | 'minHeight' | 'minWidth' | 'isResizable'>;
+export type DbxPopoverConfigSizing = Pick<NgOverlayContainerConfiguration, 'originX' | 'originY' | 'height' | 'width' | 'minHeight' | 'minWidth' | 'isResizable'>;
 export interface DbxPopoverConfig<O, I, T> extends DbxPopoverComponentConfig<O, I, T>, DbxPopoverConfigSizing {
     injector?: Injector;
 }