@ngx-formly/material 6.0.0-next.1 → 6.0.0-next.2

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 = {
+            templateOptions: {
+                hideFieldUnderline: true,
+                indeterminate: true,
+                floatLabel: 'always',
+                hideLabel: true,
+                align: 'start',
+                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.to.focus && this.to.focus(this.field);
+                }
+                else {
+                    this.to.blur && this.to.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() {
+        if (this.checkbox) {
+            this.focusMonitor.stopMonitoring(this.checkbox._inputElement);
+        }
+    }
+}
+FormlyFieldCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", 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.0.2", 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]="to.tabindex"
+      [indeterminate]="to.indeterminate && formControl.value == null"
+      [color]="to.color"
+      [labelPosition]="to.align || to.labelPosition"
+    >
+      {{ to.label }}
+      <span
+        *ngIf="to.required && to.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.0.2", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-mat-checkbox',
+                    template: `
+    <mat-checkbox
+      [formControl]="formControl"
+      [id]="id"
+      [formlyAttributes]="field"
+      [tabIndex]="to.tabindex"
+      [indeterminate]="to.indeterminate && formControl.value == null"
+      [color]="to.color"
+      [labelPosition]="to.align || to.labelPosition"
+    >
+      {{ to.label }}
+      <span
+        *ngIf="to.required && to.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.0.2", ngImport: i0, type: FormlyMatCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyMatCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyMatCheckboxModule, declarations: [FormlyFieldCheckbox], imports: [CommonModule,
+        ReactiveFormsModule,
+        MatCheckboxModule,
+        FormlyMatFormFieldModule, i4.FormlyModule] });
+FormlyMatCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", 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.0.2", 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} from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\nimport { MatCheckbox } from '@angular/material/checkbox';\nimport { FocusMonitor } from '@angular/cdk/a11y';\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]=\"to.tabindex\"\n      [indeterminate]=\"to.indeterminate && formControl.value == null\"\n      [color]=\"to.color\"\n      [labelPosition]=\"to.align || to.labelPosition\"\n    >\n      {{ to.label }}\n      <span\n        *ngIf=\"to.required && to.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 extends FieldType implements AfterViewInit, AfterViewChecked, OnDestroy {\n  @ViewChild(MatCheckbox, { static: true }) checkbox!: MatCheckbox;\n  defaultOptions = {\n    templateOptions: {\n      hideFieldUnderline: true,\n      indeterminate: true,\n      floatLabel: 'always' as const,\n      hideLabel: true,\n      align: 'start', // start or end\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  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.to.focus && this.to.focus(this.field);\n        } else {\n          this.to.blur && this.to.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  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":[],"mappings":"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"}

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

@@ -0,0 +1,177 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
+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/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i1 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+
+class FormlyDatepickerTypeComponent extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.defaultOptions = {
+            templateOptions: {
+                datepickerOptions: {
+                    startView: 'month',
+                    datepickerTogglePosition: 'suffix',
+                    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() {
+        super.ngAfterViewInit();
+        this.to[this.to.datepickerOptions.datepickerTogglePosition] = this.datepickerToggle;
+    }
+}
+FormlyDatepickerTypeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyDatepickerTypeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyDatepickerTypeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: FormlyDatepickerTypeComponent, 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]="to.datepickerOptions.filter"
+      [max]="to.datepickerOptions.max"
+      [min]="to.datepickerOptions.min"
+      [formlyAttributes]="field"
+      [placeholder]="to.placeholder"
+      [tabindex]="to.tabindex"
+      [readonly]="to.readonly"
+      [required]="to.required"
+      (dateInput)="to.datepickerOptions.dateInput(field, $event)"
+      (dateChange)="to.datepickerOptions.dateChange(field, $event)"
+    />
+    <ng-template #datepickerToggle>
+      <mat-datepicker-toggle (click)="detectChanges()" [disabled]="to.disabled" [for]="picker"></mat-datepicker-toggle>
+    </ng-template>
+    <mat-datepicker
+      #picker
+      [color]="to.color"
+      [dateClass]="to.datepickerOptions.dateClass"
+      [disabled]="to.datepickerOptions.disabled"
+      [opened]="to.datepickerOptions.opened"
+      [panelClass]="to.datepickerOptions.panelClass"
+      [startAt]="to.datepickerOptions.startAt"
+      [startView]="to.datepickerOptions.startView"
+      [touchUi]="to.datepickerOptions.touchUi"
+      [calendarHeaderComponent]="to.datepickerOptions.calendarHeaderComponent"
+      (monthSelected)="to.datepickerOptions.monthSelected(field, $event, picker)"
+      (yearSelected)="to.datepickerOptions.yearSelected(field, $event, picker)"
+    >
+    </mat-datepicker>
+  `, isInline: true, components: [{ type: i1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { type: i1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }], directives: [{ type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { type: i3.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: i1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { 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: i3.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.0.2", ngImport: i0, type: FormlyDatepickerTypeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'formly-field-mat-datepicker',
+                    template: `
+    <input
+      matInput
+      [id]="id"
+      [errorStateMatcher]="errorStateMatcher"
+      [formControl]="formControl"
+      [matDatepicker]="picker"
+      [matDatepickerFilter]="to.datepickerOptions.filter"
+      [max]="to.datepickerOptions.max"
+      [min]="to.datepickerOptions.min"
+      [formlyAttributes]="field"
+      [placeholder]="to.placeholder"
+      [tabindex]="to.tabindex"
+      [readonly]="to.readonly"
+      [required]="to.required"
+      (dateInput)="to.datepickerOptions.dateInput(field, $event)"
+      (dateChange)="to.datepickerOptions.dateChange(field, $event)"
+    />
+    <ng-template #datepickerToggle>
+      <mat-datepicker-toggle (click)="detectChanges()" [disabled]="to.disabled" [for]="picker"></mat-datepicker-toggle>
+    </ng-template>
+    <mat-datepicker
+      #picker
+      [color]="to.color"
+      [dateClass]="to.datepickerOptions.dateClass"
+      [disabled]="to.datepickerOptions.disabled"
+      [opened]="to.datepickerOptions.opened"
+      [panelClass]="to.datepickerOptions.panelClass"
+      [startAt]="to.datepickerOptions.startAt"
+      [startView]="to.datepickerOptions.startView"
+      [touchUi]="to.datepickerOptions.touchUi"
+      [calendarHeaderComponent]="to.datepickerOptions.calendarHeaderComponent"
+      (monthSelected)="to.datepickerOptions.monthSelected(field, $event, picker)"
+      (yearSelected)="to.datepickerOptions.yearSelected(field, $event, picker)"
+    >
+    </mat-datepicker>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { datepickerToggle: [{
+                type: ViewChild,
+                args: ['datepickerToggle', { static: true }]
+            }] } });
+
+class FormlyMatDatepickerModule {
+}
+FormlyMatDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyMatDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyMatDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyMatDatepickerModule, declarations: [FormlyDatepickerTypeComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        MatInputModule,
+        MatDatepickerModule,
+        FormlyMatFormFieldModule, i4.FormlyModule] });
+FormlyMatDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyMatDatepickerModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            MatInputModule,
+            MatDatepickerModule,
+            FormlyMatFormFieldModule,
+            FormlyModule.forChild({
+                types: [
+                    {
+                        name: 'datepicker',
+                        component: FormlyDatepickerTypeComponent,
+                        wrappers: ['form-field'],
+                    },
+                ],
+            }),
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: FormlyMatDatepickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [FormlyDatepickerTypeComponent],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        MatInputModule,
+                        MatDatepickerModule,
+                        FormlyMatFormFieldModule,
+                        FormlyModule.forChild({
+                            types: [
+                                {
+                                    name: 'datepicker',
+                                    component: FormlyDatepickerTypeComponent,
+                                    wrappers: ['form-field'],
+                                },
+                            ],
+                        }),
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormlyMatDatepickerModule };
+//# sourceMappingURL=ngx-formly-material-datepicker.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngx-formly-material-datepicker.mjs","sources":["../../../../src/ui/material/datepicker/src/datepicker.type.ts","../../../../src/ui/material/datepicker/src/datepicker.module.ts","../../../../src/ui/material/datepicker/src/ngx-formly-material-datepicker.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewChild, AfterViewInit, TemplateRef } from '@angular/core';\nimport { FieldType } from '@ngx-formly/material/form-field';\n\n@Component({\n  selector: 'formly-field-mat-datepicker',\n  template: `\n    <input\n      matInput\n      [id]=\"id\"\n      [errorStateMatcher]=\"errorStateMatcher\"\n      [formControl]=\"formControl\"\n      [matDatepicker]=\"picker\"\n      [matDatepickerFilter]=\"to.datepickerOptions.filter\"\n      [max]=\"to.datepickerOptions.max\"\n      [min]=\"to.datepickerOptions.min\"\n      [formlyAttributes]=\"field\"\n      [placeholder]=\"to.placeholder\"\n      [tabindex]=\"to.tabindex\"\n      [readonly]=\"to.readonly\"\n      [required]=\"to.required\"\n      (dateInput)=\"to.datepickerOptions.dateInput(field, $event)\"\n      (dateChange)=\"to.datepickerOptions.dateChange(field, $event)\"\n    />\n    <ng-template #datepickerToggle>\n      <mat-datepicker-toggle (click)=\"detectChanges()\" [disabled]=\"to.disabled\" [for]=\"picker\"></mat-datepicker-toggle>\n    </ng-template>\n    <mat-datepicker\n      #picker\n      [color]=\"to.color\"\n      [dateClass]=\"to.datepickerOptions.dateClass\"\n      [disabled]=\"to.datepickerOptions.disabled\"\n      [opened]=\"to.datepickerOptions.opened\"\n      [panelClass]=\"to.datepickerOptions.panelClass\"\n      [startAt]=\"to.datepickerOptions.startAt\"\n      [startView]=\"to.datepickerOptions.startView\"\n      [touchUi]=\"to.datepickerOptions.touchUi\"\n      [calendarHeaderComponent]=\"to.datepickerOptions.calendarHeaderComponent\"\n      (monthSelected)=\"to.datepickerOptions.monthSelected(field, $event, picker)\"\n      (yearSelected)=\"to.datepickerOptions.yearSelected(field, $event, picker)\"\n    >\n    </mat-datepicker>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyDatepickerTypeComponent extends FieldType implements AfterViewInit {\n  @ViewChild('datepickerToggle', { static: true }) datepickerToggle!: TemplateRef<any>;\n\n  defaultOptions = {\n    templateOptions: {\n      datepickerOptions: {\n        startView: 'month',\n        datepickerTogglePosition: 'suffix',\n        dateInput: () => {},\n        dateChange: () => {},\n        monthSelected: () => {},\n        yearSelected: () => {},\n      },\n    },\n  };\n\n  detectChanges() {\n    this.options.detectChanges?.(this.field);\n  }\n\n  ngAfterViewInit() {\n    super.ngAfterViewInit();\n    this.to[this.to.datepickerOptions.datepickerTogglePosition] = this.datepickerToggle;\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 { MatInputModule } from '@angular/material/input';\nimport { MatDatepickerModule } from '@angular/material/datepicker';\n\nimport { FormlyDatepickerTypeComponent } from './datepicker.type';\n\n@NgModule({\n  declarations: [FormlyDatepickerTypeComponent],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    MatInputModule,\n    MatDatepickerModule,\n\n    FormlyMatFormFieldModule,\n    FormlyModule.forChild({\n      types: [\n        {\n          name: 'datepicker',\n          component: FormlyDatepickerTypeComponent,\n          wrappers: ['form-field'],\n        },\n      ],\n    }),\n  ],\n})\nexport class FormlyMatDatepickerModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;MA4Ca,sCAAsC,SAAS;IAzC5D;;QA4CE,mBAAc,GAAG;YACf,eAAe,EAAE;gBACf,iBAAiB,EAAE;oBACjB,SAAS,EAAE,OAAO;oBAClB,wBAAwB,EAAE,QAAQ;oBAClC,SAAS,EAAE,SAAQ;oBACnB,UAAU,EAAE,SAAQ;oBACpB,aAAa,EAAE,SAAQ;oBACvB,YAAY,EAAE,SAAQ;iBACvB;aACF;SACF,CAAC;KAUH;IARC,aAAa;;QACX,MAAA,MAAA,IAAI,CAAC,OAAO,EAAC,aAAa,mDAAG,IAAI,CAAC,KAAK,CAAC,CAAC;KAC1C;IAED,eAAe;QACb,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,iBAAiB,CAAC,wBAAwB,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC;KACrF;;0HAvBU,6BAA6B;8GAA7B,6BAA6B,8NAvC9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCT;2FAGU,6BAA6B;kBAzCzC,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;8BAEkD,gBAAgB;sBAAhE,SAAS;uBAAC,kBAAkB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;;;MCdpC,yBAAyB;;sHAAzB,yBAAyB;uHAAzB,yBAAyB,iBAnBrB,6BAA6B,aAE1C,YAAY;QACZ,mBAAmB;QACnB,cAAc;QACd,mBAAmB;QAEnB,wBAAwB;uHAYf,yBAAyB,YAlB3B;YACP,YAAY;YACZ,mBAAmB;YACnB,cAAc;YACd,mBAAmB;YAEnB,wBAAwB;YACxB,YAAY,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE;oBACL;wBACE,IAAI,EAAE,YAAY;wBAClB,SAAS,EAAE,6BAA6B;wBACxC,QAAQ,EAAE,CAAC,YAAY,CAAC;qBACzB;iBACF;aACF,CAAC;SACH;2FAEU,yBAAyB;kBApBrC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,6BAA6B,CAAC;oBAC7C,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,cAAc;wBACd,mBAAmB;wBAEnB,wBAAwB;wBACxB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL;oCACE,IAAI,EAAE,YAAY;oCAClB,SAAS,EAAE,6BAA6B;oCACxC,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB;6BACF;yBACF,CAAC;qBACH;iBACF;;;AC9BD;;;;;;"}