@ngx-formly/ionic 6.0.0-next.7 → 6.0.0-next.8

package/esm2020/textarea/textarea.module.mjs

@@ -9,12 +9,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "@ngx-formly/core";
 export class FormlyTextAreaModule {
 }
-FormlyTextAreaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyTextAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyTextAreaModule, declarations: [FormlyFieldTextArea], imports: [CommonModule,
+FormlyTextAreaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyTextAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyTextAreaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyTextAreaModule, declarations: [FormlyFieldTextArea], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule,
         FormlyFormFieldModule, i1.FormlyModule] });
-FormlyTextAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyTextAreaModule, imports: [[
+FormlyTextAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyTextAreaModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -29,7 +29,7 @@ FormlyTextAreaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyTextAreaModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyTextAreaModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldTextArea],

package/esm2020/textarea/textarea.type.mjs

@@ -6,12 +6,12 @@ import * as i2 from "@angular/forms";
 import * as i3 from "@ngx-formly/ionic/form-field";
 export class FormlyFieldTextArea extends FieldType {
 }
-FormlyFieldTextArea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldTextArea, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldTextArea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldTextArea, selector: "formly-field-ion-textarea", usesInheritance: true, ngImport: i0, template: `
+FormlyFieldTextArea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldTextArea, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldTextArea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldTextArea, selector: "formly-field-ion-textarea", usesInheritance: true, ngImport: i0, template: `
     <ion-textarea [formControl]="formControl" [ionFormlyAttributes]="field" [cols]="to.cols" [rows]="to.rows">
     </ion-textarea>
   `, isInline: true, styles: [":host{display:inherit}\n"], components: [{ type: i1.IonTextarea, selector: "ion-textarea", inputs: ["autoGrow", "autocapitalize", "autofocus", "clearOnEdit", "color", "cols", "debounce", "disabled", "enterkeyhint", "inputmode", "maxlength", "minlength", "mode", "name", "placeholder", "readonly", "required", "rows", "spellcheck", "value", "wrap"] }], directives: [{ type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldTextArea, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldTextArea, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-field-ion-textarea',

package/esm2020/toggle/toggle.module.mjs

@@ -9,12 +9,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "@ngx-formly/core";
 export class FormlyToggleModule {
 }
-FormlyToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyToggleModule, declarations: [FormlyFieldToggle], imports: [CommonModule,
+FormlyToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyToggleModule, declarations: [FormlyFieldToggle], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule,
         FormlyFormFieldModule, i1.FormlyModule] });
-FormlyToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyToggleModule, imports: [[
+FormlyToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyToggleModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -29,7 +29,7 @@ FormlyToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyToggleModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyToggleModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldToggle],

package/esm2020/toggle/toggle.type.mjs

@@ -6,9 +6,9 @@ import * as i2 from "@angular/forms";
 import * as i3 from "@ngx-formly/ionic/form-field";
 export class FormlyFieldToggle extends FieldType {
 }
-FormlyFieldToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldToggle, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldToggle, selector: "formly-field-ion-toggle", usesInheritance: true, ngImport: i0, template: ` <ion-toggle [formControl]="formControl" [ionFormlyAttributes]="field"> </ion-toggle> `, isInline: true, components: [{ type: i1.IonToggle, selector: "ion-toggle", inputs: ["checked", "color", "disabled", "mode", "name", "value"] }], directives: [{ type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldToggle, decorators: [{
+FormlyFieldToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldToggle, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldToggle, selector: "formly-field-ion-toggle", usesInheritance: true, ngImport: i0, template: ` <ion-toggle [formControl]="formControl" [ionFormlyAttributes]="field"> </ion-toggle> `, isInline: true, components: [{ type: i1.IonToggle, selector: "ion-toggle", inputs: ["checked", "color", "disabled", "mode", "name", "value"] }], directives: [{ type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldToggle, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-field-ion-toggle',

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

@@ -12,9 +12,9 @@ import { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';
 
 class FormlyFieldCheckbox extends FieldType {
 }
-FormlyFieldCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldCheckbox, selector: "formly-field-ion-checkbox", usesInheritance: true, ngImport: i0, template: ` <ion-checkbox [formControl]="formControl" [ionFormlyAttributes]="field"> </ion-checkbox> `, isInline: true, components: [{ type: i1.IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "indeterminate", "mode", "name", "value"] }], directives: [{ type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
+FormlyFieldCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldCheckbox, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldCheckbox, selector: "formly-field-ion-checkbox", usesInheritance: true, ngImport: i0, template: ` <ion-checkbox [formControl]="formControl" [ionFormlyAttributes]="field"> </ion-checkbox> `, isInline: true, components: [{ type: i1.IonCheckbox, selector: "ion-checkbox", inputs: ["checked", "color", "disabled", "indeterminate", "mode", "name", "value"] }], directives: [{ type: i1.BooleanValueAccessor, selector: "ion-checkbox,ion-toggle" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldCheckbox, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-field-ion-checkbox',
@@ -25,12 +25,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
 
 class FormlyCheckboxModule {
 }
-FormlyCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyCheckboxModule, declarations: [FormlyFieldCheckbox], imports: [CommonModule,
+FormlyCheckboxModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyCheckboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyCheckboxModule, declarations: [FormlyFieldCheckbox], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule,
         FormlyFormFieldModule, i1$1.FormlyModule] });
-FormlyCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyCheckboxModule, imports: [[
+FormlyCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyCheckboxModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -49,7 +49,7 @@ FormlyCheckboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyCheckboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyCheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldCheckbox],

package/fesm2015/ngx-formly-ionic-datetime.mjs

@@ -1,80 +1,141 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { Component, ChangeDetectionStrategy, ViewEncapsulation, ViewChild, NgModule } from '@angular/core';
+import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$1 from '@ngx-formly/core';
 import { FieldType, FormlyModule } from '@ngx-formly/core';
 import * as i2 from '@angular/forms';
 import { ReactiveFormsModule } from '@angular/forms';
 import * as i1 from '@ionic/angular';
-import { IonicModule } from '@ionic/angular';
+import { IonDatetime, IonicModule } from '@ionic/angular';
 import * as i3 from '@ngx-formly/ionic/form-field';
 import { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';
 
 class FormlyFieldDatetime extends FieldType {
+    constructor() {
+        super(...arguments);
+        this.isOpen = false;
+        this.defaultOptions = {
+            templateOptions: {
+                displayFormat: undefined,
+                presentation: 'date', // date | time | time-date
+            },
+        };
+    }
+    displayFormat() {
+        if (this.to.displayFormat) {
+            return this.to.displayFormat;
+        }
+        switch (this.to.presentation) {
+            case 'time-date':
+                return 'short';
+            case 'time':
+                return 'shortTime';
+            case 'date':
+                return 'mediumDate';
+        }
+    }
+    confirm() {
+        var _a;
+        (_a = this.datetime) === null || _a === void 0 ? void 0 : _a.confirm();
+        this.close();
+    }
+    reset() {
+        var _a;
+        (_a = this.datetime) === null || _a === void 0 ? void 0 : _a.reset();
+        this.close();
+    }
+    close() {
+        this.isOpen = false;
+        this.formControl.markAsTouched();
+    }
 }
-FormlyFieldDatetime.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldDatetime, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldDatetime.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldDatetime, selector: "formly-field-ion-datetime", usesInheritance: true, ngImport: i0, template: `
-    <ion-datetime
-      [cancelText]="to.cancelText"
-      [dayNames]="to.dayNames"
-      [dayShortNames]="to.dayShortNames"
-      [dayValues]="to.dayValues"
-      [displayFormat]="to.displayFormat"
-      [doneText]="to.doneText"
-      [hourValues]="to.hourValues"
-      [minuteValues]="to.minuteValues"
-      [monthNames]="to.monthNames"
-      [monthShortNames]="to.monthShortNames"
-      [monthValues]="to.monthValues"
-      [pickerFormat]="to.pickerFormat"
-      [pickerOptions]="to.pickerOptions"
-      [yearValues]="to.yearValues"
-      [min]="to.minDate ? to.minDate : to.min"
-      [max]="to.maxDate ? to.maxDate : to.max"
-      [formControl]="formControl"
-      [ionFormlyAttributes]="field"
+FormlyFieldDatetime.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldDatetime, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldDatetime.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldDatetime, selector: "formly-field-ion-datetime", viewQueries: [{ propertyName: "datetime", first: true, predicate: IonDatetime, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <ion-item [button]="true" [detail]="false" (click)="isOpen = true">
+      <ion-label>
+        {{ formControl.value ? (formControl.value | date: displayFormat()) : to.placeholder }}
+      </ion-label>
+    </ion-item>
+    <ion-modal
+      [isOpen]="isOpen"
+      (didDismiss)="close()"
+      [cssClass]="'ion-datetime-modal ion-datetime-modal-' + to.presentation"
     >
-    </ion-datetime>
-  `, isInline: true, components: [{ type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "dayNames", "dayShortNames", "dayValues", "disabled", "displayFormat", "displayTimezone", "doneText", "hourValues", "max", "min", "minuteValues", "mode", "monthNames", "monthShortNames", "monthValues", "name", "pickerFormat", "pickerOptions", "placeholder", "readonly", "value", "yearValues"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldDatetime, decorators: [{
+      <ng-template>
+        <ion-datetime
+          [locale]="to.locale"
+          [presentation]="to.presentation"
+          [cancelText]="to.cancelText"
+          [dayValues]="to.dayValues"
+          [doneText]="to.doneText"
+          [hourValues]="to.hourValues"
+          [minuteValues]="to.minuteValues"
+          [monthValues]="to.monthValues"
+          [yearValues]="to.yearValues"
+          [min]="to.minDate ? to.minDate : to.min"
+          [max]="to.maxDate ? to.maxDate : to.max"
+          [formControl]="formControl"
+          [ionFormlyAttributes]="field"
+        >
+          <ion-buttons slot="buttons">
+            <ion-button (click)="reset()">{{ to.cancelText || 'Cancel' }}</ion-button>
+            <ion-button (click)="confirm()">{{ to.doneText || 'Done' }}</ion-button>
+          </ion-buttons>
+        </ion-datetime>
+      </ng-template>
+    </ion-modal>
+  `, isInline: true, styles: [".ion-datetime-modal{--width: 310px;--border-radius: 8px}.ion-datetime-modal.ion-datetime-modal-time-date{--height: 440px}.ion-datetime-modal.ion-datetime-modal-date{--height: 390px}.ion-datetime-modal.ion-datetime-modal-time{--height: 260px}\n"], components: [{ type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i1.IonModal, selector: "ion-modal", inputs: ["animated", "backdropBreakpoint", "backdropDismiss", "breakpoints", "cssClass", "enterAnimation", "event", "handle", "initialBreakpoint", "isOpen", "keyboardClose", "leaveAnimation", "mode", "presentingElement", "showBackdrop", "swipeToClose", "translucent", "trigger"] }, { type: i1.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "hourCycle", "hourValues", "locale", "max", "min", "minuteValues", "mode", "monthValues", "name", "presentation", "readonly", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "value", "yearValues"] }, { type: i1.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { type: i1.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }], pipes: { "date": i4.DatePipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldDatetime, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'formly-field-ion-datetime',
-                    template: `
-    <ion-datetime
-      [cancelText]="to.cancelText"
-      [dayNames]="to.dayNames"
-      [dayShortNames]="to.dayShortNames"
-      [dayValues]="to.dayValues"
-      [displayFormat]="to.displayFormat"
-      [doneText]="to.doneText"
-      [hourValues]="to.hourValues"
-      [minuteValues]="to.minuteValues"
-      [monthNames]="to.monthNames"
-      [monthShortNames]="to.monthShortNames"
-      [monthValues]="to.monthValues"
-      [pickerFormat]="to.pickerFormat"
-      [pickerOptions]="to.pickerOptions"
-      [yearValues]="to.yearValues"
-      [min]="to.minDate ? to.minDate : to.min"
-      [max]="to.maxDate ? to.maxDate : to.max"
-      [formControl]="formControl"
-      [ionFormlyAttributes]="field"
+            args: [{ selector: 'formly-field-ion-datetime', template: `
+    <ion-item [button]="true" [detail]="false" (click)="isOpen = true">
+      <ion-label>
+        {{ formControl.value ? (formControl.value | date: displayFormat()) : to.placeholder }}
+      </ion-label>
+    </ion-item>
+    <ion-modal
+      [isOpen]="isOpen"
+      (didDismiss)="close()"
+      [cssClass]="'ion-datetime-modal ion-datetime-modal-' + to.presentation"
     >
-    </ion-datetime>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                }]
-        }] });
+      <ng-template>
+        <ion-datetime
+          [locale]="to.locale"
+          [presentation]="to.presentation"
+          [cancelText]="to.cancelText"
+          [dayValues]="to.dayValues"
+          [doneText]="to.doneText"
+          [hourValues]="to.hourValues"
+          [minuteValues]="to.minuteValues"
+          [monthValues]="to.monthValues"
+          [yearValues]="to.yearValues"
+          [min]="to.minDate ? to.minDate : to.min"
+          [max]="to.maxDate ? to.maxDate : to.max"
+          [formControl]="formControl"
+          [ionFormlyAttributes]="field"
+        >
+          <ion-buttons slot="buttons">
+            <ion-button (click)="reset()">{{ to.cancelText || 'Cancel' }}</ion-button>
+            <ion-button (click)="confirm()">{{ to.doneText || 'Done' }}</ion-button>
+          </ion-buttons>
+        </ion-datetime>
+      </ng-template>
+    </ion-modal>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, styles: [".ion-datetime-modal{--width: 310px;--border-radius: 8px}.ion-datetime-modal.ion-datetime-modal-time-date{--height: 440px}.ion-datetime-modal.ion-datetime-modal-date{--height: 390px}.ion-datetime-modal.ion-datetime-modal-time{--height: 260px}\n"] }]
+        }], propDecorators: { datetime: [{
+                type: ViewChild,
+                args: [IonDatetime]
+            }] } });
 
 class FormlyDatetimeModule {
 }
-FormlyDatetimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyDatetimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyDatetimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyDatetimeModule, declarations: [FormlyFieldDatetime], imports: [CommonModule,
+FormlyDatetimeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyDatetimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyDatetimeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyDatetimeModule, declarations: [FormlyFieldDatetime], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule,
         FormlyFormFieldModule, i1$1.FormlyModule] });
-FormlyDatetimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyDatetimeModule, imports: [[
+FormlyDatetimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyDatetimeModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -89,7 +150,7 @@ FormlyDatetimeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyDatetimeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyDatetimeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldDatetime],

package/fesm2015/ngx-formly-ionic-datetime.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-formly-ionic-datetime.mjs","sources":["../../../../src/ui/ionic/datetime/src/datetime.type.ts","../../../../src/ui/ionic/datetime/src/datetime.module.ts","../../../../src/ui/ionic/datetime/src/ngx-formly-ionic-datetime.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy } from '@angular/core';\nimport { FieldType, FieldTypeConfig } from '@ngx-formly/core';\n\n@Component({\n  selector: 'formly-field-ion-datetime',\n  template: `\n    <ion-datetime\n      [cancelText]=\"to.cancelText\"\n      [dayNames]=\"to.dayNames\"\n      [dayShortNames]=\"to.dayShortNames\"\n      [dayValues]=\"to.dayValues\"\n      [displayFormat]=\"to.displayFormat\"\n      [doneText]=\"to.doneText\"\n      [hourValues]=\"to.hourValues\"\n      [minuteValues]=\"to.minuteValues\"\n      [monthNames]=\"to.monthNames\"\n      [monthShortNames]=\"to.monthShortNames\"\n      [monthValues]=\"to.monthValues\"\n      [pickerFormat]=\"to.pickerFormat\"\n      [pickerOptions]=\"to.pickerOptions\"\n      [yearValues]=\"to.yearValues\"\n      [min]=\"to.minDate ? to.minDate : to.min\"\n      [max]=\"to.maxDate ? to.maxDate : to.max\"\n      [formControl]=\"formControl\"\n      [ionFormlyAttributes]=\"field\"\n    >\n    </ion-datetime>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormlyFieldDatetime extends FieldType<FieldTypeConfig> {}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { IonicModule } from '@ionic/angular';\nimport { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';\n\nimport { FormlyFieldDatetime } from './datetime.type';\n\n@NgModule({\n  declarations: [FormlyFieldDatetime],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    IonicModule,\n    FormlyFormFieldModule,\n    FormlyModule.forChild({\n      types: [\n        {\n          name: 'datetime',\n          component: FormlyFieldDatetime,\n          wrappers: ['form-field'],\n        },\n      ],\n    }),\n  ],\n})\nexport class FormlyDatetimeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;MA8Ba,4BAA4B,SAA0B;;gHAAtD,mBAAmB;oGAAnB,mBAAmB,wFAzBpB;;;;;;;;;;;;;;;;;;;;;;GAsBT;2FAGU,mBAAmB;kBA3B/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;GAsBT;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD;;;MCFY,oBAAoB;;iHAApB,oBAAoB;kHAApB,oBAAoB,iBAjBhB,mBAAmB,aAEhC,YAAY;QACZ,mBAAmB;QACnB,WAAW;QACX,qBAAqB;kHAYZ,oBAAoB,YAhBtB;YACP,YAAY;YACZ,mBAAmB;YACnB,WAAW;YACX,qBAAqB;YACrB,YAAY,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE;oBACL;wBACE,IAAI,EAAE,UAAU;wBAChB,SAAS,EAAE,mBAAmB;wBAC9B,QAAQ,EAAE,CAAC,YAAY,CAAC;qBACzB;iBACF;aACF,CAAC;SACH;2FAEU,oBAAoB;kBAlBhC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;oBACnC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,WAAW;wBACX,qBAAqB;wBACrB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL;oCACE,IAAI,EAAE,UAAU;oCAChB,SAAS,EAAE,mBAAmB;oCAC9B,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB;6BACF;yBACF,CAAC;qBACH;iBACF;;;AC1BD;;;;;;"}
+{"version":3,"file":"ngx-formly-ionic-datetime.mjs","sources":["../../../../src/ui/ionic/datetime/src/datetime.type.ts","../../../../src/ui/ionic/datetime/src/datetime.module.ts","../../../../src/ui/ionic/datetime/src/ngx-formly-ionic-datetime.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewChild, ViewEncapsulation } from '@angular/core';\nimport { IonDatetime } from '@ionic/angular';\nimport { FieldType, FieldTypeConfig } from '@ngx-formly/core';\n\n@Component({\n  selector: 'formly-field-ion-datetime',\n  template: `\n    <ion-item [button]=\"true\" [detail]=\"false\" (click)=\"isOpen = true\">\n      <ion-label>\n        {{ formControl.value ? (formControl.value | date: displayFormat()) : to.placeholder }}\n      </ion-label>\n    </ion-item>\n    <ion-modal\n      [isOpen]=\"isOpen\"\n      (didDismiss)=\"close()\"\n      [cssClass]=\"'ion-datetime-modal ion-datetime-modal-' + to.presentation\"\n    >\n      <ng-template>\n        <ion-datetime\n          [locale]=\"to.locale\"\n          [presentation]=\"to.presentation\"\n          [cancelText]=\"to.cancelText\"\n          [dayValues]=\"to.dayValues\"\n          [doneText]=\"to.doneText\"\n          [hourValues]=\"to.hourValues\"\n          [minuteValues]=\"to.minuteValues\"\n          [monthValues]=\"to.monthValues\"\n          [yearValues]=\"to.yearValues\"\n          [min]=\"to.minDate ? to.minDate : to.min\"\n          [max]=\"to.maxDate ? to.maxDate : to.max\"\n          [formControl]=\"formControl\"\n          [ionFormlyAttributes]=\"field\"\n        >\n          <ion-buttons slot=\"buttons\">\n            <ion-button (click)=\"reset()\">{{ to.cancelText || 'Cancel' }}</ion-button>\n            <ion-button (click)=\"confirm()\">{{ to.doneText || 'Done' }}</ion-button>\n          </ion-buttons>\n        </ion-datetime>\n      </ng-template>\n    </ion-modal>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrls: ['./dattime.type.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class FormlyFieldDatetime extends FieldType<FieldTypeConfig> {\n  @ViewChild(IonDatetime) datetime: IonDatetime;\n  isOpen = false;\n\n  defaultOptions? = {\n    templateOptions: {\n      displayFormat: undefined,\n      presentation: 'date', // date | time | time-date\n    },\n  };\n\n  displayFormat() {\n    if (this.to.displayFormat) {\n      return this.to.displayFormat;\n    }\n\n    switch (this.to.presentation) {\n      case 'time-date':\n        return 'short';\n      case 'time':\n        return 'shortTime';\n      case 'date':\n        return 'mediumDate';\n    }\n  }\n\n  confirm() {\n    this.datetime?.confirm();\n    this.close();\n  }\n\n  reset() {\n    this.datetime?.reset();\n    this.close();\n  }\n\n  close() {\n    this.isOpen = false;\n    this.formControl.markAsTouched();\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 { IonicModule } from '@ionic/angular';\nimport { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';\n\nimport { FormlyFieldDatetime } from './datetime.type';\n\n@NgModule({\n  declarations: [FormlyFieldDatetime],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    IonicModule,\n    FormlyFormFieldModule,\n    FormlyModule.forChild({\n      types: [\n        {\n          name: 'datetime',\n          component: FormlyFieldDatetime,\n          wrappers: ['form-field'],\n        },\n      ],\n    }),\n  ],\n})\nexport class FormlyDatetimeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;MA6Ca,4BAA4B,SAA0B;IAzCnE;;QA2CE,WAAM,GAAG,KAAK,CAAC;QAEf,mBAAc,GAAI;YAChB,eAAe,EAAE;gBACf,aAAa,EAAE,SAAS;gBACxB,YAAY,EAAE,MAAM;aACrB;SACF,CAAC;KA+BH;IA7BC,aAAa;QACX,IAAI,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE;YACzB,OAAO,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;SAC9B;QAED,QAAQ,IAAI,CAAC,EAAE,CAAC,YAAY;YAC1B,KAAK,WAAW;gBACd,OAAO,OAAO,CAAC;YACjB,KAAK,MAAM;gBACT,OAAO,WAAW,CAAC;YACrB,KAAK,MAAM;gBACT,OAAO,YAAY,CAAC;SACvB;KACF;IAED,OAAO;;QACL,MAAA,IAAI,CAAC,QAAQ,0CAAE,OAAO,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;IAED,KAAK;;QACH,MAAA,IAAI,CAAC,QAAQ,0CAAE,KAAK,EAAE,CAAC;QACvB,IAAI,CAAC,KAAK,EAAE,CAAC;KACd;IAED,KAAK;QACH,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,CAAC;KAClC;;gHAvCU,mBAAmB;oGAAnB,mBAAmB,2GACnB,WAAW,uEAxCZ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCT;2FAKU,mBAAmB;kBAzC/B,SAAS;+BACE,2BAA2B,YAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCT,mBACgB,uBAAuB,CAAC,MAAM,iBAEhC,iBAAiB,CAAC,IAAI;8BAGb,QAAQ;sBAA/B,SAAS;uBAAC,WAAW;;;MCnBX,oBAAoB;;iHAApB,oBAAoB;kHAApB,oBAAoB,iBAjBhB,mBAAmB,aAEhC,YAAY;QACZ,mBAAmB;QACnB,WAAW;QACX,qBAAqB;kHAYZ,oBAAoB,YAhBtB;YACP,YAAY;YACZ,mBAAmB;YACnB,WAAW;YACX,qBAAqB;YACrB,YAAY,CAAC,QAAQ,CAAC;gBACpB,KAAK,EAAE;oBACL;wBACE,IAAI,EAAE,UAAU;wBAChB,SAAS,EAAE,mBAAmB;wBAC9B,QAAQ,EAAE,CAAC,YAAY,CAAC;qBACzB;iBACF;aACF,CAAC;SACH;2FAEU,oBAAoB;kBAlBhC,QAAQ;mBAAC;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;oBACnC,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,WAAW;wBACX,qBAAqB;wBACrB,YAAY,CAAC,QAAQ,CAAC;4BACpB,KAAK,EAAE;gCACL;oCACE,IAAI,EAAE,UAAU;oCAChB,SAAS,EAAE,mBAAmB;oCAC9B,QAAQ,EAAE,CAAC,YAAY,CAAC;iCACzB;6BACF;yBACF,CAAC;qBACH;iBACF;;;AC1BD;;;;;;"}

package/fesm2015/ngx-formly-ionic-form-field.mjs

@@ -10,8 +10,8 @@ import { IonicModule } from '@ionic/angular';
 
 class FormlyWrapperFormField extends FieldWrapper {
 }
-FormlyWrapperFormField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyWrapperFormField, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyWrapperFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyWrapperFormField, selector: "formly-wrapper-ion-form-field", usesInheritance: true, ngImport: i0, template: `
+FormlyWrapperFormField.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyWrapperFormField, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyWrapperFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyWrapperFormField, selector: "formly-wrapper-ion-form-field", usesInheritance: true, ngImport: i0, template: `
     <ion-item [lines]="to.itemLines">
       <ion-label [position]="to.labelPosition">
         {{ to.label }}
@@ -28,8 +28,8 @@ FormlyWrapperFormField.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
         </ion-text>
       </ion-label>
     </ion-item>
-  `, isInline: true, components: [{ type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyWrapperFormField, decorators: [{
+  `, isInline: true, components: [{ type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyWrapperFormField, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-wrapper-ion-form-field',
@@ -68,9 +68,9 @@ class IonFormlyAttributes extends ɵFormlyAttributes {
         }
     }
 }
-IonFormlyAttributes.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IonFormlyAttributes, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-IonFormlyAttributes.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.1.2", type: IonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: { field: ["ionFormlyAttributes", "field"] }, host: { listeners: { "ionFocus": "onFocus($event)", "ionBlur": "onBlur($event)", "ionChange": "onChange($event)" } }, usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: IonFormlyAttributes, decorators: [{
+IonFormlyAttributes.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: IonFormlyAttributes, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+IonFormlyAttributes.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: IonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: { field: ["ionFormlyAttributes", "field"] }, host: { listeners: { "ionFocus": "onFocus($event)", "ionBlur": "onBlur($event)", "ionChange": "onChange($event)" } }, usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: IonFormlyAttributes, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line
@@ -88,11 +88,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
 
 class FormlyFormFieldModule {
 }
-FormlyFormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFormFieldModule, declarations: [FormlyWrapperFormField, IonFormlyAttributes], imports: [CommonModule,
+FormlyFormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFormFieldModule, declarations: [FormlyWrapperFormField, IonFormlyAttributes], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule, i2.FormlyModule], exports: [IonFormlyAttributes] });
-FormlyFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFormFieldModule, imports: [[
+FormlyFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFormFieldModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -105,7 +105,7 @@ FormlyFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", v
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFormFieldModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFormFieldModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyWrapperFormField, IonFormlyAttributes],

package/fesm2015/ngx-formly-ionic-input.mjs

@@ -13,8 +13,8 @@ import { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';
 
 class FormlyFieldInput extends FieldType {
 }
-FormlyFieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldInput, selector: "formly-field-ion-input", usesInheritance: true, ngImport: i0, template: `
+FormlyFieldInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldInput, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldInput, selector: "formly-field-ion-input", usesInheritance: true, ngImport: i0, template: `
     <ion-input
       *ngIf="to.type !== 'number'; else numberTmp"
       [type]="to.type || 'text'"
@@ -25,7 +25,7 @@ FormlyFieldInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
       <ion-input type="number" [formControl]="formControl" [ionFormlyAttributes]="field"></ion-input>
     </ng-template>
   `, isInline: true, styles: [":host{display:inherit}\n"], components: [{ type: i1.IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "debounce", "disabled", "enterkeyhint", "inputmode", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "size", "spellcheck", "step", "type", "value"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.TextValueAccessor, selector: "ion-input:not([type=number]),ion-textarea,ion-searchbar" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }, { type: i1.NumericValueAccessor, selector: "ion-input[type=number]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldInput, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-field-ion-input',
@@ -47,12 +47,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
 
 class FormlyInputModule {
 }
-FormlyInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyInputModule, declarations: [FormlyFieldInput], imports: [CommonModule,
+FormlyInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyInputModule, declarations: [FormlyFieldInput], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule,
         FormlyFormFieldModule, i1$1.FormlyModule] });
-FormlyInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyInputModule, imports: [[
+FormlyInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyInputModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -86,7 +86,7 @@ FormlyInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyInputModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldInput],

package/fesm2015/ngx-formly-ionic-radio.mjs

@@ -21,8 +21,8 @@ class FormlyFieldRadio extends FieldType {
         };
     }
 }
-FormlyFieldRadio.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldRadio, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldRadio, selector: "formly-field-ion-radio", usesInheritance: true, ngImport: i0, template: `
+FormlyFieldRadio.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldRadio, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldRadio, selector: "formly-field-ion-radio", usesInheritance: true, ngImport: i0, template: `
     <ion-list>
       <ion-radio-group [formControl]="formControl" [ionFormlyAttributes]="field">
         <ion-list-header>{{ to.label }}</ion-list-header>
@@ -44,8 +44,8 @@ FormlyFieldRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versi
         </ion-text>
       </ion-label>
     </ion-item>
-  `, isInline: true, components: [{ type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { type: i1.IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "name", "value"] }, { type: i1.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i1.IonRadio, selector: "ion-radio", inputs: ["color", "disabled", "mode", "name", "value"] }, { type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RadioValueAccessor, selector: "ion-radio" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i5.AsyncPipe, "formlySelectOptions": i6.ɵFormlySelectOptionsPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldRadio, decorators: [{
+  `, isInline: true, components: [{ type: i1.IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { type: i1.IonRadioGroup, selector: "ion-radio-group", inputs: ["allowEmptySelection", "name", "value"] }, { type: i1.IonListHeader, selector: "ion-list-header", inputs: ["color", "lines", "mode"] }, { type: i1.IonItem, selector: "ion-item", inputs: ["button", "color", "counter", "detail", "detailIcon", "disabled", "download", "fill", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "shape", "target", "type"] }, { type: i1.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { type: i1.IonRadio, selector: "ion-radio", inputs: ["color", "disabled", "mode", "name", "value"] }, { type: i1.IonText, selector: "ion-text", inputs: ["color", "mode"] }, { type: i2.ɵFormlyValidationMessage, selector: "formly-validation-message", inputs: ["field"] }], directives: [{ type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.RadioValueAccessor, selector: "ion-radio" }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i5.AsyncPipe, "formlySelectOptions": i6.ɵFormlySelectOptionsPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldRadio, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-field-ion-radio',
@@ -78,13 +78,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
 
 class FormlyRadioModule {
 }
-FormlyRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlyRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyRadioModule, declarations: [FormlyFieldRadio], imports: [CommonModule,
+FormlyRadioModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyRadioModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlyRadioModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyRadioModule, declarations: [FormlyFieldRadio], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule,
         FormlyFormFieldModule,
         FormlySelectModule, i2.FormlyModule] });
-FormlyRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyRadioModule, imports: [[
+FormlyRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyRadioModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -100,7 +100,7 @@ FormlyRadioModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", versi
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyRadioModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyRadioModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldRadio],

package/fesm2015/ngx-formly-ionic-select.mjs

@@ -26,8 +26,8 @@ class FormlyFieldSelect extends FieldType {
         };
     }
 }
-FormlyFieldSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldSelect, deps: null, target: i0.ɵɵFactoryTarget.Component });
-FormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormlyFieldSelect, selector: "formly-field-ion-select", usesInheritance: true, ngImport: i0, template: `
+FormlyFieldSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldSelect, deps: null, target: i0.ɵɵFactoryTarget.Component });
+FormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormlyFieldSelect, selector: "formly-field-ion-select", usesInheritance: true, ngImport: i0, template: `
     <!-- ng-container used as a workaround for https://github.com/ionic-team/ionic/issues/19324 -->
     <ng-container *ngIf="to.options | formlySelectOptions: field | async; let selectOptions">
       <ion-select
@@ -47,7 +47,7 @@ FormlyFieldSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", vers
       </ion-select>
     </ng-container>
   `, isInline: true, styles: [":host{display:inherit}\n"], components: [{ type: i1.IonSelect, selector: "ion-select", inputs: ["cancelText", "compareWith", "disabled", "interface", "interfaceOptions", "mode", "multiple", "name", "okText", "placeholder", "selectedText", "value"] }, { type: i1.IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.SelectValueAccessor, selector: "ion-range, ion-select, ion-radio-group, ion-segment, ion-datetime" }, { type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { type: i4.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }, { type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "async": i2.AsyncPipe, "formlySelectOptions": i5.ɵFormlySelectOptionsPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlyFieldSelect, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlyFieldSelect, decorators: [{
             type: Component,
             args: [{
                     selector: 'formly-field-ion-select',
@@ -78,13 +78,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
 
 class FormlySelectModule {
 }
-FormlySelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlySelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-FormlySelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlySelectModule, declarations: [FormlyFieldSelect], imports: [CommonModule,
+FormlySelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+FormlySelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySelectModule, declarations: [FormlyFieldSelect], imports: [CommonModule,
         ReactiveFormsModule,
         IonicModule,
         FormlyFormFieldModule,
         FormlySelectModule$1, i1$1.FormlyModule] });
-FormlySelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlySelectModule, imports: [[
+FormlySelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySelectModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             IonicModule,
@@ -101,7 +101,7 @@ FormlySelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", vers
                 ],
             }),
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormlySelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormlySelectModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FormlyFieldSelect],