input.d.ts 4.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, NgZone } from '@angular/core';
  2. import { ValueAccessor } from '@ionic/angular/common';
  3. import type { InputInputEventDetail as IIonInputInputInputEventDetail, InputChangeEventDetail as IIonInputInputChangeEventDetail, Components } from '@ionic/core/components';
  4. import * as i0 from "@angular/core";
  5. export declare class IonInput extends ValueAccessor {
  6. protected z: NgZone;
  7. protected el: HTMLElement;
  8. constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
  9. handleIonInput(el: HTMLIonInputElement): void;
  10. registerOnChange(fn: (_: any) => void): void;
  11. static ɵfac: i0.ɵɵFactoryDeclaration<IonInput, never>;
  12. static ɵcmp: i0.ɵɵComponentDeclaration<IonInput, "ion-input", never, { "accept": { "alias": "accept"; "required": false; }; "autocapitalize": { "alias": "autocapitalize"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "autocorrect": { "alias": "autocorrect"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; "clearInput": { "alias": "clearInput"; "required": false; }; "clearOnEdit": { "alias": "clearOnEdit"; "required": false; }; "color": { "alias": "color"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "counterFormatter": { "alias": "counterFormatter"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "enterkeyhint": { "alias": "enterkeyhint"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "fill": { "alias": "fill"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "inputmode": { "alias": "inputmode"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "max": { "alias": "max"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "minlength": { "alias": "minlength"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "shape": { "alias": "shape"; "required": false; }; "size": { "alias": "size"; "required": false; }; "spellcheck": { "alias": "spellcheck"; "required": false; }; "step": { "alias": "step"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
  13. }
  14. export declare interface IonInput extends Components.IonInput {
  15. /**
  16. * The `ionInput` event is fired each time the user modifies the input's value.
  17. Unlike the `ionChange` event, the `ionInput` event is fired for each alteration
  18. to the input's value. This typically happens for each keystroke as the user types.
  19. For elements that accept text input (`type=text`, `type=tel`, etc.), the interface
  20. is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,
  21. the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If
  22. the input is cleared on edit, the type is `null`.
  23. */
  24. ionInput: EventEmitter<CustomEvent<IIonInputInputInputEventDetail>>;
  25. /**
  26. * The `ionChange` event is fired when the user modifies the input's value.
  27. Unlike the `ionInput` event, the `ionChange` event is only fired when changes
  28. are committed, not as the user types.
  29. Depending on the way the users interacts with the element, the `ionChange`
  30. event fires at a different moment:
  31. - When the user commits the change explicitly (e.g. by selecting a date
  32. from a date picker for `<ion-input type="date">`, pressing the "Enter" key, etc.).
  33. - When the element loses focus after its value has changed: for elements
  34. where the user's interaction is typing.
  35. */
  36. ionChange: EventEmitter<CustomEvent<IIonInputInputChangeEventDetail>>;
  37. /**
  38. * Emitted when the input loses focus.
  39. */
  40. ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
  41. /**
  42. * Emitted when the input has focus.
  43. */
  44. ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
  45. }