@dereekb/dbx-web 9.25.16 → 10.0.0

package/lib/layout/content/content.page.directive.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxContentPageDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxContentPageDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentPageDirective, "dbx-content-page,[dbxContentPage]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentPageDirective, "dbx-content-page,[dbxContentPage]", never, {}, {}, never, never, false, never>;
 }

package/lib/layout/content/content.pit.directive.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxContentPitDirective {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxContentPitDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentPitDirective, "dbx-content-pit, [dbxContentPit]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxContentPitDirective, "dbx-content-pit, [dbxContentPit]", never, {}, {}, never, never, false, never>;
 }

package/lib/layout/flag/_flag.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-layout-flag') {
     $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/layout/flag/flag.component.d.ts

@@ -6,5 +6,5 @@ import * as i0 from "@angular/core";
 export declare class DbxFlagComponent {
     color: ThemePalette;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFlagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFlagComponent, "dbx-flag", never, { "color": "color"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFlagComponent, "dbx-flag", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/layout/flag/flag.prompt.component.d.ts

@@ -7,5 +7,5 @@ export declare class DbxFlagPromptComponent {
     color: ThemePalette;
     text?: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFlagPromptComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFlagPromptComponent, "dbx-flag-prompt", never, { "color": "color"; "text": "text"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFlagPromptComponent, "dbx-flag-prompt", never, { "color": { "alias": "color"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/layout/flex/_flex.scss

@@ -55,12 +55,13 @@ $dbx-flex-group-columns-count: 6;
 @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-layout-flex') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -68,7 +69,7 @@ $dbx-flex-group-columns-count: 6;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/layout/flex/flex.d.ts

@@ -1,4 +1,4 @@
 /**
  * Size from 1 to 6. A flex size of 6 will take up the entire space/row, while a flex of 1 will take up 1/6th of the space/row.
  */
-export declare type DbxFlexSize = 1 | 2 | 3 | 4 | 5 | 6;
+export type DbxFlexSize = 1 | 2 | 3 | 4 | 5 | 6;

package/lib/layout/flex/flex.group.directive.d.ts

@@ -21,5 +21,5 @@ export declare class DbxFlexGroupDirective extends AbstractSubscriptionDirective
     ngOnDestroy(): void;
     set breakpoint(breakpoint: Maybe<ScreenMediaWidthType>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFlexGroupDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFlexGroupDirective, "[dbxFlexGroup]", never, { "content": "content"; "relative": "relative"; "breakpoint": "breakpoint"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFlexGroupDirective, "[dbxFlexGroup]", never, { "content": { "alias": "content"; "required": false; }; "relative": { "alias": "relative"; "required": false; }; "breakpoint": { "alias": "breakpoint"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/flex/flex.size.directive.d.ts

@@ -6,5 +6,5 @@ import * as i0 from "@angular/core";
 export declare class DbxFlexSizeDirective {
     size: DbxFlexSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFlexSizeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFlexSizeDirective, "[dbxFlexSize]", never, { "size": "dbxFlexSize"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFlexSizeDirective, "[dbxFlexSize]", never, { "size": { "alias": "dbxFlexSize"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/item/_item.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-layout-item') {
     $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/layout/item/item.icon.component.d.ts

@@ -7,5 +7,5 @@ export declare class DbxIconItemComponent {
     icon?: Maybe<string>;
     header?: Maybe<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxIconItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxIconItemComponent, "dbx-icon-item", never, { "icon": "icon"; "header": "header"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxIconItemComponent, "dbx-icon-item", never, { "icon": { "alias": "icon"; "required": false; }; "header": { "alias": "header"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/layout/list/_list.scss

@@ -23,7 +23,7 @@ $list-item-padded-min-height: 42px;
       padding-bottom: 8px;
     }
 
-    .mat-list-base {
+    .mat-mdc-list-base {
       padding-top: 0;
     }
 
@@ -37,20 +37,28 @@ $list-item-padded-min-height: 42px;
   }
 
   .dbx-list-view {
-    .mat-list-base .dbx-list-view-item.mat-list-item {
-      height: unset;
+    .mat-mdc-list-base .dbx-list-view-item.mat-mdc-list-item {
+      height: 100%; // inherit height from embedded items
 
-      &.mat-list-item-with-avatar {
+      .mdc-list-item__content > .mat-mdc-list-item-unscoped-content.mdc-list-item__primary-text {
+        white-space: normal;
+
+        line-height: unset;
+        font-size: unset;
+        letter-spacing: unset;
+      }
+
+      &.mat-mdc-list-item-with-avatar {
         min-height: 56px;
 
-        .mat-list-item-content {
+        .mat-mdc-list-item-content {
           min-height: 56px;
         }
       }
     }
 
-    .mat-selection-list.mat-list-base .dbx-list-view-item.mat-list-item .mat-list-item-content .mat-list-text {
-      padding: 0; // kill padding on item in .mat-list-text for selection view, to match 0 padding in non-selection view
+    .mat-selection-list.mat-mdc-list-base .dbx-list-view-item.mat-mdc-list-item .mat-mdc-list-item-content .mat-mdc-list-text {
+      padding: 0; // kill padding on item in .mat-mdc-list-text for selection view, to match 0 padding in non-selection view
     }
   }
 
@@ -92,19 +100,19 @@ $list-item-padded-min-height: 42px;
     }
   }
 
-  .dbx-list-no-hover-effects .dbx-list > .dbx-list-content .dbx-list-view .mat-list-item {
+  .dbx-list-no-hover-effects .dbx-list > .dbx-list-content .dbx-list-view .mat-mdc-list-item {
     cursor: unset;
 
     &:hover {
-      background: none;
+      --mdc-list-list-item-hover-state-layer-opacity: 0;
     }
   }
 
-  .dbx-list-no-item-padding .dbx-list > .dbx-list-content .dbx-list-view > .mat-nav-list .dbx-list-view-item.mat-list-item > .mat-list-item-content {
+  .dbx-list-no-item-padding .dbx-list > .dbx-list-content .dbx-list-view > .mat-mdc-nav-list .dbx-list-view-item.mat-mdc-list-item > .mat-mdc-list-item-content {
     padding: 0;
   }
 
-  .dbx-list-content .dbx-list-view .mat-list-base .mat-list-item .mat-divider {
+  .dbx-list-content .dbx-list-view .mat-mdc-list-base .mat-mdc-list-item .mat-divider {
     position: unset; // do not touch the divider in dbx-list
   }
 }
@@ -112,12 +120,13 @@ $list-item-padded-min-height: 42px;
 @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-layout-list') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -125,7 +134,7 @@ $list-item-padded-min-height: 42px;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/layout/list/list.component.d.ts

@@ -8,13 +8,13 @@ import * as i0 from "@angular/core";
 /**
  * Direction the scroll was triggered moving.
  */
-export declare type DbxListScrollDirectionTrigger = 'up' | 'down';
+export type DbxListScrollDirectionTrigger = 'up' | 'down';
 /**
  * Used to trigger the loading of additional items.
  *
  * If an observable is returned it is used to throttle the loading of more items until it returns.
  */
-export declare type DbxListLoadMoreHandler = () => Observable<void> | void;
+export type DbxListLoadMoreHandler = () => Observable<void> | void;
 /**
  * DbxListComponent configuration.
  */
@@ -110,7 +110,7 @@ export declare class DbxListComponent<T = unknown, V extends DbxListView<T> = Db
     get __content(): DbxListInternalContentDirective;
     set __content(content: DbxListInternalContentDirective);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxListComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxListComponent<any, any, any>, "dbx-list", never, { "padded": "padded"; "state$": "state$"; "config": "config"; "disabled": "disabled"; "selectionMode": "selectionMode"; }, { "contentScrolled": "contentScrolled"; }, never, ["[top]", "[bottom]", "[empty]", "[emptyLoading]"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxListComponent<any, any, any>, "dbx-list", never, { "padded": { "alias": "padded"; "required": false; }; "state$": { "alias": "state$"; "required": false; }; "config": { "alias": "config"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; }, { "contentScrolled": "contentScrolled"; }, never, ["[top]", "[bottom]", "[empty]", "[emptyLoading]"], false, never>;
 }
 /**
  * Used internally by DbxListComponent
@@ -122,5 +122,5 @@ export declare class DbxListInternalContentDirective {
     constructor(parent: DbxListComponent, elementRef: ElementRef);
     onScrollEvent($event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxListInternalContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListInternalContentDirective, "[dbxListInternalContent]", never, { "hide": "hide"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListInternalContentDirective, "[dbxListInternalContent]", never, { "hide": { "alias": "hide"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/list/list.content.empty.component.d.ts

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxListEmptyContentComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxListEmptyContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxListEmptyContentComponent, "dbx-list-empty-content", never, {}, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxListEmptyContentComponent, "dbx-list-empty-content", never, {}, {}, never, ["*"], false, never>;
 }

package/lib/layout/list/list.directive.d.ts

@@ -8,7 +8,7 @@ import { DbxListViewWrapper } from './list.wrapper';
 import * as i0 from "@angular/core";
 export declare const DEFAULT_STATIC_LIST_DIRECTIVE_TEMPLATE = "\n<dbx-list [config]=\"config\">\n  <ng-content top select=\"[top]\"></ng-content>\n  <ng-content bottom select=\"[bottom]\"></ng-content>\n  <ng-content empty select=\"[empty]\"></ng-content>\n  <ng-content emptyLoading select=\"[emptyLoading]\"></ng-content>\n</dbx-list>\n";
 export declare const DEFAULT_LIST_WRAPPER_DIRECTIVE_TEMPLATE = "\n<dbx-list [state$]=\"state$\" [config]=\"config$ | async\" [disabled]=\"disabled\" [selectionMode]=\"selectionMode\">\n  <ng-content top select=\"[top]\"></ng-content>\n  <ng-content bottom select=\"[bottom]\"></ng-content>\n  <ng-content empty select=\"[empty]\"></ng-content>\n  <ng-content emptyLoading select=\"[emptyLoading]\"></ng-content>\n</dbx-list>\n";
-export declare type DbxListWrapperConfig<T, V extends DbxListView<T> = DbxListView<T>> = Omit<DbxListConfig<T, V>, 'onClick' | 'loadMore'>;
+export type DbxListWrapperConfig<T, V extends DbxListView<T> = DbxListView<T>> = Omit<DbxListConfig<T, V>, 'onClick' | 'loadMore'>;
 export declare abstract class AbstractDbxListWrapperDirective<T, V extends DbxListView<T> = DbxListView<T>, C extends DbxListWrapperConfig<T, V> = DbxListWrapperConfig<T, V>, S extends ListLoadingState<T> = ListLoadingState<T>> implements OnInit, OnDestroy, DbxListViewWrapper<T, S> {
     readonly initConfig: ObservableOrValue<C>;
     private readonly _init;
@@ -23,13 +23,13 @@ export declare abstract class AbstractDbxListWrapperDirective<T, V extends DbxLi
     ngOnDestroy(): void;
     protected _buildListConfig(config: C): DbxListConfig<T, V>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxListWrapperDirective<any, any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxListWrapperDirective<any, any, any, any>, never, never, { "disabled": "disabled"; "selectionMode": "selectionMode"; "state$": "state$"; }, { "clickItem": "clickItem"; "loadMore": "loadMore"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxListWrapperDirective<any, any, any, any>, never, never, { "disabled": { "alias": "disabled"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "state$": { "alias": "state$"; "required": false; }; }, { "clickItem": "clickItem"; "loadMore": "loadMore"; }, never, never, false, never>;
 }
-export declare type DbxSelectionListWrapperConfig<T, V extends DbxListView<T> = DbxListView<T>> = Omit<DbxListWrapperConfig<T, V>, 'onSelectionChange'>;
+export type DbxSelectionListWrapperConfig<T, V extends DbxListView<T> = DbxListView<T>> = Omit<DbxListWrapperConfig<T, V>, 'onSelectionChange'>;
 export declare abstract class AbstractDbxSelectionListWrapperDirective<T, V extends DbxListView<T> = DbxListView<T>, C extends DbxSelectionListWrapperConfig<T, V> = DbxSelectionListWrapperConfig<T, V>, S extends ListLoadingState<T> = ListLoadingState<T>> extends AbstractDbxListWrapperDirective<T, V, C, S> implements OnDestroy {
     selectionChange: EventEmitter<ListSelectionState<T>>;
     ngOnDestroy(): void;
     protected _buildListConfig(config: C): DbxListConfig<T, V>;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxSelectionListWrapperDirective<any, any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxSelectionListWrapperDirective<any, any, any, any>, never, never, {}, { "selectionChange": "selectionChange"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxSelectionListWrapperDirective<any, any, any, any>, never, never, {}, { "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

package/lib/layout/list/list.grid.view.component.d.ts

@@ -16,7 +16,7 @@ export declare class DbxValueListGridViewComponent<T, I extends DbxValueListItem
     readonly grid$: Observable<Maybe<Partial<DbxValueListGridItemViewGridSizeConfig>>>;
     readonly emitAllClicks$: Observable<boolean | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListGridViewComponent<any, any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListGridViewComponent<any, any, any, any>, "dbx-list-grid-view", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListGridViewComponent<any, any, any, any>, "dbx-list-grid-view", never, {}, {}, never, never, false, never>;
 }
 export interface DbxValueListGridItemViewGridSizeConfig {
     /**
@@ -41,7 +41,7 @@ export declare class DbxValueListGridSizeDirective implements OnDestroy {
     set gridSize(gridSize: Maybe<Partial<DbxValueListGridItemViewGridSizeConfig>>);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListGridSizeDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxValueListGridSizeDirective, "[dbxListGridSize]", never, { "gridSize": "dbxListGridSize"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxValueListGridSizeDirective, "[dbxListGridSize]", never, { "gridSize": { "alias": "dbxListGridSize"; "required": false; }; }, {}, never, never, false, never>;
 }
 /**
  * Content view for a DbxValueListGridView. It can be used directly in cases where the items are already configured, or want to be configured in a non-standard fashion.
@@ -56,5 +56,5 @@ export declare class DbxValueListGridItemViewComponent<T, I extends DbxValueList
     set grid(grid: Maybe<Partial<DbxValueListGridItemViewGridSizeConfig>>);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListGridItemViewComponent<any, any>, [null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListGridItemViewComponent<any, any>, "dbx-list-grid-view-content", never, { "grid": "grid"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListGridItemViewComponent<any, any>, "dbx-list-grid-view-content", never, { "grid": { "alias": "grid"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/list/list.grid.view.directive.d.ts

@@ -6,5 +6,5 @@ export declare const DEFAULT_DBX_VALUE_LIST_GRID_DIRECTIVE_TEMPLATE = "<dbx-list
  */
 export declare abstract class AbstractDbxListGridViewDirective<T> extends AbstractDbxListViewDirective<T> {
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxListGridViewDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxListGridViewDirective<any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxListGridViewDirective<any>, never, never, {}, {}, never, never, false, never>;
 }

package/lib/layout/list/list.layout.module.d.ts

@@ -9,7 +9,7 @@ import * as i7 from "./list.view.value.modifier.ripple.directive";
 import * as i8 from "./list.view.value.modifier.selection.directive";
 import * as i9 from "@angular/common";
 import * as i10 from "@angular/material/core";
-import * as i11 from "@angular/flex-layout";
+import * as i11 from "@ngbracket/ngx-layout";
 import * as i12 from "../../loading/loading.module";
 import * as i13 from "../../router/layout/anchor/anchor.module";
 import * as i14 from "ngx-infinite-scroll";

package/lib/layout/list/list.view.d.ts

@@ -2,7 +2,7 @@ import { Observable } from 'rxjs';
 import { ListLoadingState, ListLoadingStateContext } from '@dereekb/rxjs';
 import { EventEmitter, Provider, TrackByFunction, Type } from '@angular/core';
 import { Maybe } from '@dereekb/util';
-export declare type DbxListSelectionMode = 'select' | 'view';
+export type DbxListSelectionMode = 'select' | 'view';
 export interface ListSelectionStateItem<T> {
     disabled?: boolean;
     selected?: boolean;

package/lib/layout/list/list.view.directive.d.ts

@@ -25,5 +25,5 @@ export declare abstract class AbstractDbxListViewDirective<T> implements DbxList
     setDisabled(disabled: boolean): void;
     setSelectionMode(selectionMode: Maybe<DbxListSelectionMode>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxListViewDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxListViewDirective<any>, never, never, { "valueArray": "valueArray"; "values": "values"; }, { "clickValue": "clickValue"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxListViewDirective<any>, never, never, { "valueArray": { "alias": "valueArray"; "required": false; }; "values": { "alias": "values"; "required": false; }; }, { "clickValue": "clickValue"; }, never, never, false, never>;
 }

package/lib/layout/list/list.view.selection.directive.d.ts

@@ -12,5 +12,5 @@ export declare abstract class AbstractDbxSelectionListViewDirective<T> extends A
     selectionChanged(selection: ListSelectionState<T>): void;
     matSelectionChanged(selection: MatSelectionListChange): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxSelectionListViewDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxSelectionListViewDirective<any>, never, never, {}, { "selectionChange": "selectionChange"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxSelectionListViewDirective<any>, never, never, {}, { "selectionChange": "selectionChange"; }, never, never, false, never>;
 }

package/lib/layout/list/list.view.value.component.d.ts

@@ -13,7 +13,7 @@ export interface DbxValueListViewConfig<T, I extends DbxValueListItem<T> = DbxVa
 export declare class DbxValueListViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown, C extends DbxValueListViewConfig<T, I, V> = DbxValueListViewConfig<T, I, V>> extends AbstractDbxValueListViewDirective<T, I, V, C> {
     readonly emitAllClicks$: import("rxjs").Observable<boolean | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListViewComponent<any, any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListViewComponent<any, any, any, any>, "dbx-list-view", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListViewComponent<any, any, any, any>, "dbx-list-view", never, {}, {}, never, never, false, never>;
 }
 /**
  * Content view for a DbxValueListView. It can be used directly in cases where the items are already configured, or want to be configured in a non-standard fashion.
@@ -29,5 +29,5 @@ export declare class DbxValueListItemViewComponent<T, I extends DbxValueListItem
     onClickValue(value: T): void;
     rippleDisabledOnItem(item: I): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListItemViewComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListItemViewComponent<any, any>, "dbx-list-view-content", never, { "emitAllClicks": "emitAllClicks"; "items": "items"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxValueListItemViewComponent<any, any>, "dbx-list-view-content", never, { "emitAllClicks": { "alias": "emitAllClicks"; "required": false; }; "items": { "alias": "items"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/list/list.view.value.d.ts

@@ -11,7 +11,7 @@ export interface DbxValueListItem<T> {
     selected?: boolean;
     anchor?: Maybe<ClickableAnchor>;
 }
-export declare type DbxValueListItemDecisionFunction<T> = DecisionFunction<DbxValueListItem<T>>;
+export type DbxValueListItemDecisionFunction<T> = DecisionFunction<DbxValueListItem<T>>;
 /**
  * Convenience function for mapping a DecisionFunction for a value to a DecisionFunction for a DbxValueListItem with the same value type.
  * @param decisionFunction
@@ -21,12 +21,12 @@ export declare function dbxValueListItemDecisionFunction<T>(decisionFunction: De
 /**
  * Special type used with values that contain all the items of DbxValueListItem internally.
  */
-export declare type DbxValueAsListItem<T> = T & Omit<DbxValueListItem<DbxValueListItem<T>>, 'itemValue'>;
+export type DbxValueAsListItem<T> = T & Omit<DbxValueListItem<DbxValueListItem<T>>, 'itemValue'>;
 export interface AbstractDbxValueListViewConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> extends DbxInjectionComponentConfig<V> {
     mapValuesToItemValues?(values: T[]): Observable<I[]>;
 }
 export declare const DEFAULT_DBX_VALUE_LIST_CONFIG_MAP_VALUES: <T, I extends DbxValueListItem<T>>(itemValues: T[]) => Observable<I[]>;
-export declare type DbxValueListItemConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> = I & {
+export type DbxValueListItemConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> = I & {
     config: DbxInjectionComponentConfig<V>;
 };
 export declare function mapValuesToValuesListItemConfigObs<T, I extends DbxValueListItem<T>, V = unknown>(listViewConfig: AbstractDbxValueListViewConfig<T, I, V>, itemValues: T[]): Observable<DbxValueListItemConfig<T, I, V>[]>;

package/lib/layout/list/list.view.value.directive.d.ts

@@ -20,5 +20,5 @@ export declare abstract class AbstractDbxValueListViewDirective<T, I extends Dbx
     set config(config: Maybe<C>);
     onClickValue(value: T): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxValueListViewDirective<any, any, any, any>, [null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxValueListViewDirective<any, any, any, any>, never, never, { "config": "config"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxValueListViewDirective<any, any, any, any>, never, never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/list/list.view.value.item.directive.d.ts

@@ -5,5 +5,5 @@ export declare abstract class AbstractDbxValueListViewItemComponent<T, I extends
     get itemValue(): T;
     constructor(item: I);
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxValueListViewItemComponent<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxValueListViewItemComponent<any, any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxValueListViewItemComponent<any, any>, never, never, {}, {}, never, never, false, never>;
 }

package/lib/layout/list/list.view.value.modifier.d.ts

@@ -8,5 +8,5 @@ export declare abstract class DbxValueListItemModifier<T = unknown, I extends Db
     abstract removeModifiers(modifiers: ArrayOrValue<Modifier<I>>): void;
 }
 export declare function provideDbxValueListViewModifier<V extends DbxValueListItemModifier>(sourceType: Type<V>): Provider[];
-export declare type ListItemModifier<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> = Modifier<I>;
+export type ListItemModifier<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> = Modifier<I>;
 export declare function listItemModifier<T, I extends DbxValueListItem<T> = DbxValueListItem<T>>(key: string, modify: ModifierFunction<I>): ListItemModifier<T, I>;

package/lib/layout/list/list.view.value.modifier.directive.d.ts

@@ -16,7 +16,7 @@ export declare class DbxValueListItemModifierDirective<T, I extends DbxValueList
     removeModifiers(modifiers: ArrayOrValue<Modifier<I>>): void;
     set inputModifiers(inputModifiers: Maybe<ArrayOrValue<Modifier<I>>>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxValueListItemModifierDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxValueListItemModifierDirective<any, any>, "[dbxListItemModifier]", never, { "inputModifiers": "dbxListItemModifier"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxValueListItemModifierDirective<any, any>, "[dbxListItemModifier]", never, { "inputModifiers": { "alias": "dbxListItemModifier"; "required": false; }; }, {}, never, never, false, never>;
 }
 /**
  * Abstract directive used for managing modifyers for a DbxValueListView.
@@ -32,5 +32,5 @@ export declare abstract class AbstractDbxValueListItemModifierDirective<T, I ext
     private _linkModifiers;
     private _unlinkModifiers;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxValueListItemModifierDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxValueListItemModifierDirective<any, any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxValueListItemModifierDirective<any, any>, never, never, {}, {}, never, never, false, never>;
 }

package/lib/layout/list/list.view.value.modifier.ripple.directive.d.ts

@@ -1,5 +1,5 @@
 import { OnDestroy } from '@angular/core';
-import { Maybe, ArrayOrValue, Modifier, DecisionFunction } from '@dereekb/util';
+import { Maybe, ArrayOrValue, Modifier } from '@dereekb/util';
 import { Observable } from 'rxjs';
 import { DbxValueListItem, DbxValueListItemDecisionFunction } from './list.view.value';
 import { AbstractDbxValueListItemModifierDirective } from './list.view.value.modifier.directive';
@@ -12,9 +12,5 @@ export declare class DbxListItemDisableRippleModifierDirective<T> extends Abstra
     ngOnDestroy(): void;
     set disableRippleForItem(disableRippleForItem: Maybe<DbxValueListItemDecisionFunction<T>>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxListItemDisableRippleModifierDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListItemDisableRippleModifierDirective<any>, "[dbxListItemDisableRippleModifier]", never, { "disableRippleForItem": "dbxListItemDisableRippleModifier"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListItemDisableRippleModifierDirective<any>, "[dbxListItemDisableRippleModifier]", never, { "disableRippleForItem": { "alias": "dbxListItemDisableRippleModifier"; "required": false; }; }, {}, never, never, false, never>;
 }
-/**
- * @Deprecated use DbxValueListItemDecisionFunction instead.
- */
-export declare type DisableRippleForValueFunction<T> = DecisionFunction<DbxValueListItem<T>>;

package/lib/layout/list/list.view.value.modifier.selection.directive.d.ts

@@ -12,5 +12,5 @@ export declare class DbxListItemIsSelectedModifierDirective<T> extends AbstractD
     ngOnDestroy(): void;
     set listItemIsSelected(listItemIsSelected: Maybe<DbxValueListItemDecisionFunction<T>>);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxListItemIsSelectedModifierDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListItemIsSelectedModifierDirective<any>, "[dbxListItemIsSelectedModifier]", never, { "listItemIsSelected": "dbxListItemIsSelectedModifier"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListItemIsSelectedModifierDirective<any>, "[dbxListItemIsSelectedModifier]", never, { "listItemIsSelected": { "alias": "dbxListItemIsSelectedModifier"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/list/list.view.value.selection.component.d.ts

@@ -16,7 +16,7 @@ export declare class DbxSelectionValueListViewComponent<T, I extends DbxValueLis
     readonly selectionMode$: Observable<DbxListSelectionMode>;
     readonly multiple$: Observable<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxSelectionValueListViewComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSelectionValueListViewComponent<any, any, any>, "dbx-selection-list-view", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSelectionValueListViewComponent<any, any, any>, "dbx-selection-list-view", never, {}, {}, never, never, false, never>;
 }
 /**
  * Content view for a DbxSelectionValueListView. It can be used directly in cases where the items are already configured, or want to be configured in a non-standard fashion.
@@ -27,5 +27,5 @@ export declare class DbxSelectionValueListItemViewComponent<T> extends DbxValueL
     constructor(dbxListView: DbxListView<T>);
     matSelectionChanged(selection: MatSelectionListChange): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxSelectionValueListItemViewComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSelectionValueListItemViewComponent<any>, "dbx-selection-list-view-content", never, { "multiple": "multiple"; "selectionMode": "selectionMode"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSelectionValueListItemViewComponent<any>, "dbx-selection-list-view-content", never, { "multiple": { "alias": "multiple"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/layout/section/_section.scss

@@ -221,12 +221,13 @@ $header-left-reserved-space-small-screen: 120px;
   }
 }
 
-@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-layout-section') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -234,7 +235,7 @@ $header-left-reserved-space-small-screen: 120px;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/layout/section/section.component.d.ts

@@ -6,5 +6,5 @@ import * as i0 from "@angular/core";
 export declare class DbxSectionComponent extends DbxSectionHeaderComponent {
     elevate: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionComponent, "dbx-section", never, { "elevate": "elevate"; }, {}, never, ["[sectionHeader]", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionComponent, "dbx-section", never, { "elevate": { "alias": "elevate"; "required": false; }; }, {}, never, ["[sectionHeader]", "*"], false, never>;
 }

package/lib/layout/section/section.d.ts

@@ -1,5 +1,5 @@
 import { Maybe } from '@dereekb/util';
-export declare type DbxSectionHeaderHType = 1 | 2 | 3 | 4 | 5;
+export type DbxSectionHeaderHType = 1 | 2 | 3 | 4 | 5;
 export interface DbxSectionHeaderConfig {
     h?: Maybe<DbxSectionHeaderHType>;
     header?: Maybe<string>;

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

@@ -16,5 +16,5 @@ export declare class DbxSectionHeaderComponent {
     set headerConfig(headerConfig: Maybe<DbxSectionHeaderConfig>);
     get showTitle(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxSectionHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionHeaderComponent, "dbx-section-header,.dbx-section-header", never, { "paddedHeader": "paddedHeader"; "h": "h"; "header": "header"; "onlyHeader": "onlyHeader"; "icon": "icon"; "hint": "hint"; "hintInline": "hintInline"; "headerConfig": "headerConfig"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionHeaderComponent, "dbx-section-header,.dbx-section-header", never, { "paddedHeader": { "alias": "paddedHeader"; "required": false; }; "h": { "alias": "h"; "required": false; }; "header": { "alias": "header"; "required": false; }; "onlyHeader": { "alias": "onlyHeader"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "hintInline": { "alias": "hintInline"; "required": false; }; "headerConfig": { "alias": "headerConfig"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/lib/layout/section/section.intro.component.d.ts

@@ -11,5 +11,5 @@ export declare class DbxIntroActionSectionComponent extends DbxSectionComponent
     ngOnDestroy(): void;
     actionClicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxIntroActionSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxIntroActionSectionComponent, "dbx-intro-action-section", never, { "showIntro": "showIntro"; "action": "action"; }, { "showAction": "showAction"; }, never, ["[info]", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxIntroActionSectionComponent, "dbx-intro-action-section", never, { "showIntro": { "alias": "showIntro"; "required": false; }; "action": { "alias": "action"; "required": false; }; }, { "showAction": "showAction"; }, never, ["[info]", "*"], false, never>;
 }

package/lib/layout/section/section.page.component.d.ts

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
  * - body: The header is locked while the body is scrollable
  * - locked: Overflow is locked and hidden
  */
-export declare type DbxSectionPageScrollLockedMode = 'all' | 'body' | 'locked';
+export type DbxSectionPageScrollLockedMode = 'all' | 'body' | 'locked';
 /**
  * Component used to style a page that is made up of app sections.
  *
@@ -20,5 +20,5 @@ export declare class DbxSectionPageComponent extends DbxSectionHeaderComponent {
     scroll: DbxSectionPageScrollLockedMode;
     hintInline: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxSectionPageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionPageComponent, "dbx-section-page", never, { "scroll": "scroll"; "hintInline": "hintInline"; }, {}, never, ["[sectionHeader]", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionPageComponent, "dbx-section-page", never, { "scroll": { "alias": "scroll"; "required": false; }; "hintInline": { "alias": "hintInline"; "required": false; }; }, {}, never, ["[sectionHeader]", "*"], false, never>;
 }

package/lib/layout/section/subsection.component.d.ts

@@ -5,5 +5,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxSubSectionComponent extends DbxSectionComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxSubSectionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSubSectionComponent, "dbx-subsection", never, {}, {}, never, ["[sectionHeader]", "*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSubSectionComponent, "dbx-subsection", never, {}, {}, never, ["[sectionHeader]", "*"], false, never>;
 }