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

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

@@ -1,31 +1,47 @@
-import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, Component, NO_ERRORS_SCHEMA, NgModule } from '@angular/core';
-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 i2 from '@ionic/angular';
-import { IonicModule } from '@ionic/angular';
-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';
-import * as i5 from '@ngx-formly/core/select';
-import { FormlySelectModule as FormlySelectModule$1 } from '@ngx-formly/core/select';
-
-class FormlyFieldSelect extends FieldType {
-    constructor() {
-        super(...arguments);
-        this.defaultOptions = {
-            props: {
-                compareWith(o1, o2) {
-                    return o1 === o2;
-                },
-            },
-        };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldSelect, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: FormlyFieldSelect, isStandalone: false, selector: "formly-field-ion-select", usesInheritance: true, ngImport: i0, template: `
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, NgModule } from "@angular/core";
+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 i2 from "@ionic/angular";
+import { IonSelect, IonSelectOption } from "@ionic/angular";
+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";
+import * as i5 from "@ngx-formly/core/select";
+import { FormlySelectModule as FormlySelectModule$1 } from "@ngx-formly/core/select";
+var FormlyFieldSelect = class FormlyFieldSelect extends FieldType {
+	constructor() {
+		super(...arguments);
+		this.defaultOptions = { props: { compareWith(o1, o2) {
+			return o1 === o2;
+		} } };
+	}
+	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: FormlyFieldSelect,
+			deps: null,
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.2",
+			type: FormlyFieldSelect,
+			isStandalone: false,
+			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 -->
     @if (props.options | formlySelectOptions: field | async; as selectOptions) {
       <ion-select
@@ -36,12 +52,20 @@ class FormlyFieldSelect extends FieldType {
         [ionFormlyAttributes]="field"
         [multiple]="props.multiple"
         [interface]="props.interface"
-        [interfaceOptions]="props.interfaceOptions"
-        [okText]="props.okText"
-        [cancelText]="props.cancelText"
-        [label]="props.label"
+        [interfaceOptions]="props.interfaceOptions ?? {}"
+        [okText]="props.okText ?? 'OK'"
+        [cancelText]="props.cancelText ?? 'Cancel'"
+        [label]="props.allowHtml ? undefined : props.label"
         [labelPlacement]="props.labelPosition ?? 'start'"
       >
+        @if (props.allowHtml && props.label) {
+          <span
+            slot="label"
+            [innerHTML]="props.label"
+            (click)="onLabelInteraction($event)"
+            (keydown)="onLabelInteraction($event)"
+          ></span>
+        }
         @for (option of selectOptions; track option) {
           <ion-select-option [value]="option.value" [disabled]="option.disabled">
             {{ option.label }}
@@ -49,11 +73,100 @@ class FormlyFieldSelect extends FieldType {
         }
       </ion-select>
     }
-  `, isInline: true, styles: [":host{display:inherit}\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.IonSelect, selector: "ion-select", inputs: ["cancelText", "color", "compareWith", "disabled", "errorText", "expandedIcon", "fill", "helperText", "interface", "interfaceOptions", "justify", "label", "labelPlacement", "mode", "multiple", "name", "okText", "placeholder", "required", "selectedText", "shape", "toggleIcon", "value"] }, { kind: "component", type: i2.IonSelectOption, selector: "ion-select-option", inputs: ["disabled", "value"] }, { 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.AsyncPipe, name: "async" }, { kind: "pipe", type: i5.LegacyFormlySelectOptionsPipe, name: "formlySelectOptions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlyFieldSelect, decorators: [{
-            type: Component,
-            args: [{ selector: 'formly-field-ion-select', template: `
+  `,
+			isInline: true,
+			styles: [":host{display:inherit}\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.IonSelect,
+					selector: "ion-select",
+					inputs: [
+						"cancelText",
+						"color",
+						"compareWith",
+						"disabled",
+						"errorText",
+						"expandedIcon",
+						"fill",
+						"helperText",
+						"interface",
+						"interfaceOptions",
+						"justify",
+						"label",
+						"labelPlacement",
+						"mode",
+						"multiple",
+						"name",
+						"okText",
+						"placeholder",
+						"selectedText",
+						"shape",
+						"toggleIcon",
+						"value"
+					]
+				},
+				{
+					kind: "component",
+					type: i2.IonSelectOption,
+					selector: "ion-select-option",
+					inputs: [
+						"description",
+						"disabled",
+						"justify",
+						"labelPlacement",
+						"mode",
+						"value"
+					]
+				},
+				{
+					kind: "directive",
+					type: i3.ɵIonFormlyAttributes,
+					selector: "[ionFormlyAttributes]",
+					inputs: ["ionFormlyAttributes"]
+				},
+				{
+					kind: "pipe",
+					type: i4.AsyncPipe,
+					name: "async"
+				},
+				{
+					kind: "pipe",
+					type: i5.LegacyFormlySelectOptionsPipe,
+					name: "formlySelectOptions"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormlyFieldSelect,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "formly-field-ion-select",
+			template: `
     <!-- ng-container used as a workaround for https://github.com/ionic-team/ionic/issues/19324 -->
     @if (props.options | formlySelectOptions: field | async; as selectOptions) {
       <ion-select
@@ -64,12 +177,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
         [ionFormlyAttributes]="field"
         [multiple]="props.multiple"
         [interface]="props.interface"
-        [interfaceOptions]="props.interfaceOptions"
-        [okText]="props.okText"
-        [cancelText]="props.cancelText"
-        [label]="props.label"
+        [interfaceOptions]="props.interfaceOptions ?? {}"
+        [okText]="props.okText ?? 'OK'"
+        [cancelText]="props.cancelText ?? 'Cancel'"
+        [label]="props.allowHtml ? undefined : props.label"
         [labelPlacement]="props.labelPosition ?? 'start'"
       >
+        @if (props.allowHtml && props.label) {
+          <span
+            slot="label"
+            [innerHTML]="props.label"
+            (click)="onLabelInteraction($event)"
+            (keydown)="onLabelInteraction($event)"
+          ></span>
+        }
         @for (option of selectOptions; track option) {
           <ion-select-option [value]="option.value" [disabled]="option.disabled">
             {{ option.label }}
@@ -77,55 +198,91 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImpo
         }
       </ion-select>
     }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, styles: [":host{display:inherit}\n"] }]
-        }] });
-
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			standalone: false,
+			styles: [":host{display:inherit}\n"]
+		}]
+	}]
+});
 function withFormlyFieldSelect() {
-    return {
-        types: [
-            {
-                name: 'select',
-                component: FormlyFieldSelect,
-                wrappers: ['form-field'],
-            },
-            { name: 'enum', extends: 'select' },
-        ],
-    };
+	return { types: [{
+		name: "select",
+		component: FormlyFieldSelect,
+		wrappers: ["form-field"]
+	}, {
+		name: "enum",
+		extends: "select"
+	}] };
 }
-
-class FormlySelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlySelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: FormlySelectModule, declarations: [FormlyFieldSelect], imports: [CommonModule,
-            ReactiveFormsModule,
-            IonicModule,
-            FormlyFormFieldModule,
-            FormlySelectModule$1, i1$1.FormlyModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlySelectModule, imports: [CommonModule,
-            ReactiveFormsModule,
-            IonicModule,
-            FormlyFormFieldModule,
-            FormlySelectModule$1,
-            FormlyModule.forChild(withFormlyFieldSelect())] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: FormlySelectModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [FormlyFieldSelect],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        IonicModule,
-                        FormlyFormFieldModule,
-                        FormlySelectModule$1,
-                        FormlyModule.forChild(withFormlyFieldSelect()),
-                    ],
-                    schemas: [NO_ERRORS_SCHEMA],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var FormlySelectModule = class FormlySelectModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlySelectModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlySelectModule,
+			declarations: [FormlyFieldSelect],
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				IonSelect,
+				IonSelectOption,
+				FormlyFormFieldModule,
+				FormlySelectModule$1,
+				i1.FormlyModule
+			]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.2",
+			ngImport: i0,
+			type: FormlySelectModule,
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				IonSelect,
+				IonSelectOption,
+				FormlyFormFieldModule,
+				FormlySelectModule$1,
+				FormlyModule.forChild(withFormlyFieldSelect())
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: FormlySelectModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			declarations: [FormlyFieldSelect],
+			imports: [
+				CommonModule,
+				ReactiveFormsModule,
+				IonSelect,
+				IonSelectOption,
+				FormlyFormFieldModule,
+				FormlySelectModule$1,
+				FormlyModule.forChild(withFormlyFieldSelect())
+			]
+		}]
+	}]
+});
 export { FormlyFieldSelect, FormlySelectModule, withFormlyFieldSelect };
-//# sourceMappingURL=ngx-formly-ionic-select.mjs.map
+
+//# sourceMappingURL=ngx-formly-ionic-select.mjs.map

package/fesm2022/ngx-formly-ionic-select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-formly-ionic-select.mjs","sources":["../../../../src/ui/ionic/select/src/select.type.ts","../../../../src/ui/ionic/select/src/select.config.ts","../../../../src/ui/ionic/select/src/select.module.ts","../../../../src/ui/ionic/select/src/ngx-formly-ionic-select.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Type } from '@angular/core';\n\nimport { FieldType, FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FormlyFieldSelectProps } from '@ngx-formly/core/select';\nimport { FormlyFieldProps } from '@ngx-formly/ionic/form-field';\n\ninterface SelectProps extends FormlyFieldProps, FormlyFieldSelectProps {\n  compareWith?: ((currentValue: any, compareValue: any) => boolean) | null | string | undefined;\n  multiple?: boolean;\n  interface?: 'action-sheet' | 'alert' | 'popover';\n  /** Options passed to the Ionic alert, action sheet, or popover interface. */\n  interfaceOptions?: any;\n  okText?: string;\n  cancelText?: string;\n}\n\nexport interface FormlySelectFieldConfig extends FormlyFieldConfig<SelectProps> {\n  type: 'select' | Type<FormlyFieldSelect>;\n}\n\n@Component({\n  selector: 'formly-field-ion-select',\n  template: `\n    <!-- ng-container used as a workaround for https://github.com/ionic-team/ionic/issues/19324 -->\n    @if (props.options | formlySelectOptions: field | async; as selectOptions) {\n      <ion-select\n        [style.align-self]=\"props.labelPosition === 'floating' ? 'stretch' : ''\"\n        [style.max-width.%]=\"props.labelPosition === 'floating' ? 100 : ''\"\n        [formControl]=\"formControl\"\n        [compareWith]=\"props.compareWith\"\n        [ionFormlyAttributes]=\"field\"\n        [multiple]=\"props.multiple\"\n        [interface]=\"props.interface\"\n        [interfaceOptions]=\"props.interfaceOptions\"\n        [okText]=\"props.okText\"\n        [cancelText]=\"props.cancelText\"\n        [label]=\"props.label\"\n        [labelPlacement]=\"props.labelPosition ?? 'start'\"\n      >\n        @for (option of selectOptions; track option) {\n          <ion-select-option [value]=\"option.value\" [disabled]=\"option.disabled\">\n            {{ option.label }}\n          </ion-select-option>\n        }\n      </ion-select>\n    }\n  `,\n  styles: [':host { display: inherit; }'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class FormlyFieldSelect extends FieldType<FieldTypeConfig<SelectProps>> {\n  override defaultOptions = {\n    props: {\n      compareWith(o1: any, o2: any) {\n        return o1 === o2;\n      },\n    },\n  };\n}\n","import { ConfigOption } from '@ngx-formly/core';\nimport { FormlyFieldSelect } from './select.type';\n\nexport function withFormlyFieldSelect(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'select',\n        component: FormlyFieldSelect,\n        wrappers: ['form-field'],\n      },\n      { name: 'enum', extends: 'select' },\n    ],\n  };\n}\n","import { NO_ERRORS_SCHEMA, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { IonicModule } from '@ionic/angular';\nimport { FormlySelectModule as FormlyCoreSelectModule } from '@ngx-formly/core/select';\n\nimport { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';\nimport { FormlyFieldSelect } from './select.type';\nimport { withFormlyFieldSelect } from './select.config';\n\n@NgModule({\n  declarations: [FormlyFieldSelect],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    IonicModule,\n\n    FormlyFormFieldModule,\n    FormlyCoreSelectModule,\n    FormlyModule.forChild(withFormlyFieldSelect()),\n  ],\n  schemas: [NO_ERRORS_SCHEMA],\n})\nexport class FormlySelectModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["FormlyCoreSelectModule","i1"],"mappings":"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"}
+{"version":3,"file":"ngx-formly-ionic-select.mjs","names":[],"sources":["../../../../src/ui/ionic/select/src/select.type.ts","../../../../src/ui/ionic/select/src/select.config.ts","../../../../src/ui/ionic/select/src/select.module.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Type } from '@angular/core';\n\nimport { FieldType, FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';\nimport { FormlyFieldSelectProps } from '@ngx-formly/core/select';\nimport { FormlyFieldProps } from '@ngx-formly/ionic/form-field';\n\ninterface SelectProps extends FormlyFieldProps, FormlyFieldSelectProps {\n  compareWith?: ((currentValue: any, compareValue: any) => boolean) | null | string | undefined;\n  multiple?: boolean;\n  interface?: 'action-sheet' | 'alert' | 'popover';\n  /** Options passed to the Ionic alert, action sheet, or popover interface. */\n  interfaceOptions?: any;\n  okText?: string;\n  cancelText?: string;\n}\n\nexport interface FormlySelectFieldConfig extends FormlyFieldConfig<SelectProps> {\n  type: 'select' | Type<FormlyFieldSelect>;\n}\n\n@Component({\n  selector: 'formly-field-ion-select',\n  template: `\n    <!-- ng-container used as a workaround for https://github.com/ionic-team/ionic/issues/19324 -->\n    @if (props.options | formlySelectOptions: field | async; as selectOptions) {\n      <ion-select\n        [style.align-self]=\"props.labelPosition === 'floating' ? 'stretch' : ''\"\n        [style.max-width.%]=\"props.labelPosition === 'floating' ? 100 : ''\"\n        [formControl]=\"formControl\"\n        [compareWith]=\"props.compareWith\"\n        [ionFormlyAttributes]=\"field\"\n        [multiple]=\"props.multiple\"\n        [interface]=\"props.interface\"\n        [interfaceOptions]=\"props.interfaceOptions ?? {}\"\n        [okText]=\"props.okText ?? 'OK'\"\n        [cancelText]=\"props.cancelText ?? 'Cancel'\"\n        [label]=\"props.allowHtml ? undefined : props.label\"\n        [labelPlacement]=\"props.labelPosition ?? 'start'\"\n      >\n        @if (props.allowHtml && props.label) {\n          <span\n            slot=\"label\"\n            [innerHTML]=\"props.label\"\n            (click)=\"onLabelInteraction($event)\"\n            (keydown)=\"onLabelInteraction($event)\"\n          ></span>\n        }\n        @for (option of selectOptions; track option) {\n          <ion-select-option [value]=\"option.value\" [disabled]=\"option.disabled\">\n            {{ option.label }}\n          </ion-select-option>\n        }\n      </ion-select>\n    }\n  `,\n  styles: [':host { display: inherit; }'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: false,\n})\nexport class FormlyFieldSelect extends FieldType<FieldTypeConfig<SelectProps>> {\n  override defaultOptions = {\n    props: {\n      compareWith(o1: any, o2: any) {\n        return o1 === o2;\n      },\n    },\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 { FormlyFieldSelect } from './select.type';\n\nexport function withFormlyFieldSelect(): ConfigOption {\n  return {\n    types: [\n      {\n        name: 'select',\n        component: FormlyFieldSelect,\n        wrappers: ['form-field'],\n      },\n      { name: 'enum', extends: 'select' },\n    ],\n  };\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { FormlyModule } from '@ngx-formly/core';\nimport { IonSelect, IonSelectOption } from '@ionic/angular';\nimport { FormlySelectModule as FormlyCoreSelectModule } from '@ngx-formly/core/select';\n\nimport { FormlyFormFieldModule } from '@ngx-formly/ionic/form-field';\nimport { FormlyFieldSelect } from './select.type';\nimport { withFormlyFieldSelect } from './select.config';\n\n@NgModule({\n  declarations: [FormlyFieldSelect],\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    IonSelect,\n    IonSelectOption,\n\n    FormlyFormFieldModule,\n    FormlyCoreSelectModule,\n    FormlyModule.forChild(withFormlyFieldSelect()),\n  ],\n})\nexport class FormlySelectModule {}\n"],"mappings":"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"}