@ionic/angular 7.3.4-dev.11694530824.11fd0fb9 → 7.3.4-dev.11694532574.1e397a21

package/fesm2020/ionic-angular-standalone.mjs

@@ -1,8 +1,8 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Directive, Component, ChangeDetectionStrategy, Optional, ViewChild, ContentChild, ContentChildren, APP_INITIALIZER } from '@angular/core';
+import { Directive, Component, ChangeDetectionStrategy, Optional, ViewChild, ContentChild, ContentChildren, APP_INITIALIZER, HostListener } from '@angular/core';
 import * as i2 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, IonNav as IonNav$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, IonNav as IonNav$1, ValueAccessor, setIonicClasses } from '@ionic/angular/common';
 export { ActionSheetController, AlertController, AnimationController, Config, DomController, GestureController, IonicRouteStrategy, LoadingController, MenuController, ModalController, NavController, NavParams, PickerController, Platform, PopoverController, ToastController } from '@ionic/angular/common';
 import { defineCustomElement as defineCustomElement$2 } from '@ionic/core/components/ion-back-button.js';
 import { defineCustomElement as defineCustomElement$1 } from '@ionic/core/components/ion-router-outlet.js';
@@ -28,69 +28,69 @@ import { defineCustomElement as defineCustomElement$i } from '@ionic/core/compon
 import { defineCustomElement as defineCustomElement$j } from '@ionic/core/components/ion-card-header.js';
 import { defineCustomElement as defineCustomElement$k } from '@ionic/core/components/ion-card-subtitle.js';
 import { defineCustomElement as defineCustomElement$l } from '@ionic/core/components/ion-card-title.js';
-import { defineCustomElement as defineCustomElement$m } from '@ionic/core/components/ion-checkbox.js';
-import { defineCustomElement as defineCustomElement$n } from '@ionic/core/components/ion-chip.js';
-import { defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-col.js';
-import { defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-content.js';
-import { defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-datetime.js';
-import { defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-datetime-button.js';
-import { defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-fab.js';
-import { defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-fab-button.js';
-import { defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-fab-list.js';
-import { defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-footer.js';
-import { defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-grid.js';
-import { defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-header.js';
-import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-img.js';
-import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-infinite-scroll.js';
-import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-infinite-scroll-content.js';
-import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-input.js';
-import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-item.js';
-import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-item-divider.js';
-import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-item-group.js';
-import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-item-option.js';
-import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-item-options.js';
-import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-item-sliding.js';
-import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-label.js';
-import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-list.js';
-import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-list-header.js';
-import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-loading.js';
-import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-menu.js';
-import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-menu-button.js';
-import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-menu-toggle.js';
-import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-nav-link.js';
-import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-note.js';
-import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-picker.js';
-import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-progress-bar.js';
-import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-radio.js';
-import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-radio-group.js';
-import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-range.js';
-import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-refresher.js';
-import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-refresher-content.js';
-import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-reorder.js';
-import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-reorder-group.js';
-import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-ripple-effect.js';
-import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-row.js';
-import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-searchbar.js';
-import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-segment.js';
-import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-segment-button.js';
-import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-select.js';
-import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-select-option.js';
-import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-skeleton-text.js';
-import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-spinner.js';
-import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-split-pane.js';
-import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-tab-bar.js';
-import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-tab-button.js';
-import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-text.js';
-import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-textarea.js';
-import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-thumbnail.js';
-import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-title.js';
-import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-toast.js';
-import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-toggle.js';
-import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-toolbar.js';
+import { defineCustomElement as defineCustomElement$m } from '@ionic/core/components/ion-chip.js';
+import { defineCustomElement as defineCustomElement$n } from '@ionic/core/components/ion-col.js';
+import { defineCustomElement as defineCustomElement$o } from '@ionic/core/components/ion-content.js';
+import { defineCustomElement as defineCustomElement$p } from '@ionic/core/components/ion-datetime-button.js';
+import { defineCustomElement as defineCustomElement$q } from '@ionic/core/components/ion-fab.js';
+import { defineCustomElement as defineCustomElement$r } from '@ionic/core/components/ion-fab-button.js';
+import { defineCustomElement as defineCustomElement$s } from '@ionic/core/components/ion-fab-list.js';
+import { defineCustomElement as defineCustomElement$t } from '@ionic/core/components/ion-footer.js';
+import { defineCustomElement as defineCustomElement$u } from '@ionic/core/components/ion-grid.js';
+import { defineCustomElement as defineCustomElement$v } from '@ionic/core/components/ion-header.js';
+import { defineCustomElement as defineCustomElement$w } from '@ionic/core/components/ion-img.js';
+import { defineCustomElement as defineCustomElement$x } from '@ionic/core/components/ion-infinite-scroll.js';
+import { defineCustomElement as defineCustomElement$y } from '@ionic/core/components/ion-infinite-scroll-content.js';
+import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-item.js';
+import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-item-divider.js';
+import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-item-group.js';
+import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-item-option.js';
+import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-item-options.js';
+import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-item-sliding.js';
+import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-label.js';
+import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-list.js';
+import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-list-header.js';
+import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-loading.js';
+import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-menu.js';
+import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-menu-button.js';
+import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-menu-toggle.js';
+import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-nav-link.js';
+import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-note.js';
+import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-picker.js';
+import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-progress-bar.js';
+import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-refresher.js';
+import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-refresher-content.js';
+import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-reorder.js';
+import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-reorder-group.js';
+import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-ripple-effect.js';
+import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-row.js';
+import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-segment-button.js';
+import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-select-option.js';
+import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-skeleton-text.js';
+import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-spinner.js';
+import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-split-pane.js';
+import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-tab-bar.js';
+import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-tab-button.js';
+import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-text.js';
+import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-thumbnail.js';
+import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-title.js';
+import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-toast.js';
+import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-toolbar.js';
 import { initialize } from '@ionic/core/components';
-export { IonicSafeString, IonicSlides, createAnimation, createGesture, getPlatforms, getTimeGivenProgression, iosTransitionAnimation, isPlatform, mdTransitionAnimation } from '@ionic/core/components';
-import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-nav.js';
-import { defineCustomElement as defineCustomElement$1i } from 'ionicons/components/ion-icon.js';
+import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-nav.js';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-checkbox.js';
+import { defineCustomElement as defineCustomElement$18 } from '@ionic/core/components/ion-datetime.js';
+import { defineCustomElement as defineCustomElement$19 } from 'ionicons/components/ion-icon.js';
+import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-input.js';
+import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-radio-group.js';
+import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-radio.js';
+import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-range.js';
+import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-searchbar.js';
+import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-segment.js';
+import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-select.js';
+import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-textarea.js';
+import { defineCustomElement as defineCustomElement$1i } from '@ionic/core/components/ion-toggle.js';
 
 let IonRouterOutlet = class IonRouterOutlet extends IonRouterOutlet$1 {
 };
@@ -868,55 +868,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let IonCheckbox = class IonCheckbox {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ionChange', 'ionFocus', 'ionBlur']);
-    }
-};
-/** @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 }], 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonCheckbox = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineCustomElement$m,
-        inputs: [
-            'checked',
-            'color',
-            'disabled',
-            'indeterminate',
-            'justify',
-            'labelPlacement',
-            'legacy',
-            'mode',
-            'name',
-            'value',
-        ],
-    })
-], IonCheckbox);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonCheckbox, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ion-checkbox',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [
-                        'checked',
-                        'color',
-                        'disabled',
-                        'indeterminate',
-                        'justify',
-                        'labelPlacement',
-                        'legacy',
-                        'mode',
-                        'name',
-                        'value',
-                    ],
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IonChip = class IonChip {
     constructor(c, r, z) {
         this.z = z;
@@ -928,7 +879,7 @@ let IonChip = class IonChip {
 /** @nocollapse */ IonChip.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonChip, isStandalone: true, selector: "ion-chip", inputs: { color: "color", disabled: "disabled", mode: "mode", outline: "outline" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonChip = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$n,
+        defineCustomElementFn: defineCustomElement$m,
         inputs: ['color', 'disabled', 'mode', 'outline'],
     })
 ], IonChip);
@@ -954,7 +905,7 @@ let IonCol = class IonCol {
 /** @nocollapse */ IonCol.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonCol, isStandalone: true, selector: "ion-col", inputs: { offset: "offset", offsetLg: "offsetLg", offsetMd: "offsetMd", offsetSm: "offsetSm", offsetXl: "offsetXl", offsetXs: "offsetXs", pull: "pull", pullLg: "pullLg", pullMd: "pullMd", pullSm: "pullSm", pullXl: "pullXl", pullXs: "pullXs", push: "push", pushLg: "pushLg", pushMd: "pushMd", pushSm: "pushSm", pushXl: "pushXl", pushXs: "pushXs", size: "size", sizeLg: "sizeLg", sizeMd: "sizeMd", sizeSm: "sizeSm", sizeXl: "sizeXl", sizeXs: "sizeXs" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonCol = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$o,
+        defineCustomElementFn: defineCustomElement$n,
         inputs: [
             'offset',
             'offsetLg',
@@ -1031,7 +982,7 @@ let IonContent = class IonContent {
 /** @nocollapse */ IonContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonContent, isStandalone: true, selector: "ion-content", inputs: { color: "color", forceOverscroll: "forceOverscroll", fullscreen: "fullscreen", scrollEvents: "scrollEvents", scrollX: "scrollX", scrollY: "scrollY" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$p,
+        defineCustomElementFn: defineCustomElement$o,
         inputs: ['color', 'forceOverscroll', 'fullscreen', 'scrollEvents', 'scrollX', 'scrollY'],
         methods: ['getScrollElement', 'scrollToTop', 'scrollToBottom', 'scrollByPoint', 'scrollToPoint'],
     })
@@ -1047,96 +998,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let IonDatetime = class IonDatetime {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ionCancel', 'ionChange', 'ionFocus', 'ionBlur']);
-    }
-};
-/** @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 }], 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonDatetime = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineCustomElement$q,
-        inputs: [
-            'cancelText',
-            'clearText',
-            'color',
-            'dayValues',
-            'disabled',
-            'doneText',
-            'firstDayOfWeek',
-            'highlightedDates',
-            'hourCycle',
-            'hourValues',
-            'isDateEnabled',
-            'locale',
-            'max',
-            'min',
-            'minuteValues',
-            'mode',
-            'monthValues',
-            'multiple',
-            'name',
-            'preferWheel',
-            'presentation',
-            'readonly',
-            'showClearButton',
-            'showDefaultButtons',
-            'showDefaultTimeLabel',
-            'showDefaultTitle',
-            'size',
-            'titleSelectedDatesFormatter',
-            'value',
-            'yearValues',
-        ],
-        methods: ['confirm', 'reset', 'cancel'],
-    })
-], IonDatetime);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonDatetime, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ion-datetime',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [
-                        'cancelText',
-                        'clearText',
-                        'color',
-                        'dayValues',
-                        'disabled',
-                        'doneText',
-                        'firstDayOfWeek',
-                        'highlightedDates',
-                        'hourCycle',
-                        'hourValues',
-                        'isDateEnabled',
-                        'locale',
-                        'max',
-                        'min',
-                        'minuteValues',
-                        'mode',
-                        'monthValues',
-                        'multiple',
-                        'name',
-                        'preferWheel',
-                        'presentation',
-                        'readonly',
-                        'showClearButton',
-                        'showDefaultButtons',
-                        'showDefaultTimeLabel',
-                        'showDefaultTitle',
-                        'size',
-                        'titleSelectedDatesFormatter',
-                        'value',
-                        'yearValues',
-                    ],
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IonDatetimeButton = class IonDatetimeButton {
     constructor(c, r, z) {
         this.z = z;
@@ -1148,7 +1009,7 @@ let IonDatetimeButton = class IonDatetimeButton {
 /** @nocollapse */ IonDatetimeButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonDatetimeButton, isStandalone: true, selector: "ion-datetime-button", inputs: { color: "color", datetime: "datetime", disabled: "disabled", mode: "mode" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonDatetimeButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$r,
+        defineCustomElementFn: defineCustomElement$p,
         inputs: ['color', 'datetime', 'disabled', 'mode'],
     })
 ], IonDatetimeButton);
@@ -1174,7 +1035,7 @@ let IonFab = class IonFab {
 /** @nocollapse */ IonFab.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonFab, isStandalone: true, selector: "ion-fab", inputs: { activated: "activated", edge: "edge", horizontal: "horizontal", vertical: "vertical" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonFab = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$s,
+        defineCustomElementFn: defineCustomElement$q,
         inputs: ['activated', 'edge', 'horizontal', 'vertical'],
         methods: ['close'],
     })
@@ -1202,7 +1063,7 @@ let IonFabButton = class IonFabButton {
 /** @nocollapse */ IonFabButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonFabButton, isStandalone: true, selector: "ion-fab-button", inputs: { activated: "activated", closeIcon: "closeIcon", color: "color", disabled: "disabled", download: "download", href: "href", mode: "mode", rel: "rel", routerAnimation: "routerAnimation", routerDirection: "routerDirection", show: "show", size: "size", target: "target", translucent: "translucent", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonFabButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$t,
+        defineCustomElementFn: defineCustomElement$r,
         inputs: [
             'activated',
             'closeIcon',
@@ -1260,7 +1121,7 @@ let IonFabList = class IonFabList {
 /** @nocollapse */ IonFabList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonFabList, isStandalone: true, selector: "ion-fab-list", inputs: { activated: "activated", side: "side" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonFabList = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$u,
+        defineCustomElementFn: defineCustomElement$s,
         inputs: ['activated', 'side'],
     })
 ], IonFabList);
@@ -1286,7 +1147,7 @@ let IonFooter = class IonFooter {
 /** @nocollapse */ IonFooter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonFooter, isStandalone: true, selector: "ion-footer", inputs: { collapse: "collapse", mode: "mode", translucent: "translucent" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonFooter = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$v,
+        defineCustomElementFn: defineCustomElement$t,
         inputs: ['collapse', 'mode', 'translucent'],
     })
 ], IonFooter);
@@ -1312,7 +1173,7 @@ let IonGrid = class IonGrid {
 /** @nocollapse */ IonGrid.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonGrid, isStandalone: true, selector: "ion-grid", inputs: { fixed: "fixed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonGrid = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$w,
+        defineCustomElementFn: defineCustomElement$u,
         inputs: ['fixed'],
     })
 ], IonGrid);
@@ -1338,7 +1199,7 @@ let IonHeader = class IonHeader {
 /** @nocollapse */ IonHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonHeader, isStandalone: true, selector: "ion-header", inputs: { collapse: "collapse", mode: "mode", translucent: "translucent" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonHeader = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$x,
+        defineCustomElementFn: defineCustomElement$v,
         inputs: ['collapse', 'mode', 'translucent'],
     })
 ], IonHeader);
@@ -1365,7 +1226,7 @@ let IonImg = class IonImg {
 /** @nocollapse */ IonImg.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonImg, isStandalone: true, selector: "ion-img", inputs: { alt: "alt", src: "src" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonImg = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$y,
+        defineCustomElementFn: defineCustomElement$w,
         inputs: ['alt', 'src'],
     })
 ], IonImg);
@@ -1392,7 +1253,7 @@ let IonInfiniteScroll = class IonInfiniteScroll {
 /** @nocollapse */ IonInfiniteScroll.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonInfiniteScroll, isStandalone: true, selector: "ion-infinite-scroll", inputs: { disabled: "disabled", position: "position", threshold: "threshold" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonInfiniteScroll = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$z,
+        defineCustomElementFn: defineCustomElement$x,
         inputs: ['disabled', 'position', 'threshold'],
         methods: ['complete'],
     })
@@ -1419,7 +1280,7 @@ let IonInfiniteScrollContent = class IonInfiniteScrollContent {
 /** @nocollapse */ IonInfiniteScrollContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonInfiniteScrollContent, isStandalone: true, selector: "ion-infinite-scroll-content", inputs: { loadingSpinner: "loadingSpinner", loadingText: "loadingText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonInfiniteScrollContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$A,
+        defineCustomElementFn: defineCustomElement$y,
         inputs: ['loadingSpinner', 'loadingText'],
     })
 ], IonInfiniteScrollContent);
@@ -1434,110 +1295,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let IonInput = class IonInput {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ionInput', 'ionChange', 'ionBlur', 'ionFocus']);
-    }
-};
-/** @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 }], 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonInput = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineCustomElement$B,
-        inputs: [
-            'accept',
-            'autocapitalize',
-            'autocomplete',
-            'autocorrect',
-            'autofocus',
-            'clearInput',
-            'clearOnEdit',
-            'color',
-            'counter',
-            'counterFormatter',
-            'debounce',
-            'disabled',
-            'enterkeyhint',
-            'errorText',
-            'fill',
-            'helperText',
-            'inputmode',
-            'label',
-            'labelPlacement',
-            'legacy',
-            'max',
-            'maxlength',
-            'min',
-            'minlength',
-            'mode',
-            'multiple',
-            'name',
-            'pattern',
-            'placeholder',
-            'readonly',
-            'required',
-            'shape',
-            'size',
-            'spellcheck',
-            'step',
-            'type',
-            'value',
-        ],
-        methods: ['setFocus', 'getInputElement'],
-    })
-], IonInput);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonInput, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ion-input',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [
-                        'accept',
-                        'autocapitalize',
-                        'autocomplete',
-                        'autocorrect',
-                        'autofocus',
-                        'clearInput',
-                        'clearOnEdit',
-                        'color',
-                        'counter',
-                        'counterFormatter',
-                        'debounce',
-                        'disabled',
-                        'enterkeyhint',
-                        'errorText',
-                        'fill',
-                        'helperText',
-                        'inputmode',
-                        'label',
-                        'labelPlacement',
-                        'legacy',
-                        'max',
-                        'maxlength',
-                        'min',
-                        'minlength',
-                        'mode',
-                        'multiple',
-                        'name',
-                        'pattern',
-                        'placeholder',
-                        'readonly',
-                        'required',
-                        'shape',
-                        'size',
-                        'spellcheck',
-                        'step',
-                        'type',
-                        'value',
-                    ],
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IonItem = class IonItem {
     constructor(c, r, z) {
         this.z = z;
@@ -1549,7 +1306,7 @@ let IonItem = class IonItem {
 /** @nocollapse */ IonItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonItem, isStandalone: true, selector: "ion-item", inputs: { button: "button", color: "color", counter: "counter", counterFormatter: "counterFormatter", detail: "detail", detailIcon: "detailIcon", disabled: "disabled", download: "download", fill: "fill", href: "href", lines: "lines", mode: "mode", rel: "rel", routerAnimation: "routerAnimation", routerDirection: "routerDirection", shape: "shape", target: "target", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$C,
+        defineCustomElementFn: defineCustomElement$z,
         inputs: [
             'button',
             'color',
@@ -1613,7 +1370,7 @@ let IonItemDivider = class IonItemDivider {
 /** @nocollapse */ IonItemDivider.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonItemDivider, isStandalone: true, selector: "ion-item-divider", inputs: { color: "color", mode: "mode", sticky: "sticky" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonItemDivider = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$D,
+        defineCustomElementFn: defineCustomElement$A,
         inputs: ['color', 'mode', 'sticky'],
     })
 ], IonItemDivider);
@@ -1639,7 +1396,7 @@ let IonItemGroup = class IonItemGroup {
 /** @nocollapse */ IonItemGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonItemGroup, isStandalone: true, selector: "ion-item-group", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonItemGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$E,
+        defineCustomElementFn: defineCustomElement$B,
     })
 ], IonItemGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonItemGroup, decorators: [{
@@ -1664,7 +1421,7 @@ let IonItemOption = class IonItemOption {
 /** @nocollapse */ IonItemOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonItemOption, isStandalone: true, selector: "ion-item-option", inputs: { color: "color", disabled: "disabled", download: "download", expandable: "expandable", href: "href", mode: "mode", rel: "rel", target: "target", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonItemOption = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$F,
+        defineCustomElementFn: defineCustomElement$C,
         inputs: ['color', 'disabled', 'download', 'expandable', 'href', 'mode', 'rel', 'target', 'type'],
     })
 ], IonItemOption);
@@ -1691,7 +1448,7 @@ let IonItemOptions = class IonItemOptions {
 /** @nocollapse */ IonItemOptions.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonItemOptions, isStandalone: true, selector: "ion-item-options", inputs: { side: "side" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonItemOptions = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$G,
+        defineCustomElementFn: defineCustomElement$D,
         inputs: ['side'],
     })
 ], IonItemOptions);
@@ -1718,7 +1475,7 @@ let IonItemSliding = class IonItemSliding {
 /** @nocollapse */ IonItemSliding.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonItemSliding, isStandalone: true, selector: "ion-item-sliding", inputs: { disabled: "disabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonItemSliding = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$H,
+        defineCustomElementFn: defineCustomElement$E,
         inputs: ['disabled'],
         methods: ['getOpenAmount', 'getSlidingRatio', 'open', 'close', 'closeOpened'],
     })
@@ -1745,7 +1502,7 @@ let IonLabel = class IonLabel {
 /** @nocollapse */ IonLabel.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonLabel, isStandalone: true, selector: "ion-label", inputs: { color: "color", mode: "mode", position: "position" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonLabel = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$I,
+        defineCustomElementFn: defineCustomElement$F,
         inputs: ['color', 'mode', 'position'],
     })
 ], IonLabel);
@@ -1771,7 +1528,7 @@ let IonList = class IonList {
 /** @nocollapse */ IonList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonList, isStandalone: true, selector: "ion-list", inputs: { inset: "inset", lines: "lines", mode: "mode" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonList = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$J,
+        defineCustomElementFn: defineCustomElement$G,
         inputs: ['inset', 'lines', 'mode'],
         methods: ['closeSlidingItems'],
     })
@@ -1798,7 +1555,7 @@ let IonListHeader = class IonListHeader {
 /** @nocollapse */ IonListHeader.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonListHeader, isStandalone: true, selector: "ion-list-header", inputs: { color: "color", lines: "lines", mode: "mode" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonListHeader = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$K,
+        defineCustomElementFn: defineCustomElement$H,
         inputs: ['color', 'lines', 'mode'],
     })
 ], IonListHeader);
@@ -1834,7 +1591,7 @@ let IonLoading = class IonLoading {
 /** @nocollapse */ IonLoading.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonLoading, isStandalone: true, selector: "ion-loading", inputs: { animated: "animated", backdropDismiss: "backdropDismiss", cssClass: "cssClass", duration: "duration", enterAnimation: "enterAnimation", htmlAttributes: "htmlAttributes", isOpen: "isOpen", keyboardClose: "keyboardClose", leaveAnimation: "leaveAnimation", message: "message", mode: "mode", showBackdrop: "showBackdrop", spinner: "spinner", translucent: "translucent", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonLoading = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$L,
+        defineCustomElementFn: defineCustomElement$I,
         inputs: [
             'animated',
             'backdropDismiss',
@@ -1894,7 +1651,7 @@ let IonMenu = class IonMenu {
 /** @nocollapse */ IonMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonMenu, isStandalone: true, selector: "ion-menu", inputs: { contentId: "contentId", disabled: "disabled", maxEdgeStart: "maxEdgeStart", menuId: "menuId", side: "side", swipeGesture: "swipeGesture", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonMenu = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$M,
+        defineCustomElementFn: defineCustomElement$J,
         inputs: ['contentId', 'disabled', 'maxEdgeStart', 'menuId', 'side', 'swipeGesture', 'type'],
         methods: ['isOpen', 'isActive', 'open', 'close', 'toggle', 'setOpen'],
     })
@@ -1921,7 +1678,7 @@ let IonMenuButton = class IonMenuButton {
 /** @nocollapse */ IonMenuButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonMenuButton, isStandalone: true, selector: "ion-menu-button", inputs: { autoHide: "autoHide", color: "color", disabled: "disabled", menu: "menu", mode: "mode", type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonMenuButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$N,
+        defineCustomElementFn: defineCustomElement$K,
         inputs: ['autoHide', 'color', 'disabled', 'menu', 'mode', 'type'],
     })
 ], IonMenuButton);
@@ -1947,7 +1704,7 @@ let IonMenuToggle = class IonMenuToggle {
 /** @nocollapse */ IonMenuToggle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonMenuToggle, isStandalone: true, selector: "ion-menu-toggle", inputs: { autoHide: "autoHide", menu: "menu" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonMenuToggle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$O,
+        defineCustomElementFn: defineCustomElement$L,
         inputs: ['autoHide', 'menu'],
     })
 ], IonMenuToggle);
@@ -1973,7 +1730,7 @@ let IonNavLink = class IonNavLink {
 /** @nocollapse */ IonNavLink.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonNavLink, isStandalone: true, selector: "ion-nav-link", inputs: { component: "component", componentProps: "componentProps", routerAnimation: "routerAnimation", routerDirection: "routerDirection" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonNavLink = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$P,
+        defineCustomElementFn: defineCustomElement$M,
         inputs: ['component', 'componentProps', 'routerAnimation', 'routerDirection'],
     })
 ], IonNavLink);
@@ -1999,7 +1756,7 @@ let IonNote = class IonNote {
 /** @nocollapse */ IonNote.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonNote, isStandalone: true, selector: "ion-note", inputs: { color: "color", mode: "mode" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonNote = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Q,
+        defineCustomElementFn: defineCustomElement$N,
         inputs: ['color', 'mode'],
     })
 ], IonNote);
@@ -2035,7 +1792,7 @@ let IonPicker = class IonPicker {
 /** @nocollapse */ IonPicker.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonPicker, isStandalone: true, selector: "ion-picker", inputs: { animated: "animated", backdropDismiss: "backdropDismiss", buttons: "buttons", columns: "columns", cssClass: "cssClass", duration: "duration", enterAnimation: "enterAnimation", htmlAttributes: "htmlAttributes", isOpen: "isOpen", keyboardClose: "keyboardClose", leaveAnimation: "leaveAnimation", mode: "mode", showBackdrop: "showBackdrop", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonPicker = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$R,
+        defineCustomElementFn: defineCustomElement$O,
         inputs: [
             'animated',
             'backdropDismiss',
@@ -2092,7 +1849,7 @@ let IonProgressBar = class IonProgressBar {
 /** @nocollapse */ IonProgressBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonProgressBar, isStandalone: true, selector: "ion-progress-bar", inputs: { buffer: "buffer", color: "color", mode: "mode", reversed: "reversed", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonProgressBar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$S,
+        defineCustomElementFn: defineCustomElement$P,
         inputs: ['buffer', 'color', 'mode', 'reversed', 'type', 'value'],
     })
 ], IonProgressBar);
@@ -2107,125 +1864,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let IonRadio = class IonRadio {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ionFocus', 'ionBlur']);
-    }
-};
-/** @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 }], 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonRadio = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineCustomElement$T,
-        inputs: ['color', 'disabled', 'justify', 'labelPlacement', 'legacy', 'mode', 'name', 'value'],
-    })
-], IonRadio);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRadio, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ion-radio',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['color', 'disabled', 'justify', 'labelPlacement', 'legacy', 'mode', 'name', 'value'],
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let IonRadioGroup = class IonRadioGroup {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ionChange']);
-    }
-};
-/** @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 }], 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonRadioGroup = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineCustomElement$U,
-        inputs: ['allowEmptySelection', 'name', 'value'],
-    })
-], IonRadioGroup);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRadioGroup, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ion-radio-group',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['allowEmptySelection', 'name', 'value'],
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let IonRange = class IonRange {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ionChange', 'ionInput', 'ionFocus', 'ionBlur', 'ionKnobMoveStart', 'ionKnobMoveEnd']);
-    }
-};
-/** @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 }], 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonRange = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineCustomElement$V,
-        inputs: [
-            'activeBarStart',
-            'color',
-            'debounce',
-            'disabled',
-            'dualKnobs',
-            'label',
-            'labelPlacement',
-            'legacy',
-            'max',
-            'min',
-            'mode',
-            'name',
-            'pin',
-            'pinFormatter',
-            'snaps',
-            'step',
-            'ticks',
-            'value',
-        ],
-    })
-], IonRange);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRange, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ion-range',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [
-                        'activeBarStart',
-                        'color',
-                        'debounce',
-                        'disabled',
-                        'dualKnobs',
-                        'label',
-                        'labelPlacement',
-                        'legacy',
-                        'max',
-                        'min',
-                        'mode',
-                        'name',
-                        'pin',
-                        'pinFormatter',
-                        'snaps',
-                        'step',
-                        'ticks',
-                        'value',
-                    ],
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IonRefresher = class IonRefresher {
     constructor(c, r, z) {
         this.z = z;
@@ -2238,7 +1876,7 @@ let IonRefresher = class IonRefresher {
 /** @nocollapse */ IonRefresher.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonRefresher, isStandalone: true, selector: "ion-refresher", inputs: { closeDuration: "closeDuration", disabled: "disabled", pullFactor: "pullFactor", pullMax: "pullMax", pullMin: "pullMin", snapbackDuration: "snapbackDuration" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonRefresher = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$W,
+        defineCustomElementFn: defineCustomElement$Q,
         inputs: ['closeDuration', 'disabled', 'pullFactor', 'pullMax', 'pullMin', 'snapbackDuration'],
         methods: ['complete', 'cancel', 'getProgress'],
     })
@@ -2265,7 +1903,7 @@ let IonRefresherContent = class IonRefresherContent {
 /** @nocollapse */ IonRefresherContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonRefresherContent, isStandalone: true, selector: "ion-refresher-content", inputs: { pullingIcon: "pullingIcon", pullingText: "pullingText", refreshingSpinner: "refreshingSpinner", refreshingText: "refreshingText" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonRefresherContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$X,
+        defineCustomElementFn: defineCustomElement$R,
         inputs: ['pullingIcon', 'pullingText', 'refreshingSpinner', 'refreshingText'],
     })
 ], IonRefresherContent);
@@ -2291,7 +1929,7 @@ let IonReorder = class IonReorder {
 /** @nocollapse */ IonReorder.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonReorder, isStandalone: true, selector: "ion-reorder", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonReorder = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Y,
+        defineCustomElementFn: defineCustomElement$S,
     })
 ], IonReorder);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonReorder, decorators: [{
@@ -2317,7 +1955,7 @@ let IonReorderGroup = class IonReorderGroup {
 /** @nocollapse */ IonReorderGroup.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonReorderGroup, isStandalone: true, selector: "ion-reorder-group", inputs: { disabled: "disabled" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonReorderGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Z,
+        defineCustomElementFn: defineCustomElement$T,
         inputs: ['disabled'],
         methods: ['complete'],
     })
@@ -2344,7 +1982,7 @@ let IonRippleEffect = class IonRippleEffect {
 /** @nocollapse */ IonRippleEffect.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonRippleEffect, isStandalone: true, selector: "ion-ripple-effect", inputs: { type: "type" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonRippleEffect = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$_,
+        defineCustomElementFn: defineCustomElement$U,
         inputs: ['type'],
         methods: ['addRipple'],
     })
@@ -2371,7 +2009,7 @@ let IonRow = class IonRow {
 /** @nocollapse */ IonRow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonRow, isStandalone: true, selector: "ion-row", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonRow = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$$,
+        defineCustomElementFn: defineCustomElement$V,
     })
 ], IonRow);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonRow, decorators: [{
@@ -2385,104 +2023,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let IonSearchbar = class IonSearchbar {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ionInput', 'ionChange', 'ionCancel', 'ionClear', 'ionBlur', 'ionFocus']);
-    }
-};
-/** @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 }], 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonSearchbar = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineCustomElement$10,
-        inputs: [
-            'animated',
-            'autocomplete',
-            'autocorrect',
-            'cancelButtonIcon',
-            'cancelButtonText',
-            'clearIcon',
-            'color',
-            'debounce',
-            'disabled',
-            'enterkeyhint',
-            'inputmode',
-            'mode',
-            'name',
-            'placeholder',
-            'searchIcon',
-            'showCancelButton',
-            'showClearButton',
-            'spellcheck',
-            'type',
-            'value',
-        ],
-        methods: ['setFocus', 'getInputElement'],
-    })
-], IonSearchbar);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonSearchbar, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ion-searchbar',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [
-                        'animated',
-                        'autocomplete',
-                        'autocorrect',
-                        'cancelButtonIcon',
-                        'cancelButtonText',
-                        'clearIcon',
-                        'color',
-                        'debounce',
-                        'disabled',
-                        'enterkeyhint',
-                        'inputmode',
-                        'mode',
-                        'name',
-                        'placeholder',
-                        'searchIcon',
-                        'showCancelButton',
-                        'showClearButton',
-                        'spellcheck',
-                        'type',
-                        'value',
-                    ],
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let IonSegment = class IonSegment {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ionChange']);
-    }
-};
-/** @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 }], 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonSegment = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineCustomElement$11,
-        inputs: ['color', 'disabled', 'mode', 'scrollable', 'selectOnFocus', 'swipeGesture', 'value'],
-    })
-], IonSegment);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonSegment, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ion-segment',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: ['color', 'disabled', 'mode', 'scrollable', 'selectOnFocus', 'swipeGesture', 'value'],
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let IonSegmentButton = class IonSegmentButton {
+let IonSegmentButton = class IonSegmentButton {
     constructor(c, r, z) {
         this.z = z;
         c.detach();
@@ -2493,7 +2034,7 @@ let IonSegmentButton = class IonSegmentButton {
 /** @nocollapse */ IonSegmentButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonSegmentButton, isStandalone: true, selector: "ion-segment-button", inputs: { disabled: "disabled", layout: "layout", mode: "mode", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonSegmentButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$12,
+        defineCustomElementFn: defineCustomElement$W,
         inputs: ['disabled', 'layout', 'mode', 'type', 'value'],
     })
 ], IonSegmentButton);
@@ -2508,78 +2049,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let IonSelect = class IonSelect {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ionChange', 'ionCancel', 'ionDismiss', 'ionFocus', 'ionBlur']);
-    }
-};
-/** @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 }], 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonSelect = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineCustomElement$13,
-        inputs: [
-            'cancelText',
-            'color',
-            'compareWith',
-            'disabled',
-            'expandedIcon',
-            'fill',
-            'interface',
-            'interfaceOptions',
-            'justify',
-            'label',
-            'labelPlacement',
-            'legacy',
-            'mode',
-            'multiple',
-            'name',
-            'okText',
-            'placeholder',
-            'selectedText',
-            'shape',
-            'toggleIcon',
-            'value',
-        ],
-        methods: ['open'],
-    })
-], IonSelect);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonSelect, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ion-select',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [
-                        'cancelText',
-                        'color',
-                        'compareWith',
-                        'disabled',
-                        'expandedIcon',
-                        'fill',
-                        'interface',
-                        'interfaceOptions',
-                        'justify',
-                        'label',
-                        'labelPlacement',
-                        'legacy',
-                        'mode',
-                        'multiple',
-                        'name',
-                        'okText',
-                        'placeholder',
-                        'selectedText',
-                        'shape',
-                        'toggleIcon',
-                        'value',
-                    ],
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IonSelectOption = class IonSelectOption {
     constructor(c, r, z) {
         this.z = z;
@@ -2591,7 +2060,7 @@ let IonSelectOption = class IonSelectOption {
 /** @nocollapse */ IonSelectOption.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonSelectOption, isStandalone: true, selector: "ion-select-option", inputs: { disabled: "disabled", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonSelectOption = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$14,
+        defineCustomElementFn: defineCustomElement$X,
         inputs: ['disabled', 'value'],
     })
 ], IonSelectOption);
@@ -2617,7 +2086,7 @@ let IonSkeletonText = class IonSkeletonText {
 /** @nocollapse */ IonSkeletonText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonSkeletonText, isStandalone: true, selector: "ion-skeleton-text", inputs: { animated: "animated" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonSkeletonText = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$15,
+        defineCustomElementFn: defineCustomElement$Y,
         inputs: ['animated'],
     })
 ], IonSkeletonText);
@@ -2643,7 +2112,7 @@ let IonSpinner = class IonSpinner {
 /** @nocollapse */ IonSpinner.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonSpinner, isStandalone: true, selector: "ion-spinner", inputs: { color: "color", duration: "duration", name: "name", paused: "paused" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonSpinner = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$16,
+        defineCustomElementFn: defineCustomElement$Z,
         inputs: ['color', 'duration', 'name', 'paused'],
     })
 ], IonSpinner);
@@ -2670,7 +2139,7 @@ let IonSplitPane = class IonSplitPane {
 /** @nocollapse */ IonSplitPane.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonSplitPane, isStandalone: true, selector: "ion-split-pane", inputs: { contentId: "contentId", disabled: "disabled", when: "when" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonSplitPane = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$17,
+        defineCustomElementFn: defineCustomElement$_,
         inputs: ['contentId', 'disabled', 'when'],
     })
 ], IonSplitPane);
@@ -2696,7 +2165,7 @@ let IonTabBar = class IonTabBar {
 /** @nocollapse */ IonTabBar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonTabBar, isStandalone: true, selector: "ion-tab-bar", inputs: { color: "color", mode: "mode", selectedTab: "selectedTab", translucent: "translucent" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonTabBar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$18,
+        defineCustomElementFn: defineCustomElement$$,
         inputs: ['color', 'mode', 'selectedTab', 'translucent'],
     })
 ], IonTabBar);
@@ -2722,7 +2191,7 @@ let IonTabButton = class IonTabButton {
 /** @nocollapse */ IonTabButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonTabButton, isStandalone: true, selector: "ion-tab-button", inputs: { disabled: "disabled", download: "download", href: "href", layout: "layout", mode: "mode", rel: "rel", selected: "selected", tab: "tab", target: "target" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonTabButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$19,
+        defineCustomElementFn: defineCustomElement$10,
         inputs: ['disabled', 'download', 'href', 'layout', 'mode', 'rel', 'selected', 'tab', 'target'],
     })
 ], IonTabButton);
@@ -2748,7 +2217,7 @@ let IonText = class IonText {
 /** @nocollapse */ IonText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonText, isStandalone: true, selector: "ion-text", inputs: { color: "color", mode: "mode" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonText = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1a,
+        defineCustomElementFn: defineCustomElement$11,
         inputs: ['color', 'mode'],
     })
 ], IonText);
@@ -2763,96 +2232,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let IonTextarea = class IonTextarea {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ionChange', 'ionInput', 'ionBlur', 'ionFocus']);
-    }
-};
-/** @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 }], 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonTextarea = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1b,
-        inputs: [
-            'autoGrow',
-            'autocapitalize',
-            'autofocus',
-            'clearOnEdit',
-            'color',
-            'cols',
-            'counter',
-            'counterFormatter',
-            'debounce',
-            'disabled',
-            'enterkeyhint',
-            'errorText',
-            'fill',
-            'helperText',
-            'inputmode',
-            'label',
-            'labelPlacement',
-            'legacy',
-            'maxlength',
-            'minlength',
-            'mode',
-            'name',
-            'placeholder',
-            'readonly',
-            'required',
-            'rows',
-            'shape',
-            'spellcheck',
-            'value',
-            'wrap',
-        ],
-        methods: ['setFocus', 'getInputElement'],
-    })
-], IonTextarea);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonTextarea, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ion-textarea',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [
-                        'autoGrow',
-                        'autocapitalize',
-                        'autofocus',
-                        'clearOnEdit',
-                        'color',
-                        'cols',
-                        'counter',
-                        'counterFormatter',
-                        'debounce',
-                        'disabled',
-                        'enterkeyhint',
-                        'errorText',
-                        'fill',
-                        'helperText',
-                        'inputmode',
-                        'label',
-                        'labelPlacement',
-                        'legacy',
-                        'maxlength',
-                        'minlength',
-                        'mode',
-                        'name',
-                        'placeholder',
-                        'readonly',
-                        'required',
-                        'rows',
-                        'shape',
-                        'spellcheck',
-                        'value',
-                        'wrap',
-                    ],
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IonThumbnail = class IonThumbnail {
     constructor(c, r, z) {
         this.z = z;
@@ -2864,7 +2243,7 @@ let IonThumbnail = class IonThumbnail {
 /** @nocollapse */ IonThumbnail.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonThumbnail, isStandalone: true, selector: "ion-thumbnail", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonThumbnail = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1c,
+        defineCustomElementFn: defineCustomElement$12,
     })
 ], IonThumbnail);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonThumbnail, decorators: [{
@@ -2889,7 +2268,7 @@ let IonTitle = class IonTitle {
 /** @nocollapse */ IonTitle.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonTitle, isStandalone: true, selector: "ion-title", inputs: { color: "color", size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonTitle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1d,
+        defineCustomElementFn: defineCustomElement$13,
         inputs: ['color', 'size'],
     })
 ], IonTitle);
@@ -2925,7 +2304,7 @@ let IonToast = class IonToast {
 /** @nocollapse */ IonToast.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonToast, isStandalone: true, selector: "ion-toast", inputs: { animated: "animated", buttons: "buttons", color: "color", cssClass: "cssClass", duration: "duration", enterAnimation: "enterAnimation", header: "header", htmlAttributes: "htmlAttributes", icon: "icon", isOpen: "isOpen", keyboardClose: "keyboardClose", layout: "layout", leaveAnimation: "leaveAnimation", message: "message", mode: "mode", position: "position", translucent: "translucent", trigger: "trigger" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonToast = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1e,
+        defineCustomElementFn: defineCustomElement$14,
         inputs: [
             'animated',
             'buttons',
@@ -2979,55 +2358,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
-let IonToggle = class IonToggle {
-    constructor(c, r, z) {
-        this.z = z;
-        c.detach();
-        this.el = r.nativeElement;
-        proxyOutputs(this, this.el, ['ionChange', 'ionFocus', 'ionBlur']);
-    }
-};
-/** @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 }], 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" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-IonToggle = __decorate([
-    ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1f,
-        inputs: [
-            'checked',
-            'color',
-            'disabled',
-            'enableOnOffLabels',
-            'justify',
-            'labelPlacement',
-            'legacy',
-            'mode',
-            'name',
-            'value',
-        ],
-    })
-], IonToggle);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonToggle, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'ion-toggle',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: '<ng-content></ng-content>',
-                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-                    inputs: [
-                        'checked',
-                        'color',
-                        'disabled',
-                        'enableOnOffLabels',
-                        'justify',
-                        'labelPlacement',
-                        'legacy',
-                        'mode',
-                        'name',
-                        'value',
-                    ],
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IonToolbar = class IonToolbar {
     constructor(c, r, z) {
         this.z = z;
@@ -3039,7 +2369,7 @@ let IonToolbar = class IonToolbar {
 /** @nocollapse */ IonToolbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonToolbar, isStandalone: true, selector: "ion-toolbar", inputs: { color: "color", mode: "mode" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonToolbar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1g,
+        defineCustomElementFn: defineCustomElement$15,
         inputs: ['color', 'mode'],
     })
 ], IonToolbar);
@@ -3142,7 +2472,7 @@ let IonNav = class IonNav extends IonNav$1 {
 /** @nocollapse */ IonNav.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonNav, isStandalone: true, selector: "ion-nav", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });
 IonNav = __decorate([
     ProxyCmp$1({
-        defineCustomElementFn: defineCustomElement$1h,
+        defineCustomElementFn: defineCustomElement$16,
     })
 ], IonNav);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: IonNav, decorators: [{
@@ -3154,6 +2484,153 @@ 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',
+    'disabled',
+    'indeterminate',
+    'justify',
+    'labelPlacement',
+    'legacy',
+    'mode',
+    'name',
+    'value',
+];
+let IonCheckbox = IonCheckbox_1 = class IonCheckbox extends ValueAccessor {
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionChange', 'ionFocus', 'ionBlur']);
+    }
+    writeValue(value) {
+        this.elementRef.nativeElement.checked = this.lastValue = value;
+        setIonicClasses(this.elementRef);
+    }
+    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,
+            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: [{
+                    selector: 'ion-checkbox',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    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,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
+                type: HostListener,
+                args: ['ionChange', ['$event.target']]
+            }] } });
+
+var IonDatetime_1;
+const DATETIME_INPUTS = [
+    'cancelText',
+    'clearText',
+    'color',
+    'dayValues',
+    'disabled',
+    'doneText',
+    'firstDayOfWeek',
+    'highlightedDates',
+    'hourCycle',
+    'hourValues',
+    'isDateEnabled',
+    'locale',
+    'max',
+    'min',
+    'minuteValues',
+    'mode',
+    'monthValues',
+    'multiple',
+    'name',
+    'preferWheel',
+    'presentation',
+    'readonly',
+    'showClearButton',
+    'showDefaultButtons',
+    'showDefaultTimeLabel',
+    'showDefaultTitle',
+    'size',
+    'titleSelectedDatesFormatter',
+    'value',
+    'yearValues',
+];
+let IonDatetime = IonDatetime_1 = class IonDatetime extends ValueAccessor {
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionCancel', 'ionChange', 'ionFocus', 'ionBlur']);
+    }
+    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,
+            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: [{
+                    selector: 'ion-datetime',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    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,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
+                type: HostListener,
+                args: ['ionChange', ['$event.target']]
+            }] } });
+
 let IonIcon = class IonIcon {
     constructor(c, r, z) {
         this.z = z;
@@ -3165,7 +2642,7 @@ let IonIcon = class IonIcon {
 /** @nocollapse */ IonIcon.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: IonIcon, isStandalone: true, selector: "ion-icon", inputs: { color: "color", flipRtl: "flipRtl", icon: "icon", ios: "ios", lazy: "lazy", md: "md", mode: "mode", name: "name", sanitize: "sanitize", size: "size", src: "src" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 IonIcon = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1i,
+        defineCustomElementFn: defineCustomElement$19,
         inputs: ['color', 'flipRtl', 'icon', 'ios', 'lazy', 'md', 'mode', 'name', 'sanitize', 'size', 'src'],
     })
 ], IonIcon);
@@ -3181,6 +2658,625 @@ 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',
+    'autocomplete',
+    'autocorrect',
+    'autofocus',
+    'clearInput',
+    'clearOnEdit',
+    'color',
+    'counter',
+    'counterFormatter',
+    'debounce',
+    'disabled',
+    'enterkeyhint',
+    'errorText',
+    'fill',
+    'helperText',
+    'inputmode',
+    'label',
+    'labelPlacement',
+    'legacy',
+    'max',
+    'maxlength',
+    'min',
+    'minlength',
+    'mode',
+    'multiple',
+    'name',
+    'pattern',
+    'placeholder',
+    'readonly',
+    'required',
+    'shape',
+    'size',
+    'spellcheck',
+    'step',
+    'type',
+    'value',
+];
+let IonInput = IonInput_1 = class IonInput extends ValueAccessor {
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionInput', 'ionChange', 'ionBlur', 'ionFocus']);
+    }
+    handleIonInput(el) {
+        this.handleValueChange(el, el.value);
+    }
+    registerOnChange(fn) {
+        super.registerOnChange((value) => {
+            if (this.type === 'number') {
+                /**
+                 * If the input type is `number`, we need to convert the value to a number
+                 * when the value is not empty. If the value is empty, we want to treat
+                 * the value as null.
+                 */
+                fn(value === '' ? null : parseFloat(value));
+            }
+            else {
+                fn(value);
+            }
+        });
+    }
+};
+/** @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,
+            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: [{
+                    selector: 'ion-input',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    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,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonInput: [{
+                type: HostListener,
+                args: ['ionInput', ['$event.target']]
+            }] } });
+
+var IonRadioGroup_1;
+const RADIO_GROUP_INPUTS = ['allowEmptySelection', 'name', 'value'];
+let IonRadioGroup = IonRadioGroup_1 = class IonRadioGroup extends ValueAccessor {
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionChange']);
+    }
+    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,
+            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: [{
+                    selector: 'ion-radio-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    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,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
+                type: HostListener,
+                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 {
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionFocus', 'ionBlur']);
+    }
+    handleIonSelect(el) {
+        /**
+         * The `el` type is any to access the `checked` state property
+         * that is not exposed on the type interface.
+         */
+        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,
+            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: [{
+                    selector: 'ion-radio',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    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,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonSelect: [{
+                type: HostListener,
+                args: ['ionSelect', ['$event.target']]
+            }] } });
+
+var IonRange_1;
+const RANGE_INPUTS = [
+    'activeBarStart',
+    'color',
+    'debounce',
+    'disabled',
+    'dualKnobs',
+    'label',
+    'labelPlacement',
+    'legacy',
+    'max',
+    'min',
+    'mode',
+    'name',
+    'pin',
+    'pinFormatter',
+    'snaps',
+    'step',
+    'ticks',
+    'value',
+];
+let IonRange = IonRange_1 = class IonRange extends ValueAccessor {
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionChange', 'ionInput', 'ionFocus', 'ionBlur', 'ionKnobMoveStart', 'ionKnobMoveEnd']);
+    }
+    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,
+            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: [{
+                    selector: 'ion-range',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    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,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
+                type: HostListener,
+                args: ['ionChange', ['$event.target']]
+            }] } });
+
+var IonSearchbar_1;
+const SEARCHBAR_INPUTS = [
+    'animated',
+    'autocomplete',
+    'autocorrect',
+    'cancelButtonIcon',
+    'cancelButtonText',
+    'clearIcon',
+    'color',
+    'debounce',
+    'disabled',
+    'enterkeyhint',
+    'inputmode',
+    'mode',
+    'name',
+    'placeholder',
+    'searchIcon',
+    'showCancelButton',
+    'showClearButton',
+    'spellcheck',
+    'type',
+    'value',
+];
+let IonSearchbar = IonSearchbar_1 = class IonSearchbar extends ValueAccessor {
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionInput', 'ionChange', 'ionCancel', 'ionClear', 'ionBlur', 'ionFocus']);
+    }
+    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,
+            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: [{
+                    selector: 'ion-searchbar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    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,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonInput: [{
+                type: HostListener,
+                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 {
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionChange']);
+    }
+    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,
+            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: [{
+                    selector: 'ion-segment',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    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,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
+                type: HostListener,
+                args: ['ionChange', ['$event.target']]
+            }] } });
+
+var IonSelect_1;
+const SELECT_INPUTS = [
+    'cancelText',
+    'color',
+    'compareWith',
+    'disabled',
+    'expandedIcon',
+    'fill',
+    'interface',
+    'interfaceOptions',
+    'justify',
+    'label',
+    'labelPlacement',
+    'legacy',
+    'mode',
+    'multiple',
+    'name',
+    'okText',
+    'placeholder',
+    'selectedText',
+    'shape',
+    'toggleIcon',
+    'value',
+];
+let IonSelect = IonSelect_1 = class IonSelect extends ValueAccessor {
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionChange', 'ionCancel', 'ionDismiss', 'ionFocus', 'ionBlur']);
+    }
+    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,
+            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: [{
+                    selector: 'ion-select',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    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,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
+                type: HostListener,
+                args: ['ionChange', ['$event.target']]
+            }] } });
+
+var IonTextarea_1;
+const TEXTAREA_INPUTS = [
+    'autoGrow',
+    'autocapitalize',
+    'autofocus',
+    'clearOnEdit',
+    'color',
+    'cols',
+    'counter',
+    'counterFormatter',
+    'debounce',
+    'disabled',
+    'enterkeyhint',
+    'errorText',
+    'fill',
+    'helperText',
+    'inputmode',
+    'label',
+    'labelPlacement',
+    'legacy',
+    'maxlength',
+    'minlength',
+    'mode',
+    'name',
+    'placeholder',
+    'readonly',
+    'required',
+    'rows',
+    'shape',
+    'spellcheck',
+    'value',
+    'wrap',
+];
+let IonTextarea = IonTextarea_1 = class IonTextarea extends ValueAccessor {
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionChange', 'ionInput', 'ionBlur', 'ionFocus']);
+    }
+    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,
+            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: [{
+                    selector: 'ion-textarea',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    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,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonInput: [{
+                type: HostListener,
+                args: ['ionInput', ['$event.target']]
+            }] } });
+
+var IonToggle_1;
+const TOGGLE_INPUTS = [
+    'checked',
+    'color',
+    'disabled',
+    'enableOnOffLabels',
+    'justify',
+    'labelPlacement',
+    'legacy',
+    'mode',
+    'name',
+    'value',
+];
+let IonToggle = IonToggle_1 = class IonToggle extends ValueAccessor {
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionChange', 'ionFocus', 'ionBlur']);
+    }
+    writeValue(value) {
+        this.elementRef.nativeElement.checked = this.lastValue = value;
+        setIonicClasses(this.elementRef);
+    }
+    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,
+            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: [{
+                    selector: 'ion-toggle',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    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,
+                        },
+                    ],
+                    standalone: true,
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
+                type: HostListener,
+                args: ['ionChange', ['$event.target']]
+            }] } });
+
 /**
  * Generated bundle index. Do not edit.
  */