@ionic/angular 8.5.7-dev.11747180955.1e468923 → 8.5.7-dev.11747676931.1d53b808

package/fesm2022/ionic-angular-standalone.mjs

@@ -42,65 +42,66 @@ import { defineCustomElement as defineCustomElement$v } from '@ionic/core/compon
 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-input-password-toggle.js';
-import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-item.js';
-import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-item-divider.js';
-import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-item-group.js';
-import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-item-option.js';
-import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-item-options.js';
-import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-item-sliding.js';
-import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-label.js';
-import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-list.js';
-import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-list-header.js';
-import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-loading.js';
-import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-menu.js';
-import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-menu-button.js';
-import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-menu-toggle.js';
-import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-nav-link.js';
-import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-note.js';
-import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-picker.js';
-import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-picker-column.js';
-import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-picker-column-option.js';
-import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-picker-legacy.js';
-import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-progress-bar.js';
-import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-radio.js';
-import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-refresher.js';
-import { defineCustomElement as defineCustomElement$W } from '@ionic/core/components/ion-refresher-content.js';
-import { defineCustomElement as defineCustomElement$X } from '@ionic/core/components/ion-reorder.js';
-import { defineCustomElement as defineCustomElement$Y } from '@ionic/core/components/ion-reorder-group.js';
-import { defineCustomElement as defineCustomElement$Z } from '@ionic/core/components/ion-ripple-effect.js';
-import { defineCustomElement as defineCustomElement$_ } from '@ionic/core/components/ion-row.js';
-import { defineCustomElement as defineCustomElement$$ } from '@ionic/core/components/ion-segment-button.js';
-import { defineCustomElement as defineCustomElement$10 } from '@ionic/core/components/ion-segment-content.js';
-import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-segment-view.js';
-import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-select-modal.js';
-import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-select-option.js';
-import { defineCustomElement as defineCustomElement$14 } from '@ionic/core/components/ion-skeleton-text.js';
-import { defineCustomElement as defineCustomElement$15 } from '@ionic/core/components/ion-spinner.js';
-import { defineCustomElement as defineCustomElement$16 } from '@ionic/core/components/ion-split-pane.js';
-import { defineCustomElement as defineCustomElement$17 } from '@ionic/core/components/ion-tab.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-thumbnail.js';
-import { defineCustomElement as defineCustomElement$1c } from '@ionic/core/components/ion-title.js';
-import { defineCustomElement as defineCustomElement$1d } from '@ionic/core/components/ion-toast.js';
-import { defineCustomElement as defineCustomElement$1e } from '@ionic/core/components/ion-toolbar.js';
+import { defineCustomElement as defineCustomElement$z } from '@ionic/core/components/ion-input-otp.js';
+import { defineCustomElement as defineCustomElement$A } from '@ionic/core/components/ion-input-password-toggle.js';
+import { defineCustomElement as defineCustomElement$B } from '@ionic/core/components/ion-item.js';
+import { defineCustomElement as defineCustomElement$C } from '@ionic/core/components/ion-item-divider.js';
+import { defineCustomElement as defineCustomElement$D } from '@ionic/core/components/ion-item-group.js';
+import { defineCustomElement as defineCustomElement$E } from '@ionic/core/components/ion-item-option.js';
+import { defineCustomElement as defineCustomElement$F } from '@ionic/core/components/ion-item-options.js';
+import { defineCustomElement as defineCustomElement$G } from '@ionic/core/components/ion-item-sliding.js';
+import { defineCustomElement as defineCustomElement$H } from '@ionic/core/components/ion-label.js';
+import { defineCustomElement as defineCustomElement$I } from '@ionic/core/components/ion-list.js';
+import { defineCustomElement as defineCustomElement$J } from '@ionic/core/components/ion-list-header.js';
+import { defineCustomElement as defineCustomElement$K } from '@ionic/core/components/ion-loading.js';
+import { defineCustomElement as defineCustomElement$L } from '@ionic/core/components/ion-menu.js';
+import { defineCustomElement as defineCustomElement$M } from '@ionic/core/components/ion-menu-button.js';
+import { defineCustomElement as defineCustomElement$N } from '@ionic/core/components/ion-menu-toggle.js';
+import { defineCustomElement as defineCustomElement$O } from '@ionic/core/components/ion-nav-link.js';
+import { defineCustomElement as defineCustomElement$P } from '@ionic/core/components/ion-note.js';
+import { defineCustomElement as defineCustomElement$Q } from '@ionic/core/components/ion-picker.js';
+import { defineCustomElement as defineCustomElement$R } from '@ionic/core/components/ion-picker-column.js';
+import { defineCustomElement as defineCustomElement$S } from '@ionic/core/components/ion-picker-column-option.js';
+import { defineCustomElement as defineCustomElement$T } from '@ionic/core/components/ion-picker-legacy.js';
+import { defineCustomElement as defineCustomElement$U } from '@ionic/core/components/ion-progress-bar.js';
+import { defineCustomElement as defineCustomElement$V } from '@ionic/core/components/ion-radio.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-segment-button.js';
+import { defineCustomElement as defineCustomElement$11 } from '@ionic/core/components/ion-segment-content.js';
+import { defineCustomElement as defineCustomElement$12 } from '@ionic/core/components/ion-segment-view.js';
+import { defineCustomElement as defineCustomElement$13 } from '@ionic/core/components/ion-select-modal.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.js';
+import { defineCustomElement as defineCustomElement$19 } from '@ionic/core/components/ion-tab-bar.js';
+import { defineCustomElement as defineCustomElement$1a } from '@ionic/core/components/ion-tab-button.js';
+import { defineCustomElement as defineCustomElement$1b } from '@ionic/core/components/ion-text.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-toolbar.js';
 import { modalController, popoverController, initialize, actionSheetController, alertController, createAnimation, getTimeGivenProgression, createGesture, loadingController, menuController, pickerController, toastController } from '@ionic/core/components';
 export { IonicSafeString, IonicSlides, createAnimation, createGesture, getPlatforms, getTimeGivenProgression, iosTransitionAnimation, isPlatform, mdTransitionAnimation } from '@ionic/core/components';
-import { defineCustomElement as defineCustomElement$1f } from '@ionic/core/components/ion-nav.js';
+import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-nav.js';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { defineCustomElement as defineCustomElement$1g } from '@ionic/core/components/ion-checkbox.js';
-import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-datetime.js';
-import { defineCustomElement as defineCustomElement$1i } from 'ionicons/components/ion-icon.js';
-import { defineCustomElement as defineCustomElement$1j } from '@ionic/core/components/ion-input.js';
-import { defineCustomElement as defineCustomElement$1k } from '@ionic/core/components/ion-radio-group.js';
-import { defineCustomElement as defineCustomElement$1l } from '@ionic/core/components/ion-range.js';
-import { defineCustomElement as defineCustomElement$1m } from '@ionic/core/components/ion-searchbar.js';
-import { defineCustomElement as defineCustomElement$1n } from '@ionic/core/components/ion-segment.js';
-import { defineCustomElement as defineCustomElement$1o } from '@ionic/core/components/ion-select.js';
-import { defineCustomElement as defineCustomElement$1p } from '@ionic/core/components/ion-textarea.js';
-import { defineCustomElement as defineCustomElement$1q } from '@ionic/core/components/ion-toggle.js';
+import { defineCustomElement as defineCustomElement$1h } from '@ionic/core/components/ion-checkbox.js';
+import { defineCustomElement as defineCustomElement$1i } from '@ionic/core/components/ion-datetime.js';
+import { defineCustomElement as defineCustomElement$1j } from 'ionicons/components/ion-icon.js';
+import { defineCustomElement as defineCustomElement$1k } from '@ionic/core/components/ion-input.js';
+import { defineCustomElement as defineCustomElement$1l } from '@ionic/core/components/ion-radio-group.js';
+import { defineCustomElement as defineCustomElement$1m } from '@ionic/core/components/ion-range.js';
+import { defineCustomElement as defineCustomElement$1n } from '@ionic/core/components/ion-searchbar.js';
+import { defineCustomElement as defineCustomElement$1o } from '@ionic/core/components/ion-segment.js';
+import { defineCustomElement as defineCustomElement$1p } from '@ionic/core/components/ion-select.js';
+import { defineCustomElement as defineCustomElement$1q } from '@ionic/core/components/ion-textarea.js';
+import { defineCustomElement as defineCustomElement$1r } from '@ionic/core/components/ion-toggle.js';
 
 let IonRouterOutlet = class IonRouterOutlet extends IonRouterOutlet$1 {
     parentOutlet;
@@ -1160,6 +1161,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
+let IonInputOtp$1 = class IonInputOtp {
+    z;
+    el;
+    constructor(c, r, z) {
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionInput', 'ionChange', 'ionComplete', 'ionBlur', 'ionFocus']);
+    }
+    /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonInputOtp, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IonInputOtp, isStandalone: true, selector: "ion-input-otp", inputs: { autocapitalize: "autocapitalize", color: "color", disabled: "disabled", fill: "fill", inputmode: "inputmode", length: "length", pattern: "pattern", readonly: "readonly", separators: "separators", shape: "shape", size: "size", type: "type", value: "value" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IonInputOtp$1 = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$z,
+        inputs: ['autocapitalize', 'color', 'disabled', 'fill', 'inputmode', 'length', 'pattern', 'readonly', 'separators', 'shape', 'size', 'type', 'value'],
+        methods: ['reset', 'setFocus']
+    })
+], IonInputOtp$1);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonInputOtp$1, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ion-input-otp',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: ['autocapitalize', 'color', 'disabled', 'fill', 'inputmode', 'length', 'pattern', 'readonly', 'separators', 'shape', 'size', 'type', 'value'],
+                    standalone: true
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
 let IonInputPasswordToggle = class IonInputPasswordToggle {
     z;
     el;
@@ -1173,7 +1204,7 @@ let IonInputPasswordToggle = class IonInputPasswordToggle {
 };
 IonInputPasswordToggle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$z,
+        defineCustomElementFn: defineCustomElement$A,
         inputs: ['color', 'hideIcon', 'mode', 'showIcon']
     })
 ], IonInputPasswordToggle);
@@ -1201,7 +1232,7 @@ let IonItem = class IonItem {
 };
 IonItem = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$A,
+        defineCustomElementFn: defineCustomElement$B,
         inputs: ['button', 'color', 'detail', 'detailIcon', 'disabled', 'download', 'href', 'lines', 'mode', 'rel', 'routerAnimation', 'routerDirection', 'target', 'type']
     })
 ], IonItem);
@@ -1229,7 +1260,7 @@ let IonItemDivider = class IonItemDivider {
 };
 IonItemDivider = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$B,
+        defineCustomElementFn: defineCustomElement$C,
         inputs: ['color', 'mode', 'sticky']
     })
 ], IonItemDivider);
@@ -1257,7 +1288,7 @@ let IonItemGroup = class IonItemGroup {
 };
 IonItemGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$C
+        defineCustomElementFn: defineCustomElement$D
     })
 ], IonItemGroup);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonItemGroup, decorators: [{
@@ -1284,7 +1315,7 @@ let IonItemOption = class IonItemOption {
 };
 IonItemOption = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$D,
+        defineCustomElementFn: defineCustomElement$E,
         inputs: ['color', 'disabled', 'download', 'expandable', 'href', 'mode', 'rel', 'target', 'type']
     })
 ], IonItemOption);
@@ -1313,7 +1344,7 @@ let IonItemOptions = class IonItemOptions {
 };
 IonItemOptions = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$E,
+        defineCustomElementFn: defineCustomElement$F,
         inputs: ['side']
     })
 ], IonItemOptions);
@@ -1342,7 +1373,7 @@ let IonItemSliding = class IonItemSliding {
 };
 IonItemSliding = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$F,
+        defineCustomElementFn: defineCustomElement$G,
         inputs: ['disabled'],
         methods: ['getOpenAmount', 'getSlidingRatio', 'open', 'close', 'closeOpened']
     })
@@ -1371,7 +1402,7 @@ let IonLabel = class IonLabel {
 };
 IonLabel = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$G,
+        defineCustomElementFn: defineCustomElement$H,
         inputs: ['color', 'mode', 'position']
     })
 ], IonLabel);
@@ -1399,7 +1430,7 @@ let IonList = class IonList {
 };
 IonList = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$H,
+        defineCustomElementFn: defineCustomElement$I,
         inputs: ['inset', 'lines', 'mode'],
         methods: ['closeSlidingItems']
     })
@@ -1428,7 +1459,7 @@ let IonListHeader = class IonListHeader {
 };
 IonListHeader = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$I,
+        defineCustomElementFn: defineCustomElement$J,
         inputs: ['color', 'lines', 'mode']
     })
 ], IonListHeader);
@@ -1457,7 +1488,7 @@ let IonLoading = class IonLoading {
 };
 IonLoading = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$J,
+        defineCustomElementFn: defineCustomElement$K,
         inputs: ['animated', 'backdropDismiss', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'message', 'mode', 'showBackdrop', 'spinner', 'translucent', 'trigger'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
     })
@@ -1487,7 +1518,7 @@ let IonMenu = class IonMenu {
 };
 IonMenu = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$K,
+        defineCustomElementFn: defineCustomElement$L,
         inputs: ['contentId', 'disabled', 'maxEdgeStart', 'menuId', 'side', 'swipeGesture', 'type'],
         methods: ['isOpen', 'isActive', 'open', 'close', 'toggle', 'setOpen']
     })
@@ -1516,7 +1547,7 @@ let IonMenuButton = class IonMenuButton {
 };
 IonMenuButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$L,
+        defineCustomElementFn: defineCustomElement$M,
         inputs: ['autoHide', 'color', 'disabled', 'menu', 'mode', 'type']
     })
 ], IonMenuButton);
@@ -1544,7 +1575,7 @@ let IonMenuToggle = class IonMenuToggle {
 };
 IonMenuToggle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$M,
+        defineCustomElementFn: defineCustomElement$N,
         inputs: ['autoHide', 'menu']
     })
 ], IonMenuToggle);
@@ -1572,7 +1603,7 @@ let IonNavLink = class IonNavLink {
 };
 IonNavLink = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$N,
+        defineCustomElementFn: defineCustomElement$O,
         inputs: ['component', 'componentProps', 'routerAnimation', 'routerDirection']
     })
 ], IonNavLink);
@@ -1600,7 +1631,7 @@ let IonNote = class IonNote {
 };
 IonNote = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$O,
+        defineCustomElementFn: defineCustomElement$P,
         inputs: ['color', 'mode']
     })
 ], IonNote);
@@ -1628,7 +1659,7 @@ let IonPicker = class IonPicker {
 };
 IonPicker = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$P,
+        defineCustomElementFn: defineCustomElement$Q,
         inputs: ['mode']
     })
 ], IonPicker);
@@ -1657,7 +1688,7 @@ let IonPickerColumn = class IonPickerColumn {
 };
 IonPickerColumn = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Q,
+        defineCustomElementFn: defineCustomElement$R,
         inputs: ['color', 'disabled', 'mode', 'value'],
         methods: ['setFocus']
     })
@@ -1686,7 +1717,7 @@ let IonPickerColumnOption = class IonPickerColumnOption {
 };
 IonPickerColumnOption = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$R,
+        defineCustomElementFn: defineCustomElement$S,
         inputs: ['color', 'disabled', 'value']
     })
 ], IonPickerColumnOption);
@@ -1715,7 +1746,7 @@ let IonPickerLegacy = class IonPickerLegacy {
 };
 IonPickerLegacy = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$S,
+        defineCustomElementFn: defineCustomElement$T,
         inputs: ['animated', 'backdropDismiss', 'buttons', 'columns', 'cssClass', 'duration', 'enterAnimation', 'htmlAttributes', 'isOpen', 'keyboardClose', 'leaveAnimation', 'mode', 'showBackdrop', 'trigger'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss', 'getColumn']
     })
@@ -1744,7 +1775,7 @@ let IonProgressBar = class IonProgressBar {
 };
 IonProgressBar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$T,
+        defineCustomElementFn: defineCustomElement$U,
         inputs: ['buffer', 'color', 'mode', 'reversed', 'type', 'value']
     })
 ], IonProgressBar);
@@ -1773,7 +1804,7 @@ let IonRadio = class IonRadio {
 };
 IonRadio = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$U,
+        defineCustomElementFn: defineCustomElement$V,
         inputs: ['alignment', 'color', 'disabled', 'justify', 'labelPlacement', 'mode', 'name', 'value']
     })
 ], IonRadio);
@@ -1802,7 +1833,7 @@ let IonRefresher = class IonRefresher {
 };
 IonRefresher = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$V,
+        defineCustomElementFn: defineCustomElement$W,
         inputs: ['closeDuration', 'disabled', 'mode', 'pullFactor', 'pullMax', 'pullMin', 'snapbackDuration'],
         methods: ['complete', 'cancel', 'getProgress']
     })
@@ -1831,7 +1862,7 @@ let IonRefresherContent = class IonRefresherContent {
 };
 IonRefresherContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$W,
+        defineCustomElementFn: defineCustomElement$X,
         inputs: ['pullingIcon', 'pullingText', 'refreshingSpinner', 'refreshingText']
     })
 ], IonRefresherContent);
@@ -1859,7 +1890,7 @@ let IonReorder = class IonReorder {
 };
 IonReorder = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$X
+        defineCustomElementFn: defineCustomElement$Y
     })
 ], IonReorder);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonReorder, decorators: [{
@@ -1887,7 +1918,7 @@ let IonReorderGroup = class IonReorderGroup {
 };
 IonReorderGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Y,
+        defineCustomElementFn: defineCustomElement$Z,
         inputs: ['disabled'],
         methods: ['complete']
     })
@@ -1916,7 +1947,7 @@ let IonRippleEffect = class IonRippleEffect {
 };
 IonRippleEffect = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$Z,
+        defineCustomElementFn: defineCustomElement$_,
         inputs: ['type'],
         methods: ['addRipple']
     })
@@ -1945,7 +1976,7 @@ let IonRow = class IonRow {
 };
 IonRow = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$_
+        defineCustomElementFn: defineCustomElement$$
     })
 ], IonRow);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonRow, decorators: [{
@@ -1972,7 +2003,7 @@ let IonSegmentButton = class IonSegmentButton {
 };
 IonSegmentButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$$,
+        defineCustomElementFn: defineCustomElement$10,
         inputs: ['contentId', 'disabled', 'layout', 'mode', 'type', 'value']
     })
 ], IonSegmentButton);
@@ -2000,7 +2031,7 @@ let IonSegmentContent = class IonSegmentContent {
 };
 IonSegmentContent = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$10
+        defineCustomElementFn: defineCustomElement$11
     })
 ], IonSegmentContent);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonSegmentContent, decorators: [{
@@ -2028,7 +2059,7 @@ let IonSegmentView = class IonSegmentView {
 };
 IonSegmentView = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$11,
+        defineCustomElementFn: defineCustomElement$12,
         inputs: ['disabled']
     })
 ], IonSegmentView);
@@ -2056,7 +2087,7 @@ let IonSelectModal = class IonSelectModal {
 };
 IonSelectModal = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$12,
+        defineCustomElementFn: defineCustomElement$13,
         inputs: ['header', 'multiple', 'options']
     })
 ], IonSelectModal);
@@ -2084,7 +2115,7 @@ let IonSelectOption = class IonSelectOption {
 };
 IonSelectOption = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$13,
+        defineCustomElementFn: defineCustomElement$14,
         inputs: ['disabled', 'value']
     })
 ], IonSelectOption);
@@ -2112,7 +2143,7 @@ let IonSkeletonText = class IonSkeletonText {
 };
 IonSkeletonText = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$14,
+        defineCustomElementFn: defineCustomElement$15,
         inputs: ['animated']
     })
 ], IonSkeletonText);
@@ -2140,7 +2171,7 @@ let IonSpinner = class IonSpinner {
 };
 IonSpinner = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$15,
+        defineCustomElementFn: defineCustomElement$16,
         inputs: ['color', 'duration', 'name', 'paused']
     })
 ], IonSpinner);
@@ -2169,7 +2200,7 @@ let IonSplitPane = class IonSplitPane {
 };
 IonSplitPane = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$16,
+        defineCustomElementFn: defineCustomElement$17,
         inputs: ['contentId', 'disabled', 'when']
     })
 ], IonSplitPane);
@@ -2197,7 +2228,7 @@ let IonTab = class IonTab {
 };
 IonTab = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$17,
+        defineCustomElementFn: defineCustomElement$18,
         inputs: ['component', 'tab'],
         methods: ['setActive']
     })
@@ -2226,7 +2257,7 @@ let IonTabBar = class IonTabBar {
 };
 IonTabBar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$18,
+        defineCustomElementFn: defineCustomElement$19,
         inputs: ['color', 'mode', 'selectedTab', 'translucent']
     })
 ], IonTabBar);
@@ -2254,7 +2285,7 @@ let IonTabButton = class IonTabButton {
 };
 IonTabButton = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$19,
+        defineCustomElementFn: defineCustomElement$1a,
         inputs: ['disabled', 'download', 'href', 'layout', 'mode', 'rel', 'selected', 'tab', 'target']
     })
 ], IonTabButton);
@@ -2282,7 +2313,7 @@ let IonText = class IonText {
 };
 IonText = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1a,
+        defineCustomElementFn: defineCustomElement$1b,
         inputs: ['color', 'mode']
     })
 ], IonText);
@@ -2310,7 +2341,7 @@ let IonThumbnail = class IonThumbnail {
 };
 IonThumbnail = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1b
+        defineCustomElementFn: defineCustomElement$1c
     })
 ], IonThumbnail);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonThumbnail, decorators: [{
@@ -2337,7 +2368,7 @@ let IonTitle = class IonTitle {
 };
 IonTitle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1c,
+        defineCustomElementFn: defineCustomElement$1d,
         inputs: ['color', 'size']
     })
 ], IonTitle);
@@ -2366,7 +2397,7 @@ let IonToast = class IonToast {
 };
 IonToast = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1d,
+        defineCustomElementFn: defineCustomElement$1e,
         inputs: ['animated', 'buttons', 'color', 'cssClass', 'duration', 'enterAnimation', 'header', 'htmlAttributes', 'icon', 'isOpen', 'keyboardClose', 'layout', 'leaveAnimation', 'message', 'mode', 'position', 'positionAnchor', 'swipeGesture', 'translucent', 'trigger'],
         methods: ['present', 'dismiss', 'onDidDismiss', 'onWillDismiss']
     })
@@ -2395,7 +2426,7 @@ let IonToolbar = class IonToolbar {
 };
 IonToolbar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1e,
+        defineCustomElementFn: defineCustomElement$1f,
         inputs: ['color', 'mode']
     })
 ], IonToolbar);
@@ -2628,7 +2659,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class LoadingController extends OverlayBaseController {
     constructor() {
         super(loadingController);
-        defineCustomElement$J();
+        defineCustomElement$K();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoadingController, providedIn: 'root' });
@@ -2660,7 +2691,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class PickerController extends OverlayBaseController {
     constructor() {
         super(pickerController);
-        defineCustomElement$S();
+        defineCustomElement$T();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PickerController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PickerController, providedIn: 'root' });
@@ -2675,7 +2706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
 class ToastController extends OverlayBaseController {
     constructor() {
         super(toastController);
-        defineCustomElement$1d();
+        defineCustomElement$1e();
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     /** @nocollapse */ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastController, providedIn: 'root' });
@@ -2696,7 +2727,7 @@ let IonNav = class IonNav extends IonNav$1 {
 };
 IonNav = __decorate([
     ProxyCmp$1({
-        defineCustomElementFn: defineCustomElement$1f,
+        defineCustomElementFn: defineCustomElement$1g,
     })
 ], IonNav);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonNav, decorators: [{
@@ -2729,7 +2760,7 @@ const CHECKBOX_INPUTS = [
  * is not supported by Webpack and causes treeshaking
  * to not work on these kinds of components.
  */
-const accessorProvider$9 = {
+const accessorProvider$a = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => IonCheckbox),
     multi: true,
@@ -2752,11 +2783,11 @@ let IonCheckbox = class IonCheckbox extends ValueAccessor {
         this.handleValueChange(el, el.checked);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonCheckbox, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IonCheckbox, isStandalone: true, selector: "ion-checkbox", inputs: { checked: "checked", color: "color", disabled: "disabled", errorText: "errorText", helperText: "helperText", indeterminate: "indeterminate", justify: "justify", labelPlacement: "labelPlacement", mode: "mode", name: "name", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$9], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IonCheckbox, isStandalone: true, selector: "ion-checkbox", inputs: { checked: "checked", color: "color", disabled: "disabled", errorText: "errorText", helperText: "helperText", indeterminate: "indeterminate", justify: "justify", labelPlacement: "labelPlacement", mode: "mode", name: "name", value: "value" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$a], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IonCheckbox = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1g,
+        defineCustomElementFn: defineCustomElement$1h,
         inputs: CHECKBOX_INPUTS,
     })
 ], IonCheckbox);
@@ -2768,7 +2799,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: CHECKBOX_INPUTS,
-                    providers: [accessorProvider$9],
+                    providers: [accessorProvider$a],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -2819,7 +2850,7 @@ const DATETIME_INPUTS = [
  * to not work on these kinds of components.
 
  */
-const accessorProvider$8 = {
+const accessorProvider$9 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => IonDatetime),
     multi: true,
@@ -2838,11 +2869,11 @@ let IonDatetime = class IonDatetime extends ValueAccessor {
         this.handleValueChange(el, el.value);
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonDatetime, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IonDatetime, isStandalone: true, selector: "ion-datetime", inputs: { cancelText: "cancelText", clearText: "clearText", color: "color", dayValues: "dayValues", disabled: "disabled", doneText: "doneText", firstDayOfWeek: "firstDayOfWeek", formatOptions: "formatOptions", 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", showAdjacentDays: "showAdjacentDays", showClearButton: "showClearButton", showDefaultButtons: "showDefaultButtons", showDefaultTimeLabel: "showDefaultTimeLabel", showDefaultTitle: "showDefaultTitle", size: "size", titleSelectedDatesFormatter: "titleSelectedDatesFormatter", value: "value", yearValues: "yearValues" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$8], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IonDatetime, isStandalone: true, selector: "ion-datetime", inputs: { cancelText: "cancelText", clearText: "clearText", color: "color", dayValues: "dayValues", disabled: "disabled", doneText: "doneText", firstDayOfWeek: "firstDayOfWeek", formatOptions: "formatOptions", 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", showAdjacentDays: "showAdjacentDays", showClearButton: "showClearButton", showDefaultButtons: "showDefaultButtons", showDefaultTimeLabel: "showDefaultTimeLabel", showDefaultTitle: "showDefaultTitle", size: "size", titleSelectedDatesFormatter: "titleSelectedDatesFormatter", value: "value", yearValues: "yearValues" }, host: { listeners: { "ionChange": "handleIonChange($event.target)" } }, providers: [accessorProvider$9], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IonDatetime = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1h,
+        defineCustomElementFn: defineCustomElement$1i,
         inputs: DATETIME_INPUTS,
         methods: ['confirm', 'reset', 'cancel'],
     })
@@ -2855,7 +2886,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: DATETIME_INPUTS,
-                    providers: [accessorProvider$8],
+                    providers: [accessorProvider$9],
                     standalone: true,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Injector }]; }, propDecorators: { handleIonChange: [{
@@ -2876,7 +2907,7 @@ let IonIcon = class IonIcon {
 };
 IonIcon = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1i,
+        defineCustomElementFn: defineCustomElement$1j,
         inputs: ['color', 'flipRtl', 'icon', 'ios', 'lazy', 'md', 'mode', 'name', 'sanitize', 'size', 'src'],
     })
 ], IonIcon);
@@ -2938,7 +2969,7 @@ const INPUT_INPUTS = [
  * is not supported by Webpack and causes treeshaking
  * to not work on these kinds of components.
  */
-const accessorProvider$7 = {
+const accessorProvider$8 = {
     provide: NG_VALUE_ACCESSOR,
     useExisting: /*@__PURE__*/ forwardRef(() => IonInput),
     multi: true,
@@ -2972,11 +3003,11 @@ let IonInput = class IonInput extends ValueAccessor {
         });
     }
     /** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonInput, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
-    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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", max: "max", maxlength: "maxlength", min: "min", minlength: "minlength", mode: "mode", multiple: "multiple", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", shape: "shape", size: "size", spellcheck: "spellcheck", step: "step", type: "type", value: "value" }, host: { listeners: { "ionInput": "handleIonInput($event.target)" } }, providers: [accessorProvider$7], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.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", max: "max", maxlength: "maxlength", min: "min", minlength: "minlength", mode: "mode", multiple: "multiple", name: "name", pattern: "pattern", placeholder: "placeholder", readonly: "readonly", required: "required", shape: "shape", size: "size", spellcheck: "spellcheck", step: "step", type: "type", value: "value" }, host: { listeners: { "ionInput": "handleIonInput($event.target)" } }, providers: [accessorProvider$8], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 IonInput = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1j,
+        defineCustomElementFn: defineCustomElement$1k,
         inputs: INPUT_INPUTS,
         methods: ['setFocus', 'getInputElement'],
     })
@@ -2989,6 +3020,88 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                     template: '<ng-content></ng-content>',
                     // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
                     inputs: INPUT_INPUTS,
+                    providers: [accessorProvider$8],
+                    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']]
+            }] } });
+
+const INPUT_OTP_INPUTS = [
+    'autocapitalize',
+    'color',
+    'disabled',
+    'fill',
+    'inputmode',
+    'length',
+    'pattern',
+    'readonly',
+    'separators',
+    'shape',
+    'size',
+    'type',
+    'value',
+];
+/**
+ * Pulling the provider into an object and using PURE works
+ * around an ng-packagr issue that causes
+ * components with multiple decorators and
+ * a provider to be re-assigned. This re-assignment
+ * is not supported by Webpack and causes treeshaking
+ * to not work on these kinds of components.
+ */
+const accessorProvider$7 = {
+    provide: NG_VALUE_ACCESSOR,
+    useExisting: /*@__PURE__*/ forwardRef(() => IonInputOtp),
+    multi: true,
+};
+let IonInputOtp = class IonInputOtp extends ValueAccessor {
+    z;
+    el;
+    constructor(c, r, z, injector) {
+        super(injector, r);
+        this.z = z;
+        c.detach();
+        this.el = r.nativeElement;
+        proxyOutputs(this, this.el, ['ionInput', 'ionChange', 'ionComplete', '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 */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonInputOtp, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
+    /** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IonInputOtp, isStandalone: true, selector: "ion-input-otp", inputs: { autocapitalize: "autocapitalize", color: "color", disabled: "disabled", fill: "fill", inputmode: "inputmode", length: "length", pattern: "pattern", readonly: "readonly", separators: "separators", shape: "shape", size: "size", type: "type", value: "value" }, host: { listeners: { "ionInput": "handleIonInput($event.target)" } }, providers: [accessorProvider$7], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+};
+IonInputOtp = __decorate([
+    ProxyCmp({
+        defineCustomElementFn: defineCustomElement$z,
+        inputs: INPUT_OTP_INPUTS,
+        methods: ['reset', 'setFocus'],
+    })
+], IonInputOtp);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IonInputOtp, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ion-input-otp',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: '<ng-content></ng-content>',
+                    // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
+                    inputs: INPUT_OTP_INPUTS,
                     providers: [accessorProvider$7],
                     standalone: true,
                 }]
@@ -3029,7 +3142,7 @@ let IonRadioGroup = class IonRadioGroup extends ValueAccessor {
 };
 IonRadioGroup = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1k,
+        defineCustomElementFn: defineCustomElement$1l,
         inputs: RADIO_GROUP_INPUTS,
     })
 ], IonRadioGroup);
@@ -3099,7 +3212,7 @@ let IonRange = class IonRange extends ValueAccessor {
 };
 IonRange = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1l,
+        defineCustomElementFn: defineCustomElement$1m,
         inputs: RANGE_INPUTS,
     })
 ], IonRange);
@@ -3172,7 +3285,7 @@ let IonSearchbar = class IonSearchbar extends ValueAccessor {
 };
 IonSearchbar = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1m,
+        defineCustomElementFn: defineCustomElement$1n,
         inputs: SEARCHBAR_INPUTS,
         methods: ['setFocus', 'getInputElement'],
     })
@@ -3225,7 +3338,7 @@ let IonSegment = class IonSegment extends ValueAccessor {
 };
 IonSegment = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1n,
+        defineCustomElementFn: defineCustomElement$1o,
         inputs: SEGMENT_INPUTS,
     })
 ], IonSegment);
@@ -3300,7 +3413,7 @@ let IonSelect = class IonSelect extends ValueAccessor {
 };
 IonSelect = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1o,
+        defineCustomElementFn: defineCustomElement$1p,
         inputs: SELECT_INPUTS,
         methods: ['open'],
     })
@@ -3383,7 +3496,7 @@ let IonTextarea = class IonTextarea extends ValueAccessor {
 };
 IonTextarea = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1p,
+        defineCustomElementFn: defineCustomElement$1q,
         inputs: TEXTAREA_INPUTS,
         methods: ['setFocus', 'getInputElement'],
     })
@@ -3452,7 +3565,7 @@ let IonToggle = class IonToggle extends ValueAccessor {
 };
 IonToggle = __decorate([
     ProxyCmp({
-        defineCustomElementFn: defineCustomElement$1q,
+        defineCustomElementFn: defineCustomElement$1r,
         inputs: TOGGLE_INPUTS,
     })
 ], IonToggle);
@@ -3476,5 +3589,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ActionSheetController, AlertController, AnimationController, GestureController, IonAccordion, IonAccordionGroup, IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonDatetimeButton, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonInputPasswordToggle, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPickerLegacy, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRouterLink, IonRouterLinkWithHref, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectModal, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, LoadingController, MenuController, ModalController, PickerController, PopoverController, ToastController, provideIonicAngular };
+export { ActionSheetController, AlertController, AnimationController, GestureController, IonAccordion, IonAccordionGroup, IonActionSheet, IonAlert, IonApp, IonAvatar, IonBackButton, IonBackdrop, IonBadge, IonBreadcrumb, IonBreadcrumbs, IonButton, IonButtons, IonCard, IonCardContent, IonCardHeader, IonCardSubtitle, IonCardTitle, IonCheckbox, IonChip, IonCol, IonContent, IonDatetime, IonDatetimeButton, IonFab, IonFabButton, IonFabList, IonFooter, IonGrid, IonHeader, IonIcon, IonImg, IonInfiniteScroll, IonInfiniteScrollContent, IonInput, IonInputOtp, IonInputPasswordToggle, IonItem, IonItemDivider, IonItemGroup, IonItemOption, IonItemOptions, IonItemSliding, IonLabel, IonList, IonListHeader, IonLoading, IonMenu, IonMenuButton, IonMenuToggle, IonModal, IonNav, IonNavLink, IonNote, IonPicker, IonPickerColumn, IonPickerColumnOption, IonPickerLegacy, IonPopover, IonProgressBar, IonRadio, IonRadioGroup, IonRange, IonRefresher, IonRefresherContent, IonReorder, IonReorderGroup, IonRippleEffect, IonRouterLink, IonRouterLinkWithHref, IonRouterOutlet, IonRow, IonSearchbar, IonSegment, IonSegmentButton, IonSegmentContent, IonSegmentView, IonSelect, IonSelectModal, IonSelectOption, IonSkeletonText, IonSpinner, IonSplitPane, IonTab, IonTabBar, IonTabButton, IonTabs, IonText, IonTextarea, IonThumbnail, IonTitle, IonToast, IonToggle, IonToolbar, LoadingController, MenuController, ModalController, PickerController, PopoverController, ToastController, provideIonicAngular };
 //# sourceMappingURL=ionic-angular-standalone.mjs.map