@ionic/angular 7.5.3-dev.11698436643.117def41 → 7.5.3-dev.11698693746.12de705e

package/fesm2020/ionic-angular-standalone.mjs

@@ -1,6 +1,6 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Directive, Attribute, Optional, SkipSelf, Component, ChangeDetectionStrategy, ViewChild, ContentChild, ContentChildren, APP_INITIALIZER, Injectable, HostListener } from '@angular/core';
+import { Directive, Attribute, Optional, SkipSelf, Component, ChangeDetectionStrategy, ViewChild, ContentChild, ContentChildren, APP_INITIALIZER, Injectable, forwardRef, HostListener } from '@angular/core';
 import * as i2$1 from '@ionic/angular/common';
 import { IonRouterOutlet as IonRouterOutlet$1, ProxyCmp as ProxyCmp$1, IonBackButton as IonBackButton$1, IonModal as IonModal$1, IonPopover as IonPopover$1, RouterLinkDelegateDirective, RouterLinkWithHrefDelegateDirective, IonTabs as IonTabs$1, ConfigToken, provideComponentInputBinding, AngularDelegate, ModalController, PopoverController, MenuController as MenuController$1, IonNav as IonNav$1, ValueAccessor, setIonicClasses } from '@ionic/angular/common';
 export { ActionSheetController, AlertController, AnimationController, Config, DomController, GestureController, IonicRouteStrategy, LoadingController, ModalController, NavController, NavParams, PickerController, Platform, PopoverController, ToastController } from '@ionic/angular/common';
@@ -2119,23 +2119,19 @@ const CHECKBOX_INPUTS = [
     'name',
     'value',
 ];
-class IonCheckbox extends ValueAccessor {
+const accessorProvider$a = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => IonCheckbox),
+    multi: true,
+};
+let IonCheckbox = class IonCheckbox extends ValueAccessor {
     constructor(c, r, z, injector) {
         super(injector, r);
         this.z = z;
-        defineCustomElement$17();
         c.detach();
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['ionChange', 'ionFocus', 'ionBlur']);
     }
-    ngOnInit() {
-        /**
-         * Data-bound input properties are set
-         * by Angular after the constructor, so
-         * we need to run the proxy in ngOnInit.
-         */
-        proxyInputs(IonCheckbox, CHECKBOX_INPUTS);
-    }
     writeValue(value) {
         this.elementRef.nativeElement.checked = this.lastValue = value;
         setIonicClasses(this.elementRef);
@@ -2143,15 +2139,15 @@ class IonCheckbox extends ValueAccessor {
     handleIonChange(el) {
         this.handleValueChange(el, el.checked);
     }
-}
+};
 /** @nocollapse */ IonCheckbox.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IonCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonCheckbox, isStandalone: true, selector: "ion-checkbox", inputs: { checked: "checked", color: "color", disabled: "disabled", indeterminate: "indeterminate", justify: "justify", labelPlacement: "labelPlacement", legacy: "legacy", mode: "mode", name: "name", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: IonCheckbox,
-            multi: true,
-        },
-    ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IonCheckbox.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonCheckbox, isStandalone: true, selector: "ion-checkbox", inputs: { checked: "checked", color: "color", disabled: "disabled", indeterminate: "indeterminate", justify: "justify", labelPlacement: "labelPlacement", legacy: "legacy", mode: "mode", name: "name", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$a], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IonCheckbox = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$17,
+        inputs: CHECKBOX_INPUTS,
+    })
+], IonCheckbox);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonCheckbox, decorators: [{
             type: Component,
             args: [{
@@ -2160,13 +2156,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: CHECKBOX_INPUTS,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: IonCheckbox,
-                            multi: true,
-                        },
-                    ],
+                    providers: [accessorProvider$a],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -2206,37 +2196,32 @@ const DATETIME_INPUTS = [
     'value',
     'yearValues',
 ];
-const DATETIME_METHODS = ['confirm', 'reset', 'cancel'];
-class IonDatetime extends ValueAccessor {
+const accessorProvider$9 = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => IonDatetime),
+    multi: true,
+};
+let IonDatetime = class IonDatetime extends ValueAccessor {
     constructor(c, r, z, injector) {
         super(injector, r);
         this.z = z;
-        defineCustomElement$18();
         c.detach();
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['ionCancel', 'ionChange', 'ionFocus', 'ionBlur']);
     }
-    ngOnInit() {
-        /**
-         * Data-bound input properties are set
-         * by Angular after the constructor, so
-         * we need to run the proxy in ngOnInit.
-         */
-        proxyInputs(IonDatetime, DATETIME_INPUTS);
-        proxyMethods(IonDatetime, DATETIME_METHODS);
-    }
     handleIonChange(el) {
         this.handleValueChange(el, el.value);
     }
-}
+};
 /** @nocollapse */ IonDatetime.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonDatetime, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IonDatetime.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonDatetime, isStandalone: true, selector: "ion-datetime", inputs: { cancelText: "cancelText", clearText: "clearText", color: "color", dayValues: "dayValues", disabled: "disabled", doneText: "doneText", firstDayOfWeek: "firstDayOfWeek", highlightedDates: "highlightedDates", hourCycle: "hourCycle", hourValues: "hourValues", isDateEnabled: "isDateEnabled", locale: "locale", max: "max", min: "min", minuteValues: "minuteValues", mode: "mode", monthValues: "monthValues", multiple: "multiple", name: "name", preferWheel: "preferWheel", presentation: "presentation", readonly: "readonly", showClearButton: "showClearButton", showDefaultButtons: "showDefaultButtons", showDefaultTimeLabel: "showDefaultTimeLabel", showDefaultTitle: "showDefaultTitle", size: "size", titleSelectedDatesFormatter: "titleSelectedDatesFormatter", value: "value", yearValues: "yearValues" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: IonDatetime,
-            multi: true,
-        },
-    ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IonDatetime.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonDatetime, isStandalone: true, selector: "ion-datetime", inputs: { cancelText: "cancelText", clearText: "clearText", color: "color", dayValues: "dayValues", disabled: "disabled", doneText: "doneText", firstDayOfWeek: "firstDayOfWeek", highlightedDates: "highlightedDates", hourCycle: "hourCycle", hourValues: "hourValues", isDateEnabled: "isDateEnabled", locale: "locale", max: "max", min: "min", minuteValues: "minuteValues", mode: "mode", monthValues: "monthValues", multiple: "multiple", name: "name", preferWheel: "preferWheel", presentation: "presentation", readonly: "readonly", showClearButton: "showClearButton", showDefaultButtons: "showDefaultButtons", showDefaultTimeLabel: "showDefaultTimeLabel", showDefaultTitle: "showDefaultTitle", size: "size", titleSelectedDatesFormatter: "titleSelectedDatesFormatter", value: "value", yearValues: "yearValues" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$9], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IonDatetime = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$18,
+        inputs: DATETIME_INPUTS,
+        methods: ['confirm', 'reset', 'cancel'],
+    })
+], IonDatetime);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonDatetime, decorators: [{
             type: Component,
             args: [{
@@ -2245,13 +2230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: DATETIME_INPUTS,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: IonDatetime,
-                            multi: true,
-                        },
-                    ],
+                    providers: [accessorProvider$9],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -2325,25 +2304,19 @@ const INPUT_INPUTS = [
     'type',
     'value',
 ];
-const INPUT_METHODS = ['setFocus', 'getInputElement'];
-class IonInput extends ValueAccessor {
+const accessorProvider$8 = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => IonInput),
+    multi: true,
+};
+let IonInput = class IonInput extends ValueAccessor {
     constructor(c, r, z, injector) {
         super(injector, r);
         this.z = z;
-        defineCustomElement$1a();
         c.detach();
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['ionInput', 'ionChange', 'ionBlur', 'ionFocus']);
     }
-    ngOnInit() {
-        /**
-         * Data-bound input properties are set
-         * by Angular after the constructor, so
-         * we need to run the proxy in ngOnInit.
-         */
-        proxyInputs(IonInput, INPUT_INPUTS);
-        proxyMethods(IonInput, INPUT_METHODS);
-    }
     handleIonInput(el) {
         this.handleValueChange(el, el.value);
     }
@@ -2362,15 +2335,16 @@ class IonInput extends ValueAccessor {
             }
         });
     }
-}
+};
 /** @nocollapse */ IonInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IonInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonInput, isStandalone: true, selector: "ion-input", inputs: { accept: "accept", autocapitalize: "autocapitalize", autocomplete: "autocomplete", autocorrect: "autocorrect", autofocus: "autofocus", clearInput: "clearInput", clearOnEdit: "clearOnEdit", color: "color", counter: "counter", counterFormatter: "counterFormatter", debounce: "debounce", disabled: "disabled", enterkeyhint: "enterkeyhint", errorText: "errorText", fill: "fill", helperText: "helperText", inputmode: "inputmode", label: "label", labelPlacement: "labelPlacement", legacy: "legacy", max: "max", maxlength: "maxlength", min: "min", minlength: "minlength", mode: "mode", multiple: "multiple", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", shape: "shape", size: "size", spellcheck: "spellcheck", step: "step", type: "type", value: "value" }, host: { listeners: { "ionInput": "handleIonInput($event.target)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: IonInput,
-            multi: true,
-        },
-    ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IonInput.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonInput, isStandalone: true, selector: "ion-input", inputs: { accept: "accept", autocapitalize: "autocapitalize", autocomplete: "autocomplete", autocorrect: "autocorrect", autofocus: "autofocus", clearInput: "clearInput", clearOnEdit: "clearOnEdit", color: "color", counter: "counter", counterFormatter: "counterFormatter", debounce: "debounce", disabled: "disabled", enterkeyhint: "enterkeyhint", errorText: "errorText", fill: "fill", helperText: "helperText", inputmode: "inputmode", label: "label", labelPlacement: "labelPlacement", legacy: "legacy", max: "max", maxlength: "maxlength", min: "min", minlength: "minlength", mode: "mode", multiple: "multiple", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", shape: "shape", size: "size", spellcheck: "spellcheck", step: "step", type: "type", value: "value" }, host: { listeners: { "ionInput": "handleIonInput($event.target)" } }, providers: [accessorProvider$8], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IonInput = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1a,
+        inputs: INPUT_INPUTS,
+        methods: ['setFocus', 'getInputElement'],
+    })
+], IonInput);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonInput, decorators: [{
             type: Component,
             args: [{
@@ -2379,13 +2353,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: INPUT_INPUTS,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: IonInput,
-                            multi: true,
-                        },
-                    ],
+                    providers: [accessorProvider$8],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonInput: [{
@@ -2394,35 +2362,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
             }] } });
 
 const RADIO_GROUP_INPUTS = ['allowEmptySelection', 'name', 'value'];
-class IonRadioGroup extends ValueAccessor {
+const accessorProvider$7 = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => IonRadioGroup),
+    multi: true,
+};
+let IonRadioGroup = class IonRadioGroup extends ValueAccessor {
     constructor(c, r, z, injector) {
         super(injector, r);
         this.z = z;
-        defineCustomElement$1b();
         c.detach();
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['ionChange']);
     }
-    ngOnInit() {
-        /**
-         * Data-bound input properties are set
-         * by Angular after the constructor, so
-         * we need to run the proxy in ngOnInit.
-         */
-        proxyInputs(IonRadioGroup, RADIO_GROUP_INPUTS);
-    }
     handleIonChange(el) {
         this.handleValueChange(el, el.value);
     }
-}
+};
 /** @nocollapse */ IonRadioGroup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRadioGroup, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IonRadioGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonRadioGroup, isStandalone: true, selector: "ion-radio-group", inputs: { allowEmptySelection: "allowEmptySelection", name: "name", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: IonRadioGroup,
-            multi: true,
-        },
-    ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IonRadioGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonRadioGroup, isStandalone: true, selector: "ion-radio-group", inputs: { allowEmptySelection: "allowEmptySelection", name: "name", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$7], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IonRadioGroup = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1b,
+        inputs: RADIO_GROUP_INPUTS,
+    })
+], IonRadioGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRadioGroup, decorators: [{
             type: Component,
             args: [{
@@ -2431,13 +2395,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: RADIO_GROUP_INPUTS,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: IonRadioGroup,
-                            multi: true,
-                        },
-                    ],
+                    providers: [accessorProvider$7],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -2446,23 +2404,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
             }] } });
 
 const RADIO_INPUTS = ['color', 'disabled', 'justify', 'labelPlacement', 'legacy', 'mode', 'name', 'value'];
-class IonRadio extends ValueAccessor {
+const accessorProvider$6 = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => IonRadio),
+    multi: true,
+};
+let IonRadio = class IonRadio extends ValueAccessor {
     constructor(c, r, z, injector) {
         super(injector, r);
         this.z = z;
-        defineCustomElement$1c();
         c.detach();
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['ionFocus', 'ionBlur']);
     }
-    ngOnInit() {
-        /**
-         * Data-bound input properties are set
-         * by Angular after the constructor, so
-         * we need to run the proxy in ngOnInit.
-         */
-        proxyInputs(IonRadio, RADIO_INPUTS);
-    }
     handleIonSelect(el) {
         /**
          * The `el` type is any to access the `checked` state property
@@ -2470,15 +2424,15 @@ class IonRadio extends ValueAccessor {
          */
         this.handleValueChange(el, el.checked);
     }
-}
+};
 /** @nocollapse */ IonRadio.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRadio, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IonRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonRadio, isStandalone: true, selector: "ion-radio", inputs: { color: "color", disabled: "disabled", justify: "justify", labelPlacement: "labelPlacement", legacy: "legacy", mode: "mode", name: "name", value: "value" }, host: { listeners: { "ionSelect": "handleIonSelect($event.target)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: IonRadio,
-            multi: true,
-        },
-    ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IonRadio.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonRadio, isStandalone: true, selector: "ion-radio", inputs: { color: "color", disabled: "disabled", justify: "justify", labelPlacement: "labelPlacement", legacy: "legacy", mode: "mode", name: "name", value: "value" }, host: { listeners: { "ionSelect": "handleIonSelect($event.target)" } }, providers: [accessorProvider$6], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IonRadio = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1c,
+        inputs: RADIO_INPUTS,
+    })
+], IonRadio);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRadio, decorators: [{
             type: Component,
             args: [{
@@ -2487,13 +2441,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: RADIO_INPUTS,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: IonRadio,
-                            multi: true,
-                        },
-                    ],
+                    providers: [accessorProvider$6],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonSelect: [{
@@ -2521,35 +2469,31 @@ const RANGE_INPUTS = [
     'ticks',
     'value',
 ];
-class IonRange extends ValueAccessor {
+const accessorProvider$5 = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => IonRange),
+    multi: true,
+};
+let IonRange = class IonRange extends ValueAccessor {
     constructor(c, r, z, injector) {
         super(injector, r);
         this.z = z;
-        defineCustomElement$1d();
         c.detach();
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['ionChange', 'ionInput', 'ionFocus', 'ionBlur', 'ionKnobMoveStart', 'ionKnobMoveEnd']);
     }
-    ngOnInit() {
-        /**
-         * Data-bound input properties are set
-         * by Angular after the constructor, so
-         * we need to run the proxy in ngOnInit.
-         */
-        proxyInputs(IonRange, RANGE_INPUTS);
-    }
     handleIonChange(el) {
         this.handleValueChange(el, el.value);
     }
-}
+};
 /** @nocollapse */ IonRange.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRange, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IonRange.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonRange, isStandalone: true, selector: "ion-range", inputs: { activeBarStart: "activeBarStart", color: "color", debounce: "debounce", disabled: "disabled", dualKnobs: "dualKnobs", label: "label", labelPlacement: "labelPlacement", legacy: "legacy", max: "max", min: "min", mode: "mode", name: "name", pin: "pin", pinFormatter: "pinFormatter", snaps: "snaps", step: "step", ticks: "ticks", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: IonRange,
-            multi: true,
-        },
-    ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IonRange.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonRange, isStandalone: true, selector: "ion-range", inputs: { activeBarStart: "activeBarStart", color: "color", debounce: "debounce", disabled: "disabled", dualKnobs: "dualKnobs", label: "label", labelPlacement: "labelPlacement", legacy: "legacy", max: "max", min: "min", mode: "mode", name: "name", pin: "pin", pinFormatter: "pinFormatter", snaps: "snaps", step: "step", ticks: "ticks", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$5], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IonRange = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1d,
+        inputs: RANGE_INPUTS,
+    })
+], IonRange);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRange, decorators: [{
             type: Component,
             args: [{
@@ -2558,13 +2502,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: RANGE_INPUTS,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: IonRange,
-                            multi: true,
-                        },
-                    ],
+                    providers: [accessorProvider$5],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -2594,37 +2532,32 @@ const SEARCHBAR_INPUTS = [
     'type',
     'value',
 ];
-const SEARCHBAR_METHODS = ['setFocus', 'getInputElement'];
-class IonSearchbar extends ValueAccessor {
+const accessorProvider$4 = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => IonSearchbar),
+    multi: true,
+};
+let IonSearchbar = class IonSearchbar extends ValueAccessor {
     constructor(c, r, z, injector) {
         super(injector, r);
         this.z = z;
-        defineCustomElement$1e();
         c.detach();
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['ionInput', 'ionChange', 'ionCancel', 'ionClear', 'ionBlur', 'ionFocus']);
     }
-    ngOnInit() {
-        /**
-         * Data-bound input properties are set
-         * by Angular after the constructor, so
-         * we need to run the proxy in ngOnInit.
-         */
-        proxyInputs(IonSearchbar, SEARCHBAR_INPUTS);
-        proxyMethods(IonSearchbar, SEARCHBAR_METHODS);
-    }
     handleIonInput(el) {
         this.handleValueChange(el, el.value);
     }
-}
+};
 /** @nocollapse */ IonSearchbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonSearchbar, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IonSearchbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonSearchbar, isStandalone: true, selector: "ion-searchbar", inputs: { animated: "animated", autocomplete: "autocomplete", autocorrect: "autocorrect", cancelButtonIcon: "cancelButtonIcon", cancelButtonText: "cancelButtonText", clearIcon: "clearIcon", color: "color", debounce: "debounce", disabled: "disabled", enterkeyhint: "enterkeyhint", inputmode: "inputmode", mode: "mode", name: "name", placeholder: "placeholder", searchIcon: "searchIcon", showCancelButton: "showCancelButton", showClearButton: "showClearButton", spellcheck: "spellcheck", type: "type", value: "value" }, host: { listeners: { "ionInput": "handleIonInput($event.target)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: IonSearchbar,
-            multi: true,
-        },
-    ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IonSearchbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonSearchbar, isStandalone: true, selector: "ion-searchbar", inputs: { animated: "animated", autocomplete: "autocomplete", autocorrect: "autocorrect", cancelButtonIcon: "cancelButtonIcon", cancelButtonText: "cancelButtonText", clearIcon: "clearIcon", color: "color", debounce: "debounce", disabled: "disabled", enterkeyhint: "enterkeyhint", inputmode: "inputmode", mode: "mode", name: "name", placeholder: "placeholder", searchIcon: "searchIcon", showCancelButton: "showCancelButton", showClearButton: "showClearButton", spellcheck: "spellcheck", type: "type", value: "value" }, host: { listeners: { "ionInput": "handleIonInput($event.target)" } }, providers: [accessorProvider$4], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IonSearchbar = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1e,
+        inputs: SEARCHBAR_INPUTS,
+        methods: ['setFocus', 'getInputElement'],
+    })
+], IonSearchbar);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonSearchbar, decorators: [{
             type: Component,
             args: [{
@@ -2633,13 +2566,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: SEARCHBAR_INPUTS,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: IonSearchbar,
-                            multi: true,
-                        },
-                    ],
+                    providers: [accessorProvider$4],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonInput: [{
@@ -2648,35 +2575,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
             }] } });
 
 const SEGMENT_INPUTS = ['color', 'disabled', 'mode', 'scrollable', 'selectOnFocus', 'swipeGesture', 'value'];
-class IonSegment extends ValueAccessor {
+const accessorProvider$3 = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => IonSegment),
+    multi: true,
+};
+let IonSegment = class IonSegment extends ValueAccessor {
     constructor(c, r, z, injector) {
         super(injector, r);
         this.z = z;
-        defineCustomElement$1f();
         c.detach();
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['ionChange']);
     }
-    ngOnInit() {
-        /**
-         * Data-bound input properties are set
-         * by Angular after the constructor, so
-         * we need to run the proxy in ngOnInit.
-         */
-        proxyInputs(IonSegment, SEGMENT_INPUTS);
-    }
     handleIonChange(el) {
         this.handleValueChange(el, el.value);
     }
-}
+};
 /** @nocollapse */ IonSegment.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonSegment, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IonSegment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonSegment, isStandalone: true, selector: "ion-segment", inputs: { color: "color", disabled: "disabled", mode: "mode", scrollable: "scrollable", selectOnFocus: "selectOnFocus", swipeGesture: "swipeGesture", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: IonSegment,
-            multi: true,
-        },
-    ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IonSegment.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonSegment, isStandalone: true, selector: "ion-segment", inputs: { color: "color", disabled: "disabled", mode: "mode", scrollable: "scrollable", selectOnFocus: "selectOnFocus", swipeGesture: "swipeGesture", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$3], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IonSegment = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1f,
+        inputs: SEGMENT_INPUTS,
+    })
+], IonSegment);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonSegment, decorators: [{
             type: Component,
             args: [{
@@ -2685,13 +2608,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: SEGMENT_INPUTS,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: IonSegment,
-                            multi: true,
-                        },
-                    ],
+                    providers: [accessorProvider$3],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -2722,37 +2639,32 @@ const SELECT_INPUTS = [
     'toggleIcon',
     'value',
 ];
-const SELECT_METHODS = ['open'];
-class IonSelect extends ValueAccessor {
+const accessorProvider$2 = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => IonSelect),
+    multi: true,
+};
+let IonSelect = class IonSelect extends ValueAccessor {
     constructor(c, r, z, injector) {
         super(injector, r);
         this.z = z;
-        defineCustomElement$1g();
         c.detach();
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['ionChange', 'ionCancel', 'ionDismiss', 'ionFocus', 'ionBlur']);
     }
-    ngOnInit() {
-        /**
-         * Data-bound input properties are set
-         * by Angular after the constructor, so
-         * we need to run the proxy in ngOnInit.
-         */
-        proxyInputs(IonSelect, SELECT_INPUTS);
-        proxyMethods(IonSelect, SELECT_METHODS);
-    }
     handleIonChange(el) {
         this.handleValueChange(el, el.value);
     }
-}
+};
 /** @nocollapse */ IonSelect.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonSelect, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IonSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonSelect, isStandalone: true, selector: "ion-select", inputs: { cancelText: "cancelText", color: "color", compareWith: "compareWith", disabled: "disabled", expandedIcon: "expandedIcon", fill: "fill", interface: "interface", interfaceOptions: "interfaceOptions", justify: "justify", label: "label", labelPlacement: "labelPlacement", legacy: "legacy", mode: "mode", multiple: "multiple", name: "name", okText: "okText", placeholder: "placeholder", selectedText: "selectedText", shape: "shape", toggleIcon: "toggleIcon", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: IonSelect,
-            multi: true,
-        },
-    ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IonSelect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonSelect, isStandalone: true, selector: "ion-select", inputs: { cancelText: "cancelText", color: "color", compareWith: "compareWith", disabled: "disabled", expandedIcon: "expandedIcon", fill: "fill", interface: "interface", interfaceOptions: "interfaceOptions", justify: "justify", label: "label", labelPlacement: "labelPlacement", legacy: "legacy", mode: "mode", multiple: "multiple", name: "name", okText: "okText", placeholder: "placeholder", selectedText: "selectedText", shape: "shape", toggleIcon: "toggleIcon", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$2], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IonSelect = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1g,
+        inputs: SELECT_INPUTS,
+        methods: ['open'],
+    })
+], IonSelect);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonSelect, decorators: [{
             type: Component,
             args: [{
@@ -2761,13 +2673,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: SELECT_INPUTS,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: IonSelect,
-                            multi: true,
-                        },
-                    ],
+                    providers: [accessorProvider$2],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -2807,37 +2713,32 @@ const TEXTAREA_INPUTS = [
     'value',
     'wrap',
 ];
-const TEXTAREA_METHODS = ['setFocus', 'getInputElement'];
-class IonTextarea extends ValueAccessor {
+const accessorProvider$1 = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => IonTextarea),
+    multi: true,
+};
+let IonTextarea = class IonTextarea extends ValueAccessor {
     constructor(c, r, z, injector) {
         super(injector, r);
         this.z = z;
-        defineCustomElement$1h();
         c.detach();
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['ionChange', 'ionInput', 'ionBlur', 'ionFocus']);
     }
-    ngOnInit() {
-        /**
-         * Data-bound input properties are set
-         * by Angular after the constructor, so
-         * we need to run the proxy in ngOnInit.
-         */
-        proxyInputs(IonTextarea, TEXTAREA_INPUTS);
-        proxyMethods(IonTextarea, TEXTAREA_METHODS);
-    }
     handleIonInput(el) {
         this.handleValueChange(el, el.value);
     }
-}
+};
 /** @nocollapse */ IonTextarea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonTextarea, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IonTextarea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonTextarea, isStandalone: true, selector: "ion-textarea", inputs: { autoGrow: "autoGrow", autocapitalize: "autocapitalize", autofocus: "autofocus", clearOnEdit: "clearOnEdit", color: "color", cols: "cols", counter: "counter", counterFormatter: "counterFormatter", debounce: "debounce", disabled: "disabled", enterkeyhint: "enterkeyhint", errorText: "errorText", fill: "fill", helperText: "helperText", inputmode: "inputmode", label: "label", labelPlacement: "labelPlacement", legacy: "legacy", maxlength: "maxlength", minlength: "minlength", mode: "mode", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", rows: "rows", shape: "shape", spellcheck: "spellcheck", value: "value", wrap: "wrap" }, host: { listeners: { "ionInput": "handleIonInput($event.target)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: IonTextarea,
-            multi: true,
-        },
-    ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IonTextarea.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonTextarea, isStandalone: true, selector: "ion-textarea", inputs: { autoGrow: "autoGrow", autocapitalize: "autocapitalize", autofocus: "autofocus", clearOnEdit: "clearOnEdit", color: "color", cols: "cols", counter: "counter", counterFormatter: "counterFormatter", debounce: "debounce", disabled: "disabled", enterkeyhint: "enterkeyhint", errorText: "errorText", fill: "fill", helperText: "helperText", inputmode: "inputmode", label: "label", labelPlacement: "labelPlacement", legacy: "legacy", maxlength: "maxlength", minlength: "minlength", mode: "mode", name: "name", placeholder: "placeholder", readonly: "readonly", required: "required", rows: "rows", shape: "shape", spellcheck: "spellcheck", value: "value", wrap: "wrap" }, host: { listeners: { "ionInput": "handleIonInput($event.target)" } }, providers: [accessorProvider$1], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IonTextarea = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1h,
+        inputs: TEXTAREA_INPUTS,
+        methods: ['setFocus', 'getInputElement'],
+    })
+], IonTextarea);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonTextarea, decorators: [{
             type: Component,
             args: [{
@@ -2846,13 +2747,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: TEXTAREA_INPUTS,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: IonTextarea,
-                            multi: true,
-                        },
-                    ],
+                    providers: [accessorProvider$1],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonInput: [{
@@ -2872,23 +2767,19 @@ const TOGGLE_INPUTS = [
     'name',
     'value',
 ];
-class IonToggle extends ValueAccessor {
+const accessorProvider = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: forwardRef(() => IonToggle),
+    multi: true,
+};
+let IonToggle = class IonToggle extends ValueAccessor {
     constructor(c, r, z, injector) {
         super(injector, r);
         this.z = z;
-        defineCustomElement$1i();
         c.detach();
         this.el = r.nativeElement;
         proxyOutputs(this, this.el, ['ionChange', 'ionFocus', 'ionBlur']);
     }
-    ngOnInit() {
-        /**
-         * Data-bound input properties are set
-         * by Angular after the constructor, so
-         * we need to run the proxy in ngOnInit.
-         */
-        proxyInputs(IonToggle, TOGGLE_INPUTS);
-    }
     writeValue(value) {
         this.elementRef.nativeElement.checked = this.lastValue = value;
         setIonicClasses(this.elementRef);
@@ -2896,15 +2787,15 @@ class IonToggle extends ValueAccessor {
     handleIonChange(el) {
         this.handleValueChange(el, el.checked);
     }
-}
+};
 /** @nocollapse */ IonToggle.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonToggle, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ IonToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonToggle, isStandalone: true, selector: "ion-toggle", inputs: { checked: "checked", color: "color", disabled: "disabled", enableOnOffLabels: "enableOnOffLabels", justify: "justify", labelPlacement: "labelPlacement", legacy: "legacy", mode: "mode", name: "name", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [
-        {
-            provide: NG_VALUE_ACCESSOR,
-            useExisting: IonToggle,
-            multi: true,
-        },
-    ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ IonToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonToggle, isStandalone: true, selector: "ion-toggle", inputs: { checked: "checked", color: "color", disabled: "disabled", enableOnOffLabels: "enableOnOffLabels", justify: "justify", labelPlacement: "labelPlacement", legacy: "legacy", mode: "mode", name: "name", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [accessorProvider], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+IonToggle = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$1i,
+        inputs: TOGGLE_INPUTS,
+    })
+], IonToggle);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonToggle, decorators: [{
             type: Component,
             args: [{
@@ -2913,13 +2804,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: TOGGLE_INPUTS,
-                    providers: [
-                        {
-                            provide: NG_VALUE_ACCESSOR,
-                            useExisting: IonToggle,
-                            multi: true,
-                        },
-                    ],
+                    providers: [accessorProvider],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{