Skip to content

Commit 0094604

Browse files
committed
fix(angular): exclude ion-input-otp from standalone proxy generation
1 parent 2698faf commit 0094604

File tree

2 files changed

+1
-66
lines changed

2 files changed

+1
-66
lines changed

core/stencil.config.ts

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -54,6 +54,7 @@ const getAngularOutputTargets = () => {
5454
* Value Accessors are manually implemented in the `@ionic/angular/standalone` package.
5555
*/
5656
'ion-input',
57+
'ion-input-otp',
5758
'ion-textarea',
5859
'ion-searchbar',
5960
'ion-datetime',

packages/angular/standalone/src/directives/proxies.ts

Lines changed: 0 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,6 @@ import { defineCustomElement as defineIonHeader } from '@ionic/core/components/i
3636
import { defineCustomElement as defineIonImg } from '@ionic/core/components/ion-img.js';
3737
import { defineCustomElement as defineIonInfiniteScroll } from '@ionic/core/components/ion-infinite-scroll.js';
3838
import { defineCustomElement as defineIonInfiniteScrollContent } from '@ionic/core/components/ion-infinite-scroll-content.js';
39-
import { defineCustomElement as defineIonInputOtp } from '@ionic/core/components/ion-input-otp.js';
4039
import { defineCustomElement as defineIonInputPasswordToggle } from '@ionic/core/components/ion-input-password-toggle.js';
4140
import { defineCustomElement as defineIonItem } from '@ionic/core/components/ion-item.js';
4241
import { defineCustomElement as defineIonItemDivider } from '@ionic/core/components/ion-item-divider.js';
@@ -982,71 +981,6 @@ export class IonInfiniteScrollContent {
982981
export declare interface IonInfiniteScrollContent extends Components.IonInfiniteScrollContent {}
983982

984983

985-
@ProxyCmp({
986-
defineCustomElementFn: defineIonInputOtp,
987-
inputs: ['autocapitalize', 'color', 'disabled', 'fill', 'inputmode', 'length', 'pattern', 'readonly', 'separators', 'shape', 'size', 'type', 'value'],
988-
methods: ['reset', 'setFocus']
989-
})
990-
@Component({
991-
selector: 'ion-input-otp',
992-
changeDetection: ChangeDetectionStrategy.OnPush,
993-
template: '<ng-content></ng-content>',
994-
// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
995-
inputs: ['autocapitalize', 'color', 'disabled', 'fill', 'inputmode', 'length', 'pattern', 'readonly', 'separators', 'shape', 'size', 'type', 'value'],
996-
standalone: true
997-
})
998-
export class IonInputOtp {
999-
protected el: HTMLIonInputOtpElement;
1000-
constructor(c: ChangeDetectorRef, r: ElementRef, protected z: NgZone) {
1001-
c.detach();
1002-
this.el = r.nativeElement;
1003-
proxyOutputs(this, this.el, ['ionInput', 'ionChange', 'ionComplete', 'ionBlur', 'ionFocus']);
1004-
}
1005-
}
1006-
1007-
1008-
import type { InputOtpInputEventDetail as IIonInputOtpInputOtpInputEventDetail } from '@ionic/core/components';
1009-
import type { InputOtpChangeEventDetail as IIonInputOtpInputOtpChangeEventDetail } from '@ionic/core/components';
1010-
import type { InputOtpCompleteEventDetail as IIonInputOtpInputOtpCompleteEventDetail } from '@ionic/core/components';
1011-
1012-
export declare interface IonInputOtp extends Components.IonInputOtp {
1013-
/**
1014-
* The `ionInput` event is fired each time the user modifies the input's value.
1015-
Unlike the `ionChange` event, the `ionInput` event is fired for each alteration
1016-
to the input's value. This typically happens for each keystroke as the user types.
1017-
1018-
For elements that accept text input (`type=text`, `type=tel`, etc.), the interface
1019-
is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,
1020-
the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If
1021-
the input is cleared on edit, the type is `null`.
1022-
*/
1023-
ionInput: EventEmitter<CustomEvent<IIonInputOtpInputOtpInputEventDetail>>;
1024-
/**
1025-
* The `ionChange` event is fired when the user modifies the input's value.
1026-
Unlike the `ionInput` event, the `ionChange` event is only fired when changes
1027-
are committed, not as the user types.
1028-
1029-
The `ionChange` event fires when the `<ion-input-otp>` component loses
1030-
focus after its value has changed.
1031-
1032-
This event will not emit when programmatically setting the `value` property.
1033-
*/
1034-
ionChange: EventEmitter<CustomEvent<IIonInputOtpInputOtpChangeEventDetail>>;
1035-
/**
1036-
* Emitted when all input boxes have been filled with valid values.
1037-
*/
1038-
ionComplete: EventEmitter<CustomEvent<IIonInputOtpInputOtpCompleteEventDetail>>;
1039-
/**
1040-
* Emitted when the input group loses focus.
1041-
*/
1042-
ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
1043-
/**
1044-
* Emitted when the input group has focus.
1045-
*/
1046-
ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
1047-
}
1048-
1049-
1050984
@ProxyCmp({
1051985
defineCustomElementFn: defineIonInputPasswordToggle,
1052986
inputs: ['color', 'hideIcon', 'mode', 'showIcon']

0 commit comments

Comments
 (0)