@dereekb/dbx-form 9.25.16 → 10.0.0

package/lib/formly/field/value/date/datetime.field.d.ts

@@ -5,21 +5,21 @@ import { DbxDateTimeFieldProps, DbxDateTimePickerConfiguration } from './datetim
 import { DbxFixedDateRangeFieldProps } from './fixeddaterange.field.component';
 export interface DateTimeFieldConfig extends LabeledFieldConfig, DescriptionFieldConfig, DbxDateTimeFieldProps, MaterialFormFieldConfig {
 }
-export declare type TimeFieldConfig = Omit<DateTimeFieldConfig, 'showDate'>;
+export type TimeFieldConfig = Omit<DateTimeFieldConfig, 'showDate'>;
 export declare const TAKE_NEXT_UPCOMING_TIME_CONFIG_OBS: () => Observable<DbxDateTimePickerConfiguration>;
 /**
  * Same as DateTime field but with the Date input hidden by default.
  */
 export declare function timeOnlyField(config?: Partial<TimeFieldConfig>): FormlyFieldConfig;
-export declare function dateTimeField(config?: Partial<DateTimeFieldConfig>): import("../../wrapper/wrapper").WrapperFormlyFieldConfig<import("../../wrapper/style.wrapper.component").DbxFormStyleWrapperConfig, FormlyFieldConfig<DbxDateTimeFieldProps>>;
-export declare type DateDateRangeFieldDateConfig = Omit<DateTimeFieldConfig, 'dateLabel' | 'timeOnly' | 'timeMode' | 'getSyncFieldsObs'>;
+export declare function dateTimeField(config?: Partial<DateTimeFieldConfig>): FormlyFieldConfig<DbxDateTimeFieldProps>;
+export type DateDateRangeFieldDateConfig = Omit<DateTimeFieldConfig, 'dateLabel' | 'timeOnly' | 'timeMode' | 'getSyncFieldsObs'>;
 export interface DateDateRangeFieldConfig extends Pick<DateTimeFieldConfig, 'timeDate' | 'timezone' | 'showTimezone' | 'presets'> {
     required?: boolean;
     start?: Partial<DateDateRangeFieldDateConfig>;
     end?: Partial<DateDateRangeFieldDateConfig>;
 }
 export declare function dateRangeField(config?: DateDateRangeFieldConfig): FormlyFieldConfig;
-export declare type DateTimeRangeFieldTimeConfig = Omit<DateDateRangeFieldDateConfig, 'allDayLabel' | 'fullDayFieldName' | 'fullDayInUTC'>;
+export type DateTimeRangeFieldTimeConfig = Omit<DateDateRangeFieldDateConfig, 'allDayLabel' | 'fullDayFieldName' | 'fullDayInUTC'>;
 export interface DateDateTimeRangeFieldConfig extends Pick<DateTimeFieldConfig, 'timeDate' | 'timezone' | 'showTimezone' | 'presets'> {
     required?: boolean;
     start?: Partial<DateTimeRangeFieldTimeConfig>;
@@ -28,4 +28,4 @@ export interface DateDateTimeRangeFieldConfig extends Pick<DateTimeFieldConfig,
 export declare function dateTimeRangeField(inputConfig?: DateDateTimeRangeFieldConfig): FormlyFieldConfig;
 export interface FixedDateRangeFieldConfig extends LabeledFieldConfig, DescriptionFieldConfig, DbxFixedDateRangeFieldProps, MaterialFormFieldConfig {
 }
-export declare function fixedDateRangeField(config?: Partial<FixedDateRangeFieldConfig>): import("../../wrapper/wrapper").WrapperFormlyFieldConfig<import("../../wrapper/style.wrapper.component").DbxFormStyleWrapperConfig, FormlyFieldConfig<DbxDateTimeFieldProps>>;
+export declare function fixedDateRangeField(config?: Partial<FixedDateRangeFieldConfig>): FormlyFieldConfig<DbxDateTimeFieldProps>;

package/lib/formly/field/value/date/fixeddaterange.field.component.d.ts

@@ -12,10 +12,10 @@ import { DateTimePresetConfiguration } from './datetime';
 import { DbxDateTimeFieldMenuPresetsService } from './datetime.field.service';
 import { DateAdapter } from '@angular/material/core';
 import * as i0 from "@angular/core";
-export declare type DbxFixedDateRangeDateRangeInput = Omit<DateRangeInput, 'date'>;
-export declare type DbxFixedDateRangePickerConfiguration = Omit<DateTimeMinuteConfig, 'date'>;
-export declare type DbxFixedDateRangeSelectionMode = 'single' | 'normal' | 'arbitrary' | 'arbitrary_quick';
-export declare type DbxFixedDateRangePicking = 'start' | 'end';
+export type DbxFixedDateRangeDateRangeInput = Omit<DateRangeInput, 'date'>;
+export type DbxFixedDateRangePickerConfiguration = Omit<DateTimeMinuteConfig, 'date'>;
+export type DbxFixedDateRangeSelectionMode = 'single' | 'normal' | 'arbitrary' | 'arbitrary_quick';
+export type DbxFixedDateRangePicking = 'start' | 'end';
 export interface DbxFixedDateRangeFieldProps extends FormlyFieldProps {
     /**
      * Date range input to build the date range.
@@ -58,7 +58,7 @@ export interface DbxFixedDateRangeFieldProps extends FormlyFieldProps {
      */
     showRangeInput?: boolean;
 }
-export declare type FixedDateRangeScanType = 'start' | 'end';
+export type FixedDateRangeScanType = 'start' | 'end';
 export interface FixedDateRangeScan {
     /**
      * Picked the start or end of the range on the last pick.
@@ -77,7 +77,7 @@ export interface FixedDateRangeScan {
      */
     range?: DateRange;
 }
-declare type SelectedDateEventType = 'calendar' | 'input';
+type SelectedDateEventType = 'calendar' | 'input';
 export declare class DbxFixedDateRangeFieldComponent extends FieldType<FieldTypeConfig<DbxFixedDateRangeFieldProps>> implements OnInit, OnDestroy {
     private readonly dbxDateTimeFieldConfigService;
     private _sub;
@@ -147,7 +147,7 @@ export declare class DbxFixedDateRangeFieldComponent extends FieldType<FieldType
     setDateRange(range: Maybe<Partial<DateRange>>, type: SelectedDateEventType): void;
     _createDateRange(date: Maybe<Date>): Maybe<DateRange>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFixedDateRangeFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFixedDateRangeFieldComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFixedDateRangeFieldComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }
 export declare class DbxFixedDateRangeFieldSelectionStrategy<D> implements MatDateRangeSelectionStrategy<D> {
     private _dateAdapter;

package/lib/formly/field/value/hidden.field.d.ts

@@ -1,4 +1,4 @@
 import { FormlyFieldConfig } from '@ngx-formly/core';
 import { LabeledFieldConfig } from '../field';
-export declare type HiddenFieldConfig = Pick<LabeledFieldConfig, 'key' | 'required'>;
+export type HiddenFieldConfig = Pick<LabeledFieldConfig, 'key' | 'required'>;
 export declare function hiddenField({ key, required }: HiddenFieldConfig): FormlyFieldConfig;

package/lib/formly/field/value/number/_number.scss

@@ -0,0 +1,35 @@
+@use 'sass:map';
+@use '../../../../style/theming';
+
+// MARK: Variables
+$dbx-formly-number-slider-field-thumb-label-margin-fix-size: 22px;
+
+// MARK: Mixin
+@mixin core() {
+  // slider field fix
+  .mat-form-field-appearance-outline .mat-mdc-form-field-infix > formly-field-mat-slider > .mat-mdc-slider {
+    margin: $dbx-formly-number-slider-field-thumb-label-margin-fix-size $dbx-formly-number-slider-field-thumb-label-margin-fix-size 0;
+    width: calc(100% - #{$dbx-formly-number-slider-field-thumb-label-margin-fix-size * 2}) !important;
+  }
+}
+
+@mixin color($theme-config) {
+}
+
+@mixin typography($theme-config-or-typography-config) {
+}
+
+@mixin theme($theme-config) {
+  @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-value-number') {
+    $color: theming.get-color-config($theme-config);
+    $typography: theming.get-typography-config($theme-config);
+
+    @if $color !=null {
+      @include color($theme-config);
+    }
+
+    @if $typography !=null {
+      @include typography($theme-config);
+    }
+  }
+}

package/lib/formly/field/value/number/number.field.d.ts

@@ -7,11 +7,11 @@ export interface NumberFieldNumberConfig {
     step?: number;
     enforceStep?: boolean;
 }
-export declare type NumberFieldInputType = 'number';
+export type NumberFieldInputType = 'number';
 export interface NumberFieldConfig extends LabeledFieldConfig, DescriptionFieldConfig, NumberFieldNumberConfig, AttributesFieldConfig, Partial<TransformNumberFunctionConfigRef>, MaterialFormFieldConfig {
     inputType?: NumberFieldInputType;
 }
-export declare function numberFieldTransformParser(config: Partial<FieldConfigParsersRef> & Partial<TransformNumberFunctionConfigRef>): FormlyValueParser<any, any>[] | undefined;
+export declare function numberFieldTransformParser(config: Partial<FieldConfigParsersRef> & Partial<TransformNumberFunctionConfigRef>): FormlyValueParser[] | undefined;
 export declare function numberField(config: NumberFieldConfig): FormlyFieldConfig;
 export interface NumberSliderFieldConfig extends NumberFieldConfig {
     /**
@@ -40,7 +40,7 @@ export interface NumberSliderFieldConfig extends NumberFieldConfig {
     displayWith?: (value: number) => string;
 }
 export declare function numberSliderField(config: NumberSliderFieldConfig): FormlyFieldConfig;
-export declare type DollarAmountFieldConfig = Omit<NumberFieldConfig, 'roundToStep' | 'precision'>;
+export type DollarAmountFieldConfig = Omit<NumberFieldConfig, 'roundToStep' | 'precision'>;
 export declare function dollarAmountField(config: DollarAmountFieldConfig): FormlyFieldConfig<import("@ngx-formly/core").FormlyFieldProps & {
     [additionalProperties: string]: any;
 }>;

package/lib/formly/field/value/phone/_phone.scss

@@ -34,7 +34,7 @@
   $border-color: theming.get-color-from-palette($foreground, 'divider');
 
   .dbx-form-phone-field {
-    .country-selector.mat-button,
+    .country-selector.mat-mdc-button,
     .country-list-button.mat-menu-item {
       color: $text-color;
     }
@@ -47,12 +47,13 @@
   }
 }
 
-@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-form-field-value-phone') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -60,7 +61,7 @@
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/formly/field/value/phone/phone.field.component.d.ts

@@ -30,5 +30,5 @@ export declare class DbxPhoneFieldComponent extends FieldType<FieldTypeConfig<In
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPhoneFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPhoneFieldComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPhoneFieldComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/formly/field/value/phone/phone.field.module.d.ts

@@ -7,7 +7,7 @@ import * as i5 from "@angular/forms";
 import * as i6 from "@angular/material/autocomplete";
 import * as i7 from "@angular/material/chips";
 import * as i8 from "@angular/material/icon";
-import * as i9 from "@angular/flex-layout";
+import * as i9 from "@ngbracket/ngx-layout";
 import * as i10 from "@ngx-formly/material/form-field";
 import * as i11 from "@ngx-formly/core";
 import * as i12 from "ngx-mat-intl-tel-input";

package/lib/formly/field/value/text/_text.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-form-field-value-text') {
     $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/formly/field/value/text/text.additional.field.d.ts

@@ -9,15 +9,15 @@ export interface EmailFieldConfig extends Partial<LabeledFieldConfig>, Descripti
     rows?: number;
 }
 export declare function emailField(config?: EmailFieldConfig): FormlyFieldConfig;
-export declare type CityFieldConfig = Partial<TextFieldConfig>;
+export type CityFieldConfig = Partial<TextFieldConfig>;
 export declare function cityField(config?: CityFieldConfig): FormlyFieldConfig;
 export interface StateFieldConfig extends Partial<TextFieldConfig> {
     asCode?: boolean;
 }
 export declare function stateField(config?: StateFieldConfig): FormlyFieldConfig;
-export declare type CountryFieldConfig = Partial<TextFieldConfig>;
+export type CountryFieldConfig = Partial<TextFieldConfig>;
 export declare function countryField(config?: CountryFieldConfig): FormlyFieldConfig;
-export declare type ZipCodeFieldConfig = Partial<TextFieldConfig>;
+export type ZipCodeFieldConfig = Partial<TextFieldConfig>;
 export declare function zipCodeField(config?: ZipCodeFieldConfig): FormlyFieldConfig;
 export declare const DEFAULT_LAT_LNG_TEXT_FIELD_PLACEHOLDER = "12.345,-67.8910";
 export declare const DEFAULT_LAT_LNG_TEXT_FIELD_PATTERN_MESSAGE = "Invalid/unknown coordinates";

package/lib/formly/field/value/text/text.field.d.ts

@@ -8,12 +8,12 @@ export interface TextFieldLengthConfig {
 export interface TextFieldPatternConfig {
     pattern?: string | RegExp;
 }
-export declare type TextFieldInputType = 'text' | 'password' | 'email';
+export type TextFieldInputType = 'text' | 'password' | 'email';
 export interface TextFieldConfig extends LabeledFieldConfig, DescriptionFieldConfig, TextFieldPatternConfig, TextFieldLengthConfig, AttributesFieldConfig, Partial<TransformStringFunctionConfigRef>, MaterialFormFieldConfig {
     inputType?: TextFieldInputType;
     transform?: TransformStringFunctionConfig;
 }
-export declare function textFieldTransformParser(config: Partial<FieldConfigParsersRef> & Partial<TransformStringFunctionConfigRef>): FormlyValueParser<any, any>[] | undefined;
+export declare function textFieldTransformParser(config: Partial<FieldConfigParsersRef> & Partial<TransformStringFunctionConfigRef>): FormlyValueParser[] | undefined;
 export declare function textField(config: TextFieldConfig): FormlyFieldConfig;
 export interface TextAreaFieldConfig extends LabeledFieldConfig, DescriptionFieldConfig, TextFieldPatternConfig, TextFieldLengthConfig, AttributesFieldConfig, Partial<TransformStringFunctionConfigRef>, MaterialFormFieldConfig {
     rows?: number;

package/lib/formly/field/wrapper/_wrapper.scss

@@ -8,8 +8,8 @@ $form-flex-section-group-item-padding: $form-flex-section-group-padding * 2;
 @mixin core() {
   .dbx-mat-form-field-disable-underline {
     > formly-wrapper-mat-form-field {
-      > mat-form-field.mat-form-field {
-        > .mat-form-field-wrapper > .mat-form-field-underline {
+      > mat-form-field.mat-mdc-form-field {
+        > .mat-mdc-form-field-wrapper > .mat-mdc-form-field-underline {
           display: none;
         }
       }
@@ -30,12 +30,13 @@ $form-flex-section-group-item-padding: $form-flex-section-group-padding * 2;
 @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-form-field-wrapper') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -43,7 +44,7 @@ $form-flex-section-group-item-padding: $form-flex-section-group-padding * 2;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/formly/field/wrapper/autotouch.wrapper.component.d.ts

@@ -7,5 +7,5 @@ import * as i0 from "@angular/core";
 export declare class AutoTouchFieldWrapperComponent extends FieldWrapper<FieldTypeConfig> implements OnInit {
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AutoTouchFieldWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutoTouchFieldWrapperComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutoTouchFieldWrapperComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/formly/field/wrapper/expandable.wrapper.component.d.ts

@@ -1,6 +1,6 @@
 import { AbstractFormExpandableSectionWrapperDirective, AbstractFormExpandableSectionConfig } from './expandable.wrapper.delegate';
 import * as i0 from "@angular/core";
-export declare type DbxFormExpandWrapperButtonType = 'button' | 'text';
+export type DbxFormExpandWrapperButtonType = 'button' | 'text';
 export interface DbxFormExpandWrapperConfig<T extends object = object> extends AbstractFormExpandableSectionConfig<T> {
     buttonType?: DbxFormExpandWrapperButtonType;
 }
@@ -10,5 +10,5 @@ export interface DbxFormExpandWrapperConfig<T extends object = object> extends A
 export declare class DbxFormExpandWrapperComponent<T extends object = object> extends AbstractFormExpandableSectionWrapperDirective<T, DbxFormExpandWrapperConfig<T>> {
     get buttonType(): DbxFormExpandWrapperButtonType;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormExpandWrapperComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormExpandWrapperComponent<any>, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormExpandWrapperComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/formly/field/wrapper/expandable.wrapper.delegate.d.ts

@@ -25,5 +25,5 @@ export declare class AbstractFormExpandableSectionWrapperDirective<T extends obj
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFormExpandableSectionWrapperDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFormExpandableSectionWrapperDirective<any, any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFormExpandableSectionWrapperDirective<any, any>, never, never, {}, {}, never, never, false, never>;
 }

package/lib/formly/field/wrapper/flex.wrapper.component.d.ts

@@ -10,5 +10,5 @@ export declare class DbxFormFlexWrapperComponent extends FieldWrapper<FormlyFiel
     get breakpoint(): ScreenMediaWidthType | undefined;
     get relative(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormFlexWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormFlexWrapperComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormFlexWrapperComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/formly/field/wrapper/form.wrapper.module.d.ts

@@ -13,7 +13,7 @@ import * as i11 from "@dereekb/dbx-web";
 import * as i12 from "@angular/material/button";
 import * as i13 from "@angular/material/slide-toggle";
 import * as i14 from "@angular/material/icon";
-import * as i15 from "@angular/flex-layout";
+import * as i15 from "@ngbracket/ngx-layout";
 import * as i16 from "@ngx-formly/core";
 export declare class DbxFormFormlyWrapperModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormFormlyWrapperModule, never>;

package/lib/formly/field/wrapper/info.wrapper.component.d.ts

@@ -7,5 +7,5 @@ export declare class DbxFormInfoWrapperComponent extends FieldWrapper<FormlyFiel
     get infoWrapper(): DbxFormInfoConfig;
     onInfoClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormInfoWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormInfoWrapperComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormInfoWrapperComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/formly/field/wrapper/section.wrapper.component.d.ts

@@ -2,9 +2,9 @@ import { DbxSectionHeaderConfig } from '@dereekb/dbx-web';
 import { Maybe } from '@dereekb/util';
 import { FieldWrapper, FormlyFieldConfig } from '@ngx-formly/core';
 import * as i0 from "@angular/core";
-export declare type DbxFormSectionConfig = DbxSectionHeaderConfig;
+export type DbxFormSectionConfig = DbxSectionHeaderConfig;
 export declare class DbxFormSectionWrapperComponent extends FieldWrapper<FormlyFieldConfig<DbxFormSectionConfig>> {
     get headerConfig(): Maybe<DbxSectionHeaderConfig>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormSectionWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSectionWrapperComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSectionWrapperComponent, "dbx-form-section-wrapper", never, {}, {}, never, never, false, never>;
 }

package/lib/formly/field/wrapper/style.wrapper.component.d.ts

@@ -4,7 +4,7 @@ import { Maybe } from '@dereekb/util';
 import { FieldWrapper, FormlyFieldConfig } from '@ngx-formly/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare type DbxFormStyleObject = {
+export type DbxFormStyleObject = {
     [styleClass: string]: any;
 };
 export interface DbxFormStyleWrapperConfig {
@@ -21,5 +21,5 @@ export declare class DbxFormStyleWrapperComponent extends FieldWrapper<FormlyFie
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormStyleWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormStyleWrapperComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormStyleWrapperComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/formly/field/wrapper/subsection.wrapper.component.d.ts

@@ -2,9 +2,9 @@ import { DbxSectionHeaderConfig } from '@dereekb/dbx-web';
 import { Maybe } from '@dereekb/util';
 import { FieldTypeConfig, FieldWrapper } from '@ngx-formly/core';
 import * as i0 from "@angular/core";
-export declare type DbxFormSubsectionConfig = DbxSectionHeaderConfig;
+export type DbxFormSubsectionConfig = DbxSectionHeaderConfig;
 export declare class DbxFormSubsectionWrapperComponent extends FieldWrapper<FieldTypeConfig<DbxFormSubsectionConfig>> {
     get headerConfig(): Maybe<DbxSectionHeaderConfig>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormSubsectionWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSubsectionWrapperComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSubsectionWrapperComponent, "dbx-form-subsection-wrapper", never, {}, {}, never, never, false, never>;
 }

package/lib/formly/field/wrapper/toggle.wrapper.component.d.ts

@@ -12,5 +12,5 @@ export declare class DbxFormToggleWrapperComponent<T extends object = object> ex
     readonly slideLabel$: Observable<Maybe<string>>;
     onToggleChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormToggleWrapperComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormToggleWrapperComponent<any>, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormToggleWrapperComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/formly/field/wrapper/working.wrapper.component.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
 /**
  * No configurable value for now.
  */
-export declare type DbxFormWorkingWrapperConfig = object;
+export type DbxFormWorkingWrapperConfig = object;
 /**
  * Adds a loading bar to help signify asynchronos work is occuring.
  *
@@ -17,5 +17,5 @@ export declare class DbxFormWorkingWrapperComponent extends FieldWrapper<FormlyF
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormWorkingWrapperComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormWorkingWrapperComponent, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormWorkingWrapperComponent, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/formly/field/wrapper/wrapper.d.ts

@@ -17,7 +17,7 @@ export declare const INFO_WRAPPER_KEY = "info";
 export declare const FLEX_WRAPPER_KEY = "flex";
 export declare const STYLE_WRAPPER_KEY = "style";
 export declare const WORKING_WRAPPER_KEY = "working";
-export declare type WrapperFormlyFieldConfig<P, C extends FormlyFieldConfig> = FormlyFieldConfig<P> & {
+export type WrapperFormlyFieldConfig<P, C extends FormlyFieldConfig> = FormlyFieldConfig<P> & {
     wrappers: string[];
     props: P;
     fieldGroup: [C];

package/lib/formly/form/_form.scss

@@ -11,11 +11,11 @@
   // adapt the search form to fit in the header
   // TODO: Consider test that other one-field input forms fit in the dbx-section-page-header
   .dbx-section-page-header-search-form {
-    .mat-form-field .mat-form-field-wrapper {
+    .mat-mdc-form-field .mat-mdc-form-field-wrapper {
       margin: 0;
       padding: 0;
 
-      .mat-form-field-infix {
+      .mat-mdc-form-field-infix {
         padding: 11px;
       }
     }
@@ -25,18 +25,31 @@
     width: 100%;
     display: flex;
     align-items: center;
+
+    .dbx-formly {
+      width: 100%;
+    }
+
+    .mat-mdc-form-field > .mat-mdc-text-field-wrapper {
+      padding: 0;
+
+      > .mat-mdc-form-field-flex {
+        @include theming.hide-mdc-notched-outline-border;
+      }
+    }
   }
 }
 
 @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-form-formly-form') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -44,7 +57,7 @@
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/formly/form/search.form.component.d.ts

@@ -10,5 +10,5 @@ export declare class DbxFormSearchFormComponent extends AbstractConfigAsyncForml
     searchChanged(value: DbxFormSearchFormFieldsValue): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormSearchFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSearchFormComponent, "dbx-form-search-form", never, {}, { "search": "search"; }, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSearchFormComponent, "dbx-form-search-form", never, {}, { "search": "search"; }, never, never, false, never>;
 }

package/lib/formly/formly.context.directive.d.ts

@@ -15,5 +15,5 @@ export declare class DbxFormlyFieldsContextDirective<T = unknown> extends Abstra
     set fields(fields: Maybe<FormlyFieldConfig[]>);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormlyFieldsContextDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormlyFieldsContextDirective<any>, "[dbxFormlyFields]", never, { "fields": "dbxFormlyFields"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormlyFieldsContextDirective<any>, "[dbxFormlyFields]", never, { "fields": { "alias": "dbxFormlyFields"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/formly/formly.directive.d.ts

@@ -20,7 +20,7 @@ export declare abstract class AbstractFormlyFormDirective<T> implements OnDestro
     clearValue(): void;
     setDisabled(key?: DbxFormDisabledKey, disabled?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractFormlyFormDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFormlyFormDirective<any>, never, never, { "disabled": "disabled"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractFormlyFormDirective<any>, never, never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
 }
 /**
  * Abstract component for wrapping a form.
@@ -29,7 +29,7 @@ export declare abstract class AbstractSyncFormlyFormDirective<T> extends Abstrac
     abstract fields: FormlyFieldConfig[];
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractSyncFormlyFormDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractSyncFormlyFormDirective<any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractSyncFormlyFormDirective<any>, never, never, {}, {}, never, never, false, never>;
 }
 /**
  * Abstract component for wrapping an asyncrhronously-configured form.
@@ -43,7 +43,7 @@ export declare abstract class AbstractAsyncFormlyFormDirective<T> extends Abstra
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractAsyncFormlyFormDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractAsyncFormlyFormDirective<any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractAsyncFormlyFormDirective<any>, never, never, {}, {}, never, never, false, never>;
 }
 export declare abstract class AbstractConfigAsyncFormlyFormDirective<T, C> extends AbstractAsyncFormlyFormDirective<T> implements OnInit, OnDestroy {
     private readonly _config;
@@ -53,5 +53,5 @@ export declare abstract class AbstractConfigAsyncFormlyFormDirective<T, C> exten
     set config(config: Maybe<C>);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractConfigAsyncFormlyFormDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractConfigAsyncFormlyFormDirective<any, any>, never, never, { "config": "config"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractConfigAsyncFormlyFormDirective<any, any>, never, never, { "config": { "alias": "config"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/formly/formly.form.component.d.ts

@@ -44,5 +44,5 @@ export declare class DbxFormlyFormComponent<T> extends AbstractSubscriptionDirec
     setDisabled(key?: DbxFormDisabledKey, disabled?: boolean): void;
     forceFormUpdate(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormlyFormComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormlyFormComponent<any>, "dbx-formly", ["formly"], {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormlyFormComponent<any>, "dbx-formly", ["formly"], {}, {}, never, never, false, never>;
 }

package/lib/formly/template/login.d.ts

@@ -5,7 +5,7 @@ import { Maybe } from '@dereekb/util';
 /**
  * Convenience interface for the password parameters configuration for a TextPasswordField.
  */
-export declare type TextPasswordFieldPasswordParameters = Partial<Pick<TextFieldConfig, 'maxLength' | 'minLength' | 'pattern'>>;
+export type TextPasswordFieldPasswordParameters = Partial<Pick<TextFieldConfig, 'maxLength' | 'minLength' | 'pattern'>>;
 /**
  * textPasswordField() configuration.
  */

package/lib/formly/template/timezone.d.ts

@@ -3,7 +3,7 @@ import { TimezoneInfo } from '@dereekb/date';
 import { FormlyFieldConfig } from '@ngx-formly/core';
 import { SearchableValueFieldStringSearchFn, SearchableValueFieldDisplayFn } from '../field/selection/searchable';
 import { SearchableTextFieldConfig } from '../field/selection/searchable/searchable.field';
-export declare type TestStringSearchFunction = (text: string) => string[];
+export type TestStringSearchFunction = (text: string) => string[];
 export declare function timezoneStringSearchFunction(): SearchableValueFieldStringSearchFn<string, TimezoneInfo>;
 export declare const DISPLAY_FOR_TIMEZONE_STRING_VALUE: SearchableValueFieldDisplayFn<string, TimezoneInfo>;
 /**

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

@@ -4,5 +4,5 @@ import * as i0 from "@angular/core";
  */
 export declare class DbxFormSpacerComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormSpacerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSpacerComponent, "dbx-form-spacer", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormSpacerComponent, "dbx-form-spacer", never, {}, {}, never, never, false, never>;
 }

package/lib/style/_all-typography.scss

@@ -1,3 +1,4 @@
+@use './theming';
 @use '../form/form';
 @use '../formly/formly';
 @use '../layout/layout';
@@ -6,11 +7,18 @@
 @use '../extension/extension';
 
 // Includes all of the typographic styles.
-@mixin all-component-typographies($typography-config, $theme-config) {
+@mixin all-component-typographies($theme-config-or-typography-config: null) {
+  $typography-config: if(theming.private-is-theme-object($theme-config-or-typography-config), theming.get-typography-config($theme-config-or-typography-config), $theme-config-or-typography-config);
+
+  // If no actual color configuration has been specified, create a default one.
+  @if not $typography-config {
+    $typography-config: typography.define-typography-config();
+  }
+
   @include form.typography($typography-config);
   @include formly.typography($typography-config);
-  @include field.all-field-typography($typography-config);
+  @include field.all-field-typography($theme-config-or-typography-config);
   @include forms.typography($typography-config);
   @include layout.typography($typography-config);
-  @include extension.all-extension-typography($typography-config, $theme-config);
+  @include extension.all-extension-typography($theme-config-or-typography-config);
 }