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

package/esm2020/textarea/textarea.type.mjs

@@ -0,0 +1,77 @@
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import { FieldType } from '@ngx-formly/material/form-field';
+import { MAT_INPUT_VALUE_ACCESSOR } from '@angular/material/input';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/input";
+import * as i2 from "@angular/forms";
+import * as i3 from "@angular/cdk/text-field";
+import * as i4 from "@ngx-formly/core";
+export class FormlyFieldTextArea extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            props: {
+                cols: 1,
+                rows: 1,
+            },
+        };
+    }
+}
+FormlyFieldTextArea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyFieldTextArea, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldTextArea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: FormlyFieldTextArea, selector: "formly-field-mat-textarea", providers: [
+        // fix for https://github.com/ngx-formly/ngx-formly/issues/1688
+        // rely on formControl value instead of elementRef which return empty value in Firefox.
+        { provide: MAT_INPUT_VALUE_ACCESSOR, useExisting: FormlyFieldTextArea },
+    ], usesInheritance: true, ngImport: i0, template: `
+    <textarea
+      matInput
+      [id]="id"
+      [readonly]="props.readonly"
+      [required]="required"
+      [formControl]="formControl"
+      [errorStateMatcher]="errorStateMatcher"
+      [cols]="props.cols"
+      [rows]="props.rows"
+      [formlyAttributes]="field"
+      [placeholder]="props.placeholder"
+      [tabindex]="props.tabindex"
+      [cdkTextareaAutosize]="props.autosize"
+      [cdkAutosizeMinRows]="props.autosizeMinRows"
+      [cdkAutosizeMaxRows]="props.autosizeMaxRows"
+      [class.cdk-textarea-autosize]="props.autosize"
+    >
+    </textarea>
+  `, isInline: true, directives: [{ type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyFieldTextArea, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-mat-textarea',
+                    template: `
+    <textarea
+      matInput
+      [id]="id"
+      [readonly]="props.readonly"
+      [required]="required"
+      [formControl]="formControl"
+      [errorStateMatcher]="errorStateMatcher"
+      [cols]="props.cols"
+      [rows]="props.rows"
+      [formlyAttributes]="field"
+      [placeholder]="props.placeholder"
+      [tabindex]="props.tabindex"
+      [cdkTextareaAutosize]="props.autosize"
+      [cdkAutosizeMinRows]="props.autosizeMinRows"
+      [cdkAutosizeMaxRows]="props.autosizeMaxRows"
+      [class.cdk-textarea-autosize]="props.autosize"
+    >
+    </textarea>
+  `,
+                    providers: [
+                        // fix for https://github.com/ngx-formly/ngx-formly/issues/1688
+                        // rely on formControl value instead of elementRef which return empty value in Firefox.
+                        { provide: MAT_INPUT_VALUE_ACCESSOR, useExisting: FormlyFieldTextArea },
+                    ],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEudHlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91aS9tYXRlcmlhbC90ZXh0YXJlYS9zcmMvdGV4dGFyZWEudHlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFRLE1BQU0sZUFBZSxDQUFDO0FBRXpFLE9BQU8sRUFBRSxTQUFTLEVBQW9CLE1BQU0saUNBQWlDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0seUJBQXlCLENBQUM7Ozs7OztBQXlDbkUsTUFBTSxPQUFPLG1CQUFvQixTQUFRLFNBQXlDO0lBN0JsRjs7UUE4QlcsbUJBQWMsR0FBRztZQUN4QixLQUFLLEVBQUU7Z0JBQ0wsSUFBSSxFQUFFLENBQUM7Z0JBQ1AsSUFBSSxFQUFFLENBQUM7YUFDUjtTQUNGLENBQUM7S0FDSDs7Z0hBUFksbUJBQW1CO29HQUFuQixtQkFBbUIsb0RBUG5CO1FBQ1QsK0RBQStEO1FBQy9ELHVGQUF1RjtRQUN2RixFQUFFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUU7S0FDeEUsaURBeEJTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUOzJGQVFVLG1CQUFtQjtrQkE3Qi9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDJCQUEyQjtvQkFDckMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBbUJUO29CQUNELFNBQVMsRUFBRTt3QkFDVCwrREFBK0Q7d0JBQy9ELHVGQUF1Rjt3QkFDdkYsRUFBRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsV0FBVyxxQkFBcUIsRUFBRTtxQkFDeEU7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgVHlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmllbGRUeXBlQ29uZmlnLCBGb3JtbHlGaWVsZENvbmZpZyB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuaW1wb3J0IHsgRmllbGRUeXBlLCBGb3JtbHlGaWVsZFByb3BzIH0gZnJvbSAnQG5neC1mb3JtbHkvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBNQVRfSU5QVVRfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5cbmludGVyZmFjZSBUZXh0QXJlYVByb3BzIGV4dGVuZHMgRm9ybWx5RmllbGRQcm9wcyB7XG4gIGF1dG9zaXplPzogYm9vbGVhbjtcbiAgYXV0b3NpemVNaW5Sb3dzPzogbnVtYmVyO1xuICBhdXRvc2l6ZU1heFJvd3M/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgRm9ybWx5VGV4dEFyZWFGaWVsZENvbmZpZyBleHRlbmRzIEZvcm1seUZpZWxkQ29uZmlnPFRleHRBcmVhUHJvcHM+IHtcbiAgdHlwZTogJ3RleHRhcmVhJyB8IFR5cGU8Rm9ybWx5RmllbGRUZXh0QXJlYT47XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Zvcm1seS1maWVsZC1tYXQtdGV4dGFyZWEnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDx0ZXh0YXJlYVxuICAgICAgbWF0SW5wdXRcbiAgICAgIFtpZF09XCJpZFwiXG4gICAgICBbcmVhZG9ubHldPVwicHJvcHMucmVhZG9ubHlcIlxuICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICBbZXJyb3JTdGF0ZU1hdGNoZXJdPVwiZXJyb3JTdGF0ZU1hdGNoZXJcIlxuICAgICAgW2NvbHNdPVwicHJvcHMuY29sc1wiXG4gICAgICBbcm93c109XCJwcm9wcy5yb3dzXCJcbiAgICAgIFtmb3JtbHlBdHRyaWJ1dGVzXT1cImZpZWxkXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJwcm9wcy5wbGFjZWhvbGRlclwiXG4gICAgICBbdGFiaW5kZXhdPVwicHJvcHMudGFiaW5kZXhcIlxuICAgICAgW2Nka1RleHRhcmVhQXV0b3NpemVdPVwicHJvcHMuYXV0b3NpemVcIlxuICAgICAgW2Nka0F1dG9zaXplTWluUm93c109XCJwcm9wcy5hdXRvc2l6ZU1pblJvd3NcIlxuICAgICAgW2Nka0F1dG9zaXplTWF4Um93c109XCJwcm9wcy5hdXRvc2l6ZU1heFJvd3NcIlxuICAgICAgW2NsYXNzLmNkay10ZXh0YXJlYS1hdXRvc2l6ZV09XCJwcm9wcy5hdXRvc2l6ZVwiXG4gICAgPlxuICAgIDwvdGV4dGFyZWE+XG4gIGAsXG4gIHByb3ZpZGVyczogW1xuICAgIC8vIGZpeCBmb3IgaHR0cHM6Ly9naXRodWIuY29tL25neC1mb3JtbHkvbmd4LWZvcm1seS9pc3N1ZXMvMTY4OFxuICAgIC8vIHJlbHkgb24gZm9ybUNvbnRyb2wgdmFsdWUgaW5zdGVhZCBvZiBlbGVtZW50UmVmIHdoaWNoIHJldHVybiBlbXB0eSB2YWx1ZSBpbiBGaXJlZm94LlxuICAgIHsgcHJvdmlkZTogTUFUX0lOUFVUX1ZBTFVFX0FDQ0VTU09SLCB1c2VFeGlzdGluZzogRm9ybWx5RmllbGRUZXh0QXJlYSB9LFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybWx5RmllbGRUZXh0QXJlYSBleHRlbmRzIEZpZWxkVHlwZTxGaWVsZFR5cGVDb25maWc8VGV4dEFyZWFQcm9wcz4+IHtcbiAgb3ZlcnJpZGUgZGVmYXVsdE9wdGlvbnMgPSB7XG4gICAgcHJvcHM6IHtcbiAgICAgIGNvbHM6IDEsXG4gICAgICByb3dzOiAxLFxuICAgIH0sXG4gIH07XG59XG4iXX0=

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWZvcm1seS1tYXRlcmlhbC10b2dnbGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdWkvbWF0ZXJpYWwvdG9nZ2xlL3NyYy9uZ3gtZm9ybWx5LW1hdGVyaWFsLXRvZ2dsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19

package/esm2020/toggle/public_api.mjs

@@ -0,0 +1,3 @@
+export { FormlyMatToggleModule } from './toggle.module';
+export { FormlyFieldToggle } from './toggle.type';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91aS9tYXRlcmlhbC90b2dnbGUvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUEyQixNQUFNLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IEZvcm1seU1hdFRvZ2dsZU1vZHVsZSB9IGZyb20gJy4vdG9nZ2xlLm1vZHVsZSc7XG5leHBvcnQgeyBGb3JtbHlGaWVsZFRvZ2dsZSwgRm9ybWx5VG9nZ2xlRmllbGRDb25maWcgfSBmcm9tICcuL3RvZ2dsZS50eXBlJztcbiJdfQ==

package/esm2020/toggle/toggle.module.mjs

@@ -0,0 +1,53 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormlyModule } from '@ngx-formly/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
+import { FormlyFieldToggle } from './toggle.type';
+import * as i0 from "@angular/core";
+import * as i1 from "@ngx-formly/core";
+export 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, i1.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'],
+                                },
+                            ],
+                        }),
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91aS9tYXRlcmlhbC90b2dnbGUvc3JjL3RvZ2dsZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBb0JsRCxNQUFNLE9BQU8scUJBQXFCOztrSEFBckIscUJBQXFCO21IQUFyQixxQkFBcUIsaUJBakJqQixpQkFBaUIsYUFFOUIsWUFBWTtRQUNaLG1CQUFtQjtRQUNuQixvQkFBb0I7UUFDcEIsd0JBQXdCO21IQVlmLHFCQUFxQixZQWhCdkI7WUFDUCxZQUFZO1lBQ1osbUJBQW1CO1lBQ25CLG9CQUFvQjtZQUNwQix3QkFBd0I7WUFDeEIsWUFBWSxDQUFDLFFBQVEsQ0FBQztnQkFDcEIsS0FBSyxFQUFFO29CQUNMO3dCQUNFLElBQUksRUFBRSxRQUFRO3dCQUNkLFNBQVMsRUFBRSxpQkFBaUI7d0JBQzVCLFFBQVEsRUFBRSxDQUFDLFlBQVksQ0FBQztxQkFDekI7aUJBQ0Y7YUFDRixDQUFDO1NBQ0g7MkZBRVUscUJBQXFCO2tCQWxCakMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztvQkFDakMsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osbUJBQW1CO3dCQUNuQixvQkFBb0I7d0JBQ3BCLHdCQUF3Qjt3QkFDeEIsWUFBWSxDQUFDLFFBQVEsQ0FBQzs0QkFDcEIsS0FBSyxFQUFFO2dDQUNMO29DQUNFLElBQUksRUFBRSxRQUFRO29DQUNkLFNBQVMsRUFBRSxpQkFBaUI7b0NBQzVCLFFBQVEsRUFBRSxDQUFDLFlBQVksQ0FBQztpQ0FDekI7NkJBQ0Y7eUJBQ0YsQ0FBQztxQkFDSDtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRm9ybWx5TW9kdWxlIH0gZnJvbSAnQG5neC1mb3JtbHkvY29yZSc7XG5pbXBvcnQgeyBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0U2xpZGVUb2dnbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zbGlkZS10b2dnbGUnO1xuaW1wb3J0IHsgRm9ybWx5TWF0Rm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnQG5neC1mb3JtbHkvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5cbmltcG9ydCB7IEZvcm1seUZpZWxkVG9nZ2xlIH0gZnJvbSAnLi90b2dnbGUudHlwZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW0Zvcm1seUZpZWxkVG9nZ2xlXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIE1hdFNsaWRlVG9nZ2xlTW9kdWxlLFxuICAgIEZvcm1seU1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgICBGb3JtbHlNb2R1bGUuZm9yQ2hpbGQoe1xuICAgICAgdHlwZXM6IFtcbiAgICAgICAge1xuICAgICAgICAgIG5hbWU6ICd0b2dnbGUnLFxuICAgICAgICAgIGNvbXBvbmVudDogRm9ybWx5RmllbGRUb2dnbGUsXG4gICAgICAgICAgd3JhcHBlcnM6IFsnZm9ybS1maWVsZCddLFxuICAgICAgICB9LFxuICAgICAgXSxcbiAgICB9KSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybWx5TWF0VG9nZ2xlTW9kdWxlIHt9XG4iXX0=

package/esm2020/toggle/toggle.type.mjs

@@ -0,0 +1,61 @@
+import { Component, ChangeDetectionStrategy, ViewChild } from '@angular/core';
+import { FieldType } from '@ngx-formly/material/form-field';
+import { MatSlideToggle } from '@angular/material/slide-toggle';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/slide-toggle";
+import * as i2 from "@angular/forms";
+import * as i3 from "@ngx-formly/core";
+export 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 }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLnR5cGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdWkvbWF0ZXJpYWwvdG9nZ2xlL3NyYy90b2dnbGUudHlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBUSxNQUFNLGVBQWUsQ0FBQztBQUVwRixPQUFPLEVBQUUsU0FBUyxFQUFvQixNQUFNLGlDQUFpQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7Ozs7QUEyQmhFLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxTQUF1QztJQWpCOUU7O1FBbUJXLG1CQUFjLEdBQUc7WUFDeEIsS0FBSyxFQUFFO2dCQUNMLGtCQUFrQixFQUFFLElBQUk7Z0JBQ3hCLFVBQVUsRUFBRSxRQUFpQjtnQkFDN0IsU0FBUyxFQUFFLElBQUk7YUFDaEI7U0FDRixDQUFDO0tBTUg7SUFKVSxnQkFBZ0IsQ0FBQyxLQUFpQjtRQUN6QyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQ3pCLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDOzs4R0FiVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiw0R0FDakIsY0FBYyxxRkFoQmY7Ozs7Ozs7Ozs7OztHQVlUOzJGQUdVLGlCQUFpQjtrQkFqQjdCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHlCQUF5QjtvQkFDbkMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7R0FZVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQ7OEJBRThDLFdBQVc7c0JBQXZELFNBQVM7dUJBQUMsY0FBYyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIFZpZXdDaGlsZCwgVHlwZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRmllbGRUeXBlQ29uZmlnLCBGb3JtbHlGaWVsZENvbmZpZyB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xuaW1wb3J0IHsgRmllbGRUeXBlLCBGb3JtbHlGaWVsZFByb3BzIH0gZnJvbSAnQG5neC1mb3JtbHkvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBNYXRTbGlkZVRvZ2dsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NsaWRlLXRvZ2dsZSc7XG5cbmludGVyZmFjZSBUb2dnbGVQcm9wcyBleHRlbmRzIEZvcm1seUZpZWxkUHJvcHMge1xuICBsYWJlbFBvc2l0aW9uPzogJ2JlZm9yZScgfCAnYWZ0ZXInO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEZvcm1seVRvZ2dsZUZpZWxkQ29uZmlnIGV4dGVuZHMgRm9ybWx5RmllbGRDb25maWc8VG9nZ2xlUHJvcHM+IHtcbiAgdHlwZTogJ3RvZ2dsZScgfCBUeXBlPEZvcm1seUZpZWxkVG9nZ2xlPjtcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZm9ybWx5LWZpZWxkLW1hdC10b2dnbGUnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxtYXQtc2xpZGUtdG9nZ2xlXG4gICAgICBbaWRdPVwiaWRcIlxuICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgIFtmb3JtbHlBdHRyaWJ1dGVzXT1cImZpZWxkXCJcbiAgICAgIFtjb2xvcl09XCJwcm9wcy5jb2xvclwiXG4gICAgICBbdGFiSW5kZXhdPVwicHJvcHMudGFiaW5kZXhcIlxuICAgICAgW3JlcXVpcmVkXT1cInJlcXVpcmVkXCJcbiAgICAgIFtsYWJlbFBvc2l0aW9uXT1cInByb3BzLmxhYmVsUG9zaXRpb25cIlxuICAgID5cbiAgICAgIHt7IHByb3BzLmxhYmVsIH19XG4gICAgPC9tYXQtc2xpZGUtdG9nZ2xlPlxuICBgLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgRm9ybWx5RmllbGRUb2dnbGUgZXh0ZW5kcyBGaWVsZFR5cGU8RmllbGRUeXBlQ29uZmlnPFRvZ2dsZVByb3BzPj4ge1xuICBAVmlld0NoaWxkKE1hdFNsaWRlVG9nZ2xlLCB7IHN0YXRpYzogdHJ1ZSB9KSBzbGlkZVRvZ2dsZSE6IE1hdFNsaWRlVG9nZ2xlO1xuICBvdmVycmlkZSBkZWZhdWx0T3B0aW9ucyA9IHtcbiAgICBwcm9wczoge1xuICAgICAgaGlkZUZpZWxkVW5kZXJsaW5lOiB0cnVlLFxuICAgICAgZmxvYXRMYWJlbDogJ2Fsd2F5cycgYXMgY29uc3QsXG4gICAgICBoaWRlTGFiZWw6IHRydWUsXG4gICAgfSxcbiAgfTtcblxuICBvdmVycmlkZSBvbkNvbnRhaW5lckNsaWNrKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5zbGlkZVRvZ2dsZS5mb2N1cygpO1xuICAgIHN1cGVyLm9uQ29udGFpbmVyQ2xpY2soZXZlbnQpO1xuICB9XG59XG4iXX0=

package/fesm2015/ngx-formly-material-checkbox.mjs

@@ -0,0 +1,171 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
+import * as i5 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i4 from '@ngx-formly/core';
+import { FormlyModule } from '@ngx-formly/core';
+import * as i3 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
+import * as i2 from '@angular/material/checkbox';
+import { MatCheckbox, MatCheckboxModule } from '@angular/material/checkbox';
+import * as i1 from '@angular/cdk/a11y';
+
+class FormlyFieldCheckbox extends FieldType {
+    constructor(renderer, focusMonitor) {
+        super();
+        this.renderer = renderer;
+        this.focusMonitor = focusMonitor;
+        this.defaultOptions = {
+            props: {
+                hideFieldUnderline: true,
+                indeterminate: true,
+                floatLabel: 'always',
+                hideLabel: true,
+                color: 'accent', // workaround for https://github.com/angular/components/issues/18465
+            },
+        };
+    }
+    onContainerClick(event) {
+        this.checkbox.focus();
+        super.onContainerClick(event);
+    }
+    ngAfterViewInit() {
+        if (this.checkbox) {
+            this.focusMonitor.monitor(this.checkbox._inputElement, true).subscribe((focusOrigin) => {
+                if (focusOrigin) {
+                    this.props.focus && this.props.focus(this.field);
+                }
+                else {
+                    this.props.blur && this.props.blur(this.field);
+                }
+            });
+        }
+    }
+    ngAfterViewChecked() {
+        if (this.required !== this._required && this.checkbox && this.checkbox._inputElement) {
+            this._required = this.required;
+            const inputElement = this.checkbox._inputElement.nativeElement;
+            if (this.required) {
+                this.renderer.setAttribute(inputElement, 'required', 'required');
+            }
+            else {
+                this.renderer.removeAttribute(inputElement, 'required');
+            }
+        }
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        if (this.checkbox) {
+            this.focusMonitor.stopMonitoring(this.checkbox._inputElement);
+        }
+    }
+}
+FormlyFieldCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyFieldCheckbox, deps: [{ token: i0.Renderer2 }, { token: i1.FocusMonitor }], target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: FormlyFieldCheckbox, selector: "formly-field-mat-checkbox", viewQueries: [{ propertyName: "checkbox", first: true, predicate: MatCheckbox, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    <mat-checkbox
+      [formControl]="formControl"
+      [id]="id"
+      [formlyAttributes]="field"
+      [tabIndex]="props.tabindex"
+      [indeterminate]="props.indeterminate && formControl.value == null"
+      [color]="props.color"
+      [labelPosition]="props.labelPosition"
+    >
+      {{ props.label }}
+      <span
+        *ngIf="props.required && props.hideRequiredMarker !== true"
+        aria-hidden="true"
+        class="mat-form-field-required-marker"
+        >*</span
+      >
+    </mat-checkbox>
+  `, isInline: true, components: [{ type: i2.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }], directives: [{ type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-mat-checkbox',
+                    template: `
+    <mat-checkbox
+      [formControl]="formControl"
+      [id]="id"
+      [formlyAttributes]="field"
+      [tabIndex]="props.tabindex"
+      [indeterminate]="props.indeterminate && formControl.value == null"
+      [color]="props.color"
+      [labelPosition]="props.labelPosition"
+    >
+      {{ props.label }}
+      <span
+        *ngIf="props.required && props.hideRequiredMarker !== true"
+        aria-hidden="true"
+        class="mat-form-field-required-marker"
+        >*</span
+      >
+    </mat-checkbox>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i1.FocusMonitor }]; }, propDecorators: { checkbox: [{
+                type: ViewChild,
+                args: [MatCheckbox, { static: true }]
+            }] } });
+
+class FormlyMatCheckboxModule {
+}
+FormlyMatCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMatCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyMatCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMatCheckboxModule, declarations: [FormlyFieldCheckbox], imports: [CommonModule,
+        ReactiveFormsModule,
+        MatCheckboxModule,
+        FormlyMatFormFieldModule, i4.FormlyModule] });
+FormlyMatCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMatCheckboxModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            MatCheckboxModule,
+            FormlyMatFormFieldModule,
+            FormlyModule.forChild({
+                types: [
+                    {
+                        name: 'checkbox',
+                        component: FormlyFieldCheckbox,
+                        wrappers: ['form-field'],
+                    },
+                    {
+                        name: 'boolean',
+                        extends: 'checkbox',
+                    },
+                ],
+            }),
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMatCheckboxModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FormlyFieldCheckbox],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatCheckboxModule,
+                        FormlyMatFormFieldModule,
+                        FormlyModule.forChild({
+                            types: [
+                                {
+                                    name: 'checkbox',
+                                    component: FormlyFieldCheckbox,
+                                    wrappers: ['form-field'],
+                                },
+                                {
+                                    name: 'boolean',
+                                    extends: 'checkbox',
+                                },
+                            ],
+                        }),
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyFieldCheckbox, FormlyMatCheckboxModule };
+//# sourceMappingURL=ngx-formly-material-checkbox.mjs.map

package/fesm2015/ngx-formly-material-checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-formly-material-checkbox.mjs","sources":["../../../../src/ui/material/checkbox/src/checkbox.type.ts","../../../../src/ui/material/checkbox/src/checkbox.module.ts","../../../../src/ui/material/checkbox/src/ngx-formly-material-checkbox.ts"],"sourcesContent":["import {\n  Component,\n  ViewChild,\n  ChangeDetectionStrategy,\n  Renderer2,\n  AfterViewChecked,\n  OnDestroy,\n  AfterViewInit,\n  Type,\n} from '@angular/core';\nimport { FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FieldType, FormlyFieldProps } from '@ngx-formly/material/form-field';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { FocusMonitor } from '@angular/cdk/a11y';\n\ninterface CheckboxProps extends FormlyFieldProps {\n  indeterminate?: boolean;\n  labelPosition?: 'before' | 'after';\n}\n\nexport interface FormlyCheckboxFieldConfig extends FormlyFieldConfig<CheckboxProps> {\n  type: 'checkbox' | Type<FormlyFieldCheckbox>;\n}\n\n@Component({\n  selector: 'formly-field-mat-checkbox',\n  template: `\n    <mat-checkbox\n      [formControl]=\"formControl\"\n      [id]=\"id\"\n      [formlyAttributes]=\"field\"\n      [tabIndex]=\"props.tabindex\"\n      [indeterminate]=\"props.indeterminate && formControl.value == null\"\n      [color]=\"props.color\"\n      [labelPosition]=\"props.labelPosition\"\n    >\n      {{ props.label }}\n      <span\n        *ngIf=\"props.required && props.hideRequiredMarker !== true\"\n        aria-hidden=\"true\"\n        class=\"mat-form-field-required-marker\"\n        >*</span\n      >\n    </mat-checkbox>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldCheckbox\n  extends FieldType<FieldTypeConfig<CheckboxProps>>\n  implements AfterViewInit, AfterViewChecked, OnDestroy\n{\n  @ViewChild(MatCheckbox, { static: true }) checkbox!: MatCheckbox;\n  override defaultOptions = {\n    props: {\n      hideFieldUnderline: true,\n      indeterminate: true,\n      floatLabel: 'always' as const,\n      hideLabel: true,\n      color: 'accent' as const, // workaround for https://github.com/angular/components/issues/18465\n    },\n  };\n\n  private _required!: boolean;\n  constructor(private renderer: Renderer2, private focusMonitor: FocusMonitor) {\n    super();\n  }\n\n  override onContainerClick(event: MouseEvent): void {\n    this.checkbox.focus();\n    super.onContainerClick(event);\n  }\n\n  ngAfterViewInit() {\n    if (this.checkbox) {\n      this.focusMonitor.monitor(this.checkbox._inputElement, true).subscribe((focusOrigin) => {\n        if (focusOrigin) {\n          this.props.focus && this.props.focus(this.field);\n        } else {\n          this.props.blur && this.props.blur(this.field);\n        }\n      });\n    }\n  }\n\n  ngAfterViewChecked() {\n    if (this.required !== this._required && this.checkbox && this.checkbox._inputElement) {\n      this._required = this.required;\n      const inputElement = this.checkbox._inputElement.nativeElement;\n      if (this.required) {\n        this.renderer.setAttribute(inputElement, 'required', 'required');\n      } else {\n        this.renderer.removeAttribute(inputElement, 'required');\n      }\n    }\n  }\n\n  override ngOnDestroy() {\n    super.ngOnDestroy();\n    if (this.checkbox) {\n      this.focusMonitor.stopMonitoring(this.checkbox._inputElement);\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\n\nimport { FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\n\nimport { FormlyFieldCheckbox } from './checkbox.type';\n\n@NgModule({\n  declarations: [FormlyFieldCheckbox],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n\n    MatCheckboxModule,\n\n    FormlyMatFormFieldModule,\n    FormlyModule.forChild({\n      types: [\n        {\n          name: 'checkbox',\n          component: FormlyFieldCheckbox,\n          wrappers: ['form-field'],\n        },\n        {\n          name: 'boolean',\n          extends: 'checkbox',\n        },\n      ],\n    }),\n  ],\n})\nexport class FormlyMatCheckboxModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}

package/fesm2015/ngx-formly-material-datepicker.mjs

@@ -0,0 +1,212 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@ngx-formly/core';
+import { ɵobserve, FormlyModule } from '@ngx-formly/core';
+import * as i4 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { FieldType, FormlyMatFormFieldModule } from '@ngx-formly/material/form-field';
+import * as i3 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i2 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+
+class FormlyFieldDatepicker extends FieldType {
+    constructor(config, cdRef) {
+        super();
+        this.config = config;
+        this.cdRef = cdRef;
+        this.defaultOptions = {
+            props: {
+                datepickerOptions: {
+                    startView: 'month',
+                    datepickerTogglePosition: 'suffix',
+                    disabled: false,
+                    opened: false,
+                    dateInput: () => { },
+                    dateChange: () => { },
+                    monthSelected: () => { },
+                    yearSelected: () => { },
+                },
+            },
+        };
+    }
+    detectChanges() {
+        var _a, _b;
+        (_b = (_a = this.options).detectChanges) === null || _b === void 0 ? void 0 : _b.call(_a, this.field);
+    }
+    ngAfterViewInit() {
+        this.props[this.props.datepickerOptions.datepickerTogglePosition] = this.datepickerToggle;
+        ɵobserve(this.field, ['props', 'datepickerOptions', 'opened'], () => {
+            this.cdRef.detectChanges();
+        });
+        // temporary fix for https://github.com/angular/components/issues/16761
+        if (this.config.getValidatorMessage('matDatepickerParse')) {
+            this.fieldErrorsObserver = ɵobserve(this.field, ['formControl', 'errors'], ({ currentValue }) => {
+                var _a;
+                if (currentValue.required && currentValue.matDatepickerParse) {
+                    const errors = Object.keys(currentValue)
+                        .sort((prop) => (prop === 'matDatepickerParse' ? -1 : 0))
+                        .reduce((errors, prop) => (Object.assign(Object.assign({}, errors), { [prop]: currentValue[prop] })), {});
+                    (_a = this.fieldErrorsObserver) === null || _a === void 0 ? void 0 : _a.setValue(errors);
+                }
+            });
+        }
+    }
+    ngOnDestroy() {
+        var _a;
+        super.ngOnDestroy();
+        (_a = this.fieldErrorsObserver) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
+}
+FormlyFieldDatepicker.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyFieldDatepicker, deps: [{ token: i1.FormlyConfig }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldDatepicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.6", type: FormlyFieldDatepicker, selector: "formly-field-mat-datepicker", viewQueries: [{ propertyName: "datepickerToggle", first: true, predicate: ["datepickerToggle"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: `
+    <input
+      matInput
+      [id]="id"
+      [errorStateMatcher]="errorStateMatcher"
+      [formControl]="formControl"
+      [matDatepicker]="picker"
+      [matDatepickerFilter]="props.datepickerOptions.filter"
+      [max]="props.datepickerOptions.max"
+      [min]="props.datepickerOptions.min"
+      [formlyAttributes]="field"
+      [placeholder]="props.placeholder"
+      [tabindex]="props.tabindex"
+      [readonly]="props.readonly"
+      [required]="required"
+      (dateInput)="props.datepickerOptions.dateInput(field, $event)"
+      (dateChange)="props.datepickerOptions.dateChange(field, $event)"
+    />
+    <ng-template #datepickerToggle>
+      <mat-datepicker-toggle
+        (click)="detectChanges()"
+        [disabled]="props.disabled"
+        [for]="picker"
+      ></mat-datepicker-toggle>
+    </ng-template>
+    <mat-datepicker
+      #picker
+      [color]="props.color"
+      [dateClass]="props.datepickerOptions.dateClass"
+      [disabled]="props.datepickerOptions.disabled"
+      [opened]="props.datepickerOptions.opened"
+      [panelClass]="props.datepickerOptions.panelClass"
+      [startAt]="props.datepickerOptions.startAt"
+      [startView]="props.datepickerOptions.startView"
+      [touchUi]="props.datepickerOptions.touchUi"
+      [calendarHeaderComponent]="props.datepickerOptions.calendarHeaderComponent"
+      (monthSelected)="props.datepickerOptions.monthSelected(field, $event, picker)"
+      (yearSelected)="props.datepickerOptions.yearSelected(field, $event, picker)"
+      (opened)="props.datepickerOptions.opened = true"
+      (closed)="props.datepickerOptions.opened = false"
+    >
+    </mat-datepicker>
+  `, isInline: true, components: [{ type: i2.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i2.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i3.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i1.ɵFormlyAttributes, selector: "[formlyAttributes]", inputs: ["formlyAttributes", "id"] }, { type: i4.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: FormlyFieldDatepicker, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-mat-datepicker',
+                    template: `
+    <input
+      matInput
+      [id]="id"
+      [errorStateMatcher]="errorStateMatcher"
+      [formControl]="formControl"
+      [matDatepicker]="picker"
+      [matDatepickerFilter]="props.datepickerOptions.filter"
+      [max]="props.datepickerOptions.max"
+      [min]="props.datepickerOptions.min"
+      [formlyAttributes]="field"
+      [placeholder]="props.placeholder"
+      [tabindex]="props.tabindex"
+      [readonly]="props.readonly"
+      [required]="required"
+      (dateInput)="props.datepickerOptions.dateInput(field, $event)"
+      (dateChange)="props.datepickerOptions.dateChange(field, $event)"
+    />
+    <ng-template #datepickerToggle>
+      <mat-datepicker-toggle
+        (click)="detectChanges()"
+        [disabled]="props.disabled"
+        [for]="picker"
+      ></mat-datepicker-toggle>
+    </ng-template>
+    <mat-datepicker
+      #picker
+      [color]="props.color"
+      [dateClass]="props.datepickerOptions.dateClass"
+      [disabled]="props.datepickerOptions.disabled"
+      [opened]="props.datepickerOptions.opened"
+      [panelClass]="props.datepickerOptions.panelClass"
+      [startAt]="props.datepickerOptions.startAt"
+      [startView]="props.datepickerOptions.startView"
+      [touchUi]="props.datepickerOptions.touchUi"
+      [calendarHeaderComponent]="props.datepickerOptions.calendarHeaderComponent"
+      (monthSelected)="props.datepickerOptions.monthSelected(field, $event, picker)"
+      (yearSelected)="props.datepickerOptions.yearSelected(field, $event, picker)"
+      (opened)="props.datepickerOptions.opened = true"
+      (closed)="props.datepickerOptions.opened = false"
+    >
+    </mat-datepicker>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.FormlyConfig }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { datepickerToggle: [{
+                type: ViewChild,
+                args: ['datepickerToggle', { static: true }]
+            }] } });
+
+class FormlyMatDatepickerModule {
+}
+FormlyMatDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMatDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyMatDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMatDatepickerModule, declarations: [FormlyFieldDatepicker], imports: [CommonModule,
+        ReactiveFormsModule,
+        MatInputModule,
+        MatDatepickerModule,
+        FormlyMatFormFieldModule, i1.FormlyModule] });
+FormlyMatDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMatDatepickerModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            MatInputModule,
+            MatDatepickerModule,
+            FormlyMatFormFieldModule,
+            FormlyModule.forChild({
+                types: [
+                    {
+                        name: 'datepicker',
+                        component: FormlyFieldDatepicker,
+                        wrappers: ['form-field'],
+                    },
+                ],
+            }),
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: FormlyMatDatepickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FormlyFieldDatepicker],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatInputModule,
+                        MatDatepickerModule,
+                        FormlyMatFormFieldModule,
+                        FormlyModule.forChild({
+                            types: [
+                                {
+                                    name: 'datepicker',
+                                    component: FormlyFieldDatepicker,
+                                    wrappers: ['form-field'],
+                                },
+                            ],
+                        }),
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyFieldDatepicker, FormlyMatDatepickerModule };
+//# sourceMappingURL=ngx-formly-material-datepicker.mjs.map