@dereekb/dbx-form 9.25.16 → 10.0.1

package/lib/extension/_extension.scss

@@ -1,4 +1,5 @@
 @use '../style/config';
+@use '../style/theming';
 @use './calendar/calendar';
 
 @mixin all-extension-core($theme-config) {
@@ -13,15 +14,19 @@
   }
 }
 
-@mixin all-extension-typography($typography-config, $theme-config) {
+@mixin all-extension-typography($theme-config-or-typography-config) {
   $calendar-enabled: 1;
 
-  @if ($theme-config != null) {
-    $calendar-enabled: config.get-dbx-extension-calendar-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);
+    }
+
+    @if ($calendar-enabled == 1) {
+      @include calendar.typography($theme-config-or-typography-config);
+    }
   }
 }
 

package/lib/extension/calendar/_calendar.scss

@@ -41,11 +41,11 @@
     padding: 4px;
 
     // Remove padding from form
-    .mat-form-field-wrapper {
+    .mat-mdc-form-field-wrapper {
       padding-bottom: 6px;
     }
 
-    .mat-form-field-infix {
+    .mat-mdc-form-field-infix {
       padding: 0 !important;
       border: none !important;
     }
@@ -54,7 +54,7 @@
   .dbx-schedule-selection-calendar-date-range-field {
     width: 100%;
 
-    &.mat-form-field-type-mat-date-range-input .mat-form-field-infix {
+    &.mat-mdc-form-field-type-mat-date-range-input .mat-mdc-form-field-infix {
       display: flex;
 
       .mat-date-range-input {
@@ -79,6 +79,7 @@
 
   .dbx-schedule-selection-calendar-date-range-field-content {
     width: 100%;
+    padding-right: 12px;
   }
 
   .dbx-schedule-selection-calendar-cell {
@@ -145,12 +146,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-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 {
@@ -158,7 +160,7 @@
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/form/_form.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-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 {
@@ -22,7 +23,7 @@
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

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

@@ -6,7 +6,7 @@ import { DbxMutableForm } from '../../form/form';
 import { MapFunction } from '@dereekb/util';
 import * as i0 from "@angular/core";
 export declare const APP_ACTION_FORM_DISABLED_KEY = "dbx_action_form";
-export declare type DbxActionFormMapValueFunction<T, O> = MapFunction<T, ObservableOrValue<DbxActionValueOnTriggerResult<O>>>;
+export type DbxActionFormMapValueFunction<T, O> = MapFunction<T, ObservableOrValue<DbxActionValueOnTriggerResult<O>>>;
 /**
  * Used with an action to bind a form to an action as it's value source.
  *
@@ -43,5 +43,5 @@ export declare class DbxActionFormDirective<T = object, O = T> implements OnInit
     protected preCheckReadyValue(value: T): Observable<boolean>;
     protected readyValue(value: T): Observable<DbxActionValueOnTriggerResult<O>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionFormDirective<any, any>, [{ host: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionFormDirective<any, any>, "[dbxActionForm]", never, { "dbxActionFormValidator": "dbxActionFormValidator"; "dbxActionFormModified": "dbxActionFormModified"; "dbxActionFormMapValue": "dbxActionFormMapValue"; "formDisabledOnWorking": "formDisabledOnWorking"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionFormDirective<any, any>, "[dbxActionForm]", never, { "dbxActionFormValidator": { "alias": "dbxActionFormValidator"; "required": false; }; "dbxActionFormModified": { "alias": "dbxActionFormModified"; "required": false; }; "dbxActionFormMapValue": { "alias": "dbxActionFormMapValue"; "required": false; }; "formDisabledOnWorking": { "alias": "formDisabledOnWorking"; "required": false; }; }, {}, never, never, false, never>;
 }

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

@@ -16,5 +16,5 @@ export declare class DbxActionFormSafetyDirective<T, O> extends DbxActionTransit
     constructor(dbxActionForm: DbxActionFormDirective<T>, source: DbxActionContextStoreSourceInstance<T, O>, transitionService: TransitionService, viewContainerRef: ViewContainerRef, dialog: MatDialog);
     protected _handleOnBeforeTransition(transition: Transition): HookResult;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxActionFormSafetyDirective<any, any>, [{ host: true; }, null, null, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionFormSafetyDirective<any, any>, "[dbxActionFormSafety]", never, { "inputSafetyType": "dbxActionFormSafety"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxActionFormSafetyDirective<any, any>, "[dbxActionFormSafety]", never, { "inputSafetyType": { "alias": "dbxActionFormSafety"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/form/form.angular.util.d.ts

@@ -4,7 +4,7 @@ import { Observable } from 'rxjs';
 /**
  * A FormGroup/AbstractControl path to a specific control.
  */
-export declare type FormControlPath = string;
+export type FormControlPath = string;
 /**
  * Streams a value from the input control at the given path. If no path is specified, streams the value from the control.
  *

package/lib/form/form.d.ts

@@ -23,7 +23,7 @@ export declare enum DbxFormState {
 /**
  * Unique key for disabling/enabling.
  */
-export declare type DbxFormDisabledKey = string;
+export type DbxFormDisabledKey = string;
 export declare const DEFAULT_FORM_DISABLED_KEY = "dbx_form_disabled";
 export interface DbxFormStateRef {
     readonly state: DbxFormState;

package/lib/form/io/form.changes.directive.d.ts

@@ -15,5 +15,5 @@ export declare class DbxFormValueChangesDirective<T> extends AbstractSubscriptio
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormValueChangesDirective<any>, [{ host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormValueChangesDirective<any>, "[dbxFormValueChange]", never, {}, { "dbxFormValueChange": "dbxFormValueChange"; }, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormValueChangesDirective<any>, "[dbxFormValueChange]", never, {}, { "dbxFormValueChange": "dbxFormValueChange"; }, never, never, false, never>;
 }

package/lib/form/io/form.input.directive.d.ts

@@ -13,7 +13,7 @@ export declare function dbxFormSourceObservableFromStream<T>(stream$: Observable
  * - reset: only copy data when the form is reset.
  * - always: always copy data when the data observable emits a value.
  */
-export declare type DbxFormSourceDirectiveMode = 'reset' | 'always';
+export type DbxFormSourceDirectiveMode = 'reset' | 'always';
 /**
  * Used with a FormComponent to set the value based on the input value.
  */
@@ -27,5 +27,5 @@ export declare class DbxFormSourceDirective<T> extends AbstractSubscriptionDirec
     private setObs;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormSourceDirective<any>, [{ host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormSourceDirective<any>, "[dbxFormSource]", never, { "mode": "dbxFormSourceMode"; "obs": "dbxFormSource"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormSourceDirective<any>, "[dbxFormSource]", never, { "mode": { "alias": "dbxFormSourceMode"; "required": false; }; "obs": { "alias": "dbxFormSource"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/form/io/form.loading.directive.d.ts

@@ -21,5 +21,5 @@ export declare class DbxFormLoadingSourceDirective<T extends object = object> ex
     private _setObs;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormLoadingSourceDirective<any>, [{ host: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormLoadingSourceDirective<any>, "[dbxFormLoadingSource]", never, { "mode": "dbxFormLoadingSourceMode"; "obs": "dbxFormLoadingSource"; }, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DbxFormLoadingSourceDirective<any>, "[dbxFormLoadingSource]", never, { "mode": { "alias": "dbxFormLoadingSourceMode"; "required": false; }; "obs": { "alias": "dbxFormLoadingSource"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/formly/_formly.scss

@@ -4,26 +4,24 @@
 
 // MARK: Mixin
 @mixin core() {
-  // MARK: Material Fixes
-  .mat-form-field-appearance-standard .mat-form-field-appearance-outline .mat-form-field-flex {
-    padding-top: unset;
-  }
+  // MARK: Material Global Styles
 
-  .mat-form-field-appearance-standard .mat-form-field-appearance-outline .mat-form-field-prefix,
-  .mat-form-field-appearance-standard .mat-form-field-appearance-outline .mat-form-field-suffix {
-    top: unset;
+  .mat-mdc-form-field {
+    // in Angular Material 16 when using dynamic padding there is no space reserved between fields; the only space is the hint or error if applicable. This add a minor amount of padding to each input.
+    padding: 6px 0;
   }
 }
 
 @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') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -31,7 +29,7 @@
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/formly/field/_field.scss

@@ -14,13 +14,13 @@
   @include wrapper.core();
 }
 
-@mixin all-field-typography($typography-config) {
-  @include checklist.typography($typography-config);
-  @include component.typography($typography-config);
-  @include selection.all-selection-typography($typography-config);
-  @include texteditor.typography($typography-config);
-  @include value.all-value-typography($typography-config);
-  @include wrapper.typography($typography-config);
+@mixin all-field-typography($theme-config) {
+  @include checklist.typography($theme-config);
+  @include component.typography($theme-config);
+  @include selection.all-selection-typography($theme-config);
+  @include texteditor.typography($theme-config);
+  @include value.all-value-typography($theme-config);
+  @include wrapper.typography($theme-config);
 }
 
 @mixin all-field-theme($theme-config) {

package/lib/formly/field/checklist/_checklist.scss

@@ -41,7 +41,7 @@ $dbx-checklist-item-spacing: 8px;
 @mixin color($theme-config) {
 }
 
-@mixin typography($typography-config) {
+@mixin typography($theme-config-or-typography-config) {
   .dbx-default-checklist-item-field {
     .item-label {
       font-size: 1.35em;
@@ -59,6 +59,7 @@ $dbx-checklist-item-spacing: 8px;
 @mixin theme($theme-config) {
   @include theming.private-check-duplicate-theme-styles($theme-config, 'dbx-form-field-checklist') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -66,7 +67,7 @@ $dbx-checklist-item-spacing: 8px;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

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

@@ -3,10 +3,10 @@ import { FormlyFieldConfig } from '@ngx-formly/core';
 import { ChecklistItemDisplayContent, ChecklistItemFieldDisplayContentObs } from './checklist.item';
 import { KeyValueTransformMap, Maybe } from '@dereekb/util';
 import { ChecklistItemFieldBuilderInput } from './checklist.item.field';
-export declare type ChecklistItemFieldDataSetFieldKey<D> = keyof D & string;
-export declare type ChecklistItemFieldDataSetFieldValueForKey<D, K extends keyof D = keyof D> = D[K];
-export declare type ChecklistType<D> = KeyValueTransformMap<D, boolean>;
-export declare type ChecklistItemFieldDataSetBuilderInput<D, T> = {
+export type ChecklistItemFieldDataSetFieldKey<D> = keyof D & string;
+export type ChecklistItemFieldDataSetFieldValueForKey<D, K extends keyof D = keyof D> = D[K];
+export type ChecklistType<D> = KeyValueTransformMap<D, boolean>;
+export type ChecklistItemFieldDataSetBuilderInput<D, T> = {
     key: ChecklistItemFieldDataSetFieldKey<D>;
 } & ChecklistItemFieldBuilderInput<T>;
 export interface ChecklistItemFieldDataSetItem<D, T extends ChecklistType<D>> {

package/lib/formly/field/checklist/checklist.item.d.ts

@@ -35,4 +35,4 @@ export interface ChecklistItemDisplayContent<T = unknown> {
 export interface ChecklistItemFieldDisplayComponent<T = unknown> {
     displayContent?: ChecklistItemDisplayContent<T>;
 }
-export declare type ChecklistItemFieldDisplayContentObs<T = unknown> = Observable<ChecklistItemDisplayContent<T>>;
+export type ChecklistItemFieldDisplayContentObs<T = unknown> = Observable<ChecklistItemDisplayContent<T>>;

package/lib/formly/field/checklist/checklist.item.field.component.d.ts

@@ -31,7 +31,7 @@ export declare class DbxChecklistItemFieldComponent<T = unknown> extends FieldTy
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxChecklistItemFieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxChecklistItemFieldComponent<any>, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxChecklistItemFieldComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
 }
 export declare class DbxChecklistItemContentComponent<T = unknown> extends AbstractSubscriptionDirective implements OnInit {
     readonly checklistItemFieldComponent: DbxChecklistItemFieldComponent<T>;
@@ -40,5 +40,5 @@ export declare class DbxChecklistItemContentComponent<T = unknown> extends Abstr
     constructor(checklistItemFieldComponent: DbxChecklistItemFieldComponent<T>, cdRef: ChangeDetectorRef);
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxChecklistItemContentComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxChecklistItemContentComponent<any>, "dbx-checklist-item-content-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxChecklistItemContentComponent<any>, "dbx-checklist-item-content-component", never, {}, {}, never, never, false, never>;
 }

package/lib/formly/field/checklist/checklist.item.field.content.default.component.d.ts

@@ -2,9 +2,9 @@ import { ChecklistItemDisplayContent, ChecklistItemFieldDisplayComponent } from
 import * as i0 from "@angular/core";
 export declare class DbxDefaultChecklistItemFieldDisplayComponent<T = unknown> implements ChecklistItemFieldDisplayComponent<T> {
     displayContent: ChecklistItemDisplayContent<T>;
-    get label(): import("../../../../../../../dist/packages/util/src").Maybe<string>;
-    get sublabel(): import("../../../../../../../dist/packages/util/src").Maybe<string>;
-    get description(): import("../../../../../../../dist/packages/util/src").Maybe<string>;
+    get label(): import("dist/packages/util/src").Maybe<string>;
+    get sublabel(): import("dist/packages/util/src").Maybe<string>;
+    get description(): import("dist/packages/util/src").Maybe<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxDefaultChecklistItemFieldDisplayComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDefaultChecklistItemFieldDisplayComponent<any>, "ng-component", never, { "displayContent": "displayContent"; }, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxDefaultChecklistItemFieldDisplayComponent<any>, "ng-component", never, { "displayContent": { "alias": "displayContent"; "required": false; }; }, {}, never, never, false, never>;
 }

package/lib/formly/field/checklist/checklist.item.field.d.ts

@@ -3,5 +3,5 @@ import { LabeledFieldConfig } from '../field';
 import { DbxChecklistItemFieldProps } from './checklist.item.field.component';
 export interface ChecklistItemFieldConfig<T = unknown> extends LabeledFieldConfig, DbxChecklistItemFieldProps<T> {
 }
-export declare type ChecklistItemFieldBuilderInput<T = unknown> = Partial<ChecklistItemFieldConfig<T>> & Pick<ChecklistItemFieldConfig<T>, 'key' | 'displayContentObs'>;
+export type ChecklistItemFieldBuilderInput<T = unknown> = Partial<ChecklistItemFieldConfig<T>> & Pick<ChecklistItemFieldConfig<T>, 'key' | 'displayContentObs'>;
 export declare function checklistItemField<T = unknown>(config: ChecklistItemFieldBuilderInput<T>): FormlyFieldConfig<DbxChecklistItemFieldProps<T>>;

package/lib/formly/field/component/_component.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-component') {
     $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/component/component.field.component.d.ts

@@ -1,12 +1,12 @@
 import { DbxInjectionComponentConfig } from '@dereekb/dbx-core';
 import { FieldType, FormlyFieldConfig } from '@ngx-formly/core';
 import * as i0 from "@angular/core";
-export declare type DbxFormComponentFieldConfig<T> = DbxInjectionComponentConfig<T>;
+export type DbxFormComponentFieldConfig<T> = DbxInjectionComponentConfig<T>;
 export interface DbxFormComponentFormlyFieldConfig<T = unknown> extends FormlyFieldConfig {
     componentField: DbxFormComponentFieldConfig<T>;
 }
 export declare class DbxFormComponentFieldComponent<T = unknown> extends FieldType<DbxFormComponentFormlyFieldConfig<T>> {
     get config(): DbxInjectionComponentConfig<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxFormComponentFieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormComponentFieldComponent<any>, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxFormComponentFieldComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
 }

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

@@ -1,3 +1,3 @@
 import { DbxFormComponentFieldConfig, DbxFormComponentFormlyFieldConfig } from './component.field.component';
-export declare type ComponentFieldConfig<T = unknown> = DbxFormComponentFieldConfig<T>;
+export type ComponentFieldConfig<T = unknown> = DbxFormComponentFieldConfig<T>;
 export declare function componentField<T = unknown>(config: ComponentFieldConfig<T>): DbxFormComponentFormlyFieldConfig<T>;

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

@@ -3,7 +3,7 @@ import { FilterKeyValueTuplesInput, GeneralFilterFromPOJOFunction, ArrayOrValue,
 import { FormlyFieldConfig, FormlyFieldProps } from '@ngx-formly/core';
 import { ValidationMessageOption } from '@ngx-formly/core/lib/models';
 import { FormlyFieldProps as MaterialFormlyFormFieldProps } from '@ngx-formly/material/form-field';
-export declare type FormlyValueParser<I = any, O = any> = MapFunction<I, O>;
+export type FormlyValueParser<I = any, O = any> = MapFunction<I, O>;
 export interface FieldConfigParsersRef {
     parsers: FormlyValueParser[];
 }
@@ -15,7 +15,7 @@ export interface FieldConfig extends Pick<FormlyFieldConfig, 'expressions' | 'pa
 export interface FieldConfigWithParsers {
     parsers?: FormlyValueParser[];
 }
-export declare type DisableAutocompleteForField = false;
+export type DisableAutocompleteForField = false;
 export interface LabeledFieldConfig extends FieldConfig {
     key: string;
     label?: string;
@@ -38,7 +38,7 @@ export interface AttributesFieldConfig {
 export interface DescriptionFieldConfig {
     description?: string;
 }
-export declare type PartialPotentialFieldConfig = Partial<FieldConfig> & Partial<LabeledFieldConfig> & Partial<AttributesFieldConfig> & Partial<DescriptionFieldConfig>;
+export type PartialPotentialFieldConfig = Partial<FieldConfig> & Partial<LabeledFieldConfig> & Partial<AttributesFieldConfig> & Partial<DescriptionFieldConfig>;
 /**
  * Validates the configuration on the input field.
  */
@@ -71,7 +71,7 @@ export declare function disableFormlyFieldAutofillAttributes(): {
     name: string;
     autocomplete: string;
 };
-export declare type FormlyMessageProperties = {
+export type FormlyMessageProperties = {
     [messageProperties: string]: ValidationMessageOption['message'];
 };
 export interface ValidatorsForFieldConfigInput {
@@ -79,7 +79,7 @@ export interface ValidatorsForFieldConfigInput {
     asyncValidators?: ArrayOrValue<AsyncValidatorFn>;
     messages?: Maybe<FormlyMessageProperties>;
 }
-export declare type ValidatorsForFieldConfig = {
+export type ValidatorsForFieldConfig = {
     validation?: {
         messages?: FormlyMessageProperties;
     };
@@ -94,9 +94,3 @@ export declare function validatorsForFieldConfig(input: ValidatorsForFieldConfig
 export interface MaterialFormFieldConfig {
     materialFormField?: Pick<MaterialFormlyFormFieldProps, 'prefix' | 'suffix' | 'hideLabel' | 'hideRequiredMarker' | 'hideFieldUnderline' | 'floatLabel' | 'appearance' | 'color' | 'hintStart' | 'hintEnd'>;
 }
-/**
- * MARK: Compat
- *
- * @deprecated use propsAndConfigForFieldConfig instead.
- */
-export declare const propsForFieldConfig: typeof propsAndConfigForFieldConfig;

package/lib/formly/field/selection/_selection.scss

@@ -10,11 +10,11 @@
   @include sourceselect.core();
 }
 
-@mixin all-selection-typography($typography-config) {
-  @include list.typography($typography-config);
-  @include pickable.typography($typography-config);
-  @include searchable.typography($typography-config);
-  @include sourceselect.typography($typography-config);
+@mixin all-selection-typography($theme-config) {
+  @include list.typography($theme-config);
+  @include pickable.typography($theme-config);
+  @include searchable.typography($theme-config);
+  @include sourceselect.typography($theme-config);
 }
 
 @mixin all-selection-theme($theme-config) {

package/lib/formly/field/selection/list/_list.scss

@@ -14,12 +14,13 @@ $dbx-list-item-field-content-max-height: 300px;
 @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-selection-list') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -27,7 +28,7 @@ $dbx-list-item-field-content-max-height: 300px;
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/formly/field/selection/list/list.field.component.d.ts

@@ -49,5 +49,5 @@ export declare class DbxItemListFieldComponent<T = unknown, C extends AbstractDb
     updateForSelection(list: ListSelectionState<T>): void;
     setValues(values: Maybe<K[]>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxItemListFieldComponent<any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxItemListFieldComponent<any, any, any>, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxItemListFieldComponent<any, any, any>, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/formly/field/selection/pickable/_pickable.scss

@@ -12,24 +12,18 @@
     max-height: 400px;
     overflow: auto;
   }
-
-  .dbx-default-pickable-item-field-list-item {
-    height: 56px;
-    display: flex;
-    align-items: center;
-    padding: 0 16px;
-  }
 }
 
 @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-selection-pickable') {
     $color: theming.get-color-config($theme-config);
+    $density: theming.get-density-config($theme-config);
     $typography: theming.get-typography-config($theme-config);
 
     @if $color !=null {
@@ -37,7 +31,7 @@
     }
 
     @if $typography !=null {
-      @include typography($typography);
+      @include typography($theme-config);
     }
   }
 }

package/lib/formly/field/selection/pickable/pickable.chip.field.component.d.ts

@@ -6,5 +6,5 @@ import * as i0 from "@angular/core";
 export declare class DbxPickableChipListFieldComponent<T> extends AbstractDbxPickableItemFieldDirective<T> {
     itemClicked(item: PickableItemFieldItem<T>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DbxPickableChipListFieldComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPickableChipListFieldComponent<any>, "ng-component", never, {}, {}, never, never, false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DbxPickableChipListFieldComponent<any>, "ng-component", never, {}, {}, never, never, false, never>;
 }

package/lib/formly/field/selection/pickable/pickable.d.ts

@@ -1,12 +1,12 @@
 import { Maybe, PrimativeKey } from '@dereekb/util';
 import { Observable } from 'rxjs';
 import { SelectionDisplayValue, SelectionValue, SelectionValueHashFunction } from '../selection';
-export declare type PickableValueFieldValue<T, M = unknown> = SelectionValue<T, M>;
-export declare type PickableValueFieldDisplayValue<T, M = unknown> = SelectionDisplayValue<T, M>;
+export type PickableValueFieldValue<T, M = unknown> = SelectionValue<T, M>;
+export type PickableValueFieldDisplayValue<T, M = unknown> = SelectionDisplayValue<T, M>;
 /**
  * PickableValueField function for retrieving all values.
  */
-export declare type PickableValueFieldLoadValuesFunction<T, M = unknown> = () => Observable<PickableValueFieldValue<T, M>[]>;
+export type PickableValueFieldLoadValuesFunction<T, M = unknown> = () => Observable<PickableValueFieldValue<T, M>[]>;
 /**
  * PickableValueField function that allows the values a chance to go through another observable for any changes.
  *
@@ -15,28 +15,12 @@ export declare type PickableValueFieldLoadValuesFunction<T, M = unknown> = () =>
  *
  * The value itself should not change. All other fields on the value may change, however.
  */
-export declare type PickableValueFieldDisplayFunction<T, M = unknown> = (values: PickableValueFieldValue<T, M>[]) => Observable<PickableValueFieldDisplayValue<T, M>[]>;
+export type PickableValueFieldDisplayFunction<T, M = unknown> = (values: PickableValueFieldValue<T, M>[]) => Observable<PickableValueFieldDisplayValue<T, M>[]>;
 /**
  * Used for filtering the values that should be displayed.
  */
-export declare type PickableValueFieldFilterFunction<T, M = unknown> = (flterText: Maybe<string>, values: PickableValueFieldDisplayValue<T, M>[]) => Observable<T[]>;
+export type PickableValueFieldFilterFunction<T, M = unknown> = (flterText: Maybe<string>, values: PickableValueFieldDisplayValue<T, M>[]) => Observable<T[]>;
 /**
  * Used to hash the value from the input pickable value.
  */
-export declare type PickableValueFieldHashFunction<T, H extends PrimativeKey = PrimativeKey> = SelectionValueHashFunction<T, H>;
-/**
- * @deprecated Replace with PickableValueFieldLoadValuesFunction
- */
-export declare type PickableValueFieldLoadValuesFn<T, M = unknown> = PickableValueFieldLoadValuesFunction<T, M>;
-/**
- * @deprecated Replace with PickableValueFieldDisplayFunction
- */
-export declare type PickableValueFieldDisplayFn<T, M = unknown> = PickableValueFieldDisplayFunction<T, M>;
-/**
- * @deprecated Replace with PickableValueFieldFilterFunction
- */
-export declare type PickableValueFieldFilterFn<T, M = unknown> = PickableValueFieldFilterFunction<T, M>;
-/**
- * @deprecated Replace with  PickableValueFieldHashFunction
- */
-export declare type PickableValueFieldHashFn<T, H extends PrimativeKey = PrimativeKey> = PickableValueFieldHashFunction<T, H>;
+export type PickableValueFieldHashFunction<T, H extends PrimativeKey = PrimativeKey> = SelectionValueHashFunction<T, H>;

package/lib/formly/field/selection/pickable/pickable.field.directive.d.ts

@@ -13,8 +13,8 @@ import * as i0 from "@angular/core";
 /**
  * Wraps the selected state with the items.
  */
-export declare type PickableItemFieldItem<T, M = unknown> = DbxValueListItem<PickableValueFieldDisplayValue<T, M>>;
-export declare type PickableItemFieldItemSortFn<T, M = unknown> = (items: PickableItemFieldItem<T, M>[]) => PickableItemFieldItem<T, M>[];
+export type PickableItemFieldItem<T, M = unknown> = DbxValueListItem<PickableValueFieldDisplayValue<T, M>>;
+export type PickableItemFieldItemSortFn<T, M = unknown> = (items: PickableItemFieldItem<T, M>[]) => PickableItemFieldItem<T, M>[];
 export interface PickableValueFieldsFieldProps<T, M = unknown, H extends PrimativeKey = PrimativeKey> extends FormlyFieldProps {
     /**
      * Loads all pickable values.
@@ -163,5 +163,5 @@ export declare class AbstractDbxPickableItemFieldDirective<T, M = unknown, H ext
     setValues(values: T[]): void;
     protected _setValueOnFormControl(values: T[]): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbstractDbxPickableItemFieldDirective<any, any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxPickableItemFieldDirective<any, any, any>, never, never, {}, {}, never, never, false>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbstractDbxPickableItemFieldDirective<any, any, any>, never, never, {}, {}, never, never, false, never>;
 }