@ngx-formly/material 6.0.0-next.8 → 6.0.0-rc.1

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

@@ -1 +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 } from '@angular/core';\nimport { FieldTypeConfig } from '@ngx-formly/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\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]=\"to.color\"\n      [tabIndex]=\"to.tabindex\"\n      [required]=\"to.required\"\n      [labelPosition]=\"to.labelPosition\"\n    >\n      {{ to.label }}\n    </mat-slide-toggle>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldToggle extends FieldType<FieldTypeConfig> {\n  @ViewChild(MatSlideToggle, { static: true }) slideToggle!: MatSlideToggle;\n  defaultOptions = {\n    templateOptions: {\n      hideFieldUnderline: true,\n      floatLabel: 'always' as const,\n      hideLabel: true,\n    },\n  };\n\n  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":[],"mappings":";;;;;;;;;;;MAsBa,iBAAkB,SAAQ,SAA0B;IAjBjE;;QAmBE,mBAAc,GAAG;YACf,eAAe,EAAE;gBACf,kBAAkB,EAAE,IAAI;gBACxB,UAAU,EAAE,QAAiB;gBAC7B,SAAS,EAAE,IAAI;aAChB;SACF,CAAC;KAMH;IAJC,gBAAgB,CAAC,KAAiB;QAChC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACzB,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;KAC/B;;8GAbU,iBAAiB;kGAAjB,iBAAiB,4GACjB,cAAc,qFAhBf;;;;;;;;;;;;GAYT;2FAGU,iBAAiB;kBAjB7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,yBAAyB;oBACnC,QAAQ,EAAE;;;;;;;;;;;;GAYT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAE8C,WAAW;sBAAvD,SAAS;uBAAC,cAAc,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;MCIhC,qBAAqB;;kHAArB,qBAAqB;mHAArB,qBAAqB,iBAjBjB,iBAAiB,aAE9B,YAAY;QACZ,mBAAmB;QACnB,oBAAoB;QACpB,wBAAwB;mHAYf,qBAAqB,YAhBvB;YACP,YAAY;YACZ,mBAAmB;YACnB,oBAAoB;YACpB,wBAAwB;YACxB,YAAY,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE;oBACL;wBACE,IAAI,EAAE,QAAQ;wBACd,SAAS,EAAE,iBAAiB;wBAC5B,QAAQ,EAAE,CAAC,YAAY,CAAC;qBACzB;iBACF;aACF,CAAC;SACH;2FAEU,qBAAqB;kBAlBjC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,oBAAoB;wBACpB,wBAAwB;wBACxB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL;oCACE,IAAI,EAAE,QAAQ;oCACd,SAAS,EAAE,iBAAiB;oCAC5B,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB;6BACF;yBACF,CAAC;qBACH;iBACF;;;AC1BD;;;;;;"}
+{"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

@@ -11,15 +11,15 @@ import { FormlyMatSelectModule } from '@ngx-formly/material/select';
 
 class FormlyMaterialModule {
 }
-FormlyMaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyMaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyMaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyMaterialModule, imports: [FormlyMatFormFieldModule,
+FormlyMaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyMaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMaterialModule, imports: [FormlyMatFormFieldModule,
         FormlyMatInputModule,
         FormlyMatTextAreaModule,
         FormlyMatRadioModule,
         FormlyMatCheckboxModule,
         FormlyMatMultiCheckboxModule,
         FormlyMatSelectModule] });
-FormlyMaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyMaterialModule, imports: [[
+FormlyMaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMaterialModule, imports: [[
             FormlyMatFormFieldModule,
             FormlyMatInputModule,
             FormlyMatTextAreaModule,
@@ -28,7 +28,7 @@ FormlyMaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
             FormlyMatMultiCheckboxModule,
             FormlyMatSelectModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyMaterialModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: FormlyMaterialModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -1 +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;;iHAApB,oBAAoB;kHAApB,oBAAoB,YAT7B,wBAAwB;QACxB,oBAAoB;QACpB,uBAAuB;QACvB,oBAAoB;QACpB,uBAAuB;QACvB,4BAA4B;QAC5B,qBAAqB;kHAGZ,oBAAoB,YAVtB;YACP,wBAAwB;YACxB,oBAAoB;YACpB,uBAAuB;YACvB,oBAAoB;YACpB,uBAAuB;YACvB,4BAA4B;YAC5B,qBAAqB;SACtB;2FAEU,oBAAoB;kBAXhC,QAAQ;mBAAC;oBACR,OAAO,EAAE;wBACP,wBAAwB;wBACxB,oBAAoB;wBACpB,uBAAuB;wBACvB,oBAAoB;wBACpB,uBAAuB;wBACvB,4BAA4B;wBAC5B,qBAAqB;qBACtB;iBACF;;;ACpBD;;;;ACAA;;;;;;"}
+{"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;;kHAApB,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,SAAA,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,SAAA,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;4FAEU,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,25 +1,22 @@
-import { OnInit, OnDestroy, AfterViewInit, TemplateRef, QueryList } from '@angular/core';
-import { FieldType as CoreFieldType } from '@ngx-formly/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 { ErrorStateMatcher } from '@angular/material/core';
-import { FormlyFieldConfig } from './form-field.wrapper';
+import { FormlyFieldProps } from './form-field.wrapper';
 import * as i0 from "@angular/core";
-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>;
+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;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
-    setDescribedByIds(ids: string[]): void;
-    onContainerClick(event: MouseEvent): void;
+    setDescribedByIds(_ids: string[]): void;
+    onContainerClick(_event: MouseEvent): void;
     get errorState(): boolean;
-    get controlType(): string;
+    get controlType(): any;
     get focused(): boolean;
     get disabled(): boolean;
     get required(): boolean;

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

@@ -1,17 +1,14 @@
 import { OnInit, OnDestroy, Renderer2, AfterViewInit, ElementRef, TemplateRef } from '@angular/core';
-import { FormlyFieldConfig as CoreFieldConfig, FormlyTemplateOptions, FieldWrapper } from '@ngx-formly/core';
+import { FormlyFieldConfig, FormlyFieldProps as CoreFormlyFieldProps, FieldWrapper } from '@ngx-formly/core';
 import { MatFormField } from '@angular/material/form-field';
 import { FocusMonitor } from '@angular/cdk/a11y';
-import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field/form-field';
+import { FloatLabelType, MatFormFieldAppearance } from '@angular/material/form-field';
 import { ThemePalette } from '@angular/material/core';
 import * as i0 from "@angular/core";
-interface MatFormlyFieldConfig extends FormlyFieldConfig {
+interface MatFormlyFieldConfig extends FormlyFieldConfig<FormlyFieldProps> {
     _formField?: FormlyWrapperFormField;
 }
-export interface FormlyFieldConfig extends CoreFieldConfig {
-    templateOptions?: MatFormlyTemplateOptions;
-}
-interface MatFormlyTemplateOptions extends FormlyTemplateOptions {
+export interface FormlyFieldProps extends CoreFormlyFieldProps {
     prefix?: TemplateRef<any>;
     suffix?: TemplateRef<any>;
     hideLabel?: boolean;
@@ -28,7 +25,6 @@ export declare class FormlyWrapperFormField extends FieldWrapper<MatFormlyFieldC
     private elementRef;
     private focusMonitor;
     formField: MatFormField;
-    field: MatFormlyFieldConfig;
     constructor(renderer: Renderer2, elementRef: ElementRef, focusMonitor: FocusMonitor);
     ngOnInit(): void;
     ngAfterViewInit(): void;

package/form-field/public_api.d.ts

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

package/input/input.type.d.ts

@@ -1,9 +1,15 @@
-import { OnInit } from '@angular/core';
-import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType } from '@ngx-formly/material/form-field';
+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";
-export declare class FormlyFieldInput extends FieldType<FieldTypeConfig> implements OnInit {
+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/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/multicheckbox/multicheckbox.type.d.ts

@@ -1,15 +1,20 @@
-import { QueryList } from '@angular/core';
-import { FieldTypeConfig } from '@ngx-formly/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';
+import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
 import * as i0 from "@angular/core";
-export declare class FormlyFieldMultiCheckbox extends FieldType<FieldTypeConfig> {
+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: "always";
-            options: never[];
             color: "accent";
         };
     };
@@ -19,3 +24,4 @@ export declare class FormlyFieldMultiCheckbox extends FieldType<FieldTypeConfig>
     static ɵfac: i0.ɵɵFactoryDeclaration<FormlyFieldMultiCheckbox, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormlyFieldMultiCheckbox, "formly-field-mat-multicheckbox", never, {}, {}, never, never>;
 }
+export {};

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.type.d.ts

@@ -1,12 +1,15 @@
-import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType } from '@ngx-formly/material/form-field';
+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";
-export declare class FormlyFieldNativeSelect extends FieldType<FieldTypeConfig> {
-    defaultOptions: {
-        templateOptions: {
-            options: never[];
-        };
-    };
+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/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/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@ngx-formly/material",
-  "version": "6.0.0-next.8",
+  "version": "6.0.0-rc.1",
   "license": "MIT",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@ngx-formly/core": "6.0.0-next.8",
+    "@ngx-formly/core": "6.0.0-rc.1",
     "@angular/material": ">=13.0.0"
   },
   "module": "fesm2015/ngx-formly-material.mjs",

package/radio/public_api.d.ts

@@ -1,2 +1,2 @@
 export { FormlyMatRadioModule } from './radio.module';
-export { FormlyFieldRadio } from './radio.type';
+export { FormlyFieldRadio, FormlyRadioFieldConfig } from './radio.type';

package/radio/radio.type.d.ts

@@ -1,15 +1,20 @@
-import { AfterViewInit, OnDestroy } from '@angular/core';
-import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType } from '@ngx-formly/material/form-field';
+import { AfterViewInit, OnDestroy, Type } from '@angular/core';
+import { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
+import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
 import { MatRadioGroup } from '@angular/material/radio';
 import * as i0 from "@angular/core";
-export declare class FormlyFieldRadio extends FieldType<FieldTypeConfig> implements AfterViewInit, OnDestroy {
+interface RadioProps extends FormlyFieldProps {
+    labelPosition?: 'before' | 'after';
+}
+export interface FormlyRadioFieldConfig extends FormlyFieldConfig<RadioProps> {
+    type: 'radio' | Type<FormlyFieldRadio>;
+}
+export declare class FormlyFieldRadio extends FieldType<FieldTypeConfig<RadioProps>> implements AfterViewInit, OnDestroy {
     radioGroup: MatRadioGroup;
     defaultOptions: {
-        templateOptions: {
+        props: {
             hideFieldUnderline: boolean;
             floatLabel: "always";
-            options: never[];
             tabindex: number;
         };
     };
@@ -20,3 +25,4 @@ export declare class FormlyFieldRadio extends FieldType<FieldTypeConfig> impleme
     static ɵfac: i0.ɵɵFactoryDeclaration<FormlyFieldRadio, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormlyFieldRadio, "formly-field-mat-radio", never, {}, {}, never, never>;
 }
+export {};

package/select/public_api.d.ts

@@ -1,2 +1,2 @@
 export { FormlyMatSelectModule } from './select.module';
-export { FormlyFieldSelect } from './select.type';
+export { FormlyFieldSelect, FormlySelectFieldConfig } from './select.type';

package/select/select.type.d.ts

@@ -1,16 +1,27 @@
+import { Type } from '@angular/core';
 import { MatSelectChange } from '@angular/material/select';
-import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType } from '@ngx-formly/material/form-field';
+import { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
+import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { FormlyFieldSelectProps } from '@ngx-formly/core/select';
 import * as i0 from "@angular/core";
-export declare class FormlyFieldSelect extends FieldType<FieldTypeConfig> {
+interface SelectProps extends FormlyFieldProps, FormlyFieldSelectProps {
+    multiple?: boolean;
+    selectAllOption?: string;
+    disableOptionCentering?: boolean;
+    typeaheadDebounceInterval?: number;
+    compareWith?: (o1: any, o2: any) => boolean;
+}
+export interface FormlySelectFieldConfig extends FormlyFieldConfig<SelectProps> {
+    type: 'select' | Type<FormlyFieldSelect>;
+}
+export declare class FormlyFieldSelect extends FieldType<FieldTypeConfig<SelectProps>> {
     defaultOptions: {
-        templateOptions: {
-            options: never[];
+        props: {
             compareWith(o1: any, o2: any): boolean;
         };
     };
     private selectAllValue;
-    getSelectAllState(options: any[]): "indeterminate" | "checked" | null;
+    getSelectAllState(options: any[]): "indeterminate" | "checked";
     toggleSelectAll(options: any[]): void;
     change($event: MatSelectChange): void;
     _getAriaLabelledby(): string;
@@ -19,3 +30,4 @@ export declare class FormlyFieldSelect extends FieldType<FieldTypeConfig> {
     static ɵfac: i0.ɵɵFactoryDeclaration<FormlyFieldSelect, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormlyFieldSelect, "formly-field-mat-select", never, {}, {}, never, never>;
 }
+export {};

package/slider/public_api.d.ts

@@ -1,2 +1,2 @@
 export { FormlyMatSliderModule } from './slider.module';
-export { FormlyFieldSlider } from './slider.type';
+export { FormlyFieldSlider, FormlySliderFieldConfig } from './slider.type';

package/slider/slider.type.d.ts

@@ -1,11 +1,25 @@
-import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType } from '@ngx-formly/material/form-field';
-import { MatSlider } from '@angular/material/slider';
+import { Type } from '@angular/core';
+import { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
+import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
+import { MatSlider, MatSliderChange } from '@angular/material/slider';
 import * as i0 from "@angular/core";
-export declare class FormlyFieldSlider extends FieldType<FieldTypeConfig> {
+interface SliderProps extends FormlyFieldProps {
+    displayWith?: (value: number) => string | number;
+    invert?: boolean;
+    thumbLabel?: boolean;
+    tickInterval?: number;
+    valueText?: string;
+    vertical?: boolean;
+    input?: (field: FormlyFieldConfig<SliderProps>, $event: MatSliderChange) => void;
+    change?: (field: FormlyFieldConfig<SliderProps>, $event: MatSliderChange) => void;
+}
+export interface FormlySliderFieldConfig extends FormlyFieldConfig<SliderProps> {
+    type: 'slider' | Type<FormlyFieldSlider>;
+}
+export declare class FormlyFieldSlider extends FieldType<FieldTypeConfig<SliderProps>> {
     slider: MatSlider;
     defaultOptions: {
-        templateOptions: {
+        props: {
             hideFieldUnderline: boolean;
             floatLabel: "always";
             thumbLabel: boolean;
@@ -15,3 +29,4 @@ export declare class FormlyFieldSlider extends FieldType<FieldTypeConfig> {
     static ɵfac: i0.ɵɵFactoryDeclaration<FormlyFieldSlider, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormlyFieldSlider, "formly-field-mat-slider", never, {}, {}, never, never>;
 }
+export {};

package/textarea/public_api.d.ts

@@ -1,2 +1,2 @@
 export { FormlyMatTextAreaModule } from './textarea.module';
-export { FormlyFieldTextArea } from './textarea.type';
+export { FormlyFieldTextArea, FormlyTextAreaFieldConfig } from './textarea.type';

package/textarea/textarea.type.d.ts

@@ -1,10 +1,18 @@
-import { OnInit } from '@angular/core';
-import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType } from '@ngx-formly/material/form-field';
+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";
-export declare class FormlyFieldTextArea extends FieldType<FieldTypeConfig> implements OnInit {
+interface TextAreaProps extends FormlyFieldProps {
+    autosize?: boolean;
+    autosizeMinRows?: number;
+    autosizeMaxRows?: number;
+}
+export interface FormlyTextAreaFieldConfig extends FormlyFieldConfig<TextAreaProps> {
+    type: 'textarea' | Type<FormlyFieldTextArea>;
+}
+export declare class FormlyFieldTextArea extends FieldType<FieldTypeConfig<TextAreaProps>> {
     defaultOptions: {
-        templateOptions: {
+        props: {
             cols: number;
             rows: number;
         };
@@ -12,3 +20,4 @@ export declare class FormlyFieldTextArea extends FieldType<FieldTypeConfig> impl
     static ɵfac: i0.ɵɵFactoryDeclaration<FormlyFieldTextArea, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormlyFieldTextArea, "formly-field-mat-textarea", never, {}, {}, never, never>;
 }
+export {};

package/toggle/public_api.d.ts

@@ -1,2 +1,2 @@
 export { FormlyMatToggleModule } from './toggle.module';
-export { FormlyFieldToggle } from './toggle.type';
+export { FormlyFieldToggle, FormlyToggleFieldConfig } from './toggle.type';

package/toggle/toggle.type.d.ts

@@ -1,11 +1,18 @@
-import { FieldTypeConfig } from '@ngx-formly/core';
-import { FieldType } from '@ngx-formly/material/form-field';
+import { Type } from '@angular/core';
+import { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
+import { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';
 import { MatSlideToggle } from '@angular/material/slide-toggle';
 import * as i0 from "@angular/core";
-export declare class FormlyFieldToggle extends FieldType<FieldTypeConfig> {
+interface ToggleProps extends FormlyFieldProps {
+    labelPosition?: 'before' | 'after';
+}
+export interface FormlyToggleFieldConfig extends FormlyFieldConfig<ToggleProps> {
+    type: 'toggle' | Type<FormlyFieldToggle>;
+}
+export declare class FormlyFieldToggle extends FieldType<FieldTypeConfig<ToggleProps>> {
     slideToggle: MatSlideToggle;
     defaultOptions: {
-        templateOptions: {
+        props: {
             hideFieldUnderline: boolean;
             floatLabel: "always";
             hideLabel: boolean;
@@ -15,3 +22,4 @@ export declare class FormlyFieldToggle extends FieldType<FieldTypeConfig> {
     static ɵfac: i0.ɵɵFactoryDeclaration<FormlyFieldToggle, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FormlyFieldToggle, "formly-field-mat-toggle", never, {}, {}, never, never>;
 }
+export {};