@ngx-formly/material 5.12.0 → 6.0.0-beta.0

package/fesm2020/ngx-formly-material-toggle.mjs

@@ -0,0 +1,115 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i3 from '@ngx-formly/core';
+import { FormlyModule } from '@ngx-formly/core';
+import * as i2 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import * as i1 from '@angular/material/slide-toggle';
+import { MatSlideToggle, MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
+
+class FormlyFieldToggle extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            props: {
+                hideFieldUnderline: true,
+                floatLabel: 'always',
+                hideLabel: true,
+            },
+        };
+    }
+    onContainerClick(event) {
+        this.slideToggle.focus();
+        super.onContainerClick(event);
+    }
+}
+FormlyFieldToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyFieldToggle, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: FormlyFieldToggle, selector: "formly-field-mat-toggle", viewQueries: [{ propertyName: "slideToggle", first: true, predicate: MatSlideToggle, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    <mat-slide-toggle
+      [id]="id"
+      [formControl]="formControl"
+      [formlyAttributes]="field"
+      [color]="props.color"
+      [tabIndex]="props.tabindex"
+      [required]="required"
+      [labelPosition]="props.labelPosition"
+    >
+      {{ props.label }}
+    </mat-slide-toggle>
+  `, isInline: true, components: [{ type: i1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex", "name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "checked"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }], directives: [{ type: i1.MatSlideToggleRequiredValidator, selector: "mat-slide-toggle[required][formControlName],             mat-slide-toggle[required][formControl], mat-slide-toggle[required][ngModel]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyFieldToggle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-mat-toggle',
+                    template: `
+    <mat-slide-toggle
+      [id]="id"
+      [formControl]="formControl"
+      [formlyAttributes]="field"
+      [color]="props.color"
+      [tabIndex]="props.tabindex"
+      [required]="required"
+      [labelPosition]="props.labelPosition"
+    >
+      {{ props.label }}
+    </mat-slide-toggle>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { slideToggle: [{
+                type: ViewChild,
+                args: [MatSlideToggle, { static: true }]
+            }] } });
+
+class FormlyMatToggleModule {
+}
+FormlyMatToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMatToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyMatToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMatToggleModule, declarations: [FormlyFieldToggle], imports: [CommonModule,
+        ReactiveFormsModule,
+        MatSlideToggleModule,
+        FormlyMatFormFieldModule, i3.FormlyModule] });
+FormlyMatToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMatToggleModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            MatSlideToggleModule,
+            FormlyMatFormFieldModule,
+            FormlyModule.forChild({
+                types: [
+                    {
+                        name: 'toggle',
+                        component: FormlyFieldToggle,
+                        wrappers: ['form-field'],
+                    },
+                ],
+            }),
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMatToggleModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FormlyFieldToggle],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatSlideToggleModule,
+                        FormlyMatFormFieldModule,
+                        FormlyModule.forChild({
+                            types: [
+                                {
+                                    name: 'toggle',
+                                    component: FormlyFieldToggle,
+                                    wrappers: ['form-field'],
+                                },
+                            ],
+                        }),
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyFieldToggle, FormlyMatToggleModule };
+//# sourceMappingURL=ngx-formly-material-toggle.mjs.map

package/fesm2020/ngx-formly-material-toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-formly-material-toggle.mjs","sources":["../../../../src/ui/material/toggle/src/toggle.type.ts","../../../../src/ui/material/toggle/src/toggle.module.ts","../../../../src/ui/material/toggle/src/ngx-formly-material-toggle.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewChild, Type } from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\n\ninterface ToggleProps extends FormlyFieldProps {\n  labelPosition?: 'before' | 'after';\n}\n\nexport interface FormlyToggleFieldConfig extends FormlyFieldConfig<ToggleProps> {\n  type: 'toggle' | Type<FormlyFieldToggle>;\n}\n\n@Component({\n  selector: 'formly-field-mat-toggle',\n  template: `\n    <mat-slide-toggle\n      [id]=\"id\"\n      [formControl]=\"formControl\"\n      [formlyAttributes]=\"field\"\n      [color]=\"props.color\"\n      [tabIndex]=\"props.tabindex\"\n      [required]=\"required\"\n      [labelPosition]=\"props.labelPosition\"\n    >\n      {{ props.label }}\n    </mat-slide-toggle>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldToggle extends FieldType<FieldTypeConfig<ToggleProps>> {\n  @ViewChild(MatSlideToggle, { static: true }) slideToggle!: MatSlideToggle;\n  override defaultOptions = {\n    props: {\n      hideFieldUnderline: true,\n      floatLabel: 'always' as const,\n      hideLabel: true,\n    },\n  };\n\n  override onContainerClick(event: MouseEvent): void {\n    this.slideToggle.focus();\n    super.onContainerClick(event);\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\n\nimport { FormlyFieldToggle } from './toggle.type';\n\n@NgModule({\n  declarations: [FormlyFieldToggle],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatSlideToggleModule,\n    FormlyMatFormFieldModule,\n    FormlyModule.forChild({\n      types: [\n        {\n          name: 'toggle',\n          component: FormlyFieldToggle,\n          wrappers: ['form-field'],\n        },\n      ],\n    }),\n  ],\n})\nexport class FormlyMatToggleModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}

package/fesm2020/ngx-formly-material.mjs

@@ -0,0 +1,55 @@
+import { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
+export { FieldType } from '@ngx-formly/material/form-field';
+import * as i0 from '@angular/core';
+import { NgModule } from '@angular/core';
+import { FormlyMatInputModule } from '@ngx-formly/material/input';
+import { FormlyMatTextAreaModule } from '@ngx-formly/material/textarea';
+import { FormlyMatRadioModule } from '@ngx-formly/material/radio';
+import { FormlyMatCheckboxModule } from '@ngx-formly/material/checkbox';
+import { FormlyMatMultiCheckboxModule } from '@ngx-formly/material/multicheckbox';
+import { FormlyMatSelectModule } from '@ngx-formly/material/select';
+
+class FormlyMaterialModule {
+}
+FormlyMaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyMaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMaterialModule, imports: [FormlyMatFormFieldModule,
+        FormlyMatInputModule,
+        FormlyMatTextAreaModule,
+        FormlyMatRadioModule,
+        FormlyMatCheckboxModule,
+        FormlyMatMultiCheckboxModule,
+        FormlyMatSelectModule] });
+FormlyMaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMaterialModule, imports: [[
+            FormlyMatFormFieldModule,
+            FormlyMatInputModule,
+            FormlyMatTextAreaModule,
+            FormlyMatRadioModule,
+            FormlyMatCheckboxModule,
+            FormlyMatMultiCheckboxModule,
+            FormlyMatSelectModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMaterialModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FormlyMatFormFieldModule,
+                        FormlyMatInputModule,
+                        FormlyMatTextAreaModule,
+                        FormlyMatRadioModule,
+                        FormlyMatCheckboxModule,
+                        FormlyMatMultiCheckboxModule,
+                        FormlyMatSelectModule,
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of material
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyMaterialModule };
+//# sourceMappingURL=ngx-formly-material.mjs.map

package/fesm2020/ngx-formly-material.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-formly-material.mjs","sources":["../../../../src/ui/material/src/lib/ui-material.module.ts","../../../../src/ui/material/src/public_api.ts","../../../../src/ui/material/src/ngx-formly-material.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { FormlyMatInputModule } from '@ngx-formly/material/input';\nimport { FormlyMatTextAreaModule } from '@ngx-formly/material/textarea';\nimport { FormlyMatRadioModule } from '@ngx-formly/material/radio';\nimport { FormlyMatCheckboxModule } from '@ngx-formly/material/checkbox';\nimport { FormlyMatMultiCheckboxModule } from '@ngx-formly/material/multicheckbox';\nimport { FormlyMatSelectModule } from '@ngx-formly/material/select';\n\n@NgModule({\n  imports: [\n    FormlyMatFormFieldModule,\n    FormlyMatInputModule,\n    FormlyMatTextAreaModule,\n    FormlyMatRadioModule,\n    FormlyMatCheckboxModule,\n    FormlyMatMultiCheckboxModule,\n    FormlyMatSelectModule,\n  ],\n})\nexport class FormlyMaterialModule {}\n","/*\n * Public API Surface of material\n */\n\nexport * from './lib/ui-material';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;MAqBa,oBAAoB,CAAA;;iHAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAT7B,wBAAwB;QACxB,oBAAoB;QACpB,uBAAuB;QACvB,oBAAoB;QACpB,uBAAuB;QACvB,4BAA4B;QAC5B,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAGZ,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAVtB,OAAA,EAAA,CAAA;YACP,wBAAwB;YACxB,oBAAoB;YACpB,uBAAuB;YACvB,oBAAoB;YACpB,uBAAuB;YACvB,4BAA4B;YAC5B,qBAAqB;AACtB,SAAA,CAAA,EAAA,CAAA,CAAA;2FAEU,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAXhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,wBAAwB;wBACxB,oBAAoB;wBACpB,uBAAuB;wBACvB,oBAAoB;wBACpB,uBAAuB;wBACvB,4BAA4B;wBAC5B,qBAAqB;AACtB,qBAAA;AACF,iBAAA,CAAA;;;ACpBD;;AAEG;;ACFH;;AAEG;;;;"}

package/form-field/field.type.d.ts

@@ -1,31 +1,34 @@
-import { OnInit, OnDestroy, AfterViewInit, TemplateRef } from '@angular/core';
+import { OnDestroy, TemplateRef, QueryList } from '@angular/core';
 import { FieldType as CoreFieldType, FormlyFieldConfig } from '@ngx-formly/core';
 import { Subject } from 'rxjs';
 import { MatFormField, MatFormFieldControl } from '@angular/material/form-field';
-import { FormlyErrorStateMatcher } from './formly.error-state-matcher';
-export declare abstract class FieldType<F extends FormlyFieldConfig = FormlyFieldConfig> extends CoreFieldType<F> implements OnInit, AfterViewInit, OnDestroy, MatFormFieldControl<any> {
-    matPrefix: TemplateRef<any>;
-    matSuffix: TemplateRef<any>;
-    formFieldControl: MatFormFieldControl<any>;
-    errorStateMatcher: FormlyErrorStateMatcher;
+import { ErrorStateMatcher } from '@angular/material/core';
+import { FormlyFieldProps } from './form-field.wrapper';
+import * as i0 from "@angular/core";
+export declare abstract class FieldType<F extends FormlyFieldConfig<FormlyFieldProps>> extends CoreFieldType<F> implements OnDestroy, MatFormFieldControl<any> {
+    set matPrefix(prefix: TemplateRef<any>);
+    set matSuffix(suffix: TemplateRef<any>);
+    set _controls(controls: QueryList<MatFormFieldControl<any>>);
+    errorStateMatcher: ErrorStateMatcher;
     stateChanges: Subject<void>;
     _errorState: boolean;
-    private _control;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    setDescribedByIds(ids: string[]): void;
-    onContainerClick(event: MouseEvent): void;
-    readonly errorState: boolean;
-    readonly controlType: string;
-    readonly focused: boolean;
-    readonly disabled: boolean;
-    readonly required: boolean;
-    readonly placeholder: string;
-    readonly shouldPlaceholderFloat: boolean;
-    value: any;
-    readonly ngControl: any;
-    readonly empty: boolean;
-    readonly shouldLabelFloat: boolean;
-    readonly formField: MatFormField;
+    setDescribedByIds(_ids: string[]): void;
+    onContainerClick(_event: MouseEvent): void;
+    get errorState(): boolean;
+    get controlType(): any;
+    get focused(): boolean;
+    get disabled(): boolean;
+    get required(): boolean;
+    get placeholder(): string;
+    get shouldPlaceholderFloat(): boolean;
+    get value(): any;
+    set value(value: any);
+    get ngControl(): any;
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    get formField(): MatFormField;
+    private attachControl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldType<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FieldType<any>, never, never, {}, {}, never>;
 }

package/form-field/form-field.module.d.ts

@@ -1,2 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./form-field.wrapper";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/form-field";
+import * as i5 from "@ngx-formly/core";
 export declare class FormlyMatFormFieldModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormlyMatFormFieldModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormlyMatFormFieldModule, [typeof i1.FormlyWrapperFormField], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.MatFormFieldModule, typeof i5.FormlyModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FormlyMatFormFieldModule>;
 }

package/form-field/form-field.wrapper.d.ts

@@ -1,40 +1,35 @@
-import { OnInit, OnDestroy, Renderer2, AfterViewInit, AfterContentChecked, ElementRef, ViewContainerRef } from '@angular/core';
-import { FieldWrapper, FormlyFieldConfig, FormlyConfig } from '@ngx-formly/core';
+import { OnInit, OnDestroy, Renderer2, AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
+import { FormlyFieldConfig, FormlyFieldProps as CoreFormlyFieldProps, FieldWrapper } from '@ngx-formly/core';
 import { MatFormField } from '@angular/material/form-field';
-import { MatFormFieldControl } from '@angular/material/form-field';
-import { Subject } from 'rxjs';
 import { FocusMonitor } from '@angular/cdk/a11y';
-interface MatFormlyFieldConfig extends FormlyFieldConfig {
-    __formField__: FormlyWrapperFormField;
+import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field/form-field';
+import { ThemePalette } from '@angular/material/core';
+import * as i0 from "@angular/core";
+interface MatFormlyFieldConfig extends FormlyFieldConfig<FormlyFieldProps> {
+    _formField?: FormlyWrapperFormField;
 }
-export declare class FormlyWrapperFormField extends FieldWrapper<MatFormlyFieldConfig> implements OnInit, OnDestroy, MatFormFieldControl<any>, AfterViewInit, AfterContentChecked {
-    private config;
+export interface FormlyFieldProps extends CoreFormlyFieldProps {
+    prefix?: TemplateRef<any>;
+    suffix?: TemplateRef<any>;
+    hideLabel?: boolean;
+    hideRequiredMarker?: boolean;
+    hideFieldUnderline?: boolean;
+    floatLabel?: FloatLabelType;
+    appearance?: MatFormFieldAppearance;
+    color?: ThemePalette;
+    hintStart?: TemplateRef<any> | string;
+    hintEnd?: TemplateRef<any> | string;
+}
+export declare class FormlyWrapperFormField extends FieldWrapper<MatFormlyFieldConfig> implements OnInit, OnDestroy, AfterViewInit {
     private renderer;
     private elementRef;
     private focusMonitor;
-    fieldComponent: ViewContainerRef;
     formField: MatFormField;
-    stateChanges: Subject<void>;
-    _errorState: boolean;
-    private initialGapCalculated;
-    constructor(config: FormlyConfig, renderer: Renderer2, elementRef: ElementRef, focusMonitor: FocusMonitor);
+    constructor(renderer: Renderer2, elementRef: ElementRef, focusMonitor: FocusMonitor);
     ngOnInit(): void;
-    ngAfterContentChecked(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    setDescribedByIds(ids: string[]): void;
-    onContainerClick(event: MouseEvent): void;
-    readonly errorState: boolean;
-    readonly controlType: string | undefined;
-    readonly focused: boolean;
-    readonly disabled: boolean;
-    readonly required: boolean;
-    readonly placeholder: string;
-    readonly shouldPlaceholderFloat: boolean;
-    readonly value: any;
-    readonly ngControl: any;
-    readonly empty: boolean;
-    readonly shouldLabelFloat: boolean;
-    readonly formlyField: MatFormlyFieldConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormlyWrapperFormField, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormlyWrapperFormField, "formly-wrapper-mat-form-field", never, {}, {}, never, never>;
 }
 export {};

package/form-field/ngx-formly-material-form-field.d.ts

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@ngx-formly/material/form-field" />
 export * from './public_api';
-export { FormlyWrapperFormField as ɵa } from './form-field.wrapper';

package/form-field/package.json

@@ -1,13 +1,10 @@
 {
-  "main": "../bundles/ngx-formly-material-form-field.umd.js",
-  "module": "../fesm5/ngx-formly-material-form-field.js",
-  "es2015": "../fesm2015/ngx-formly-material-form-field.js",
-  "esm5": "../esm5/form-field/ngx-formly-material-form-field.js",
-  "esm2015": "../esm2015/form-field/ngx-formly-material-form-field.js",
-  "fesm5": "../fesm5/ngx-formly-material-form-field.js",
-  "fesm2015": "../fesm2015/ngx-formly-material-form-field.js",
+  "module": "../fesm2015/ngx-formly-material-form-field.mjs",
+  "es2020": "../fesm2020/ngx-formly-material-form-field.mjs",
+  "esm2020": "../esm2020/form-field/ngx-formly-material-form-field.mjs",
+  "fesm2020": "../fesm2020/ngx-formly-material-form-field.mjs",
+  "fesm2015": "../fesm2015/ngx-formly-material-form-field.mjs",
   "typings": "ngx-formly-material-form-field.d.ts",
-  "metadata": "ngx-formly-material-form-field.metadata.json",
   "sideEffects": false,
   "name": "@ngx-formly/material/form-field"
-}
+}

package/form-field/public_api.d.ts

@@ -1,2 +1,3 @@
 export { FormlyMatFormFieldModule } from './form-field.module';
 export { FieldType } from './field.type';
+export { FormlyFieldProps } from './form-field.wrapper';

package/input/input.module.d.ts

@@ -1,2 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./input.type";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@ngx-formly/material/form-field";
+import * as i6 from "@ngx-formly/core";
 export declare class FormlyMatInputModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormlyMatInputModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormlyMatInputModule, [typeof i1.FormlyFieldInput], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.MatInputModule, typeof i5.FormlyMatFormFieldModule, typeof i6.FormlyModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FormlyMatInputModule>;
 }

package/input/input.type.d.ts

@@ -1,7 +1,15 @@
-import { OnInit } from '@angular/core';
-import { MatInput } from '@angular/material/input';
-import { FieldType } from '@ngx-formly/material/form-field';
-export declare class FormlyFieldInput extends FieldType implements OnInit {
-    formFieldControl: MatInput;
-    readonly type: string;
+import { Type } from '@angular/core';
+import { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
+import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import * as i0 from "@angular/core";
+interface InputProps extends FormlyFieldProps {
 }
+export interface FormlyInputFieldConfig extends FormlyFieldConfig<InputProps> {
+    type: 'input' | Type<FormlyFieldInput>;
+}
+export declare class FormlyFieldInput extends FieldType<FieldTypeConfig<InputProps>> {
+    get type(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormlyFieldInput, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormlyFieldInput, "formly-field-mat-input", never, {}, {}, never, never>;
+}
+export {};

package/input/ngx-formly-material-input.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@ngx-formly/material/input" />
 export * from './public_api';

package/input/package.json

@@ -1,13 +1,10 @@
 {
-  "main": "../bundles/ngx-formly-material-input.umd.js",
-  "module": "../fesm5/ngx-formly-material-input.js",
-  "es2015": "../fesm2015/ngx-formly-material-input.js",
-  "esm5": "../esm5/input/ngx-formly-material-input.js",
-  "esm2015": "../esm2015/input/ngx-formly-material-input.js",
-  "fesm5": "../fesm5/ngx-formly-material-input.js",
-  "fesm2015": "../fesm2015/ngx-formly-material-input.js",
+  "module": "../fesm2015/ngx-formly-material-input.mjs",
+  "es2020": "../fesm2020/ngx-formly-material-input.mjs",
+  "esm2020": "../esm2020/input/ngx-formly-material-input.mjs",
+  "fesm2020": "../fesm2020/ngx-formly-material-input.mjs",
+  "fesm2015": "../fesm2015/ngx-formly-material-input.mjs",
   "typings": "ngx-formly-material-input.d.ts",
-  "metadata": "ngx-formly-material-input.metadata.json",
   "sideEffects": false,
   "name": "@ngx-formly/material/input"
-}
+}

package/input/public_api.d.ts

@@ -1,2 +1,2 @@
 export { FormlyMatInputModule } from './input.module';
-export { FormlyFieldInput } from './input.type';
+export { FormlyFieldInput, FormlyInputFieldConfig } from './input.type';

package/lib/ui-material.module.d.ts

@@ -1,2 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-formly/material/form-field";
+import * as i2 from "@ngx-formly/material/input";
+import * as i3 from "@ngx-formly/material/textarea";
+import * as i4 from "@ngx-formly/material/radio";
+import * as i5 from "@ngx-formly/material/checkbox";
+import * as i6 from "@ngx-formly/material/multicheckbox";
+import * as i7 from "@ngx-formly/material/select";
 export declare class FormlyMaterialModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormlyMaterialModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormlyMaterialModule, never, [typeof i1.FormlyMatFormFieldModule, typeof i2.FormlyMatInputModule, typeof i3.FormlyMatTextAreaModule, typeof i4.FormlyMatRadioModule, typeof i5.FormlyMatCheckboxModule, typeof i6.FormlyMatMultiCheckboxModule, typeof i7.FormlyMatSelectModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FormlyMaterialModule>;
 }

package/multicheckbox/multicheckbox.module.d.ts

@@ -1,2 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./multicheckbox.type";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/checkbox";
+import * as i5 from "@ngx-formly/material/form-field";
+import * as i6 from "@ngx-formly/core/select";
+import * as i7 from "@ngx-formly/core";
 export declare class FormlyMatMultiCheckboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormlyMatMultiCheckboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormlyMatMultiCheckboxModule, [typeof i1.FormlyFieldMultiCheckbox], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.MatCheckboxModule, typeof i5.FormlyMatFormFieldModule, typeof i6.FormlySelectModule, typeof i7.FormlyModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FormlyMatMultiCheckboxModule>;
 }

package/multicheckbox/multicheckbox.type.d.ts

@@ -1,17 +1,27 @@
-import { QueryList } from '@angular/core';
-import { FieldType } from '@ngx-formly/material/form-field';
+import { QueryList, Type } from '@angular/core';
+import { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
 import { MatCheckbox } from '@angular/material/checkbox';
-export declare class FormlyFieldMultiCheckbox extends FieldType {
+import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import * as i0 from "@angular/core";
+interface MultiCheckboxProps extends FormlyFieldProps {
+    labelPosition?: 'before' | 'after';
+}
+export interface FormlyMultiCheckboxFieldConfig extends FormlyFieldConfig<MultiCheckboxProps> {
+    type: 'multicheckbox' | Type<FormlyFieldMultiCheckbox>;
+}
+export declare class FormlyFieldMultiCheckbox extends FieldType<FieldTypeConfig<MultiCheckboxProps>> {
     checkboxes: QueryList<MatCheckbox>;
     defaultOptions: {
-        templateOptions: {
+        props: {
             hideFieldUnderline: boolean;
-            floatLabel: string;
-            options: never[];
-            color: string;
+            floatLabel: "always";
+            color: "accent";
         };
     };
     onChange(value: any, checked: boolean): void;
     onContainerClick(): void;
     isChecked(option: any): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormlyFieldMultiCheckbox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormlyFieldMultiCheckbox, "formly-field-mat-multicheckbox", never, {}, {}, never, never>;
 }
+export {};

package/multicheckbox/ngx-formly-material-multicheckbox.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@ngx-formly/material/multicheckbox" />
 export * from './public_api';

package/multicheckbox/package.json

@@ -1,13 +1,10 @@
 {
-  "main": "../bundles/ngx-formly-material-multicheckbox.umd.js",
-  "module": "../fesm5/ngx-formly-material-multicheckbox.js",
-  "es2015": "../fesm2015/ngx-formly-material-multicheckbox.js",
-  "esm5": "../esm5/multicheckbox/ngx-formly-material-multicheckbox.js",
-  "esm2015": "../esm2015/multicheckbox/ngx-formly-material-multicheckbox.js",
-  "fesm5": "../fesm5/ngx-formly-material-multicheckbox.js",
-  "fesm2015": "../fesm2015/ngx-formly-material-multicheckbox.js",
+  "module": "../fesm2015/ngx-formly-material-multicheckbox.mjs",
+  "es2020": "../fesm2020/ngx-formly-material-multicheckbox.mjs",
+  "esm2020": "../esm2020/multicheckbox/ngx-formly-material-multicheckbox.mjs",
+  "fesm2020": "../fesm2020/ngx-formly-material-multicheckbox.mjs",
+  "fesm2015": "../fesm2015/ngx-formly-material-multicheckbox.mjs",
   "typings": "ngx-formly-material-multicheckbox.d.ts",
-  "metadata": "ngx-formly-material-multicheckbox.metadata.json",
   "sideEffects": false,
   "name": "@ngx-formly/material/multicheckbox"
-}
+}

package/multicheckbox/public_api.d.ts

@@ -1,2 +1,2 @@
 export { FormlyMatMultiCheckboxModule } from './multicheckbox.module';
-export { FormlyFieldMultiCheckbox } from './multicheckbox.type';
+export { FormlyFieldMultiCheckbox, FormlyMultiCheckboxFieldConfig } from './multicheckbox.type';

package/native-select/native-select.module.d.ts

@@ -1,2 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./native-select.type";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@ngx-formly/material/form-field";
+import * as i6 from "@ngx-formly/core/select";
+import * as i7 from "@ngx-formly/core";
 export declare class FormlyMatNativeSelectModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormlyMatNativeSelectModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FormlyMatNativeSelectModule, [typeof i1.FormlyFieldNativeSelect], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.MatInputModule, typeof i5.FormlyMatFormFieldModule, typeof i6.FormlySelectModule, typeof i7.FormlyModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<FormlyMatNativeSelectModule>;
 }

package/native-select/native-select.type.d.ts

@@ -1,10 +1,15 @@
-import { FieldType } from '@ngx-formly/material/form-field';
-import { MatInput } from '@angular/material/input';
-export declare class FormlyFieldNativeSelect extends FieldType {
-    formFieldControl: MatInput;
-    defaultOptions: {
-        templateOptions: {
-            options: never[];
-        };
-    };
+import { Type } from '@angular/core';
+import { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
+import { FormlyFieldSelectProps } from '@ngx-formly/core/select';
+import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import * as i0 from "@angular/core";
+interface NativeSelectProps extends FormlyFieldProps, FormlyFieldSelectProps {
 }
+export interface FormlyNativeSelectFieldConfig extends FormlyFieldConfig<NativeSelectProps> {
+    type: 'native-select' | Type<FormlyFieldNativeSelect>;
+}
+export declare class FormlyFieldNativeSelect extends FieldType<FieldTypeConfig<NativeSelectProps>> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormlyFieldNativeSelect, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormlyFieldNativeSelect, "formly-field-mat-native-select", never, {}, {}, never, never>;
+}
+export {};

package/native-select/ngx-formly-material-native-select.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@ngx-formly/material/native-select" />
 export * from './public_api';

package/native-select/package.json

@@ -1,13 +1,10 @@
 {
-  "main": "../bundles/ngx-formly-material-native-select.umd.js",
-  "module": "../fesm5/ngx-formly-material-native-select.js",
-  "es2015": "../fesm2015/ngx-formly-material-native-select.js",
-  "esm5": "../esm5/native-select/ngx-formly-material-native-select.js",
-  "esm2015": "../esm2015/native-select/ngx-formly-material-native-select.js",
-  "fesm5": "../fesm5/ngx-formly-material-native-select.js",
-  "fesm2015": "../fesm2015/ngx-formly-material-native-select.js",
+  "module": "../fesm2015/ngx-formly-material-native-select.mjs",
+  "es2020": "../fesm2020/ngx-formly-material-native-select.mjs",
+  "esm2020": "../esm2020/native-select/ngx-formly-material-native-select.mjs",
+  "fesm2020": "../fesm2020/ngx-formly-material-native-select.mjs",
+  "fesm2015": "../fesm2015/ngx-formly-material-native-select.mjs",
   "typings": "ngx-formly-material-native-select.d.ts",
-  "metadata": "ngx-formly-material-native-select.metadata.json",
   "sideEffects": false,
   "name": "@ngx-formly/material/native-select"
-}
+}

package/native-select/public_api.d.ts

@@ -1,2 +1,2 @@
 export { FormlyMatNativeSelectModule } from './native-select.module';
-export { FormlyFieldNativeSelect } from './native-select.type';
+export { FormlyFieldNativeSelect, FormlyNativeSelectFieldConfig } from './native-select.type';

package/ngx-formly-material.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@ngx-formly/material" />
 export * from './public_api';