@ionic/angular 7.5.3-dev.11698697256.1151d73f → 7.5.3-dev.11698760841.12aff234

package/fesm2015/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, forwardRef, HostListener } from '@angular/core';
+import { Directive, Attribute, Optional, SkipSelf, Component, ChangeDetectionStrategy, ViewChild, ContentChild, ContentChildren, APP_INITIALIZER, Injectable, 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';
@@ -241,6 +241,14 @@ const proxyInputs = (Cmp, inputs) => {
             set(val) {
                 this.z.runOutsideAngular(() => (this.el[item] = val));
             },
+            /**
+             * In the event that proxyInputs is called
+             * multiple times re-defining these inputs
+             * will cause an error to be thrown. As a result
+             * we set configurable: true to indicate these
+             * properties can be changed.
+             */
+            configurable: true,
         });
     });
 };
@@ -2123,27 +2131,23 @@ const CHECKBOX_INPUTS = [
     'name',
     'value',
 ];
-/**
- * Pulling the provider into an object and using PURE works
- * around an ng-packagr issue that causes
- * components with multiple decorators and
- * a provider to be re-assigned. This re-assignment
- * is not supported by Webpack and causes treeshaking
- * to not work on these kinds of components.
- */
-const accessorProvider$a = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: /*@__PURE__*/ forwardRef(() => IonCheckbox),
-    multi: true,
-};
-let IonCheckbox = class IonCheckbox extends ValueAccessor {
+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);
@@ -2151,15 +2155,15 @@ let IonCheckbox = 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: [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);
+/** @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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonCheckbox, decorators: [{
             type: Component,
             args: [{
@@ -2168,7 +2172,13 @@ 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: [accessorProvider$a],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: IonCheckbox,
+                            multi: true,
+                        },
+                    ],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -2208,41 +2218,37 @@ const DATETIME_INPUTS = [
     'value',
     'yearValues',
 ];
-/**
- * Pulling the provider into an object and using PURE works
- * around an ng-packagr issue that causes
- * components with multiple decorators and
- * a provider to be re-assigned. This re-assignment
- * is not supported by Webpack and causes treeshaking
- * to not work on these kinds of components.
-
- */
-const accessorProvider$9 = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: /*@__PURE__*/ forwardRef(() => IonDatetime),
-    multi: true,
-};
-let IonDatetime = class IonDatetime extends ValueAccessor {
+const DATETIME_METHODS = ['confirm', 'reset', 'cancel'];
+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: [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);
+/** @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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonDatetime, decorators: [{
             type: Component,
             args: [{
@@ -2251,7 +2257,13 @@ 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: [accessorProvider$9],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: IonDatetime,
+                            multi: true,
+                        },
+                    ],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -2325,27 +2337,25 @@ const INPUT_INPUTS = [
     'type',
     'value',
 ];
-/**
- * Pulling the provider into an object and using PURE works
- * around an ng-packagr issue that causes
- * components with multiple decorators and
- * a provider to be re-assigned. This re-assignment
- * is not supported by Webpack and causes treeshaking
- * to not work on these kinds of components.
- */
-const accessorProvider$8 = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: /*@__PURE__*/ forwardRef(() => IonInput),
-    multi: true,
-};
-let IonInput = class IonInput extends ValueAccessor {
+const INPUT_METHODS = ['setFocus', 'getInputElement'];
+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);
     }
@@ -2364,16 +2374,15 @@ let IonInput = 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: [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);
+/** @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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonInput, decorators: [{
             type: Component,
             args: [{
@@ -2382,7 +2391,13 @@ 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: [accessorProvider$8],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: IonInput,
+                            multi: true,
+                        },
+                    ],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonInput: [{
@@ -2391,39 +2406,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
             }] } });
 
 const RADIO_GROUP_INPUTS = ['allowEmptySelection', 'name', 'value'];
-/**
- * Pulling the provider into an object and using PURE  works
- * around an ng-packagr issue that causes
- * components with multiple decorators and
- * a provider to be re-assigned. This re-assignment
- * is not supported by Webpack and causes treeshaking
- * to not work on these kinds of components.
- */
-const accessorProvider$7 = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: /*@__PURE__*/ forwardRef(() => IonRadioGroup),
-    multi: true,
-};
-let IonRadioGroup = class IonRadioGroup extends ValueAccessor {
+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: [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);
+/** @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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRadioGroup, decorators: [{
             type: Component,
             args: [{
@@ -2432,7 +2443,13 @@ 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: [accessorProvider$7],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: IonRadioGroup,
+                            multi: true,
+                        },
+                    ],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -2441,27 +2458,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
             }] } });
 
 const RADIO_INPUTS = ['color', 'disabled', 'justify', 'labelPlacement', 'legacy', 'mode', 'name', 'value'];
-/**
- * Pulling the provider into an object and using PURE works
- * around an ng-packagr issue that causes
- * components with multiple decorators and
- * a provider to be re-assigned. This re-assignment
- * is not supported by Webpack and causes treeshaking
- * to not work on these kinds of components.
- */
-const accessorProvider$6 = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: /*@__PURE__*/ forwardRef(() => IonRadio),
-    multi: true,
-};
-let IonRadio = class IonRadio extends ValueAccessor {
+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
@@ -2469,15 +2482,15 @@ let IonRadio = 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: [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);
+/** @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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRadio, decorators: [{
             type: Component,
             args: [{
@@ -2486,7 +2499,13 @@ 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: [accessorProvider$6],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: IonRadio,
+                            multi: true,
+                        },
+                    ],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonSelect: [{
@@ -2514,39 +2533,35 @@ const RANGE_INPUTS = [
     'ticks',
     'value',
 ];
-/**
- * Pulling the provider into an object and using PURE works
- * around an ng-packagr issue that causes
- * components with multiple decorators and
- * a provider to be re-assigned. This re-assignment
- * is not supported by Webpack and causes treeshaking
- * to not work on these kinds of components.
- */
-const accessorProvider$5 = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: /*@__PURE__*/ forwardRef(() => IonRange),
-    multi: true,
-};
-let IonRange = class IonRange extends ValueAccessor {
+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: [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);
+/** @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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRange, decorators: [{
             type: Component,
             args: [{
@@ -2555,7 +2570,13 @@ 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: [accessorProvider$5],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: IonRange,
+                            multi: true,
+                        },
+                    ],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -2585,40 +2606,37 @@ const SEARCHBAR_INPUTS = [
     'type',
     'value',
 ];
-/**
- * Pulling the provider into an object and using PURE works
- * around an ng-packagr issue that causes
- * components with multiple decorators and
- * a provider to be re-assigned. This re-assignment
- * is not supported by Webpack and causes treeshaking
- * to not work on these kinds of components.
- */
-const accessorProvider$4 = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: /*@__PURE__*/ forwardRef(() => IonSearchbar),
-    multi: true,
-};
-let IonSearchbar = class IonSearchbar extends ValueAccessor {
+const SEARCHBAR_METHODS = ['setFocus', 'getInputElement'];
+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: [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);
+/** @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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonSearchbar, decorators: [{
             type: Component,
             args: [{
@@ -2627,7 +2645,13 @@ 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: [accessorProvider$4],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: IonSearchbar,
+                            multi: true,
+                        },
+                    ],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonInput: [{
@@ -2636,39 +2660,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
             }] } });
 
 const SEGMENT_INPUTS = ['color', 'disabled', 'mode', 'scrollable', 'selectOnFocus', 'swipeGesture', 'value'];
-/**
- * Pulling the provider into an object and using PURE works
- * around an ng-packagr issue that causes
- * components with multiple decorators and
- * a provider to be re-assigned. This re-assignment
- * is not supported by Webpack and causes treeshaking
- * to not work on these kinds of components.
- */
-const accessorProvider$3 = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: /*@__PURE__*/ forwardRef(() => IonSegment),
-    multi: true,
-};
-let IonSegment = class IonSegment extends ValueAccessor {
+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: [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);
+/** @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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonSegment, decorators: [{
             type: Component,
             args: [{
@@ -2677,7 +2697,13 @@ 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: [accessorProvider$3],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: IonSegment,
+                            multi: true,
+                        },
+                    ],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -2708,40 +2734,37 @@ const SELECT_INPUTS = [
     'toggleIcon',
     'value',
 ];
-/**
- * Pulling the provider into an object and using PURE works
- * around an ng-packagr issue that causes
- * components with multiple decorators and
- * a provider to be re-assigned. This re-assignment
- * is not supported by Webpack and causes treeshaking
- * to not work on these kinds of components.
- */
-const accessorProvider$2 = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: /*@__PURE__*/ forwardRef(() => IonSelect),
-    multi: true,
-};
-let IonSelect = class IonSelect extends ValueAccessor {
+const SELECT_METHODS = ['open'];
+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: [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);
+/** @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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonSelect, decorators: [{
             type: Component,
             args: [{
@@ -2750,7 +2773,13 @@ 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: [accessorProvider$2],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: IonSelect,
+                            multi: true,
+                        },
+                    ],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -2790,40 +2819,37 @@ const TEXTAREA_INPUTS = [
     'value',
     'wrap',
 ];
-/**
- * Pulling the provider into an object and using PURE works
- * around an ng-packagr issue that causes
- * components with multiple decorators and
- * a provider to be re-assigned. This re-assignment
- * is not supported by Webpack and causes treeshaking
- * to not work on these kinds of components.
- */
-const accessorProvider$1 = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: /*@__PURE__*/ forwardRef(() => IonTextarea),
-    multi: true,
-};
-let IonTextarea = class IonTextarea extends ValueAccessor {
+const TEXTAREA_METHODS = ['setFocus', 'getInputElement'];
+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: [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);
+/** @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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonTextarea, decorators: [{
             type: Component,
             args: [{
@@ -2832,7 +2858,13 @@ 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: [accessorProvider$1],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: IonTextarea,
+                            multi: true,
+                        },
+                    ],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonInput: [{
@@ -2852,27 +2884,23 @@ const TOGGLE_INPUTS = [
     'name',
     'value',
 ];
-/**
- * Pulling the provider into an object and using PURE works
- * around an ng-packagr issue that causes
- * components with multiple decorators and
- * a provider to be re-assigned. This re-assignment
- * is not supported by Webpack and causes treeshaking
- * to not work on these kinds of components.
- */
-const accessorProvider = {
-    provide: NG_VALUE_ACCESSOR,
-    useExisting: /*@__PURE__*/ forwardRef(() => IonToggle),
-    multi: true,
-};
-let IonToggle = class IonToggle extends ValueAccessor {
+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);
@@ -2880,15 +2908,15 @@ let IonToggle = 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: [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);
+/** @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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonToggle, decorators: [{
             type: Component,
             args: [{
@@ -2897,7 +2925,13 @@ 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: [accessorProvider],
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: IonToggle,
+                            multi: true,
+                        },
+                    ],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{