@ng-forge/dynamic-forms-ionic 1.3.0-next.2 → 1.3.0-next.4

package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-input.mjs

@@ -1,93 +1,100 @@
-import { AsyncPipe } from '@angular/common';
-import * as i0 from '@angular/core';
-import { inject, ElementRef, input, computed, DestroyRef, signal, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
-import { FormField } from '@angular/forms/signals';
-import { IonInput, IonNote } from '@ionic/angular/standalone';
-import { DynamicFormLogger } from '@ng-forge/dynamic-forms';
-import * as i1 from '@ng-forge/dynamic-forms/integration';
-import { injectNgForgeField, injectNgForgeAddons, NgForgeControl, DfAddonSlot, DynamicTextPipe, ADDON_PRESET_HANDLER, FIELD_SIGNAL_CONTEXT, NgForgeFieldHost, NgForgeAddons } from '@ng-forge/dynamic-forms/integration';
-import { explicitEffect } from 'ngxtension/explicit-effect';
-import { IONIC_CONFIG, IONIC_INPUT_TYPE_OVERRIDE, IonicInlineButtonAddonComponent, runIonicPresetAction } from '@ng-forge/dynamic-forms-ionic/shared';
-
-class IonicInputFieldComponent {
-    elementRef = inject((ElementRef));
-    ionicConfig = inject(IONIC_CONFIG, { optional: true });
-    ngf = injectNgForgeField();
-    ngfa = injectNgForgeAddons();
-    props = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "props" }] : /* istanbul ignore next */ []));
-        fieldInputs = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "fieldInputs" }] : /* istanbul ignore next */ []));
-        typeOverride = inject(IONIC_INPUT_TYPE_OVERRIDE);
-    fill = computed(() => this.props()?.fill ?? this.ionicConfig?.fill ?? 'solid', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "fill" }] : /* istanbul ignore next */ []));
-    shape = computed(() => this.props()?.shape ?? this.ionicConfig?.shape, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
-        labelPlacement = computed(() => this.props()?.labelPlacement ?? this.ionicConfig?.labelPlacement ?? 'stacked', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "labelPlacement" }] : /* istanbul ignore next */ []));
-    color = computed(() => this.props()?.color ?? this.ionicConfig?.color, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
-        type = computed(() => this.typeOverride() ?? this.props()?.type ?? 'text', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
-        buttonPrefixAddons = computed(() => this.ngfa.prefixAddons().filter((a) => a.type === 'ion-button'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "buttonPrefixAddons" }] : /* istanbul ignore next */ []));
-    buttonSuffixAddons = computed(() => this.ngfa.suffixAddons().filter((a) => a.type === 'ion-button'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "buttonSuffixAddons" }] : /* istanbul ignore next */ []));
-    decorativePrefixAddons = computed(() => this.ngfa.prefixAddons().filter((a) => a.type !== 'ion-button'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "decorativePrefixAddons" }] : /* istanbul ignore next */ []));
-    decorativeSuffixAddons = computed(() => this.ngfa.suffixAddons().filter((a) => a.type !== 'ion-button'), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "decorativeSuffixAddons" }] : /* istanbul ignore next */ []));
-        destroyed = false;
-    constructor() {
-        inject(DestroyRef).onDestroy(() => (this.destroyed = true));
-                                explicitEffect([this.ngf.ariaDescribedBy], ([describedBy]) => {
-            queueMicrotask(() => {
-                if (this.destroyed)
-                    return;
-                const ionInput = this.elementRef.nativeElement.querySelector('ion-input');
-                if (ionInput?.getInputElement) {
-                    ionInput.getInputElement().then((inputEl) => {
-                        if (this.destroyed || !inputEl)
-                            return;
-                        if (describedBy) {
-                            inputEl.setAttribute('aria-describedby', describedBy);
-                        }
-                        else {
-                            inputEl.removeAttribute('aria-describedby');
-                        }
-                    });
-                }
-            });
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: IonicInputFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: IonicInputFieldComponent, isStandalone: true, selector: "df-ion-input", inputs: { props: { classPropertyName: "props", publicName: "props", isSignal: true, isRequired: false, transformFunction: null }, fieldInputs: { classPropertyName: "fieldInputs", publicName: "fieldInputs", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
-            {
-                provide: IONIC_INPUT_TYPE_OVERRIDE,
-                useFactory: () => signal(undefined),
-            },
-            {
-                                                                                                provide: ADDON_PRESET_HANDLER,
-                useFactory: () => {
-                    const typeOverride = inject(IONIC_INPUT_TYPE_OVERRIDE);
-                    const fsc = inject(FIELD_SIGNAL_CONTEXT, { optional: true });
-                    const logger = inject(DynamicFormLogger);
-                                        const host = inject(forwardRef(() => IonicInputFieldComponent));
-                    return {
-                        run: (preset, ctx) => {
-                            const fieldKey = ctx.field.key;
-                            return runIonicPresetAction(preset, ctx, {
-                                typeOverride,
-                                fieldValueSetter: ctx.setValue,
-                                fieldDefaultValueGetter: fsc && fieldKey ? () => fsc.defaultValues()?.[fieldKey] : undefined,
-                                baselineType: () => host.props()?.type,
-                                logger,
-                            });
-                        },
-                    };
-                },
-            },
-        ], hostDirectives: [{ directive: i1.NgForgeFieldHost }, { directive: i1.NgForgeAddons }], ngImport: i0, template: `
+import { AsyncPipe } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, computed, forwardRef, inject, input, signal } from "@angular/core";
+import { FormField } from "@angular/forms/signals";
+import { IonInput, IonNote } from "@ionic/angular/standalone";
+import { DynamicFormLogger } from "@ng-forge/dynamic-forms";
+import * as i1 from "@ng-forge/dynamic-forms/integration";
+import { ADDON_PRESET_HANDLER, DfAddonSlot, DynamicTextPipe, FIELD_SIGNAL_CONTEXT, NgForgeAddons, NgForgeControl, NgForgeFieldHost, injectNgForgeAddons, injectNgForgeField } from "@ng-forge/dynamic-forms/integration";
+import { explicitEffect } from "ngxtension/explicit-effect";
+import { IONIC_CONFIG, IONIC_INPUT_TYPE_OVERRIDE, IonicInlineButtonAddonComponent, runIonicPresetAction } from "@ng-forge/dynamic-forms-ionic/shared";
+var IonicInputFieldComponent = class IonicInputFieldComponent {
+	elementRef = inject(ElementRef);
+	ionicConfig = inject(IONIC_CONFIG, { optional: true });
+	ngf = injectNgForgeField();
+	ngfa = injectNgForgeAddons();
+	props = input(...ngDevMode ? [void 0, { debugName: "props" }] : /* istanbul ignore next */ []);
+	fieldInputs = input(...ngDevMode ? [void 0, { debugName: "fieldInputs" }] : /* istanbul ignore next */ []);
+	typeOverride = inject(IONIC_INPUT_TYPE_OVERRIDE);
+	fill = computed(() => this.props()?.fill ?? this.ionicConfig?.fill ?? "solid", ...ngDevMode ? [{ debugName: "fill" }] : /* istanbul ignore next */ []);
+	shape = computed(() => this.props()?.shape ?? this.ionicConfig?.shape, ...ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []);
+	labelPlacement = computed(() => this.props()?.labelPlacement ?? this.ionicConfig?.labelPlacement ?? "stacked", ...ngDevMode ? [{ debugName: "labelPlacement" }] : /* istanbul ignore next */ []);
+	color = computed(() => this.props()?.color ?? this.ionicConfig?.color, ...ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []);
+	type = computed(() => this.typeOverride() ?? this.props()?.type ?? "text", ...ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []);
+	buttonPrefixAddons = computed(() => this.ngfa.prefixAddons().filter((a) => a.type === "ion-button"), ...ngDevMode ? [{ debugName: "buttonPrefixAddons" }] : /* istanbul ignore next */ []);
+	buttonSuffixAddons = computed(() => this.ngfa.suffixAddons().filter((a) => a.type === "ion-button"), ...ngDevMode ? [{ debugName: "buttonSuffixAddons" }] : /* istanbul ignore next */ []);
+	decorativePrefixAddons = computed(() => this.ngfa.prefixAddons().filter((a) => a.type !== "ion-button"), ...ngDevMode ? [{ debugName: "decorativePrefixAddons" }] : /* istanbul ignore next */ []);
+	decorativeSuffixAddons = computed(() => this.ngfa.suffixAddons().filter((a) => a.type !== "ion-button"), ...ngDevMode ? [{ debugName: "decorativeSuffixAddons" }] : /* istanbul ignore next */ []);
+	destroyed = false;
+	constructor() {
+		inject(DestroyRef).onDestroy(() => this.destroyed = true);
+		explicitEffect([this.ngf.ariaDescribedBy], ([describedBy]) => {
+			queueMicrotask(() => {
+				if (this.destroyed) return;
+				const ionInput = this.elementRef.nativeElement.querySelector("ion-input");
+				if (ionInput?.getInputElement) ionInput.getInputElement().then((inputEl) => {
+					if (this.destroyed || !inputEl) return;
+					if (describedBy) inputEl.setAttribute("aria-describedby", describedBy);
+					else inputEl.removeAttribute("aria-describedby");
+				});
+			});
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.5",
+		ngImport: i0,
+		type: IonicInputFieldComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.5",
+		type: IonicInputFieldComponent,
+		isStandalone: true,
+		selector: "df-ion-input",
+		inputs: {
+			props: {
+				classPropertyName: "props",
+				publicName: "props",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			fieldInputs: {
+				classPropertyName: "fieldInputs",
+				publicName: "fieldInputs",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		providers: [{
+			provide: IONIC_INPUT_TYPE_OVERRIDE,
+			useFactory: () => signal(void 0)
+		}, {
+			provide: ADDON_PRESET_HANDLER,
+			useFactory: () => {
+				const typeOverride = inject(IONIC_INPUT_TYPE_OVERRIDE);
+				const fsc = inject(FIELD_SIGNAL_CONTEXT, { optional: true });
+				const logger = inject(DynamicFormLogger);
+				const host = inject(forwardRef(() => IonicInputFieldComponent));
+				return { run: (preset, ctx) => {
+					const fieldKey = ctx.field.key;
+					return runIonicPresetAction(preset, ctx, {
+						typeOverride,
+						fieldValueSetter: ctx.setValue,
+						fieldDefaultValueGetter: fsc && fieldKey ? () => fsc.defaultValues()?.[fieldKey] : void 0,
+						baselineType: () => host.props()?.type,
+						logger
+					});
+				} };
+			}
+		}],
+		hostDirectives: [{ directive: i1.NgForgeFieldHost }, { directive: i1.NgForgeAddons }],
+		ngImport: i0,
+		template: `
     @let f = ngf.field();
     @let inputId = ngf.key() + '-input';
 
@@ -130,11 +137,122 @@ class IonicInputFieldComponent {
     @if (ngf.errorsToDisplay()[0]; as error) {
       <ion-note color="danger" class="df-ion-error" [id]="ngf.errorId()" role="alert">{{ error.message }}</ion-note>
     }
-  `, isInline: true, styles: [".df-ion-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%}.df-ion-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit)}.df-ion-hint{display:block;color:var(--df-hint-color, var(--ion-color-medium, #92949c));font-size:var(--df-hint-font-size, .875rem)}.df-ion-error{display:block;color:var(--df-error-color, var(--ion-color-danger, #eb445a));font-size:var(--df-error-font-size, .875rem)}:host([hidden]){display:none!important}\n", ":host([hidden]){display:none!important}:host{--df-ion-addon-prefix-outer-padding: 0;--df-ion-addon-prefix-inner-padding: .5rem;--df-ion-addon-suffix-inner-padding: .5rem;--df-ion-addon-suffix-outer-padding: 0}:host ::ng-deep ion-input [slot=start],:host ::ng-deep ion-input [slot=end]{display:inline-flex;align-items:center;align-self:center;line-height:1}:host ::ng-deep ion-input [slot=start] df-addon-slot,:host ::ng-deep ion-input [slot=end] df-addon-slot,:host ::ng-deep ion-input [slot=start] df-ion-icon-addon,:host ::ng-deep ion-input [slot=end] df-ion-icon-addon{display:inline-flex;align-items:center;line-height:1}:host ::ng-deep ion-input [slot=start]{padding-inline-start:var(--df-ion-addon-prefix-outer-padding);padding-inline-end:var(--df-ion-addon-prefix-inner-padding)}:host ::ng-deep ion-input [slot=end]{padding-inline-start:var(--df-ion-addon-suffix-inner-padding);padding-inline-end:var(--df-ion-addon-suffix-outer-padding)}:host ::ng-deep ion-input ion-icon{color:inherit}\n"], dependencies: [{ kind: "component", type: IonInput, selector: "ion-input", inputs: ["accept", "autocapitalize", "autocomplete", "autocorrect", "autofocus", "clearInput", "clearOnEdit", "color", "counter", "counterFormatter", "debounce", "disabled", "enterkeyhint", "errorText", "fill", "helperText", "inputmode", "label", "labelPlacement", "max", "maxlength", "min", "minlength", "mode", "multiple", "name", "pattern", "placeholder", "readonly", "required", "shape", "size", "spellcheck", "step", "type", "value"] }, { kind: "component", type: IonNote, selector: "ion-note", inputs: ["color", "mode"] }, { kind: "directive", type: FormField, selector: "[formField]", inputs: ["formField"], exportAs: ["formField"] }, { kind: "directive", type: NgForgeControl, selector: "[ngForgeControl]", inputs: ["ngForgeControl"] }, { kind: "component", type: DfAddonSlot, selector: "df-addon-slot", inputs: ["addon", "fieldInputs", "hidden"] }, { kind: "component", type: IonicInlineButtonAddonComponent, selector: "ion-button[df-ion-button-addon]" }, { kind: "pipe", type: DynamicTextPipe, name: "dynamicText" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: IonicInputFieldComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'df-ion-input', imports: [IonInput, IonNote, FormField, DynamicTextPipe, AsyncPipe, NgForgeControl, DfAddonSlot, IonicInlineButtonAddonComponent], hostDirectives: [NgForgeFieldHost, NgForgeAddons], template: `
+  `,
+		isInline: true,
+		styles: [".df-ion-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%}.df-ion-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit)}.df-ion-hint{display:block;color:var(--df-hint-color, var(--ion-color-medium, #92949c));font-size:var(--df-hint-font-size, .875rem)}.df-ion-error{display:block;color:var(--df-error-color, var(--ion-color-danger, #eb445a));font-size:var(--df-error-font-size, .875rem)}:host([hidden]){display:none!important}\n", ":host([hidden]){display:none!important}:host{--df-ion-addon-prefix-outer-padding: 0;--df-ion-addon-prefix-inner-padding: .5rem;--df-ion-addon-suffix-inner-padding: .5rem;--df-ion-addon-suffix-outer-padding: 0}:host ::ng-deep ion-input [slot=start],:host ::ng-deep ion-input [slot=end]{display:inline-flex;align-items:center;align-self:center;line-height:1}:host ::ng-deep ion-input [slot=start] df-addon-slot,:host ::ng-deep ion-input [slot=end] df-addon-slot,:host ::ng-deep ion-input [slot=start] df-ion-icon-addon,:host ::ng-deep ion-input [slot=end] df-ion-icon-addon{display:inline-flex;align-items:center;line-height:1}:host ::ng-deep ion-input [slot=start]{padding-inline-start:var(--df-ion-addon-prefix-outer-padding);padding-inline-end:var(--df-ion-addon-prefix-inner-padding)}:host ::ng-deep ion-input [slot=end]{padding-inline-start:var(--df-ion-addon-suffix-inner-padding);padding-inline-end:var(--df-ion-addon-suffix-outer-padding)}:host ::ng-deep ion-input ion-icon{color:inherit}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: IonInput,
+				selector: "ion-input",
+				inputs: [
+					"accept",
+					"autocapitalize",
+					"autocomplete",
+					"autocorrect",
+					"autofocus",
+					"clearInput",
+					"clearOnEdit",
+					"color",
+					"counter",
+					"counterFormatter",
+					"debounce",
+					"disabled",
+					"enterkeyhint",
+					"errorText",
+					"fill",
+					"helperText",
+					"inputmode",
+					"label",
+					"labelPlacement",
+					"max",
+					"maxlength",
+					"min",
+					"minlength",
+					"mode",
+					"multiple",
+					"name",
+					"pattern",
+					"placeholder",
+					"readonly",
+					"required",
+					"shape",
+					"size",
+					"spellcheck",
+					"step",
+					"type",
+					"value"
+				]
+			},
+			{
+				kind: "component",
+				type: IonNote,
+				selector: "ion-note",
+				inputs: ["color", "mode"]
+			},
+			{
+				kind: "directive",
+				type: FormField,
+				selector: "[formField]",
+				inputs: ["formField"],
+				exportAs: ["formField"]
+			},
+			{
+				kind: "directive",
+				type: NgForgeControl,
+				selector: "[ngForgeControl]",
+				inputs: ["ngForgeControl"]
+			},
+			{
+				kind: "component",
+				type: DfAddonSlot,
+				selector: "df-addon-slot",
+				inputs: [
+					"addon",
+					"fieldInputs",
+					"hidden"
+				]
+			},
+			{
+				kind: "component",
+				type: IonicInlineButtonAddonComponent,
+				selector: "ion-button[df-ion-button-addon]"
+			},
+			{
+				kind: "pipe",
+				type: DynamicTextPipe,
+				name: "dynamicText"
+			},
+			{
+				kind: "pipe",
+				type: AsyncPipe,
+				name: "async"
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.5",
+	ngImport: i0,
+	type: IonicInputFieldComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "df-ion-input",
+			imports: [
+				IonInput,
+				IonNote,
+				FormField,
+				DynamicTextPipe,
+				AsyncPipe,
+				NgForgeControl,
+				DfAddonSlot,
+				IonicInlineButtonAddonComponent
+			],
+			hostDirectives: [NgForgeFieldHost, NgForgeAddons],
+			template: `
     @let f = ngf.field();
     @let inputId = ngf.key() + '-input';
 
@@ -177,35 +295,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
     @if (ngf.errorsToDisplay()[0]; as error) {
       <ion-note color="danger" class="df-ion-error" [id]="ngf.errorId()" role="alert">{{ error.message }}</ion-note>
     }
-  `, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        {
-                            provide: IONIC_INPUT_TYPE_OVERRIDE,
-                            useFactory: () => signal(undefined),
-                        },
-                        {
-                                                                                                                                                                        provide: ADDON_PRESET_HANDLER,
-                            useFactory: () => {
-                                const typeOverride = inject(IONIC_INPUT_TYPE_OVERRIDE);
-                                const fsc = inject(FIELD_SIGNAL_CONTEXT, { optional: true });
-                                const logger = inject(DynamicFormLogger);
-                                                                const host = inject(forwardRef(() => IonicInputFieldComponent));
-                                return {
-                                    run: (preset, ctx) => {
-                                        const fieldKey = ctx.field.key;
-                                        return runIonicPresetAction(preset, ctx, {
-                                            typeOverride,
-                                            fieldValueSetter: ctx.setValue,
-                                            fieldDefaultValueGetter: fsc && fieldKey ? () => fsc.defaultValues()?.[fieldKey] : undefined,
-                                            baselineType: () => host.props()?.type,
-                                            logger,
-                                        });
-                                    },
-                                };
-                            },
-                        },
-                    ], styles: [".df-ion-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%}.df-ion-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit)}.df-ion-hint{display:block;color:var(--df-hint-color, var(--ion-color-medium, #92949c));font-size:var(--df-hint-font-size, .875rem)}.df-ion-error{display:block;color:var(--df-error-color, var(--ion-color-danger, #eb445a));font-size:var(--df-error-font-size, .875rem)}:host([hidden]){display:none!important}\n", ":host([hidden]){display:none!important}:host{--df-ion-addon-prefix-outer-padding: 0;--df-ion-addon-prefix-inner-padding: .5rem;--df-ion-addon-suffix-inner-padding: .5rem;--df-ion-addon-suffix-outer-padding: 0}:host ::ng-deep ion-input [slot=start],:host ::ng-deep ion-input [slot=end]{display:inline-flex;align-items:center;align-self:center;line-height:1}:host ::ng-deep ion-input [slot=start] df-addon-slot,:host ::ng-deep ion-input [slot=end] df-addon-slot,:host ::ng-deep ion-input [slot=start] df-ion-icon-addon,:host ::ng-deep ion-input [slot=end] df-ion-icon-addon{display:inline-flex;align-items:center;line-height:1}:host ::ng-deep ion-input [slot=start]{padding-inline-start:var(--df-ion-addon-prefix-outer-padding);padding-inline-end:var(--df-ion-addon-prefix-inner-padding)}:host ::ng-deep ion-input [slot=end]{padding-inline-start:var(--df-ion-addon-suffix-inner-padding);padding-inline-end:var(--df-ion-addon-suffix-outer-padding)}:host ::ng-deep ion-input ion-icon{color:inherit}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { props: [{ type: i0.Input, args: [{ isSignal: true, alias: "props", required: false }] }], fieldInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldInputs", required: false }] }] } });
-
-
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [{
+				provide: IONIC_INPUT_TYPE_OVERRIDE,
+				useFactory: () => signal(void 0)
+			}, {
+				provide: ADDON_PRESET_HANDLER,
+				useFactory: () => {
+					const typeOverride = inject(IONIC_INPUT_TYPE_OVERRIDE);
+					const fsc = inject(FIELD_SIGNAL_CONTEXT, { optional: true });
+					const logger = inject(DynamicFormLogger);
+					const host = inject(forwardRef(() => IonicInputFieldComponent));
+					return { run: (preset, ctx) => {
+						const fieldKey = ctx.field.key;
+						return runIonicPresetAction(preset, ctx, {
+							typeOverride,
+							fieldValueSetter: ctx.setValue,
+							fieldDefaultValueGetter: fsc && fieldKey ? () => fsc.defaultValues()?.[fieldKey] : void 0,
+							baselineType: () => host.props()?.type,
+							logger
+						});
+					} };
+				}
+			}],
+			styles: [".df-ion-field{display:flex;flex-direction:column;gap:var(--df-field-gap, .5rem);width:100%}.df-ion-label{font-weight:var(--df-label-font-weight, 500);color:var(--df-label-color, inherit)}.df-ion-hint{display:block;color:var(--df-hint-color, var(--ion-color-medium, #92949c));font-size:var(--df-hint-font-size, .875rem)}.df-ion-error{display:block;color:var(--df-error-color, var(--ion-color-danger, #eb445a));font-size:var(--df-error-font-size, .875rem)}:host([hidden]){display:none!important}\n", ":host([hidden]){display:none!important}:host{--df-ion-addon-prefix-outer-padding: 0;--df-ion-addon-prefix-inner-padding: .5rem;--df-ion-addon-suffix-inner-padding: .5rem;--df-ion-addon-suffix-outer-padding: 0}:host ::ng-deep ion-input [slot=start],:host ::ng-deep ion-input [slot=end]{display:inline-flex;align-items:center;align-self:center;line-height:1}:host ::ng-deep ion-input [slot=start] df-addon-slot,:host ::ng-deep ion-input [slot=end] df-addon-slot,:host ::ng-deep ion-input [slot=start] df-ion-icon-addon,:host ::ng-deep ion-input [slot=end] df-ion-icon-addon{display:inline-flex;align-items:center;line-height:1}:host ::ng-deep ion-input [slot=start]{padding-inline-start:var(--df-ion-addon-prefix-outer-padding);padding-inline-end:var(--df-ion-addon-prefix-inner-padding)}:host ::ng-deep ion-input [slot=end]{padding-inline-start:var(--df-ion-addon-suffix-inner-padding);padding-inline-end:var(--df-ion-addon-suffix-outer-padding)}:host ::ng-deep ion-input ion-icon{color:inherit}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		props: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "props",
+				required: false
+			}]
+		}],
+		fieldInputs: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "fieldInputs",
+				required: false
+			}]
+		}]
+	}
+});
 export { IonicInputFieldComponent };
-//# sourceMappingURL=ng-forge-dynamic-forms-ionic-lazy-input.mjs.map
+
+//# sourceMappingURL=ng-forge-dynamic-forms-ionic-lazy-input.mjs.map

package/fesm2022/ng-forge-dynamic-forms-ionic-lazy-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ng-forge-dynamic-forms-ionic-lazy-input.mjs","mappings":";;;;;;;;;;;AAgKc;AACK;;;;AAMR;;AAET,IAKS;;IAGQ;AAEE;;AACA;;IAEA;;AACA;;IAGA;;AAEnB;;;;;;;;;AAaA;AACE;wBAIA;;;;AAGI;AACA;;AAEI;;;AAEE;;;AAEA;;AAEJ;;AAEJ;AACF;;;AA7DiB;AA7EjB;AACE;AACA;AACD;AACD;gFAME;;AAEE;AACA;AACA;oBAEA;;AAEE;AACE;AACA;;;;;;AAOC;;;;AAIR;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAnCF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIC;AACE;AACA;AACD;AACD;4IAME;;AAEE;AACA;AACA;;;AAIE;AACE;AACA;;;;;;AAOC;;;;AAIR;AACF","names":[],"ignoreList":[],"sources":["../../../../packages/dynamic-forms-ionic/src/lib/fields/input/ionic-input.component.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, DestroyRef, ElementRef, forwardRef, inject, input, signal } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\nimport { IonInput, IonNote } from '@ionic/angular/standalone';\nimport { AddonActionContext, AddonActionPreset, DynamicFormLogger } from '@ng-forge/dynamic-forms';\nimport { DfAddonSlot } from '@ng-forge/dynamic-forms/integration';\nimport { WrapperFieldInputs } from '@ng-forge/dynamic-forms/integration';\nimport { DynamicTextPipe, FIELD_SIGNAL_CONTEXT } from '@ng-forge/dynamic-forms/integration';\nimport {\n  ADDON_PRESET_HANDLER,\n  AddonPresetHandler,\n  injectNgForgeAddons,\n  injectNgForgeField,\n  NgForgeAddons,\n  NgForgeControl,\n  NgForgeFieldHost,\n} from '@ng-forge/dynamic-forms/integration';\nimport { explicitEffect } from 'ngxtension/explicit-effect';\nimport {\n  IONIC_CONFIG,\n  IONIC_INPUT_TYPE_OVERRIDE,\n  IonicInlineButtonAddonComponent,\n  runIonicPresetAction,\n} from '@ng-forge/dynamic-forms-ionic/shared';\nimport { IonicInputAddon, IonicInputProps } from './ionic-input.type';\n\n// minlength/maxlength bindings: Signal Forms auto-syncs these on NATIVE\n// inputs; <ion-input> is a Stencil web component so we bind directly from\n// FieldState (`f().maxLength?.()` — the signal itself is missing when no\n// validator is configured).\n@Component({\n  selector: 'df-ion-input',\n  // IonButton intentionally NOT imported — it would collide with\n  // IonicInlineButtonAddonComponent on `<ion-button>` (NG0300).\n  imports: [IonInput, IonNote, FormField, DynamicTextPipe, AsyncPipe, NgForgeControl, DfAddonSlot, IonicInlineButtonAddonComponent],\n  hostDirectives: [NgForgeFieldHost, NgForgeAddons],\n  template: `\n    @let f = ngf.field();\n    @let inputId = ngf.key() + '-input';\n\n    <ion-input\n      ngForgeControl\n      [id]=\"inputId\"\n      [type]=\"type()\"\n      [formField]=\"f\"\n      [label]=\"(ngf.label() | dynamicText | async) ?? undefined\"\n      [labelPlacement]=\"labelPlacement()\"\n      [placeholder]=\"(ngf.placeholder() | dynamicText | async) ?? ''\"\n      [clearInput]=\"props()?.clearInput ?? false\"\n      [counter]=\"props()?.counter ?? false\"\n      [minlength]=\"f().minLength?.()\"\n      [maxlength]=\"f().maxLength?.()\"\n      [color]=\"color()\"\n      [fill]=\"fill()\"\n      [shape]=\"shape()\"\n      [readonly]=\"f().readonly()\"\n      [helperText]=\"ngf.errorsToDisplay().length === 0 ? ((props()?.hint | dynamicText | async) ?? undefined) : undefined\"\n      [attr.tabindex]=\"ngf.tabIndex()\"\n    >\n      @for (a of decorativePrefixAddons(); track $index) {\n        <span slot=\"start\">\n          <df-addon-slot [addon]=\"a\" [fieldInputs]=\"fieldInputs()\" [hidden]=\"ngfa.hiddenSignalCache().get(a)\" />\n        </span>\n      }\n      @for (a of buttonPrefixAddons(); track $index) {\n        <ion-button df-ion-button-addon slot=\"start\" [addon]=\"a\" [fieldInputs]=\"fieldInputs()\"></ion-button>\n      }\n      @for (a of buttonSuffixAddons(); track $index) {\n        <ion-button df-ion-button-addon slot=\"end\" [addon]=\"a\" [fieldInputs]=\"fieldInputs()\"></ion-button>\n      }\n      @for (a of decorativeSuffixAddons(); track $index) {\n        <span slot=\"end\">\n          <df-addon-slot [addon]=\"a\" [fieldInputs]=\"fieldInputs()\" [hidden]=\"ngfa.hiddenSignalCache().get(a)\" />\n        </span>\n      }\n    </ion-input>\n    @if (ngf.errorsToDisplay()[0]; as error) {\n      <ion-note color=\"danger\" class=\"df-ion-error\" [id]=\"ngf.errorId()\" role=\"alert\">{{ error.message }}</ion-note>\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrl: '../../styles/_form-field.scss',\n  providers: [\n    {\n      provide: IONIC_INPUT_TYPE_OVERRIDE,\n      useFactory: () => signal<string | undefined>(undefined),\n    },\n    {\n      // Adapter-specific preset semantics for `ion-button` addons (clear /\n      // reset / paste / copy / toggle-password-visibility). The directive\n      // (`NgForgeAddonAction`) delegates here when an addon configures a\n      // `preset`. Per-ion-input-instance so the `typeOverride` signal is\n      // scoped to one field.\n      provide: ADDON_PRESET_HANDLER,\n      useFactory: (): AddonPresetHandler => {\n        const typeOverride = inject(IONIC_INPUT_TYPE_OVERRIDE);\n        const fsc = inject(FIELD_SIGNAL_CONTEXT, { optional: true });\n        const logger = inject(DynamicFormLogger);\n        // forwardRef for baselineType only — host.props()?.type gates toggle-password-visibility.\n        const host = inject(forwardRef(() => IonicInputFieldComponent));\n        return {\n          run: (preset: string, ctx: AddonActionContext) => {\n            const fieldKey = ctx.field.key;\n            return runIonicPresetAction(preset as AddonActionPreset, ctx, {\n              typeOverride,\n              fieldValueSetter: ctx.setValue,\n              fieldDefaultValueGetter:\n                fsc && fieldKey ? () => (fsc.defaultValues() as Record<string, unknown> | undefined)?.[fieldKey] : undefined,\n              baselineType: () => host.props()?.type,\n              logger,\n            });\n          },\n        };\n      },\n    },\n  ],\n  styles: [\n    `\n      :host([hidden]) {\n        display: none !important;\n      }\n      /* Per-side padding knobs on each slot wrapper (independent prefix/suffix). */\n      :host {\n        --df-ion-addon-prefix-outer-padding: 0;\n        --df-ion-addon-prefix-inner-padding: 0.5rem;\n        --df-ion-addon-suffix-inner-padding: 0.5rem;\n        --df-ion-addon-suffix-outer-padding: 0;\n      }\n      /* inline-flex on slot wrappers prevents baseline-pinning of decorative addon glyphs. */\n      :host ::ng-deep ion-input [slot='start'],\n      :host ::ng-deep ion-input [slot='end'] {\n        display: inline-flex;\n        align-items: center;\n        align-self: center;\n        line-height: 1;\n      }\n      :host ::ng-deep ion-input [slot='start'] df-addon-slot,\n      :host ::ng-deep ion-input [slot='end'] df-addon-slot,\n      :host ::ng-deep ion-input [slot='start'] df-ion-icon-addon,\n      :host ::ng-deep ion-input [slot='end'] df-ion-icon-addon {\n        display: inline-flex;\n        align-items: center;\n        line-height: 1;\n      }\n      :host ::ng-deep ion-input [slot='start'] {\n        padding-inline-start: var(--df-ion-addon-prefix-outer-padding);\n        padding-inline-end: var(--df-ion-addon-prefix-inner-padding);\n      }\n      :host ::ng-deep ion-input [slot='end'] {\n        padding-inline-start: var(--df-ion-addon-suffix-inner-padding);\n        padding-inline-end: var(--df-ion-addon-suffix-outer-padding);\n      }\n      /* Inherit input text color so icons stay readable on dark themes\n         (Ionic's default \"medium\" greys out and fails WCAG on dark inputs). */\n      :host ::ng-deep ion-input ion-icon {\n        color: inherit;\n      }\n    `,\n  ],\n})\nexport default class IonicInputFieldComponent {\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n  private ionicConfig = inject(IONIC_CONFIG, { optional: true });\n\n  protected readonly ngf = injectNgForgeField<string>();\n  protected readonly ngfa = injectNgForgeAddons<IonicInputAddon>();\n\n  readonly props = input<IonicInputProps>();\n\n  /**\n   * Wrapper-style host bag pushed by `DfFieldOutlet`. Declared at the\n   * component level so `setInputIfDeclared` (which uses\n   * `reflectComponentType`) can write it.\n   */\n  readonly fieldInputs = input<WrapperFieldInputs | undefined>();\n\n  /** Per-instance type override populated by `toggle-password-visibility` preset. */\n  private readonly typeOverride = inject(IONIC_INPUT_TYPE_OVERRIDE);\n\n  protected readonly fill = computed(() => this.props()?.fill ?? this.ionicConfig?.fill ?? 'solid');\n  protected readonly shape = computed(() => this.props()?.shape ?? this.ionicConfig?.shape);\n  /**  Bootstrap / PrimeNG. Consumers can opt into Ionic's native inline 'start' */\n  protected readonly labelPlacement = computed(() => this.props()?.labelPlacement ?? this.ionicConfig?.labelPlacement ?? 'stacked');\n  protected readonly color = computed(() => this.props()?.color ?? this.ionicConfig?.color);\n\n  /** Override (set by `toggle-password-visibility` preset) wins over `props().type`. */\n  protected readonly type = computed(() => this.typeOverride() ?? this.props()?.type ?? 'text');\n\n  /** Per-type split: ion-button addons render inline via the attribute-\n   *  selector inline component (so the slotted element is a native\n   *  <ion-button> Ionic can style); everything else (icon/text/template/\n   *  component types) goes through the universal <df-addon-slot> dispatcher\n   *  wrapped in <span slot=\"start|end\"> for safe shadow-DOM projection. */\n  protected readonly buttonPrefixAddons = computed(() => this.ngfa.prefixAddons().filter((a) => a.type === 'ion-button'));\n  protected readonly buttonSuffixAddons = computed(() => this.ngfa.suffixAddons().filter((a) => a.type === 'ion-button'));\n  protected readonly decorativePrefixAddons = computed(() => this.ngfa.prefixAddons().filter((a) => a.type !== 'ion-button'));\n  protected readonly decorativeSuffixAddons = computed(() => this.ngfa.suffixAddons().filter((a) => a.type !== 'ion-button'));\n\n  /** Set when the component is destroyed — guards async aria-describedby sync against teardown. */\n  private destroyed = false;\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => (this.destroyed = true));\n    // ion-input encapsulates a native <input> in shadow DOM and does not automatically\n    // propagate aria-describedby to it. This effect imperatively syncs the attribute\n    // after a microtask to ensure Ionic has resolved the internal element.\n    explicitEffect([this.ngf.ariaDescribedBy], ([describedBy]) => {\n      queueMicrotask(() => {\n        if (this.destroyed) return;\n        const ionInput = this.elementRef.nativeElement.querySelector('ion-input') as HTMLIonInputElement | null;\n        if (ionInput?.getInputElement) {\n          ionInput.getInputElement().then((inputEl) => {\n            if (this.destroyed || !inputEl) return;\n            if (describedBy) {\n              inputEl.setAttribute('aria-describedby', describedBy);\n            } else {\n              inputEl.removeAttribute('aria-describedby');\n            }\n          });\n        }\n      });\n    });\n  }\n}\n"]}
+{"version":3,"file":"ng-forge-dynamic-forms-ionic-lazy-input.mjs","names":[],"sources":["../../../../packages/dynamic-forms-ionic/src/lib/fields/input/ionic-input.component.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, DestroyRef, ElementRef, forwardRef, inject, input, signal } from '@angular/core';\nimport { FormField } from '@angular/forms/signals';\nimport { IonInput, IonNote } from '@ionic/angular/standalone';\nimport { AddonActionContext, AddonActionPreset, DynamicFormLogger } from '@ng-forge/dynamic-forms';\nimport { DfAddonSlot } from '@ng-forge/dynamic-forms/integration';\nimport { WrapperFieldInputs } from '@ng-forge/dynamic-forms/integration';\nimport { DynamicTextPipe, FIELD_SIGNAL_CONTEXT } from '@ng-forge/dynamic-forms/integration';\nimport {\n  ADDON_PRESET_HANDLER,\n  AddonPresetHandler,\n  injectNgForgeAddons,\n  injectNgForgeField,\n  NgForgeAddons,\n  NgForgeControl,\n  NgForgeFieldHost,\n} from '@ng-forge/dynamic-forms/integration';\nimport { explicitEffect } from 'ngxtension/explicit-effect';\nimport {\n  IONIC_CONFIG,\n  IONIC_INPUT_TYPE_OVERRIDE,\n  IonicInlineButtonAddonComponent,\n  runIonicPresetAction,\n} from '@ng-forge/dynamic-forms-ionic/shared';\nimport { IonicInputAddon, IonicInputProps } from './ionic-input.type';\n\n// minlength/maxlength bindings: Signal Forms auto-syncs these on NATIVE\n// inputs; <ion-input> is a Stencil web component so we bind directly from\n// FieldState (`f().maxLength?.()` — the signal itself is missing when no\n// validator is configured).\n@Component({\n  selector: 'df-ion-input',\n  // IonButton intentionally NOT imported — it would collide with\n  // IonicInlineButtonAddonComponent on `<ion-button>` (NG0300).\n  imports: [IonInput, IonNote, FormField, DynamicTextPipe, AsyncPipe, NgForgeControl, DfAddonSlot, IonicInlineButtonAddonComponent],\n  hostDirectives: [NgForgeFieldHost, NgForgeAddons],\n  template: `\n    @let f = ngf.field();\n    @let inputId = ngf.key() + '-input';\n\n    <ion-input\n      ngForgeControl\n      [id]=\"inputId\"\n      [type]=\"type()\"\n      [formField]=\"f\"\n      [label]=\"(ngf.label() | dynamicText | async) ?? undefined\"\n      [labelPlacement]=\"labelPlacement()\"\n      [placeholder]=\"(ngf.placeholder() | dynamicText | async) ?? ''\"\n      [clearInput]=\"props()?.clearInput ?? false\"\n      [counter]=\"props()?.counter ?? false\"\n      [minlength]=\"f().minLength?.()\"\n      [maxlength]=\"f().maxLength?.()\"\n      [color]=\"color()\"\n      [fill]=\"fill()\"\n      [shape]=\"shape()\"\n      [readonly]=\"f().readonly()\"\n      [helperText]=\"ngf.errorsToDisplay().length === 0 ? ((props()?.hint | dynamicText | async) ?? undefined) : undefined\"\n      [attr.tabindex]=\"ngf.tabIndex()\"\n    >\n      @for (a of decorativePrefixAddons(); track $index) {\n        <span slot=\"start\">\n          <df-addon-slot [addon]=\"a\" [fieldInputs]=\"fieldInputs()\" [hidden]=\"ngfa.hiddenSignalCache().get(a)\" />\n        </span>\n      }\n      @for (a of buttonPrefixAddons(); track $index) {\n        <ion-button df-ion-button-addon slot=\"start\" [addon]=\"a\" [fieldInputs]=\"fieldInputs()\"></ion-button>\n      }\n      @for (a of buttonSuffixAddons(); track $index) {\n        <ion-button df-ion-button-addon slot=\"end\" [addon]=\"a\" [fieldInputs]=\"fieldInputs()\"></ion-button>\n      }\n      @for (a of decorativeSuffixAddons(); track $index) {\n        <span slot=\"end\">\n          <df-addon-slot [addon]=\"a\" [fieldInputs]=\"fieldInputs()\" [hidden]=\"ngfa.hiddenSignalCache().get(a)\" />\n        </span>\n      }\n    </ion-input>\n    @if (ngf.errorsToDisplay()[0]; as error) {\n      <ion-note color=\"danger\" class=\"df-ion-error\" [id]=\"ngf.errorId()\" role=\"alert\">{{ error.message }}</ion-note>\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  styleUrl: '../../styles/_form-field.scss',\n  providers: [\n    {\n      provide: IONIC_INPUT_TYPE_OVERRIDE,\n      useFactory: () => signal<string | undefined>(undefined),\n    },\n    {\n      // Adapter-specific preset semantics for `ion-button` addons (clear /\n      // reset / paste / copy / toggle-password-visibility). The directive\n      // (`NgForgeAddonAction`) delegates here when an addon configures a\n      // `preset`. Per-ion-input-instance so the `typeOverride` signal is\n      // scoped to one field.\n      provide: ADDON_PRESET_HANDLER,\n      useFactory: (): AddonPresetHandler => {\n        const typeOverride = inject(IONIC_INPUT_TYPE_OVERRIDE);\n        const fsc = inject(FIELD_SIGNAL_CONTEXT, { optional: true });\n        const logger = inject(DynamicFormLogger);\n        // forwardRef for baselineType only — host.props()?.type gates toggle-password-visibility.\n        const host = inject(forwardRef(() => IonicInputFieldComponent));\n        return {\n          run: (preset: string, ctx: AddonActionContext) => {\n            const fieldKey = ctx.field.key;\n            return runIonicPresetAction(preset as AddonActionPreset, ctx, {\n              typeOverride,\n              fieldValueSetter: ctx.setValue,\n              fieldDefaultValueGetter:\n                fsc && fieldKey ? () => (fsc.defaultValues() as Record<string, unknown> | undefined)?.[fieldKey] : undefined,\n              baselineType: () => host.props()?.type,\n              logger,\n            });\n          },\n        };\n      },\n    },\n  ],\n  styles: [\n    `\n      :host([hidden]) {\n        display: none !important;\n      }\n      /* Per-side padding knobs on each slot wrapper (independent prefix/suffix). */\n      :host {\n        --df-ion-addon-prefix-outer-padding: 0;\n        --df-ion-addon-prefix-inner-padding: 0.5rem;\n        --df-ion-addon-suffix-inner-padding: 0.5rem;\n        --df-ion-addon-suffix-outer-padding: 0;\n      }\n      /* inline-flex on slot wrappers prevents baseline-pinning of decorative addon glyphs. */\n      :host ::ng-deep ion-input [slot='start'],\n      :host ::ng-deep ion-input [slot='end'] {\n        display: inline-flex;\n        align-items: center;\n        align-self: center;\n        line-height: 1;\n      }\n      :host ::ng-deep ion-input [slot='start'] df-addon-slot,\n      :host ::ng-deep ion-input [slot='end'] df-addon-slot,\n      :host ::ng-deep ion-input [slot='start'] df-ion-icon-addon,\n      :host ::ng-deep ion-input [slot='end'] df-ion-icon-addon {\n        display: inline-flex;\n        align-items: center;\n        line-height: 1;\n      }\n      :host ::ng-deep ion-input [slot='start'] {\n        padding-inline-start: var(--df-ion-addon-prefix-outer-padding);\n        padding-inline-end: var(--df-ion-addon-prefix-inner-padding);\n      }\n      :host ::ng-deep ion-input [slot='end'] {\n        padding-inline-start: var(--df-ion-addon-suffix-inner-padding);\n        padding-inline-end: var(--df-ion-addon-suffix-outer-padding);\n      }\n      /* Inherit input text color so icons stay readable on dark themes\n         (Ionic's default \"medium\" greys out and fails WCAG on dark inputs). */\n      :host ::ng-deep ion-input ion-icon {\n        color: inherit;\n      }\n    `,\n  ],\n})\nexport default class IonicInputFieldComponent {\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n  private ionicConfig = inject(IONIC_CONFIG, { optional: true });\n\n  protected readonly ngf = injectNgForgeField<string>();\n  protected readonly ngfa = injectNgForgeAddons<IonicInputAddon>();\n\n  readonly props = input<IonicInputProps>();\n\n  /**\n   * Wrapper-style host bag pushed by `DfFieldOutlet`. Declared at the\n   * component level so `setInputIfDeclared` (which uses\n   * `reflectComponentType`) can write it.\n   */\n  readonly fieldInputs = input<WrapperFieldInputs | undefined>();\n\n  /** Per-instance type override populated by `toggle-password-visibility` preset. */\n  private readonly typeOverride = inject(IONIC_INPUT_TYPE_OVERRIDE);\n\n  protected readonly fill = computed(() => this.props()?.fill ?? this.ionicConfig?.fill ?? 'solid');\n  protected readonly shape = computed(() => this.props()?.shape ?? this.ionicConfig?.shape);\n  /**  Bootstrap / PrimeNG. Consumers can opt into Ionic's native inline 'start' */\n  protected readonly labelPlacement = computed(() => this.props()?.labelPlacement ?? this.ionicConfig?.labelPlacement ?? 'stacked');\n  protected readonly color = computed(() => this.props()?.color ?? this.ionicConfig?.color);\n\n  /** Override (set by `toggle-password-visibility` preset) wins over `props().type`. */\n  protected readonly type = computed(() => this.typeOverride() ?? this.props()?.type ?? 'text');\n\n  /** Per-type split: ion-button addons render inline via the attribute-\n   *  selector inline component (so the slotted element is a native\n   *  <ion-button> Ionic can style); everything else (icon/text/template/\n   *  component types) goes through the universal <df-addon-slot> dispatcher\n   *  wrapped in <span slot=\"start|end\"> for safe shadow-DOM projection. */\n  protected readonly buttonPrefixAddons = computed(() => this.ngfa.prefixAddons().filter((a) => a.type === 'ion-button'));\n  protected readonly buttonSuffixAddons = computed(() => this.ngfa.suffixAddons().filter((a) => a.type === 'ion-button'));\n  protected readonly decorativePrefixAddons = computed(() => this.ngfa.prefixAddons().filter((a) => a.type !== 'ion-button'));\n  protected readonly decorativeSuffixAddons = computed(() => this.ngfa.suffixAddons().filter((a) => a.type !== 'ion-button'));\n\n  /** Set when the component is destroyed — guards async aria-describedby sync against teardown. */\n  private destroyed = false;\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => (this.destroyed = true));\n    // ion-input encapsulates a native <input> in shadow DOM and does not automatically\n    // propagate aria-describedby to it. This effect imperatively syncs the attribute\n    // after a microtask to ensure Ionic has resolved the internal element.\n    explicitEffect([this.ngf.ariaDescribedBy], ([describedBy]) => {\n      queueMicrotask(() => {\n        if (this.destroyed) return;\n        const ionInput = this.elementRef.nativeElement.querySelector('ion-input') as HTMLIonInputElement | null;\n        if (ionInput?.getInputElement) {\n          ionInput.getInputElement().then((inputEl) => {\n            if (this.destroyed || !inputEl) return;\n            if (describedBy) {\n              inputEl.setAttribute('aria-describedby', describedBy);\n            } else {\n              inputEl.removeAttribute('aria-describedby');\n            }\n          });\n        }\n      });\n    });\n  }\n}\n"],"mappings":"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"}