@ngx-formly/ionic 10.0.1 → 11.1.0-rc.0

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

@@ -1,75 +1,98 @@
-import * as i0 from '@angular/core';
-import { ViewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import * as i2 from '@ionic/angular';
-import { IonDatetime, IonicModule } from '@ionic/angular';
-import * as i1$1 from '@ngx-formly/core';
-import { FieldType, FormlyModule } from '@ngx-formly/core';
-import * as i1 from '@angular/forms';
-import { ReactiveFormsModule } from '@angular/forms';
-import * as i3 from '@ngx-formly/ionic/form-field';
-import { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';
-import * as i4 from '@angular/common';
-import { CommonModule } from '@angular/common';
-
-class FormlyFieldDatetime extends FieldType {
-    constructor() {
-        super(...arguments);
-        this.isOpen = false;
-        this.defaultOptions = {
-            props: {
-                presentation: 'month-year',
-            },
-        };
-    }
-    displayFormat() {
-        if (this.props.displayFormat) {
-            return this.props.displayFormat;
-        }
-        switch (this.props.presentation) {
-            case 'date-time':
-            case 'time-date':
-                return 'short';
-            case 'time':
-                return 'shortTime';
-            case 'month':
-                return 'MMMM';
-            case 'month-year':
-                return 'MMMM, y';
-            case 'year':
-                return 'y';
-            case 'date':
-                return 'mediumDate';
-        }
-    }
-    confirm() {
-        this.datetime?.confirm();
-        this.close();
-    }
-    reset() {
-        this.datetime?.reset();
-        this.close();
-    }
-    close() {
-        this.isOpen = false;
-        this.formControl.markAsTouched();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldDatetime, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldDatetime, isStandalone: false, selector: "formly-field-ion-datetime", viewQueries: [{ propertyName: "datetime", first: true, predicate: IonDatetime, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, NgModule, ViewChild, ViewEncapsulation } from "@angular/core";
+import * as i2 from "@ionic/angular";
+import { IonButton, IonButtons, IonDatetime, IonItem, IonLabel, IonModal } from "@ionic/angular";
+import * as i1 from "@ngx-formly/core";
+import { FieldType, FormlyModule } from "@ngx-formly/core";
+import * as i1$1 from "@angular/forms";
+import { ReactiveFormsModule } from "@angular/forms";
+import * as i3 from "@ngx-formly/ionic/form-field";
+import { FormlyFormFieldModule } from "@ngx-formly/ionic/form-field";
+import * as i4 from "@angular/common";
+import { CommonModule } from "@angular/common";
+var FormlyFieldDatetime = class FormlyFieldDatetime extends FieldType {
+	constructor() {
+		super(...arguments);
+		this.isOpen = false;
+		this.defaultOptions = { props: { presentation: "month-year" } };
+	}
+	displayFormat() {
+		if (this.props.displayFormat) return this.props.displayFormat;
+		switch (this.props.presentation) {
+			case "date-time":
+			case "time-date": return "short";
+			case "time": return "shortTime";
+			case "month": return "MMMM";
+			case "month-year": return "MMMM, y";
+			case "year": return "y";
+			case "date": return "mediumDate";
+		}
+	}
+	confirm() {
+		this.datetime?.confirm();
+		this.close();
+	}
+	reset() {
+		this.datetime?.reset();
+		this.close();
+	}
+	close() {
+		this.isOpen = false;
+		this.formControl.markAsTouched();
+	}
+	onLabelInteraction(event) {
+		if (event.target.closest("a[href]")) event.stopPropagation();
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyFieldDatetime,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: FormlyFieldDatetime,
+			isStandalone: false,
+			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"
       [disabled]="formControl.disabled"
-      [attr.aria-label]="props.label"
+      [attr.aria-label]="props.allowHtml ? null : props.label"
+      [attr.aria-labelledby]="props.allowHtml ? id + '-label' : null"
       aria-haspopup="dialog"
       [attr.aria-expanded]="isOpen"
       (click)="isOpen = true"
     >
       <ion-label>
-        @if (!props.hideLabel) {
+        @if (props.allowHtml) {
+          <span
+            [id]="id + '-label'"
+            [hidden]="props.hideLabel"
+            [innerHTML]="props.label"
+            (click)="onLabelInteraction($event)"
+            (keydown)="onLabelInteraction($event)"
+          ></span>
+        } @else if (!props.hideLabel) {
           {{ props.label }}
-          @if (props.required && !props.hideRequiredMarker) {
-            <span aria-hidden="true">*</span>
-          }
+        }
+        @if (!props.hideLabel && props.required && !props.hideRequiredMarker) {
+          <span aria-hidden="true">*</span>
         }
         <p>{{ formControl.value ? (formControl.value | date: displayFormat()) : props.placeholder }}</p>
       </ion-label>
@@ -102,26 +125,184 @@ class FormlyFieldDatetime extends FieldType {
         </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}formly-field-ion-datetime{display:inherit}formly-field-ion-datetime ion-item{flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonDatetime, selector: "ion-datetime", inputs: ["cancelText", "clearText", "color", "dayValues", "disabled", "doneText", "firstDayOfWeek", "formatOptions", "highlightedDates", "hourCycle", "hourValues", "isDateEnabled", "locale", "max", "min", "minuteValues", "mode", "monthValues", "multiple", "name", "preferWheel", "presentation", "readonly", "showAdjacentDays", "showClearButton", "showDefaultButtons", "showDefaultTimeLabel", "showDefaultTitle", "size", "titleSelectedDatesFormatter", "value", "yearValues"] }, { kind: "component", type: i2.IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: i2.IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: i2.IonModal, selector: "ion-modal" }, { kind: "directive", type: i2.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "directive", type: i3.ɵIonFormlyAttributes, selector: "[ionFormlyAttributes]", inputs: ["ionFormlyAttributes"] }, { kind: "pipe", type: i4.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldDatetime, decorators: [{
-            type: Component,
-            args: [{ selector: 'formly-field-ion-datetime', template: `
+  `,
+			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}formly-field-ion-datetime{display:inherit}formly-field-ion-datetime ion-item{flex:1}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: i1$1.NgControlStatus,
+					selector: "[formControlName],[ngModel],[formControl]"
+				},
+				{
+					kind: "directive",
+					type: i1$1.FormControlDirective,
+					selector: "[formControl]",
+					inputs: [
+						"formControl",
+						"disabled",
+						"ngModel"
+					],
+					outputs: ["ngModelChange"],
+					exportAs: ["ngForm"]
+				},
+				{
+					kind: "component",
+					type: i2.IonItem,
+					selector: "ion-item",
+					inputs: [
+						"button",
+						"color",
+						"detail",
+						"detailIcon",
+						"disabled",
+						"download",
+						"href",
+						"lines",
+						"mode",
+						"rel",
+						"routerAnimation",
+						"routerDirection",
+						"target",
+						"type"
+					]
+				},
+				{
+					kind: "component",
+					type: i2.IonLabel,
+					selector: "ion-label",
+					inputs: [
+						"color",
+						"mode",
+						"position"
+					]
+				},
+				{
+					kind: "component",
+					type: i2.IonModal,
+					selector: "ion-modal"
+				},
+				{
+					kind: "component",
+					type: i2.IonDatetime,
+					selector: "ion-datetime",
+					inputs: [
+						"cancelText",
+						"clearText",
+						"color",
+						"dayValues",
+						"disabled",
+						"doneText",
+						"firstDayOfWeek",
+						"formatOptions",
+						"highlightedDates",
+						"hourCycle",
+						"hourValues",
+						"isDateEnabled",
+						"locale",
+						"max",
+						"min",
+						"minuteValues",
+						"mode",
+						"monthValues",
+						"multiple",
+						"name",
+						"preferWheel",
+						"presentation",
+						"readonly",
+						"showAdjacentDays",
+						"showClearButton",
+						"showDefaultButtons",
+						"showDefaultTimeLabel",
+						"showDefaultTitle",
+						"size",
+						"titleSelectedDatesFormatter",
+						"value",
+						"yearValues"
+					]
+				},
+				{
+					kind: "component",
+					type: i2.IonButtons,
+					selector: "ion-buttons",
+					inputs: ["collapse"]
+				},
+				{
+					kind: "component",
+					type: i2.IonButton,
+					selector: "ion-button",
+					inputs: [
+						"buttonType",
+						"color",
+						"disabled",
+						"download",
+						"expand",
+						"fill",
+						"form",
+						"href",
+						"mode",
+						"rel",
+						"routerAnimation",
+						"routerDirection",
+						"shape",
+						"size",
+						"strong",
+						"target",
+						"type"
+					],
+					outputs: ["ionFocus", "ionBlur"]
+				},
+				{
+					kind: "directive",
+					type: i3.ɵIonFormlyAttributes,
+					selector: "[ionFormlyAttributes]",
+					inputs: ["ionFormlyAttributes"]
+				},
+				{
+					kind: "pipe",
+					type: i4.DatePipe,
+					name: "date"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush,
+			encapsulation: i0.ViewEncapsulation.None
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormlyFieldDatetime,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "formly-field-ion-datetime",
+			template: `
     <ion-item
       [button]="true"
       [detail]="false"
       [disabled]="formControl.disabled"
-      [attr.aria-label]="props.label"
+      [attr.aria-label]="props.allowHtml ? null : props.label"
+      [attr.aria-labelledby]="props.allowHtml ? id + '-label' : null"
       aria-haspopup="dialog"
       [attr.aria-expanded]="isOpen"
       (click)="isOpen = true"
     >
       <ion-label>
-        @if (!props.hideLabel) {
+        @if (props.allowHtml) {
+          <span
+            [id]="id + '-label'"
+            [hidden]="props.hideLabel"
+            [innerHTML]="props.label"
+            (click)="onLabelInteraction($event)"
+            (keydown)="onLabelInteraction($event)"
+          ></span>
+        } @else if (!props.hideLabel) {
           {{ props.label }}
-          @if (props.required && !props.hideRequiredMarker) {
-            <span aria-hidden="true">*</span>
-          }
+        }
+        @if (!props.hideLabel && props.required && !props.hideRequiredMarker) {
+          <span aria-hidden="true">*</span>
         }
         <p>{{ formControl.value ? (formControl.value | date: displayFormat()) : props.placeholder }}</p>
       </ion-label>
@@ -154,53 +335,102 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
         </ion-datetime>
       </ng-template>
     </ion-modal>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: false, 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}formly-field-ion-datetime{display:inherit}formly-field-ion-datetime ion-item{flex:1}\n"] }]
-        }], propDecorators: { datetime: [{
-                type: ViewChild,
-                args: [IonDatetime]
-            }] } });
-
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			standalone: false,
+			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}formly-field-ion-datetime{display:inherit}formly-field-ion-datetime ion-item{flex:1}\n"]
+		}]
+	}],
+	propDecorators: { datetime: [{
+		type: ViewChild,
+		args: [IonDatetime]
+	}] }
+});
 function withFormlyFieldDatetime() {
-    return {
-        types: [
-            {
-                name: 'datetime',
-                component: FormlyFieldDatetime,
-                wrappers: ['form-field'],
-            },
-        ],
-    };
-}
-
-class FormlyDatetimeModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyDatetimeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlyDatetimeModule, declarations: [FormlyFieldDatetime], imports: [CommonModule,
-            ReactiveFormsModule,
-            IonicModule,
-            FormlyFormFieldModule, i1$1.FormlyModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyDatetimeModule, imports: [CommonModule,
-            ReactiveFormsModule,
-            IonicModule,
-            FormlyFormFieldModule,
-            FormlyModule.forChild(withFormlyFieldDatetime())] }); }
+	return { types: [{
+		name: "datetime",
+		component: FormlyFieldDatetime,
+		wrappers: ["form-field"]
+	}] };
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyDatetimeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [FormlyFieldDatetime],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        IonicModule,
-                        FormlyFormFieldModule,
-                        FormlyModule.forChild(withFormlyFieldDatetime()),
-                    ],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var FormlyDatetimeModule = class FormlyDatetimeModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyDatetimeModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyDatetimeModule,
+			declarations: [FormlyFieldDatetime],
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				IonItem,
+				IonLabel,
+				IonModal,
+				IonDatetime,
+				IonButtons,
+				IonButton,
+				FormlyFormFieldModule,
+				i1.FormlyModule
+			]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlyDatetimeModule,
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				IonItem,
+				IonLabel,
+				IonModal,
+				IonDatetime,
+				IonButtons,
+				IonButton,
+				FormlyFormFieldModule,
+				FormlyModule.forChild(withFormlyFieldDatetime())
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormlyDatetimeModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [FormlyFieldDatetime],
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				IonItem,
+				IonLabel,
+				IonModal,
+				IonDatetime,
+				IonButtons,
+				IonButton,
+				FormlyFormFieldModule,
+				FormlyModule.forChild(withFormlyFieldDatetime())
+			]
+		}]
+	}]
+});
 export { FormlyDatetimeModule, withFormlyFieldDatetime };
-//# sourceMappingURL=ngx-formly-ionic-datetime.mjs.map
+
+//# sourceMappingURL=ngx-formly-ionic-datetime.mjs.map

package/fesm2022/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.config.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, Type } from '@angular/core';\nimport { IonDatetime } from '@ionic/angular';\nimport { FieldType, FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FormlyFieldProps } from '@ngx-formly/ionic/form-field';\n\ninterface DatetimeProps extends FormlyFieldProps {\n  presentation?: 'date' | 'date-time' | 'month' | 'month-year' | 'time' | 'time-date' | 'year';\n  locale?: any;\n  cancelText?: string;\n  doneText?: string;\n  dayValues?: number | number[] | string | undefined;\n  hourValues?: number | number[] | string | undefined;\n  minuteValues?: number | number[] | string | undefined;\n  monthValues?: number | number[] | string | undefined;\n  yearValues?: number | number[] | string | undefined;\n  minDate?: string | undefined;\n  maxDate?: string | undefined;\n  displayFormat?: string;\n}\n\nexport interface FormlyDatetimeFieldConfig extends FormlyFieldConfig<DatetimeProps> {\n  type: 'datetime' | Type<FormlyFieldDatetime>;\n}\n\n@Component({\n  selector: 'formly-field-ion-datetime',\n  template: `\n    <ion-item\n      [button]=\"true\"\n      [detail]=\"false\"\n      [disabled]=\"formControl.disabled\"\n      [attr.aria-label]=\"props.label\"\n      aria-haspopup=\"dialog\"\n      [attr.aria-expanded]=\"isOpen\"\n      (click)=\"isOpen = true\"\n    >\n      <ion-label>\n        @if (!props.hideLabel) {\n          {{ props.label }}\n          @if (props.required && !props.hideRequiredMarker) {\n            <span aria-hidden=\"true\">*</span>\n          }\n        }\n        <p>{{ formControl.value ? (formControl.value | date: displayFormat()) : props.placeholder }}</p>\n      </ion-label>\n    </ion-item>\n    <ion-modal\n      [isOpen]=\"isOpen\"\n      (didDismiss)=\"close()\"\n      [cssClass]=\"'ion-datetime-modal ion-datetime-modal-' + props.presentation\"\n    >\n      <ng-template>\n        <ion-datetime\n          [locale]=\"props.locale\"\n          [presentation]=\"props.presentation\"\n          [cancelText]=\"props.cancelText\"\n          [dayValues]=\"props.dayValues\"\n          [doneText]=\"props.doneText\"\n          [hourValues]=\"props.hourValues\"\n          [minuteValues]=\"props.minuteValues\"\n          [monthValues]=\"props.monthValues\"\n          [yearValues]=\"props.yearValues\"\n          [min]=\"props.minDate ? props.minDate : props.min\"\n          [max]=\"props.maxDate ? props.maxDate : props.max\"\n          [formControl]=\"formControl\"\n          [ionFormlyAttributes]=\"field\"\n        >\n          <ion-buttons slot=\"buttons\">\n            <ion-button (click)=\"reset()\">{{ props.cancelText || 'Cancel' }}</ion-button>\n            <ion-button (click)=\"confirm()\">{{ props.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  standalone: false,\n})\nexport class FormlyFieldDatetime extends FieldType<FieldTypeConfig<DatetimeProps>> {\n  @ViewChild(IonDatetime) datetime!: IonDatetime;\n  isOpen = false;\n\n  override defaultOptions = {\n    props: {\n      presentation: 'month-year' as const,\n    },\n  };\n\n  displayFormat() {\n    if (this.props.displayFormat) {\n      return this.props.displayFormat;\n    }\n\n    switch (this.props.presentation) {\n      case 'date-time':\n      case 'time-date':\n        return 'short';\n      case 'time':\n        return 'shortTime';\n      case 'month':\n        return 'MMMM';\n      case 'month-year':\n        return 'MMMM, y';\n      case 'year':\n        return 'y';\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 { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldDatetime } from './datetime.type';\n\nexport function withFormlyFieldDatetime(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'datetime',\n        component: FormlyFieldDatetime,\n        wrappers: ['form-field'],\n      },\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';\nimport { IonicModule } from '@ionic/angular';\nimport { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';\n\nimport { FormlyFieldDatetime } from './datetime.type';\nimport { withFormlyFieldDatetime } from './datetime.config';\n\n@NgModule({\n  declarations: [FormlyFieldDatetime],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    IonicModule,\n    FormlyFormFieldModule,\n    FormlyModule.forChild(withFormlyFieldDatetime()),\n  ],\n})\nexport class FormlyDatetimeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"ngx-formly-ionic-datetime.mjs","names":[],"sources":["../../../../src/ui/ionic/datetime/src/datetime.type.ts","../../../../src/ui/ionic/datetime/src/datetime.config.ts","../../../../src/ui/ionic/datetime/src/datetime.module.ts"],"sourcesContent":["import { Component, ChangeDetectionStrategy, ViewChild, ViewEncapsulation, Type } from '@angular/core';\nimport { IonDatetime } from '@ionic/angular';\nimport { FieldType, FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FormlyFieldProps } from '@ngx-formly/ionic/form-field';\n\ninterface DatetimeProps extends FormlyFieldProps {\n  presentation?: 'date' | 'date-time' | 'month' | 'month-year' | 'time' | 'time-date' | 'year';\n  locale?: any;\n  cancelText?: string;\n  doneText?: string;\n  dayValues?: number | number[] | string | undefined;\n  hourValues?: number | number[] | string | undefined;\n  minuteValues?: number | number[] | string | undefined;\n  monthValues?: number | number[] | string | undefined;\n  yearValues?: number | number[] | string | undefined;\n  minDate?: string | undefined;\n  maxDate?: string | undefined;\n  displayFormat?: string;\n}\n\nexport interface FormlyDatetimeFieldConfig extends FormlyFieldConfig<DatetimeProps> {\n  type: 'datetime' | Type<FormlyFieldDatetime>;\n}\n\n@Component({\n  selector: 'formly-field-ion-datetime',\n  template: `\n    <ion-item\n      [button]=\"true\"\n      [detail]=\"false\"\n      [disabled]=\"formControl.disabled\"\n      [attr.aria-label]=\"props.allowHtml ? null : props.label\"\n      [attr.aria-labelledby]=\"props.allowHtml ? id + '-label' : null\"\n      aria-haspopup=\"dialog\"\n      [attr.aria-expanded]=\"isOpen\"\n      (click)=\"isOpen = true\"\n    >\n      <ion-label>\n        @if (props.allowHtml) {\n          <span\n            [id]=\"id + '-label'\"\n            [hidden]=\"props.hideLabel\"\n            [innerHTML]=\"props.label\"\n            (click)=\"onLabelInteraction($event)\"\n            (keydown)=\"onLabelInteraction($event)\"\n          ></span>\n        } @else if (!props.hideLabel) {\n          {{ props.label }}\n        }\n        @if (!props.hideLabel && props.required && !props.hideRequiredMarker) {\n          <span aria-hidden=\"true\">*</span>\n        }\n        <p>{{ formControl.value ? (formControl.value | date: displayFormat()) : props.placeholder }}</p>\n      </ion-label>\n    </ion-item>\n    <ion-modal\n      [isOpen]=\"isOpen\"\n      (didDismiss)=\"close()\"\n      [cssClass]=\"'ion-datetime-modal ion-datetime-modal-' + props.presentation\"\n    >\n      <ng-template>\n        <ion-datetime\n          [locale]=\"props.locale\"\n          [presentation]=\"props.presentation\"\n          [cancelText]=\"props.cancelText\"\n          [dayValues]=\"props.dayValues\"\n          [doneText]=\"props.doneText\"\n          [hourValues]=\"props.hourValues\"\n          [minuteValues]=\"props.minuteValues\"\n          [monthValues]=\"props.monthValues\"\n          [yearValues]=\"props.yearValues\"\n          [min]=\"props.minDate ? props.minDate : props.min\"\n          [max]=\"props.maxDate ? props.maxDate : props.max\"\n          [formControl]=\"formControl\"\n          [ionFormlyAttributes]=\"field\"\n        >\n          <ion-buttons slot=\"buttons\">\n            <ion-button (click)=\"reset()\">{{ props.cancelText || 'Cancel' }}</ion-button>\n            <ion-button (click)=\"confirm()\">{{ props.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  standalone: false,\n})\nexport class FormlyFieldDatetime extends FieldType<FieldTypeConfig<DatetimeProps>> {\n  @ViewChild(IonDatetime) datetime!: IonDatetime;\n  isOpen = false;\n\n  override defaultOptions = {\n    props: {\n      presentation: 'month-year' as const,\n    },\n  };\n\n  displayFormat() {\n    if (this.props.displayFormat) {\n      return this.props.displayFormat;\n    }\n\n    switch (this.props.presentation) {\n      case 'date-time':\n      case 'time-date':\n        return 'short';\n      case 'time':\n        return 'shortTime';\n      case 'month':\n        return 'MMMM';\n      case 'month-year':\n        return 'MMMM, y';\n      case 'year':\n        return 'y';\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  protected onLabelInteraction(event: Event) {\n    if ((event.target as HTMLElement).closest('a[href]')) {\n      event.stopPropagation();\n    }\n  }\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldDatetime } from './datetime.type';\n\nexport function withFormlyFieldDatetime(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'datetime',\n        component: FormlyFieldDatetime,\n        wrappers: ['form-field'],\n      },\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';\nimport { IonItem, IonLabel, IonModal, IonDatetime, IonButtons, IonButton } from '@ionic/angular';\nimport { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';\n\nimport { FormlyFieldDatetime } from './datetime.type';\nimport { withFormlyFieldDatetime } from './datetime.config';\n\n@NgModule({\n  declarations: [FormlyFieldDatetime],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    IonItem,\n    IonLabel,\n    IonModal,\n    IonDatetime,\n    IonButtons,\n    IonButton,\n    FormlyFormFieldModule,\n    FormlyModule.forChild(withFormlyFieldDatetime()),\n  ],\n})\nexport class FormlyDatetimeModule {}\n"],"mappings":"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"}