@ionic/angular 7.5.1-dev.11697219867.13d96ccb → 7.5.1-dev.11697480817.10fa2601

package/fesm2020/ionic-angular-standalone.mjs

@@ -2497,7 +2497,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.EnvironmentInjector }, { type: i0.Injector }, { type: i2.AngularDelegate }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }]; } });
 
-var IonCheckbox_1;
 const CHECKBOX_INPUTS = [
     'checked',
     'color',
@@ -2510,14 +2509,23 @@ const CHECKBOX_INPUTS = [
     'name',
     'value',
 ];
-let IonCheckbox = IonCheckbox_1 = 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);
@@ -2525,21 +2533,15 @@ let IonCheckbox = IonCheckbox_1 = 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_1,
+            useExisting: IonCheckbox,
             multi: true,
         },
     ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonCheckbox = IonCheckbox_1 = __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: [{
@@ -2562,7 +2564,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 args: ['ionChange', ['$event.target']]
             }] } });
 
-var IonDatetime_1;
 const DATETIME_INPUTS = [
     'cancelText',
     'clearText',
@@ -2595,33 +2596,37 @@ const DATETIME_INPUTS = [
     'value',
     'yearValues',
 ];
-let IonDatetime = IonDatetime_1 = 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: [
         {
             provide: NG_VALUE_ACCESSOR,
-            useExisting: IonDatetime_1,
+            useExisting: IonDatetime,
             multi: true,
         },
     ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonDatetime = IonDatetime_1 = __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: [{
@@ -2671,7 +2676,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 
-var IonInput_1;
 const INPUT_INPUTS = [
     'accept',
     'autocapitalize',
@@ -2711,14 +2715,25 @@ const INPUT_INPUTS = [
     'type',
     'value',
 ];
-let IonInput = IonInput_1 = 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);
     }
@@ -2737,22 +2752,15 @@ let IonInput = IonInput_1 = 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_1,
+            useExisting: IonInput,
             multi: true,
         },
     ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonInput = IonInput_1 = __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: [{
@@ -2775,34 +2783,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 args: ['ionInput', ['$event.target']]
             }] } });
 
-var IonRadioGroup_1;
 const RADIO_GROUP_INPUTS = ['allowEmptySelection', 'name', 'value'];
-let IonRadioGroup = IonRadioGroup_1 = 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: [
         {
             provide: NG_VALUE_ACCESSOR,
-            useExisting: IonRadioGroup_1,
+            useExisting: IonRadioGroup,
             multi: true,
         },
     ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonRadioGroup = IonRadioGroup_1 = __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: [{
@@ -2825,16 +2835,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 args: ['ionChange', ['$event.target']]
             }] } });
 
-var IonRadio_1;
 const RADIO_INPUTS = ['color', 'disabled', 'justify', 'labelPlacement', 'legacy', 'mode', 'name', 'value'];
-let IonRadio = IonRadio_1 = 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
@@ -2842,21 +2860,15 @@ let IonRadio = IonRadio_1 = 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_1,
+            useExisting: IonRadio,
             multi: true,
         },
     ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonRadio = IonRadio_1 = __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: [{
@@ -2879,7 +2891,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 args: ['ionSelect', ['$event.target']]
             }] } });
 
-var IonRange_1;
 const RANGE_INPUTS = [
     'activeBarStart',
     'color',
@@ -2900,32 +2911,35 @@ const RANGE_INPUTS = [
     'ticks',
     'value',
 ];
-let IonRange = IonRange_1 = 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: [
         {
             provide: NG_VALUE_ACCESSOR,
-            useExisting: IonRange_1,
+            useExisting: IonRange,
             multi: true,
         },
     ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonRange = IonRange_1 = __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: [{
@@ -2948,7 +2962,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 args: ['ionChange', ['$event.target']]
             }] } });
 
-var IonSearchbar_1;
 const SEARCHBAR_INPUTS = [
     'animated',
     'autocomplete',
@@ -2971,33 +2984,37 @@ const SEARCHBAR_INPUTS = [
     'type',
     'value',
 ];
-let IonSearchbar = IonSearchbar_1 = 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: [
         {
             provide: NG_VALUE_ACCESSOR,
-            useExisting: IonSearchbar_1,
+            useExisting: IonSearchbar,
             multi: true,
         },
     ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonSearchbar = IonSearchbar_1 = __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: [{
@@ -3020,34 +3037,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 args: ['ionInput', ['$event.target']]
             }] } });
 
-var IonSegment_1;
 const SEGMENT_INPUTS = ['color', 'disabled', 'mode', 'scrollable', 'selectOnFocus', 'swipeGesture', 'value'];
-let IonSegment = IonSegment_1 = 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: [
         {
             provide: NG_VALUE_ACCESSOR,
-            useExisting: IonSegment_1,
+            useExisting: IonSegment,
             multi: true,
         },
     ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonSegment = IonSegment_1 = __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: [{
@@ -3070,7 +3089,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 args: ['ionChange', ['$event.target']]
             }] } });
 
-var IonSelect_1;
 const SELECT_INPUTS = [
     'cancelText',
     'color',
@@ -3094,33 +3112,37 @@ const SELECT_INPUTS = [
     'toggleIcon',
     'value',
 ];
-let IonSelect = IonSelect_1 = 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: [
         {
             provide: NG_VALUE_ACCESSOR,
-            useExisting: IonSelect_1,
+            useExisting: IonSelect,
             multi: true,
         },
     ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonSelect = IonSelect_1 = __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: [{
@@ -3143,7 +3165,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 args: ['ionChange', ['$event.target']]
             }] } });
 
-var IonTextarea_1;
 const TEXTAREA_INPUTS = [
     'autoGrow',
     'autocapitalize',
@@ -3176,33 +3197,37 @@ const TEXTAREA_INPUTS = [
     'value',
     'wrap',
 ];
-let IonTextarea = IonTextarea_1 = 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: [
         {
             provide: NG_VALUE_ACCESSOR,
-            useExisting: IonTextarea_1,
+            useExisting: IonTextarea,
             multi: true,
         },
     ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonTextarea = IonTextarea_1 = __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: [{
@@ -3225,7 +3250,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 args: ['ionInput', ['$event.target']]
             }] } });
 
-var IonToggle_1;
 const TOGGLE_INPUTS = [
     'checked',
     'color',
@@ -3238,14 +3262,23 @@ const TOGGLE_INPUTS = [
     'name',
     'value',
 ];
-let IonToggle = IonToggle_1 = 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);
@@ -3253,21 +3286,15 @@ let IonToggle = IonToggle_1 = 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_1,
+            useExisting: IonToggle,
             multi: true,
         },
     ], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonToggle = IonToggle_1 = __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: [{