@dereekb/dbx-web 4.0.1 → 5.0.1

package/lib/layout/list/_list.scss

@@ -2,10 +2,8 @@
 
 // MARK: Variables
 
-
 // MARK: Mixin
 @mixin core() {
-
   .dbx-list {
     overflow: hidden;
     height: 100%;
@@ -27,7 +25,6 @@
     &.dbx-list-content-hidden {
       display: none;
     }
-
   }
 
   .dbx-list-content-box {
@@ -35,7 +32,6 @@
   }
 
   .dbx-list-view {
-
     .mat-list-base .dbx-list-view-item.mat-list-item {
       height: unset;
 
@@ -46,15 +42,15 @@
           min-height: 56px;
         }
       }
-
     }
   }
-
 }
 
-@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-layout-list') {

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

@@ -18,7 +18,7 @@ export declare type DbxListLoadMoreHandler = () => Observable<void> | void;
 /**
  * DbxListComponent configuration.
  */
-export interface DbxListConfig<T = any, V extends DbxListView<T> = DbxListView<T>> extends DbxInjectionComponentConfig<V> {
+export interface DbxListConfig<T = unknown, V extends DbxListView<T> = DbxListView<T>> extends DbxInjectionComponentConfig<V> {
     /**
      * Whether or not to hide the list content when it is an empty list.
      */
@@ -57,7 +57,7 @@ export interface DbxListConfig<T = any, V extends DbxListView<T> = DbxListView<T
  *
  * This component is generally wrapped by another component that provides this one configuration.
  */
-export declare class DbxListComponent<T = any, V extends DbxListView<T> = DbxListView<T>, S extends ListLoadingState<T> = ListLoadingState<T>> implements OnDestroy {
+export declare class DbxListComponent<T = unknown, V extends DbxListView<T> = DbxListView<T>, S extends ListLoadingState<T> = ListLoadingState<T>> implements OnDestroy {
     readonly cdRef: ChangeDetectorRef;
     readonly DEFAULT_SCROLL_DISTANCE = 1.5;
     readonly DEFAULT_THROTTLE_SCROLL = 50;
@@ -116,9 +116,9 @@ export declare class DbxListComponent<T = any, V extends DbxListView<T> = DbxLis
 export declare class DbxListInternalContentDirective {
     private readonly parent;
     readonly elementRef: ElementRef;
-    hide: Maybe<Boolean>;
+    hide: Maybe<boolean>;
     constructor(parent: DbxListComponent, elementRef: ElementRef);
-    onScrollEvent($event: any): void;
+    onScrollEvent($event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxListInternalContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListInternalContentDirective, "[dbx-list-internal-content]", never, { "hide": "hide"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxListInternalContentDirective, "[dbxListInternalContent]", never, { "hide": "hide"; }, {}, never>;
 }

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

@@ -1,15 +1,14 @@
 import { ListLoadingState, ObservableOrValue } from '@dereekb/rxjs';
 import { Observable } from 'rxjs';
-import { EventEmitter, OnInit, OnDestroy } from "@angular/core";
-import { DbxListConfig } from "./list.component";
-import { DbxListSelectionMode, DbxListView, ListSelectionState } from "./list.view";
+import { EventEmitter, OnInit, OnDestroy } from '@angular/core';
+import { DbxListConfig } from './list.component';
+import { DbxListSelectionMode, DbxListView, ListSelectionState } from './list.view';
 import { Maybe } from '@dereekb/util';
 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</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</dbx-list>\n";
-export interface DbxListWrapperConfig<T, V extends DbxListView<T> = DbxListView<T>> extends Omit<DbxListConfig<T, V>, 'onClick' | 'loadMore'> {
-}
+export declare 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;
@@ -26,9 +25,8 @@ export declare abstract class AbstractDbxListWrapperDirective<T, V extends DbxLi
     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>;
 }
-export interface DbxSelectionListWrapperConfig<T, V extends DbxListView<T> = DbxListView<T>> extends 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> {
+export declare 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>;

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

@@ -1,6 +1,6 @@
 import { Observable } from 'rxjs';
-import { ListLoadingState, ListLoadingStateContext } from "@dereekb/rxjs";
-import { EventEmitter, Provider, Type } from "@angular/core";
+import { ListLoadingState, ListLoadingStateContext } from '@dereekb/rxjs';
+import { EventEmitter, Provider, Type } from '@angular/core';
 import { Maybe } from '@dereekb/util';
 export declare type DbxListSelectionMode = 'select' | 'view';
 export interface ListSelectionStateItem<T> {
@@ -52,4 +52,4 @@ export declare abstract class DbxListView<T, S extends ListLoadingState<T> = Lis
      */
     abstract setSelectionMode(selectionMode: Maybe<DbxListSelectionMode>): void;
 }
-export declare function ProvideDbxListView<V extends DbxListView<any>>(sourceType: Type<V>): Provider[];
+export declare function provideDbxListView<V extends DbxListView<any>>(sourceType: Type<V>): Provider[];

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

@@ -15,7 +15,6 @@ export declare abstract class AbstractDbxListViewDirective<T> implements DbxList
     readonly disabled$: Observable<boolean>;
     readonly selectionMode$: Observable<Maybe<DbxListSelectionMode>>;
     clickValue: EventEmitter<T>;
-    constructor();
     set valueArray(values: Maybe<T[]>);
     set values(values: Maybe<Observable<T[]>>);
     ngOnDestroy(): void;

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

@@ -3,13 +3,13 @@ import { AbstractDbxValueListViewDirective } from './list.view.value.directive';
 import { DbxListView } from './list.view';
 import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
-export interface DbxValueListViewConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = any> extends AbstractDbxValueListViewConfig<T, I, V> {
+export interface DbxValueListViewConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> extends AbstractDbxValueListViewConfig<T, I, V> {
     emitAllClicks?: boolean;
 }
 /**
  * Renders a list view using input configuration. Requires a parent DbxListView.
  */
-export declare class DbxValueListViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = any, C extends DbxValueListViewConfig<T, I, V> = DbxValueListViewConfig<T, I, V>> extends AbstractDbxValueListViewDirective<T, I, V, C> {
+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>;

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

@@ -1,8 +1,8 @@
-import { InjectionToken, Provider, Type } from "@angular/core";
-import { ClickableAnchor, DbxInjectionComponentConfig } from "@dereekb/dbx-core";
-import { Observable } from "rxjs";
+import { InjectionToken, Provider, Type } from '@angular/core';
+import { ClickableAnchor, DbxInjectionComponentConfig } from '@dereekb/dbx-core';
+import { Observable } from 'rxjs';
 import { Maybe } from '@dereekb/util';
-export declare const DBX_VALUE_LIST_VIEW_ITEM: InjectionToken<any>;
+export declare const DBX_VALUE_LIST_VIEW_ITEM: InjectionToken<unknown>;
 export interface DbxValueListItem<T> {
     itemValue: T;
     icon?: string;
@@ -15,14 +15,14 @@ export interface DbxValueListItem<T> {
  * 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 interface AbstractDbxValueListViewConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = any> extends DbxInjectionComponentConfig<V> {
+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>> = I & {
-    config: DbxInjectionComponentConfig;
+export declare type DbxValueListItemConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> = I & {
+    config: DbxInjectionComponentConfig<V>;
 };
-export declare function mapValuesToValuesListItemConfigObs<T, I extends DbxValueListItem<T>>(listViewConfig: AbstractDbxValueListViewConfig<T, I>, itemValues: T[]): Observable<DbxValueListItemConfig<T, I>[]>;
+export declare function mapValuesToValuesListItemConfigObs<T, I extends DbxValueListItem<T>, V = unknown>(listViewConfig: AbstractDbxValueListViewConfig<T, I, V>, itemValues: T[]): Observable<DbxValueListItemConfig<T, I, V>[]>;
 /**
  * Adds config to the input value list items.
  *
@@ -30,8 +30,8 @@ export declare function mapValuesToValuesListItemConfigObs<T, I extends DbxValue
  * @param listItems
  * @returns
  */
-export declare function addConfigToValueListItems<T, I extends DbxValueListItem<T>>(listViewConfig: AbstractDbxValueListViewConfig<T, I>, listItems: I[]): DbxValueListItemConfig<T, I>[];
+export declare function addConfigToValueListItems<T, I extends DbxValueListItem<T>, V = unknown>(listViewConfig: AbstractDbxValueListViewConfig<T, I, V>, listItems: I[]): DbxValueListItemConfig<T, I, V>[];
 export declare abstract class DbxValueListView<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> {
-    readonly abstract items$: Observable<I[]>;
+    abstract readonly items$: Observable<I[]>;
 }
-export declare function ProvideDbxValueListView<V extends DbxValueListView<any>>(sourceType: Type<V>): Provider[];
+export declare function provideDbxValueListView<V extends DbxValueListView<unknown>>(sourceType: Type<V>): Provider[];

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

@@ -1,14 +1,14 @@
-import { Maybe, ModifierFunction } from "@dereekb/util";
-import { OnDestroy } from "@angular/core";
-import { Observable } from "rxjs";
-import { DbxListView } from "./list.view";
-import { AbstractDbxValueListViewConfig, DbxValueListItem, DbxValueListItemConfig, DbxValueListView } from "./list.view.value";
-import { DbxValueListItemModifier } from "./list.view.value.modifier";
+import { Maybe, ModifierFunction } from '@dereekb/util';
+import { OnDestroy } from '@angular/core';
+import { Observable } from 'rxjs';
+import { DbxListView } from './list.view';
+import { AbstractDbxValueListViewConfig, DbxValueListItem, DbxValueListItemConfig, DbxValueListView } from './list.view.value';
+import { DbxValueListItemModifier } from './list.view.value.modifier';
 import * as i0 from "@angular/core";
 /**
  * Abstract list directive that takes in items and a AbstractDbxValueItemListViewConfig configuration.
  */
-export declare abstract class AbstractDbxValueListViewDirective<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = any, C extends AbstractDbxValueListViewConfig<T, I, V> = AbstractDbxValueListViewConfig<T, I, V>> implements DbxValueListView<T, I>, OnDestroy {
+export declare abstract class AbstractDbxValueListViewDirective<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown, C extends AbstractDbxValueListViewConfig<T, I, V> = AbstractDbxValueListViewConfig<T, I, V>> implements DbxValueListView<T, I>, OnDestroy {
     readonly dbxListView: DbxListView<T>;
     readonly dbxValueListViewModifier: DbxValueListItemModifier<T, I>;
     private _config;

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

@@ -1,4 +1,4 @@
-import { DbxValueListItem } from "./list.view.value";
+import { DbxValueListItem } from './list.view.value';
 import * as i0 from "@angular/core";
 export declare abstract class AbstractDbxValueListViewItemComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> {
     readonly item: I;

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

@@ -1,12 +1,12 @@
-import { Provider, Type } from "@angular/core";
-import { ArrayOrValue, Modifier, ModifierFunction, ModifierMap } from "@dereekb/util";
-import { Observable } from "rxjs";
-import { DbxValueListItem } from "./list.view.value";
-export declare abstract class DbxValueListItemModifier<T, I extends DbxValueListItem<T> = DbxValueListItem<T>> {
-    readonly abstract modifiers$: Observable<ModifierMap<I>>;
+import { Provider, Type } from '@angular/core';
+import { ArrayOrValue, Modifier, ModifierFunction, ModifierMap } from '@dereekb/util';
+import { Observable } from 'rxjs';
+import { DbxValueListItem } from './list.view.value';
+export declare abstract class DbxValueListItemModifier<T = unknown, I extends DbxValueListItem<T> = DbxValueListItem<T>> {
+    abstract readonly modifiers$: Observable<ModifierMap<I>>;
     abstract addModifiers(modifiers: ArrayOrValue<Modifier<I>>): void;
     abstract removeModifiers(modifiers: ArrayOrValue<Modifier<I>>): void;
 }
-export declare function ProvideDbxValueListViewModifier<V extends DbxValueListItemModifier<any>>(sourceType: Type<V>): Provider[];
+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 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

@@ -1,6 +1,6 @@
 import { Observable } from 'rxjs';
-import { OnDestroy, OnInit } from "@angular/core";
-import { DbxValueListItem } from "./list.view.value";
+import { OnDestroy, OnInit } from '@angular/core';
+import { DbxValueListItem } from './list.view.value';
 import { ArrayOrValue, Maybe, Modifier } from '@dereekb/util';
 import { DbxValueListItemModifier } from './list.view.value.modifier';
 import * as i0 from "@angular/core";
@@ -11,7 +11,6 @@ export declare class DbxValueListItemModifierDirective<T, I extends DbxValueList
     private _modifiers;
     private _inputModifiers;
     readonly modifiers$: Observable<Map<string, Modifier<I>>>;
-    constructor();
     ngOnDestroy(): void;
     addModifiers(modifiers: ArrayOrValue<Modifier<I>>): void;
     removeModifiers(modifiers: ArrayOrValue<Modifier<I>>): void;

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

@@ -1,12 +1,12 @@
-import { OnDestroy } from "@angular/core";
-import { Maybe, ArrayOrValue, Modifier } from "@dereekb/util";
-import { Observable } from "rxjs";
-import { DbxValueListItem } from "./list.view.value";
-import { AbstractDbxValueListItemModifierDirective } from "./list.view.value.modifier.directive";
+import { OnDestroy } from '@angular/core';
+import { Maybe, ArrayOrValue, Modifier } from '@dereekb/util';
+import { Observable } from 'rxjs';
+import { DbxValueListItem } from './list.view.value';
+import { AbstractDbxValueListItemModifierDirective } from './list.view.value.modifier.directive';
 import * as i0 from "@angular/core";
 export declare type DisableRippleForValueFunction<T> = (item: DbxValueListItem<T>) => boolean;
 export declare const DBX_LIST_ITEM_DISABLE_RIPPLE_LIST_ITEM_MODIFIER_KEY = "disable_ripple_anchor";
-export declare const DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION: DisableRippleForValueFunction<any>;
+export declare const DBX_LIST_ITEM_DEFAULT_DISABLE_FUNCTION: DisableRippleForValueFunction<unknown>;
 export declare class DbxListItemDisableRippleModifierDirective<T> extends AbstractDbxValueListItemModifierDirective<T> implements OnDestroy {
     private _disableRippleForItem;
     readonly modifiers$: Observable<Maybe<ArrayOrValue<Modifier<DbxValueListItem<T>>>>>;

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

@@ -6,13 +6,13 @@ import { AbstractDbxValueListViewDirective } from './list.view.value.directive';
 import { Maybe } from '@dereekb/util';
 import { DbxValueListItemViewComponent } from './list.view.value.component';
 import * as i0 from "@angular/core";
-export interface DbxSelectionValueListViewConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = any> extends AbstractDbxValueListViewConfig<T, I, V> {
+export interface DbxSelectionValueListViewConfig<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> extends AbstractDbxValueListViewConfig<T, I, V> {
     multiple?: boolean;
 }
 /**
  * Renders a selection list view using input configuration. Requires a parent DbxListView.
  */
-export declare class DbxSelectionValueListViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = any> extends AbstractDbxValueListViewDirective<T, I, V, DbxSelectionValueListViewConfig<T, I, V>> {
+export declare class DbxSelectionValueListViewComponent<T, I extends DbxValueListItem<T> = DbxValueListItem<T>, V = unknown> extends AbstractDbxValueListViewDirective<T, I, V, DbxSelectionValueListViewConfig<T, I, V>> {
     readonly selectionMode$: Observable<DbxListSelectionMode>;
     readonly multiple$: Observable<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxSelectionValueListViewComponent<any, any, any>, never>;

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

@@ -1,11 +1,11 @@
 import { Observable } from 'rxjs';
-import { ListLoadingState } from "@dereekb/rxjs";
-import { Provider, Type } from "@angular/core";
+import { ListLoadingState } from '@dereekb/rxjs';
+import { Provider, Type } from '@angular/core';
 import { Maybe } from '@dereekb/util';
 /**
  * Common interface for views that may wrap a DbxListView, and pass values through to it.
  */
-export declare abstract class DbxListViewWrapper<T, S extends ListLoadingState<T> = ListLoadingState<T>> {
+export declare abstract class DbxListViewWrapper<T = unknown, S extends ListLoadingState<T> = ListLoadingState<T>> {
     state$?: Maybe<Observable<S>>;
 }
-export declare function ProvideDbxListViewWrapper<V extends DbxListViewWrapper<any>>(sourceType: Type<V>): Provider[];
+export declare function provideDbxListViewWrapper<V extends DbxListViewWrapper>(sourceType: Type<V>): Provider[];

package/lib/layout/section/_section.scss

@@ -13,14 +13,12 @@ $header-left-reserved-space-small-screen: 120px;
 
 // MARK: Mixin
 @mixin core() {
-
   // MARK: Header
   .dbx-section-header {
     padding: 0 0 $header-bottom-padding;
     box-sizing: border-box;
 
     .dbx-section-header-content {
-
       h1,
       h2,
       h3,
@@ -43,8 +41,7 @@ $header-left-reserved-space-small-screen: 120px;
 
   // MARK: Page
   .dbx-section-page {
-
-    >.dbx-section-header>.dbx-section-header-content {
+    > .dbx-section-header > .dbx-section-header-content {
       height: $content-navbar-height;
       max-height: $content-navbar-height;
       overflow-x: auto;
@@ -62,43 +59,35 @@ $header-left-reserved-space-small-screen: 120px;
           margin-right: 4px;
         }
 
-        >.title-text {
+        > .title-text {
           @include theming.limit-text();
         }
       }
     }
-
   }
 
   // MARK: Subsection
   .dbx-subsection {
-
-    >.dbx-section-header>.dbx-section-header-content {}
-
+    > .dbx-section-header > .dbx-section-header-content {
+    }
   }
-
 }
 
 @mixin color($theme-config) {
-
   // MARK: Page
   .dbx-section-page {
-
-    >.dbx-section-header>.dbx-section-header-content {
+    > .dbx-section-header > .dbx-section-header-content {
       .dbx-section-header-content-title {
-
         @include theming.if-small-screen($theme-config) {
           max-width: calc(80% - #{$header-left-reserved-space-small-screen});
         }
-        
       }
     }
-
   }
-
 }
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-section') {

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

@@ -11,5 +11,5 @@ export declare class DbxSectionHeaderComponent {
     hint?: Maybe<string>;
     get showTitle(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxSectionHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionHeaderComponent, ".dbx-section-header", never, { "h": "h"; "header": "header"; "icon": "icon"; "hint": "hint"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSectionHeaderComponent, "dbx-section-header,.dbx-section-header", never, { "h": "h"; "header": "header"; "icon": "icon"; "hint": "hint"; }, {}, never, ["*"]>;
 }

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

@@ -1,5 +1,4 @@
-import { OnDestroy } from '@angular/core';
-import { EventEmitter } from '@angular/core';
+import { OnDestroy, EventEmitter } from '@angular/core';
 import { DbxSectionComponent } from './section.component';
 import * as i0 from "@angular/core";
 /**

package/lib/layout/step/_step.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-layout-step') {

package/lib/layout/style/_style.scss

@@ -4,7 +4,6 @@
 
 // Sections
 @mixin core() {
-
   .dbx-spacer,
   .spacer {
     flex: 1 1 auto;
@@ -22,9 +21,7 @@
     padding: 0 !important;
   }
 
-  @each $i,
-  $padding in theming.$padding-map {
-
+  @each $i, $padding in theming.$padding-map {
     .pad-#{$i},
     .padding-#{$i} {
       padding: $padding;
@@ -47,7 +44,6 @@
   .d-fiflex {
     display: inline-flex !important;
   }
-
 }
 
 @mixin color($theme-config) {
@@ -91,10 +87,10 @@
     background: $warn-color;
     color: $warn-color-contrast;
   }
-
 }
 
-@mixin typography($typography-config) {}
+@mixin typography($typography-config) {
+}
 
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-layout-style') {

package/lib/layout/style/spacer.directive.d.ts

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

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

@@ -11,5 +11,5 @@ export declare class DbxStyleDirective extends AbstractSubscriptionDirective {
     style: string;
     constructor(styleService: DbxStyleService, cdRef: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxStyleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxStyleDirective, "dbx-style, [dbx-style], .dbx-style", never, {}, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxStyleDirective, "dbx-style, [dbxStyle], .dbx-style", never, {}, {}, never>;
 }

package/lib/layout/style/style.service.d.ts

@@ -1,7 +1,6 @@
-import { Destroyable } from '@dereekb/util';
+import { Destroyable, Maybe } from '@dereekb/util';
 import { Observable } from 'rxjs';
 import { InjectionToken } from '@angular/core';
-import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export declare const DBX_STYLE_DEFAULT_CONFIG_TOKEN: InjectionToken<unknown>;
 export interface DbxStyleConfig {

package/lib/layout/style/style.set.directive.d.ts

@@ -1,6 +1,6 @@
+import { Maybe } from '@dereekb/util';
 import { Observable } from 'rxjs';
 import { OnDestroy, ChangeDetectorRef, OnInit } from '@angular/core';
-import { Maybe } from '@dereekb/util';
 import { DbxStyleConfig, DbxStyleService } from './style.service';
 import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import * as i0 from "@angular/core";

package/lib/layout/text/_text.scss

@@ -10,7 +10,6 @@ $mat-hint-opacity: 0.54; // Opacity to mirror mat-hint
 
 // MARK: Mixin
 @mixin core() {
-
   .dbx-small,
   .dbx-clear-hint {
     font-size: 0.8em;
@@ -34,7 +33,6 @@ $mat-hint-opacity: 0.54; // Opacity to mirror mat-hint
   .dbx-icon-spacer {
     margin-right: $icon-spacing;
   }
-
 }
 
 @mixin color($theme-config) {
@@ -73,11 +71,9 @@ $mat-hint-opacity: 0.54; // Opacity to mirror mat-hint
   .dbx-note {
     opacity: $note-opacity;
   }
-
 }
 
 @mixin typography($typography-config) {
-
   .dbx-label,
   .dbx-sublabel,
   .dbx-chip-sublabel {
@@ -87,7 +83,6 @@ $mat-hint-opacity: 0.54; // Opacity to mirror mat-hint
   .dbx-chip-sublabel {
     margin-left: $icon-spacing;
   }
-
 }
 
 @mixin theme($theme-config) {

package/lib/layout/text/icon.spacer.component.d.ts

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

package/lib/layout/text/text.chips.component.d.ts

@@ -1,12 +1,12 @@
 import { Maybe } from '@dereekb/util';
 import * as i0 from "@angular/core";
-export interface TextChip<T = any> {
+export interface TextChip<T = unknown> {
     text: string;
     tooltip?: string;
     color?: 'primary' | 'accent';
     data?: T;
 }
-export declare class DbxTextChipsComponent<T = any> {
+export declare class DbxTextChipsComponent<T = unknown> {
     chips?: Maybe<TextChip<T>[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxTextChipsComponent<any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DbxTextChipsComponent<any>, "dbx-text-chips", never, { "chips": "chips"; }, {}, never, never>;

package/lib/loading/basic-loading.component.d.ts

@@ -1,5 +1,4 @@
-import { OnDestroy } from '@angular/core';
-import { ElementRef } from '@angular/core';
+import { OnDestroy, ElementRef } from '@angular/core';
 import { ThemePalette } from '@angular/material/core';
 import { ProgressBarMode } from '@angular/material/progress-bar';
 import { ErrorInput, Maybe } from '@dereekb/util';

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

@@ -11,7 +11,7 @@ export declare class DbxActionLoadingContextDirective implements OnInit, OnDestr
     readonly source: DbxActionContextStoreSourceInstance;
     private _context;
     constructor(loadingComponent: DbxLoadingComponent, source: DbxActionContextStoreSourceInstance);
-    get context(): LoadingStateContextInstance<any, import("@dereekb/rxjs").LoadingState<any>>;
+    get context(): LoadingStateContextInstance<unknown, import("@dereekb/rxjs").LoadingState<unknown>>;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionLoadingContextDirective, [{ host: true; }, null]>;