@dereekb/dbx-web 9.25.16 → 10.0.0

package/lib/action/_action.scss

@@ -4,8 +4,8 @@
   @include snackbar.core();
 }
 
-@mixin all-action-typography($typography-config) {
-  @include snackbar.typography($typography-config);
+@mixin all-action-typography($theme-config) {
+  @include snackbar.typography($theme-config);
 }
 
 @mixin all-action-theme($theme-config) {

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

@@ -29,5 +29,5 @@ export declare class DbxActionConfirmDirective<T = unknown, O = unknown> extends
     ngOnDestroy(): void;
     protected _handleDialogResult(result: boolean): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionConfirmDirective<any, any>, [{ host: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionConfirmDirective<any, any>, "[dbxActionConfirm]", never, { "config": "dbxActionConfirm"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionConfirmDirective<any, any>, "[dbxActionConfirm]", never, { "config": { "alias": "dbxActionConfirm"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -13,5 +13,5 @@ export declare class DbxActionKeyTriggerDirective<T = unknown, O = unknown> {
     get key(): string;
     onKeyupHandler(event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionKeyTriggerDirective<any, any>, [{ host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionKeyTriggerDirective<any, any>, "[dbxActionKeyTrigger]", never, { "inputKey": "dbxActionKeyTrigger"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionKeyTriggerDirective<any, any>, "[dbxActionKeyTrigger]", never, { "inputKey": { "alias": "dbxActionKeyTrigger"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/action/snackbar/_snackbar.scss

@@ -13,12 +13,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-action-snackbar') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -26,7 +27,7 @@
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

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

@@ -31,5 +31,5 @@ export declare class DbxActionSnackbarComponent extends AbstractSubscriptionDire
     dismissAfterActionCompletes: () => void;
     dismiss: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionSnackbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxActionSnackbarComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxActionSnackbarComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

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

@@ -2,8 +2,8 @@ import { MatSnackBarConfig } from '@angular/material/snack-bar';
 import { DbxActionContextSourceReference } from '@dereekb/dbx-core';
 import { LoadingState, LoadingStateType } from '@dereekb/rxjs';
 import { Maybe } from '@dereekb/util';
-export declare type DbxActionSnackbarType = string;
-export declare type DbxActionSnackbarKnownType = 'none' | 'create' | 'save' | 'delete' | 'merge' | 'send' | 'cancel' | 'restore' | 'refresh' | 'read' | 'unread';
+export type DbxActionSnackbarType = string;
+export type DbxActionSnackbarKnownType = 'none' | 'create' | 'save' | 'delete' | 'merge' | 'send' | 'cancel' | 'restore' | 'refresh' | 'read' | 'unread';
 /**
  * ActionSnackbar event. Depending on the type, a value or error is also available.
  */

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

@@ -21,5 +21,5 @@ export declare class DbxActionSnackbarDirective<T = unknown, O = unknown> extend
     protected buildConfigurationForEvent(event: DbxActionSnackbarEvent<O>): Maybe<DbxActionSnackbarDisplayConfig<T, O>>;
     protected showSnackbarForConfiguration(config: DbxActionSnackbarDisplayConfig<T, O>, event: DbxActionSnackbarEvent<O>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionSnackbarDirective<any, any>, [{ host: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionSnackbarDirective<any, any>, "[dbxActionSnackbar]", never, { "snackbarFunction": "dbxActionSnackbar"; "dbxActionSnackbarDefault": "dbxActionSnackbarDefault"; "dbxActionSnackbarUndo": "dbxActionSnackbarUndo"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionSnackbarDirective<any, any>, "[dbxActionSnackbar]", never, { "snackbarFunction": { "alias": "dbxActionSnackbar"; "required": false; }; "dbxActionSnackbarDefault": { "alias": "dbxActionSnackbarDefault"; "required": false; }; "dbxActionSnackbarUndo": { "alias": "dbxActionSnackbarUndo"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -5,12 +5,12 @@ export interface DbxActionSnackbarGeneratorInput<T = unknown, O = unknown> {
     event: DbxActionSnackbarEvent<O>;
     undo?: Maybe<DbxActionSnackbarGeneratorUndoInput<T, O>>;
 }
-export declare type DbxActionSnackbarGeneratorUndoInput<T = unknown, O = unknown> = Getter<DbxActionContextSourceReference<T, O>> | DbxActionSnackbarGeneratorUndoInputConfig<T, O>;
+export type DbxActionSnackbarGeneratorUndoInput<T = unknown, O = unknown> = Getter<DbxActionContextSourceReference<T, O>> | DbxActionSnackbarGeneratorUndoInputConfig<T, O>;
 export interface DbxActionSnackbarGeneratorUndoInputConfig<T = unknown, O = unknown> {
     duration?: Milliseconds;
     getUndoAction: Getter<DbxActionContextSourceReference<T, O>>;
 }
-export declare type DbxActionSnackbarDisplayConfigGeneratorFunction = <T = unknown, O = unknown>(input: DbxActionSnackbarGeneratorInput<T, O>) => Maybe<DbxActionSnackbarDisplayConfig<T, O>>;
+export type DbxActionSnackbarDisplayConfigGeneratorFunction = <T = unknown, O = unknown>(input: DbxActionSnackbarGeneratorInput<T, O>) => Maybe<DbxActionSnackbarDisplayConfig<T, O>>;
 export interface DbxMakeActionSnackbarGeneratorConfiguration {
     idle?: GetterOrValue<DbxMakeActionSnackbarGeneratorEventConfiguration>;
     loading?: GetterOrValue<DbxMakeActionSnackbarGeneratorEventConfiguration>;

package/lib/action/transition/transition.safety.dialog.component.d.ts

@@ -15,5 +15,5 @@ export declare class DbxActionUIRouterTransitionSafetyDialogComponent extends Ab
     confirm(): void;
     cancel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionUIRouterTransitionSafetyDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxActionUIRouterTransitionSafetyDialogComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxActionUIRouterTransitionSafetyDialogComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/action/transition/transition.safety.directive.d.ts

@@ -12,7 +12,7 @@ import * as i0 from "@angular/core";
  * - dialog: Always show a dialog and act based on the result.
  * - auto: Try to auto-trigger if in a triggerable state. If it is modified but in a non-triggerable state, show a dialog. Should be used in conjuction with the auto-saver.
  */
-export declare type DbxActionTransitionSafetyType = 'none' | 'dialog' | 'auto';
+export type DbxActionTransitionSafetyType = 'none' | 'dialog' | 'auto';
 /**
  * Context used for preventing a transition from occuring if the action is not complete or is in a modified state.
  *
@@ -39,5 +39,5 @@ export declare class DbxActionTransitionSafetyDirective<T, O> implements OnInit,
     private _showDialog;
     private _closeDialog;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionTransitionSafetyDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionTransitionSafetyDirective<any, any>, "[dbxActionTransitionSafety]", never, { "inputSafetyType": "dbxActionTransitionSafety"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionTransitionSafetyDirective<any, any>, "[dbxActionTransitionSafety]", never, { "inputSafetyType": { "alias": "dbxActionTransitionSafety"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/button/_button.scss

@@ -5,17 +5,18 @@
 
 // MARK: Variables
 $button-spacer-width: 6px;
+$big-button-height: 46px; // 33% bigger
 
 // MARK: Mixin
 @mixin core() {
-  // increases the height of the mat-button
+  // increases the height of the mat-mdc-button
   .dbx-button-big {
-    .mat-button {
-      line-height: 46px; // 33% bigger
+    .mdc-button.mat-mdc-button {
+      height: $big-button-height;
+      line-height: $big-button-height;
     }
   }
 
-  .dbx-wide-button, // @deprecated. Remove in future.
   .dbx-button-wide {
     .dbx-button {
       min-width: 120px;
@@ -31,9 +32,9 @@ $button-spacer-width: 6px;
     }
   }
 
-  .dbx-icon-button.mat-button {
-    // copy most of the same styling
-    padding: 0;
+  .dbx-icon-button .mat-mdc-button .mdc-button__label {
+    display: flex;
+    align-items: center;
   }
 
   .dbx-grow-button {
@@ -52,21 +53,6 @@ $button-spacer-width: 6px;
     margin-right: $button-spacer-width;
   }
 
-  .dbx-spinner-custom.mat-progress-spinner.mat-accent circle,
-  .dbx-spinner-custom.mat-spinner.mat-accent circle {
-    // mat-spinners marked with dbx-spinner-custom should allow the stroke to be inherited.
-    stroke: unset !important;
-  }
-
-  .mat-button {
-    mat-icon.mat-button-icon,
-    mat-icon.mat-fab-icon {
-      &.mat-icon.mat-ligature-font[fontIcon]::before {
-        content: unset;
-      }
-    }
-  }
-
   .dbx-button-column {
     display: flex;
     flex-direction: column;
@@ -87,14 +73,22 @@ $button-spacer-width: 6px;
   $grey-color-bg: theming.get-color-from-palette($background, 'disabled-button');
   $disabled-color-bg: theming.get-color-from-palette($background, 'disabled-button');
 
-  .dbx-icon-button > .mat-button {
+  .dbx-icon-button > .mat-mdc-button {
     background: inherit;
+
+    &.mat-unthemed {
+      // TEMPORARY: For now we just unset the ripple colors but later we want to make sure that
+      // the colors from dbx-primary, dbx-accent, etc... are set on these label colors instead
+      // for buttons. Button column isn't correct for now either...
+      --mdc-text-button-label-text-color: unset;
+      --mat-mdc-button-persistent-ripple-color: unset;
+    }
   }
 
   .dbx-icon-button.dbx-grey-bg {
     background: none;
 
-    > .mat-button {
+    > .mat-mdc-button {
       background: $grey-color-bg;
     }
   }
@@ -102,18 +96,19 @@ $button-spacer-width: 6px;
   .dbx-icon-button.dbx-disabled-bg {
     background: none;
 
-    > .mat-button {
+    > .mat-mdc-button {
       background: $disabled-color-bg;
     }
   }
 }
 
-@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-button') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -121,7 +116,7 @@ $button-spacer-width: 6px;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

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

@@ -28,5 +28,5 @@ export declare class DbxButtonComponent extends AbstractDbxButtonDirective {
     customSpinnerColor: Maybe<string>;
     get btnOptions(): DbxProgressButtonOptions;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxButtonComponent, "dbx-button", never, { "type": "type"; "raised": "raised"; "stroked": "stroked"; "flat": "flat"; "iconOnly": "iconOnly"; "color": "color"; "customButtonColor": "customButtonColor"; "customTextColor": "customTextColor"; "customSpinnerColor": "customSpinnerColor"; }, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxButtonComponent, "dbx-button", never, { "type": { "alias": "type"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; "stroked": { "alias": "stroked"; "required": false; }; "flat": { "alias": "flat"; "required": false; }; "iconOnly": { "alias": "iconOnly"; "required": false; }; "color": { "alias": "color"; "required": false; }; "customButtonColor": { "alias": "customButtonColor"; "required": false; }; "customTextColor": { "alias": "customTextColor"; "required": false; }; "customSpinnerColor": { "alias": "customSpinnerColor"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

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

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

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

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

package/lib/button/progress/bar.button.component.d.ts

@@ -1,6 +1,7 @@
 import { AbstractProgressButtonDirective } from './base.progress.button.directive';
 import * as i0 from "@angular/core";
 export declare class DbxBarButtonComponent extends AbstractProgressButtonDirective {
+    readonly buttonCss$: import("rxjs").Observable<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxBarButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxBarButtonComponent, "dbx-bar-button", never, {}, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxBarButtonComponent, "dbx-bar-button", never, {}, {}, never, ["*"], false, never>;
 }

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

@@ -1,22 +1,30 @@
 :host {
-  button {
+  > button.dbx-bar-button.mdc-button.mat-mdc-button {
     &.working {
       cursor: not-allowed;
     }
     &.fullWidth {
       width: 100%;
     }
-    .bar {
-      position: absolute;
-      top: 0;
-      left: 0;
-    }
-    mat-icon {
-      padding-right: 5px;
-      &.is-mat-icon {
-        font-size: 18px;
-        position: relative;
-        top: 3px;
+    > ::ng-deep .mdc-button__label {
+      position: unset; // required so the bar can expand fully
+
+      display: flex;
+      align-items: center;
+
+      .bar {
+        position: absolute;
+        top: 0;
+        left: 0;
+      }
+
+      mat-icon {
+        padding-right: 5px;
+        &.is-mat-icon {
+          font-size: 18px;
+          position: relative;
+          top: 3px;
+        }
       }
     }
   }

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

@@ -1,6 +1,6 @@
 import { ChangeDetectorRef, OnDestroy, OnInit, EventEmitter } from '@angular/core';
 import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
-import { Maybe } from '@dereekb/util';
+import { CssClass, Maybe } from '@dereekb/util';
 import { Observable } from 'rxjs';
 import { DbxProgressButtonGlobalConfig, DbxProgressButtonOptions } from './button.progress.config';
 import * as i0 from "@angular/core";
@@ -14,6 +14,7 @@ export declare abstract class AbstractProgressButtonDirective extends AbstractSu
     private _options;
     readonly globalOptions$: Observable<Maybe<DbxProgressButtonOptions>>;
     readonly options$: Observable<DbxProgressButtonOptions>;
+    readonly baseCssClasses$: Observable<[DbxProgressButtonOptions, CssClass[]]>;
     readonly btnClick: EventEmitter<MouseEvent>;
     constructor(globalConfig: DbxProgressButtonGlobalConfig, cdRef: ChangeDetectorRef);
     ngOnInit(): void;
@@ -28,5 +29,5 @@ export declare abstract class AbstractProgressButtonDirective extends AbstractSu
     set working(working: boolean);
     set disabled(disabled: boolean);
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractProgressButtonDirective, [{ optional: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractProgressButtonDirective, never, never, { "options": "options"; "buttonId": "buttonId"; "working": "working"; "disabled": "disabled"; }, { "btnClick": "btnClick"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractProgressButtonDirective, never, never, { "options": { "alias": "options"; "required": false; }; "buttonId": { "alias": "buttonId"; "required": false; }; "working": { "alias": "working"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "btnClick": "btnClick"; }, never, never, false, never>;
 }

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

@@ -23,10 +23,6 @@ export interface DbxProgressButtonOptions {
     value?: number;
     fullWidth?: boolean;
     disabled?: boolean;
-    /**
-     * @deprecated use buttonIcon instead.
-     */
-    icon?: DbxProgressButtonIcon;
     type?: string;
     customStyle?: {
         [key: string]: string;
@@ -50,5 +46,5 @@ export interface DbxProgressButtonIcon {
 export interface DbxProgressButtonTargetedConfig extends DbxProgressButtonOptions {
     id?: string;
 }
-export declare type DbxProgressButtonGlobalConfig = DbxProgressButtonTargetedConfig[];
+export type DbxProgressButtonGlobalConfig = DbxProgressButtonTargetedConfig[];
 export declare const DBX_MAT_PROGRESS_BUTTON_GLOBAL_CONFIG: InjectionToken<DbxProgressButtonGlobalConfig>;

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

@@ -0,0 +1,17 @@
+:host {
+  button.mat-mdc-button {
+    // align the content
+    .button-text {
+      display: flex;
+      align-items: center;
+    }
+
+    // fixes visual glitch/issue with the mat-icon's presentation within the button
+    mat-icon.mat-button-icon,
+    mat-icon.mat-fab-icon {
+      &.mat-icon.mat-ligature-font[fontIcon]::before {
+        content: unset;
+      }
+    }
+  }
+}

package/lib/button/progress/spinner.button.component.d.ts

@@ -3,8 +3,9 @@ import { AbstractProgressButtonDirective } from './base.progress.button.directiv
 import * as i0 from "@angular/core";
 export declare class DbxSpinnerButtonComponent extends AbstractProgressButtonDirective {
     readonly buttonRef: ElementRef<HTMLElement>;
+    readonly buttonCss$: import("rxjs").Observable<string>;
     get showText(): boolean;
     calcSpinnerSize(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxSpinnerButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSpinnerButtonComponent, "dbx-spinner-button", never, {}, {}, never, ["*"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxSpinnerButtonComponent, "dbx-spinner-button", never, {}, {}, never, ["*"], false, never>;
 }

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

@@ -1,17 +1,30 @@
 :host {
   button {
+    min-height: 36px;
+    height: unset; // allow height to expand
+
     outline: none;
+
     &.working {
       cursor: not-allowed;
     }
-    & ::ng-deep .mat-button-wrapper {
+
+    ::ng-deep .mdc-button__label {
       display: flex;
       align-items: center;
       justify-content: center;
     }
+
+    &.mat-mdc-button.mat-mdc-icon-button {
+      // icon button fixes
+      min-width: unset;
+      --mdc-icon-button-icon-size: unset;
+    }
+
     &.fullWidth {
       width: 100%;
     }
+
     .spinner {
       position: absolute;
       // top: 25%;
@@ -21,6 +34,13 @@
         opacity: 1;
       }
     }
+
+    // mat-spinners marked with dbx-spinner-custom should allow the stroke to be inherited.
+    .dbx-spinner-custom.mat-progress-spinner.mat-accent circle,
+    .dbx-spinner-custom.mat-spinner.mat-accent circle {
+      stroke: unset !important;
+    }
+
     .button-text {
       opacity: 1;
       transition: opacity 0.3s ease-in-out;

package/lib/error/_error.scss

@@ -25,12 +25,13 @@ $error-padding: 8px;
 @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-error') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -38,7 +39,7 @@ $error-padding: 8px;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

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

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
 export declare class DbxErrorDefaultErrorWidgetComponent extends AbstractDbxErrorWidgetComponent {
     get serverErrorData(): ServerErrorResponseData | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxErrorDefaultErrorWidgetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorDefaultErrorWidgetComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorDefaultErrorWidgetComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

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

@@ -11,5 +11,5 @@ export declare class DbxActionErrorDirective extends AbstractSubscriptionDirecti
     constructor(error: DbxReadableErrorComponent, source: DbxActionContextStoreSourceInstance);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionErrorDirective, [{ host: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionErrorDirective, "[dbxActionError]", never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionErrorDirective, "[dbxActionError]", never, {}, {}, never, never, false, never>;
 }

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

@@ -16,5 +16,5 @@ export declare class DbxReadableErrorComponent {
     get message(): Maybe<string>;
     openErrorPopover(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxReadableErrorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxReadableErrorComponent, "dbx-error", never, { "error": "error"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxReadableErrorComponent, "dbx-error", never, { "error": { "alias": "error"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class DbxErrorDetailsComponent {
     error?: Maybe<ReadableError>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxErrorDetailsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorDetailsComponent, "dbx-error-details", never, { "error": "error"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorDetailsComponent, "dbx-error-details", never, { "error": { "alias": "error"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -15,5 +15,5 @@ export declare class DbxLoadingErrorDirective extends AbstractSubscriptionDirect
      */
     set context(context: LoadingContext);
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxLoadingErrorDirective, [{ host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxLoadingErrorDirective, "[dbxLoadingError]", never, { "context": "dbxLoadingError"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxLoadingErrorDirective, "[dbxLoadingError]", never, { "context": { "alias": "dbxLoadingError"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -14,5 +14,5 @@ export declare class DbxErrorPopoverComponent extends AbstractPopoverDirective<v
     get code(): string | undefined;
     static openPopover(popoverService: DbxPopoverService, { origin, error }: DbxErrorPopoverConfig, popoverKey?: DbxPopoverKey): import("ng-overlay-container").NgPopoverRef<import("@dereekb/dbx-web").DbxPopoverComponentConfig<unknown, ReadableError, DbxErrorPopoverComponent>, unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxErrorPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorPopoverComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxErrorPopoverComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

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

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

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

@@ -6,5 +6,5 @@ export declare abstract class AbstractDbxErrorWidgetComponent<T extends Readable
     get message(): import("@dereekb/util").Maybe<string>;
     constructor(data: ReadableErrorWithCode<T>);
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxErrorWidgetComponent<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxErrorWidgetComponent<any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxErrorWidgetComponent<any>, never, never, {}, {}, never, never, false, never>;
 }

package/lib/extension/_extension.scss

@@ -1,4 +1,5 @@
 @use '../style/config';
+@use '../style/theming';
 @use './calendar/calendar';
 @use './table/table';
 
@@ -20,21 +21,25 @@
   }
 }
 
-@mixin all-extension-typography($typography-config, $theme-config) {
+@mixin all-extension-typography($theme-config-or-typography-config) {
   $calendar-enabled: 1;
   $table-enabled: 1;
 
-  @if ($theme-config != null) {
-    $calendar-enabled: config.get-dbx-extension-calendar-enabled($theme-config);
-    $table-enabled: config.get-dbx-extension-table-enabled($theme-config);
-  }
+  @if ($theme-config-or-typography-config != null) {
+    @if (theming.private-is-theme-object($theme-config-or-typography-config)) {
+      $theme-config: $theme-config-or-typography-config;
 
-  @if ($calendar-enabled == 1) {
-    @include calendar.typography($typography-config);
-  }
+      $calendar-enabled: config.get-dbx-extension-calendar-enabled($theme-config);
+      $table-enabled: config.get-dbx-extension-table-enabled($theme-config);
+    }
 
-  @if ($table-enabled == 1) {
-    @include table.typography($typography-config);
+    @if ($calendar-enabled == 1) {
+      @include calendar.typography($theme-config-or-typography-config);
+    }
+
+    @if ($table-enabled == 1) {
+      @include table.typography($theme-config-or-typography-config);
+    }
   }
 }
 

package/lib/extension/calendar/_calendar.scss

@@ -206,12 +206,13 @@ $calendar-content-border-consideration: 2px;
   #{calendar.$cal-gradient-var}: inset 0 0 10px 0 rgba($background-color, 0.2);
 }
 
-@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-calendar') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -219,7 +220,7 @@ $calendar-content-border-consideration: 2px;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

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

@@ -2,7 +2,7 @@ import { UnixDateTimeNumber, Maybe, ModelKey, ModelKeyTypeNamePair } from '@dere
 /**
  * Context in which a model was viewed.
  */
-export declare type ModelViewContext = string;
+export type ModelViewContext = string;
 export interface DbxModelViewTrackerEvent {
     /**
      * Event time

package/lib/extension/model/model.tracker.view.storage.d.ts

@@ -20,10 +20,6 @@ export declare class DbxModelViewTrackerStorage {
     getEventSet(folder?: Maybe<string>): Observable<DbxModelViewTrackerEventSet>;
     private _getEventSetForStorageKey;
     getStorageKeyForFolder(folder?: Maybe<string>): string;
-    /**
-     * @deprecated use addTrackerEvent() instead.
-     */
-    addEvent(event: DbxModelViewTrackerEvent): Observable<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxModelViewTrackerStorage, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<DbxModelViewTrackerStorage>;
 }

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

@@ -5,11 +5,11 @@ import { ModelViewContext } from './model.tracker';
 /**
  * Generates a SegueRef based on the input model's key and optional view context, or returns null/undefined if no ref is available.
  */
-export declare type DbxModelTypeConfigurationSrefFactory = (key: ModelKey, context?: ModelViewContext) => Maybe<SegueRef>;
+export type DbxModelTypeConfigurationSrefFactory = (key: ModelKey, context?: ModelViewContext) => Maybe<SegueRef>;
 /**
  * Generates a DbxModelTypeConfigurationSrefFactory.
  */
-export declare type DbxModelTypeConfigurationSrefFactoryBuilder = (injector: Injector) => DbxModelTypeConfigurationSrefFactory;
+export type DbxModelTypeConfigurationSrefFactoryBuilder = (injector: Injector) => DbxModelTypeConfigurationSrefFactory;
 export interface DbxModelTypeConfiguration {
     /**
      * Popup label that can be used for these types.