range.d.ts 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, NgZone } from '@angular/core';
  2. import { ValueAccessor } from '@ionic/angular/common';
  3. import type { RangeChangeEventDetail, RangeKnobMoveStartEventDetail, RangeKnobMoveEndEventDetail, Components } from '@ionic/core/components';
  4. import * as i0 from "@angular/core";
  5. export declare class IonRange extends ValueAccessor {
  6. protected z: NgZone;
  7. protected el: HTMLElement;
  8. constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
  9. handleIonInput(el: HTMLIonRangeElement): void;
  10. static ɵfac: i0.ɵɵFactoryDeclaration<IonRange, never>;
  11. static ɵcmp: i0.ɵɵComponentDeclaration<IonRange, "ion-range", never, { "activeBarStart": { "alias": "activeBarStart"; "required": false; }; "color": { "alias": "color"; "required": false; }; "debounce": { "alias": "debounce"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dualKnobs": { "alias": "dualKnobs"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pin": { "alias": "pin"; "required": false; }; "pinFormatter": { "alias": "pinFormatter"; "required": false; }; "snaps": { "alias": "snaps"; "required": false; }; "step": { "alias": "step"; "required": false; }; "ticks": { "alias": "ticks"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], true, never>;
  12. }
  13. export declare interface IonRange extends Components.IonRange {
  14. /**
  15. * The `ionChange` event is fired for `<ion-range>` elements when the user
  16. modifies the element's value:
  17. - When the user releases the knob after dragging;
  18. - When the user moves the knob with keyboard arrows
  19. `ionChange` is not fired when the value is changed programmatically.
  20. */
  21. ionChange: EventEmitter<CustomEvent<RangeChangeEventDetail>>;
  22. /**
  23. * The `ionInput` event is fired for `<ion-range>` elements when the value
  24. is modified. Unlike `ionChange`, `ionInput` is fired continuously
  25. while the user is dragging the knob.
  26. */
  27. ionInput: EventEmitter<CustomEvent<RangeChangeEventDetail>>;
  28. /**
  29. * Emitted when the range has focus.
  30. */
  31. ionFocus: EventEmitter<CustomEvent<void>>;
  32. /**
  33. * Emitted when the range loses focus.
  34. */
  35. ionBlur: EventEmitter<CustomEvent<void>>;
  36. /**
  37. * Emitted when the user starts moving the range knob, whether through
  38. mouse drag, touch gesture, or keyboard interaction.
  39. */
  40. ionKnobMoveStart: EventEmitter<CustomEvent<RangeKnobMoveStartEventDetail>>;
  41. /**
  42. * Emitted when the user finishes moving the range knob, whether through
  43. mouse drag, touch gesture, or keyboard interaction.
  44. */
  45. ionKnobMoveEnd: EventEmitter<CustomEvent<RangeKnobMoveEndEventDetail>>;
  46. }