@ionic/angular 7.3.4-dev.11694475136.10f1c69e → 7.3.4-dev.11694532574.1e397a21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (62) hide show
  1. package/common/directives/control-value-accessors/index.d.ts +1 -0
  2. package/{directives → common/directives}/control-value-accessors/value-accessor.d.ts +2 -2
  3. package/common/index.d.ts +2 -0
  4. package/directives/control-value-accessors/boolean-value-accessor.d.ts +1 -1
  5. package/directives/control-value-accessors/numeric-value-accessor.d.ts +1 -1
  6. package/directives/control-value-accessors/radio-value-accessor.d.ts +1 -1
  7. package/directives/control-value-accessors/select-value-accessor.d.ts +1 -1
  8. package/directives/control-value-accessors/text-value-accessor.d.ts +1 -1
  9. package/esm2020/app-initialize.mjs +2 -2
  10. package/esm2020/common/directives/control-value-accessors/index.mjs +2 -0
  11. package/esm2020/common/directives/control-value-accessors/value-accessor.mjs +141 -0
  12. package/esm2020/common/index.mjs +3 -1
  13. package/esm2020/common/utils/util.mjs +10 -0
  14. package/esm2020/directives/control-value-accessors/boolean-value-accessor.mjs +4 -4
  15. package/esm2020/directives/control-value-accessors/numeric-value-accessor.mjs +2 -2
  16. package/esm2020/directives/control-value-accessors/radio-value-accessor.mjs +6 -3
  17. package/esm2020/directives/control-value-accessors/select-value-accessor.mjs +2 -2
  18. package/esm2020/directives/control-value-accessors/text-value-accessor.mjs +2 -2
  19. package/esm2020/standalone/directives/checkbox.mjs +73 -0
  20. package/esm2020/standalone/directives/datetime.mjs +90 -0
  21. package/esm2020/standalone/directives/index.mjs +13 -0
  22. package/esm2020/standalone/directives/input.mjs +112 -0
  23. package/esm2020/standalone/directives/proxies.mjs +1 -693
  24. package/esm2020/standalone/directives/radio-group.mjs +58 -0
  25. package/esm2020/standalone/directives/radio.mjs +62 -0
  26. package/esm2020/standalone/directives/range.mjs +77 -0
  27. package/esm2020/standalone/directives/searchbar.mjs +80 -0
  28. package/esm2020/standalone/directives/segment.mjs +58 -0
  29. package/esm2020/standalone/directives/select.mjs +81 -0
  30. package/esm2020/standalone/directives/textarea.mjs +90 -0
  31. package/esm2020/standalone/directives/toggle.mjs +73 -0
  32. package/esm2020/standalone/index.mjs +2 -2
  33. package/fesm2015/ionic-angular-common.mjs +149 -1
  34. package/fesm2015/ionic-angular-common.mjs.map +1 -1
  35. package/fesm2015/ionic-angular-standalone.mjs +881 -784
  36. package/fesm2015/ionic-angular-standalone.mjs.map +1 -1
  37. package/fesm2015/ionic-angular.mjs +8 -152
  38. package/fesm2015/ionic-angular.mjs.map +1 -1
  39. package/fesm2020/ionic-angular-common.mjs +149 -1
  40. package/fesm2020/ionic-angular-common.mjs.map +1 -1
  41. package/fesm2020/ionic-angular-standalone.mjs +881 -784
  42. package/fesm2020/ionic-angular-standalone.mjs.map +1 -1
  43. package/fesm2020/ionic-angular.mjs +8 -152
  44. package/fesm2020/ionic-angular.mjs.map +1 -1
  45. package/package.json +3 -3
  46. package/standalone/directives/checkbox.d.ts +30 -0
  47. package/standalone/directives/datetime.d.ts +30 -0
  48. package/standalone/directives/index.d.ts +12 -0
  49. package/standalone/directives/input.d.ts +47 -0
  50. package/standalone/directives/proxies.d.ts +0 -314
  51. package/standalone/directives/radio-group.d.ts +18 -0
  52. package/standalone/directives/radio.d.ts +22 -0
  53. package/standalone/directives/range.d.ts +47 -0
  54. package/standalone/directives/searchbar.d.ts +45 -0
  55. package/standalone/directives/segment.d.ts +19 -0
  56. package/standalone/directives/select.d.ts +34 -0
  57. package/standalone/directives/textarea.d.ts +37 -0
  58. package/standalone/directives/toggle.d.ts +28 -0
  59. package/standalone/index.d.ts +1 -1
  60. package/esm2020/directives/control-value-accessors/value-accessor.mjs +0 -141
  61. package/esm2020/util/util.mjs +0 -10
  62. /package/{util → common/utils}/util.d.ts +0 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ionic/angular",
3
- "version": "7.3.4-dev.11694475136.10f1c69e",
3
+ "version": "7.3.4-dev.11694532574.1e397a21",
4
4
  "description": "Angular specific wrappers for @ionic/core",
5
5
  "keywords": [
6
6
  "ionic",
@@ -56,8 +56,8 @@
56
56
  }
57
57
  },
58
58
  "dependencies": {
59
- "@ionic/core": "7.3.4-dev.11694475136.10f1c69e",
60
- "ionicons": "7.1.3-dev.11694468279.1c23df00",
59
+ "@ionic/core": "7.3.4-dev.11694532574.1e397a21",
60
+ "ionicons": "^7.0.0",
61
61
  "jsonc-parser": "^3.0.0",
62
62
  "tslib": "^2.3.0"
63
63
  },
@@ -0,0 +1,30 @@
1
+ import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, NgZone } from '@angular/core';
2
+ import { ValueAccessor } from '@ionic/angular/common';
3
+ import type { CheckboxChangeEventDetail, Components } from '@ionic/core/components';
4
+ import * as i0 from "@angular/core";
5
+ export declare class IonCheckbox extends ValueAccessor {
6
+ protected z: NgZone;
7
+ protected el: HTMLElement;
8
+ constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
9
+ writeValue(value: boolean): void;
10
+ handleIonChange(el: HTMLIonCheckboxElement | HTMLIonToggleElement): void;
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<IonCheckbox, never>;
12
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonCheckbox, "ion-checkbox", never, { "checked": "checked"; "color": "color"; "disabled": "disabled"; "indeterminate": "indeterminate"; "justify": "justify"; "labelPlacement": "labelPlacement"; "legacy": "legacy"; "mode": "mode"; "name": "name"; "value": "value"; }, {}, never, ["*"], true>;
13
+ }
14
+ export declare interface IonCheckbox extends Components.IonCheckbox {
15
+ /**
16
+ * Emitted when the checked property has changed
17
+ as a result of a user action such as a click.
18
+ This event will not emit when programmatically
19
+ setting the checked property.
20
+ */
21
+ ionChange: EventEmitter<CustomEvent<CheckboxChangeEventDetail>>;
22
+ /**
23
+ * Emitted when the checkbox has focus.
24
+ */
25
+ ionFocus: EventEmitter<CustomEvent<void>>;
26
+ /**
27
+ * Emitted when the checkbox loses focus.
28
+ */
29
+ ionBlur: EventEmitter<CustomEvent<void>>;
30
+ }
@@ -0,0 +1,30 @@
1
+ import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, NgZone } from '@angular/core';
2
+ import { ValueAccessor } from '@ionic/angular/common';
3
+ import type { DatetimeChangeEventDetail, Components } from '@ionic/core/components';
4
+ import * as i0 from "@angular/core";
5
+ export declare class IonDatetime extends ValueAccessor {
6
+ protected z: NgZone;
7
+ protected el: HTMLElement;
8
+ constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
9
+ handleIonChange(el: HTMLIonDatetimeElement): void;
10
+ static ɵfac: i0.ɵɵFactoryDeclaration<IonDatetime, never>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetime, "ion-datetime", never, { "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"; }, {}, never, ["*"], true>;
12
+ }
13
+ export declare interface IonDatetime extends Components.IonDatetime {
14
+ /**
15
+ * Emitted when the datetime selection was cancelled.
16
+ */
17
+ ionCancel: EventEmitter<CustomEvent<void>>;
18
+ /**
19
+ * Emitted when the value (selected date) has changed.
20
+ */
21
+ ionChange: EventEmitter<CustomEvent<DatetimeChangeEventDetail>>;
22
+ /**
23
+ * Emitted when the datetime has focus.
24
+ */
25
+ ionFocus: EventEmitter<CustomEvent<void>>;
26
+ /**
27
+ * Emitted when the datetime loses focus.
28
+ */
29
+ ionBlur: EventEmitter<CustomEvent<void>>;
30
+ }
@@ -0,0 +1,12 @@
1
+ export * from './checkbox';
2
+ export * from './datetime';
3
+ export * from './icon';
4
+ export * from './input';
5
+ export * from './radio-group';
6
+ export * from './radio';
7
+ export * from './range';
8
+ export * from './searchbar';
9
+ export * from './segment';
10
+ export * from './select';
11
+ export * from './textarea';
12
+ export * from './toggle';
@@ -0,0 +1,47 @@
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": "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"; }, {}, never, ["*"], true>;
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
+
20
+ For elements that accept text input (`type=text`, `type=tel`, etc.), the interface
21
+ is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,
22
+ the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If
23
+ the input is cleared on edit, the type is `null`.
24
+ */
25
+ ionInput: EventEmitter<CustomEvent<IIonInputInputInputEventDetail>>;
26
+ /**
27
+ * The `ionChange` event is fired when the user modifies the input's value.
28
+ Unlike the `ionInput` event, the `ionChange` event is only fired when changes
29
+ are committed, not as the user types.
30
+
31
+ Depending on the way the users interacts with the element, the `ionChange`
32
+ event fires at a different moment:
33
+ - When the user commits the change explicitly (e.g. by selecting a date
34
+ from a date picker for `<ion-input type="date">`, pressing the "Enter" key, etc.).
35
+ - When the element loses focus after its value has changed: for elements
36
+ where the user's interaction is typing.
37
+ */
38
+ ionChange: EventEmitter<CustomEvent<IIonInputInputChangeEventDetail>>;
39
+ /**
40
+ * Emitted when the input loses focus.
41
+ */
42
+ ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
43
+ /**
44
+ * Emitted when the input has focus.
45
+ */
46
+ ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
47
+ }
@@ -4,28 +4,13 @@ import type { AccordionGroupChangeEventDetail as IIonAccordionGroupAccordionGrou
4
4
  import type { OverlayEventDetail as IIonActionSheetOverlayEventDetail } from '@ionic/core/components';
5
5
  import type { OverlayEventDetail as IIonAlertOverlayEventDetail } from '@ionic/core/components';
6
6
  import type { BreadcrumbCollapsedClickEventDetail as IIonBreadcrumbsBreadcrumbCollapsedClickEventDetail } from '@ionic/core/components';
7
- import type { CheckboxChangeEventDetail as IIonCheckboxCheckboxChangeEventDetail } from '@ionic/core/components';
8
7
  import type { ScrollBaseDetail as IIonContentScrollBaseDetail } from '@ionic/core/components';
9
8
  import type { ScrollDetail as IIonContentScrollDetail } from '@ionic/core/components';
10
- import type { DatetimeChangeEventDetail as IIonDatetimeDatetimeChangeEventDetail } from '@ionic/core/components';
11
- import type { InputInputEventDetail as IIonInputInputInputEventDetail } from '@ionic/core/components';
12
- import type { InputChangeEventDetail as IIonInputInputChangeEventDetail } from '@ionic/core/components';
13
9
  import type { OverlayEventDetail as IIonLoadingOverlayEventDetail } from '@ionic/core/components';
14
10
  import type { OverlayEventDetail as IIonPickerOverlayEventDetail } from '@ionic/core/components';
15
- import type { RadioGroupChangeEventDetail as IIonRadioGroupRadioGroupChangeEventDetail } from '@ionic/core/components';
16
- import type { RangeChangeEventDetail as IIonRangeRangeChangeEventDetail } from '@ionic/core/components';
17
- import type { RangeKnobMoveStartEventDetail as IIonRangeRangeKnobMoveStartEventDetail } from '@ionic/core/components';
18
- import type { RangeKnobMoveEndEventDetail as IIonRangeRangeKnobMoveEndEventDetail } from '@ionic/core/components';
19
11
  import type { RefresherEventDetail as IIonRefresherRefresherEventDetail } from '@ionic/core/components';
20
12
  import type { ItemReorderEventDetail as IIonReorderGroupItemReorderEventDetail } from '@ionic/core/components';
21
- import type { SearchbarInputEventDetail as IIonSearchbarSearchbarInputEventDetail } from '@ionic/core/components';
22
- import type { SearchbarChangeEventDetail as IIonSearchbarSearchbarChangeEventDetail } from '@ionic/core/components';
23
- import type { SegmentChangeEventDetail as IIonSegmentSegmentChangeEventDetail } from '@ionic/core/components';
24
- import type { SelectChangeEventDetail as IIonSelectSelectChangeEventDetail } from '@ionic/core/components';
25
- import type { TextareaChangeEventDetail as IIonTextareaTextareaChangeEventDetail } from '@ionic/core/components';
26
- import type { TextareaInputEventDetail as IIonTextareaTextareaInputEventDetail } from '@ionic/core/components';
27
13
  import type { OverlayEventDetail as IIonToastOverlayEventDetail } from '@ionic/core/components';
28
- import type { ToggleChangeEventDetail as IIonToggleToggleChangeEventDetail } from '@ionic/core/components';
29
14
  import * as i0 from "@angular/core";
30
15
  export declare class IonAccordion {
31
16
  protected z: NgZone;
@@ -283,30 +268,6 @@ export declare class IonCardTitle {
283
268
  }
284
269
  export declare interface IonCardTitle extends Components.IonCardTitle {
285
270
  }
286
- export declare class IonCheckbox {
287
- protected z: NgZone;
288
- protected el: HTMLElement;
289
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
290
- static ɵfac: i0.ɵɵFactoryDeclaration<IonCheckbox, never>;
291
- static ɵcmp: i0.ɵɵComponentDeclaration<IonCheckbox, "ion-checkbox", never, { "checked": "checked"; "color": "color"; "disabled": "disabled"; "indeterminate": "indeterminate"; "justify": "justify"; "labelPlacement": "labelPlacement"; "legacy": "legacy"; "mode": "mode"; "name": "name"; "value": "value"; }, {}, never, ["*"], true>;
292
- }
293
- export declare interface IonCheckbox extends Components.IonCheckbox {
294
- /**
295
- * Emitted when the checked property has changed
296
- as a result of a user action such as a click.
297
- This event will not emit when programmatically
298
- setting the checked property.
299
- */
300
- ionChange: EventEmitter<CustomEvent<IIonCheckboxCheckboxChangeEventDetail>>;
301
- /**
302
- * Emitted when the checkbox has focus.
303
- */
304
- ionFocus: EventEmitter<CustomEvent<void>>;
305
- /**
306
- * Emitted when the checkbox loses focus.
307
- */
308
- ionBlur: EventEmitter<CustomEvent<void>>;
309
- }
310
271
  export declare class IonChip {
311
272
  protected z: NgZone;
312
273
  protected el: HTMLElement;
@@ -349,31 +310,6 @@ export declare interface IonContent extends Components.IonContent {
349
310
  */
350
311
  ionScrollEnd: EventEmitter<CustomEvent<IIonContentScrollBaseDetail>>;
351
312
  }
352
- export declare class IonDatetime {
353
- protected z: NgZone;
354
- protected el: HTMLElement;
355
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
356
- static ɵfac: i0.ɵɵFactoryDeclaration<IonDatetime, never>;
357
- static ɵcmp: i0.ɵɵComponentDeclaration<IonDatetime, "ion-datetime", never, { "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"; }, {}, never, ["*"], true>;
358
- }
359
- export declare interface IonDatetime extends Components.IonDatetime {
360
- /**
361
- * Emitted when the datetime selection was cancelled.
362
- */
363
- ionCancel: EventEmitter<CustomEvent<void>>;
364
- /**
365
- * Emitted when the value (selected date) has changed.
366
- */
367
- ionChange: EventEmitter<CustomEvent<IIonDatetimeDatetimeChangeEventDetail>>;
368
- /**
369
- * Emitted when the datetime has focus.
370
- */
371
- ionFocus: EventEmitter<CustomEvent<void>>;
372
- /**
373
- * Emitted when the datetime loses focus.
374
- */
375
- ionBlur: EventEmitter<CustomEvent<void>>;
376
- }
377
313
  export declare class IonDatetimeButton {
378
314
  protected z: NgZone;
379
315
  protected el: HTMLElement;
@@ -491,47 +427,6 @@ export declare class IonInfiniteScrollContent {
491
427
  }
492
428
  export declare interface IonInfiniteScrollContent extends Components.IonInfiniteScrollContent {
493
429
  }
494
- export declare class IonInput {
495
- protected z: NgZone;
496
- protected el: HTMLElement;
497
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
498
- static ɵfac: i0.ɵɵFactoryDeclaration<IonInput, never>;
499
- static ɵcmp: i0.ɵɵComponentDeclaration<IonInput, "ion-input", never, { "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"; }, {}, never, ["*"], true>;
500
- }
501
- export declare interface IonInput extends Components.IonInput {
502
- /**
503
- * The `ionInput` event is fired each time the user modifies the input's value.
504
- Unlike the `ionChange` event, the `ionInput` event is fired for each alteration
505
- to the input's value. This typically happens for each keystroke as the user types.
506
-
507
- For elements that accept text input (`type=text`, `type=tel`, etc.), the interface
508
- is [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,
509
- the interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If
510
- the input is cleared on edit, the type is `null`.
511
- */
512
- ionInput: EventEmitter<CustomEvent<IIonInputInputInputEventDetail>>;
513
- /**
514
- * The `ionChange` event is fired when the user modifies the input's value.
515
- Unlike the `ionInput` event, the `ionChange` event is only fired when changes
516
- are committed, not as the user types.
517
-
518
- Depending on the way the users interacts with the element, the `ionChange`
519
- event fires at a different moment:
520
- - When the user commits the change explicitly (e.g. by selecting a date
521
- from a date picker for `<ion-input type="date">`, pressing the "Enter" key, etc.).
522
- - When the element loses focus after its value has changed: for elements
523
- where the user's interaction is typing.
524
- */
525
- ionChange: EventEmitter<CustomEvent<IIonInputInputChangeEventDetail>>;
526
- /**
527
- * Emitted when the input loses focus.
528
- */
529
- ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
530
- /**
531
- * Emitted when the input has focus.
532
- */
533
- ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
534
- }
535
430
  export declare class IonItem {
536
431
  protected z: NgZone;
537
432
  protected el: HTMLElement;
@@ -781,78 +676,6 @@ export declare class IonProgressBar {
781
676
  }
782
677
  export declare interface IonProgressBar extends Components.IonProgressBar {
783
678
  }
784
- export declare class IonRadio {
785
- protected z: NgZone;
786
- protected el: HTMLElement;
787
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
788
- static ɵfac: i0.ɵɵFactoryDeclaration<IonRadio, never>;
789
- static ɵcmp: i0.ɵɵComponentDeclaration<IonRadio, "ion-radio", never, { "color": "color"; "disabled": "disabled"; "justify": "justify"; "labelPlacement": "labelPlacement"; "legacy": "legacy"; "mode": "mode"; "name": "name"; "value": "value"; }, {}, never, ["*"], true>;
790
- }
791
- export declare interface IonRadio extends Components.IonRadio {
792
- /**
793
- * Emitted when the radio button has focus.
794
- */
795
- ionFocus: EventEmitter<CustomEvent<void>>;
796
- /**
797
- * Emitted when the radio button loses focus.
798
- */
799
- ionBlur: EventEmitter<CustomEvent<void>>;
800
- }
801
- export declare class IonRadioGroup {
802
- protected z: NgZone;
803
- protected el: HTMLElement;
804
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
805
- static ɵfac: i0.ɵɵFactoryDeclaration<IonRadioGroup, never>;
806
- static ɵcmp: i0.ɵɵComponentDeclaration<IonRadioGroup, "ion-radio-group", never, { "allowEmptySelection": "allowEmptySelection"; "name": "name"; "value": "value"; }, {}, never, ["*"], true>;
807
- }
808
- export declare interface IonRadioGroup extends Components.IonRadioGroup {
809
- /**
810
- * Emitted when the value has changed.
811
- */
812
- ionChange: EventEmitter<CustomEvent<IIonRadioGroupRadioGroupChangeEventDetail>>;
813
- }
814
- export declare class IonRange {
815
- protected z: NgZone;
816
- protected el: HTMLElement;
817
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
818
- static ɵfac: i0.ɵɵFactoryDeclaration<IonRange, never>;
819
- static ɵcmp: i0.ɵɵComponentDeclaration<IonRange, "ion-range", never, { "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"; }, {}, never, ["*"], true>;
820
- }
821
- export declare interface IonRange extends Components.IonRange {
822
- /**
823
- * The `ionChange` event is fired for `<ion-range>` elements when the user
824
- modifies the element's value:
825
- - When the user releases the knob after dragging;
826
- - When the user moves the knob with keyboard arrows
827
-
828
- `ionChange` is not fired when the value is changed programmatically.
829
- */
830
- ionChange: EventEmitter<CustomEvent<IIonRangeRangeChangeEventDetail>>;
831
- /**
832
- * The `ionInput` event is fired for `<ion-range>` elements when the value
833
- is modified. Unlike `ionChange`, `ionInput` is fired continuously
834
- while the user is dragging the knob.
835
- */
836
- ionInput: EventEmitter<CustomEvent<IIonRangeRangeChangeEventDetail>>;
837
- /**
838
- * Emitted when the range has focus.
839
- */
840
- ionFocus: EventEmitter<CustomEvent<void>>;
841
- /**
842
- * Emitted when the range loses focus.
843
- */
844
- ionBlur: EventEmitter<CustomEvent<void>>;
845
- /**
846
- * Emitted when the user starts moving the range knob, whether through
847
- mouse drag, touch gesture, or keyboard interaction.
848
- */
849
- ionKnobMoveStart: EventEmitter<CustomEvent<IIonRangeRangeKnobMoveStartEventDetail>>;
850
- /**
851
- * Emitted when the user finishes moving the range knob, whether through
852
- mouse drag, touch gesture, or keyboard interaction.
853
- */
854
- ionKnobMoveEnd: EventEmitter<CustomEvent<IIonRangeRangeKnobMoveEndEventDetail>>;
855
- }
856
679
  export declare class IonRefresher {
857
680
  protected z: NgZone;
858
681
  protected el: HTMLElement;
@@ -928,60 +751,6 @@ export declare class IonRow {
928
751
  }
929
752
  export declare interface IonRow extends Components.IonRow {
930
753
  }
931
- export declare class IonSearchbar {
932
- protected z: NgZone;
933
- protected el: HTMLElement;
934
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
935
- static ɵfac: i0.ɵɵFactoryDeclaration<IonSearchbar, never>;
936
- static ɵcmp: i0.ɵɵComponentDeclaration<IonSearchbar, "ion-searchbar", never, { "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"; }, {}, never, ["*"], true>;
937
- }
938
- export declare interface IonSearchbar extends Components.IonSearchbar {
939
- /**
940
- * Emitted when the `value` of the `ion-searchbar` element has changed.
941
- */
942
- ionInput: EventEmitter<CustomEvent<IIonSearchbarSearchbarInputEventDetail>>;
943
- /**
944
- * The `ionChange` event is fired for `<ion-searchbar>` elements when the user
945
- modifies the element's value. Unlike the `ionInput` event, the `ionChange`
946
- event is not necessarily fired for each alteration to an element's value.
947
-
948
- The `ionChange` event is fired when the value has been committed
949
- by the user. This can happen when the element loses focus or
950
- when the "Enter" key is pressed. `ionChange` can also fire
951
- when clicking the clear or cancel buttons.
952
- */
953
- ionChange: EventEmitter<CustomEvent<IIonSearchbarSearchbarChangeEventDetail>>;
954
- /**
955
- * Emitted when the cancel button is clicked.
956
- */
957
- ionCancel: EventEmitter<CustomEvent<void>>;
958
- /**
959
- * Emitted when the clear input button is clicked.
960
- */
961
- ionClear: EventEmitter<CustomEvent<void>>;
962
- /**
963
- * Emitted when the input loses focus.
964
- */
965
- ionBlur: EventEmitter<CustomEvent<void>>;
966
- /**
967
- * Emitted when the input has focus.
968
- */
969
- ionFocus: EventEmitter<CustomEvent<void>>;
970
- }
971
- export declare class IonSegment {
972
- protected z: NgZone;
973
- protected el: HTMLElement;
974
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
975
- static ɵfac: i0.ɵɵFactoryDeclaration<IonSegment, never>;
976
- static ɵcmp: i0.ɵɵComponentDeclaration<IonSegment, "ion-segment", never, { "color": "color"; "disabled": "disabled"; "mode": "mode"; "scrollable": "scrollable"; "selectOnFocus": "selectOnFocus"; "swipeGesture": "swipeGesture"; "value": "value"; }, {}, never, ["*"], true>;
977
- }
978
- export declare interface IonSegment extends Components.IonSegment {
979
- /**
980
- * Emitted when the value property has changed and any
981
- dragging pointer has been released from `ion-segment`.
982
- */
983
- ionChange: EventEmitter<CustomEvent<IIonSegmentSegmentChangeEventDetail>>;
984
- }
985
754
  export declare class IonSegmentButton {
986
755
  protected z: NgZone;
987
756
  protected el: HTMLElement;
@@ -991,35 +760,6 @@ export declare class IonSegmentButton {
991
760
  }
992
761
  export declare interface IonSegmentButton extends Components.IonSegmentButton {
993
762
  }
994
- export declare class IonSelect {
995
- protected z: NgZone;
996
- protected el: HTMLElement;
997
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
998
- static ɵfac: i0.ɵɵFactoryDeclaration<IonSelect, never>;
999
- static ɵcmp: i0.ɵɵComponentDeclaration<IonSelect, "ion-select", never, { "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"; }, {}, never, ["*"], true>;
1000
- }
1001
- export declare interface IonSelect extends Components.IonSelect {
1002
- /**
1003
- * Emitted when the value has changed.
1004
- */
1005
- ionChange: EventEmitter<CustomEvent<IIonSelectSelectChangeEventDetail>>;
1006
- /**
1007
- * Emitted when the selection is cancelled.
1008
- */
1009
- ionCancel: EventEmitter<CustomEvent<void>>;
1010
- /**
1011
- * Emitted when the overlay is dismissed.
1012
- */
1013
- ionDismiss: EventEmitter<CustomEvent<void>>;
1014
- /**
1015
- * Emitted when the select has focus.
1016
- */
1017
- ionFocus: EventEmitter<CustomEvent<void>>;
1018
- /**
1019
- * Emitted when the select loses focus.
1020
- */
1021
- ionBlur: EventEmitter<CustomEvent<void>>;
1022
- }
1023
763
  export declare class IonSelectOption {
1024
764
  protected z: NgZone;
1025
765
  protected el: HTMLElement;
@@ -1089,38 +829,6 @@ export declare class IonText {
1089
829
  }
1090
830
  export declare interface IonText extends Components.IonText {
1091
831
  }
1092
- export declare class IonTextarea {
1093
- protected z: NgZone;
1094
- protected el: HTMLElement;
1095
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1096
- static ɵfac: i0.ɵɵFactoryDeclaration<IonTextarea, never>;
1097
- static ɵcmp: i0.ɵɵComponentDeclaration<IonTextarea, "ion-textarea", never, { "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"; }, {}, never, ["*"], true>;
1098
- }
1099
- export declare interface IonTextarea extends Components.IonTextarea {
1100
- /**
1101
- * The `ionChange` event is fired when the user modifies the textarea's value.
1102
- Unlike the `ionInput` event, the `ionChange` event is fired when
1103
- the element loses focus after its value has been modified.
1104
- */
1105
- ionChange: EventEmitter<CustomEvent<IIonTextareaTextareaChangeEventDetail>>;
1106
- /**
1107
- * The `ionInput` event is fired each time the user modifies the textarea's value.
1108
- Unlike the `ionChange` event, the `ionInput` event is fired for each alteration
1109
- to the textarea's value. This typically happens for each keystroke as the user types.
1110
-
1111
- When `clearOnEdit` is enabled, the `ionInput` event will be fired when
1112
- the user clears the textarea by performing a keydown event.
1113
- */
1114
- ionInput: EventEmitter<CustomEvent<IIonTextareaTextareaInputEventDetail>>;
1115
- /**
1116
- * Emitted when the input loses focus.
1117
- */
1118
- ionBlur: EventEmitter<CustomEvent<FocusEvent>>;
1119
- /**
1120
- * Emitted when the input has focus.
1121
- */
1122
- ionFocus: EventEmitter<CustomEvent<FocusEvent>>;
1123
- }
1124
832
  export declare class IonThumbnail {
1125
833
  protected z: NgZone;
1126
834
  protected el: HTMLElement;
@@ -1184,28 +892,6 @@ export declare interface IonToast extends Components.IonToast {
1184
892
  */
1185
893
  didDismiss: EventEmitter<CustomEvent<IIonToastOverlayEventDetail>>;
1186
894
  }
1187
- export declare class IonToggle {
1188
- protected z: NgZone;
1189
- protected el: HTMLElement;
1190
- constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone);
1191
- static ɵfac: i0.ɵɵFactoryDeclaration<IonToggle, never>;
1192
- static ɵcmp: i0.ɵɵComponentDeclaration<IonToggle, "ion-toggle", never, { "checked": "checked"; "color": "color"; "disabled": "disabled"; "enableOnOffLabels": "enableOnOffLabels"; "justify": "justify"; "labelPlacement": "labelPlacement"; "legacy": "legacy"; "mode": "mode"; "name": "name"; "value": "value"; }, {}, never, ["*"], true>;
1193
- }
1194
- export declare interface IonToggle extends Components.IonToggle {
1195
- /**
1196
- * Emitted when the user switches the toggle on or off. Does not emit
1197
- when programmatically changing the value of the `checked` property.
1198
- */
1199
- ionChange: EventEmitter<CustomEvent<IIonToggleToggleChangeEventDetail>>;
1200
- /**
1201
- * Emitted when the toggle has focus.
1202
- */
1203
- ionFocus: EventEmitter<CustomEvent<void>>;
1204
- /**
1205
- * Emitted when the toggle loses focus.
1206
- */
1207
- ionBlur: EventEmitter<CustomEvent<void>>;
1208
- }
1209
895
  export declare class IonToolbar {
1210
896
  protected z: NgZone;
1211
897
  protected el: HTMLElement;
@@ -0,0 +1,18 @@
1
+ import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, NgZone } from '@angular/core';
2
+ import { ValueAccessor } from '@ionic/angular/common';
3
+ import type { RadioGroupChangeEventDetail, Components } from '@ionic/core/components';
4
+ import * as i0 from "@angular/core";
5
+ export declare class IonRadioGroup extends ValueAccessor {
6
+ protected z: NgZone;
7
+ protected el: HTMLElement;
8
+ constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
9
+ handleIonChange(el: HTMLIonRadioGroupElement): void;
10
+ static ɵfac: i0.ɵɵFactoryDeclaration<IonRadioGroup, never>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonRadioGroup, "ion-radio-group", never, { "allowEmptySelection": "allowEmptySelection"; "name": "name"; "value": "value"; }, {}, never, ["*"], true>;
12
+ }
13
+ export declare interface IonRadioGroup extends Components.IonRadioGroup {
14
+ /**
15
+ * Emitted when the value has changed.
16
+ */
17
+ ionChange: EventEmitter<CustomEvent<RadioGroupChangeEventDetail>>;
18
+ }
@@ -0,0 +1,22 @@
1
+ import { ChangeDetectorRef, ElementRef, EventEmitter, Injector, NgZone } from '@angular/core';
2
+ import { ValueAccessor } from '@ionic/angular/common';
3
+ import type { Components } from '@ionic/core/components';
4
+ import * as i0 from "@angular/core";
5
+ export declare class IonRadio extends ValueAccessor {
6
+ protected z: NgZone;
7
+ protected el: HTMLElement;
8
+ constructor(c: ChangeDetectorRef, r: ElementRef, z: NgZone, injector: Injector);
9
+ handleIonSelect(el: any): void;
10
+ static ɵfac: i0.ɵɵFactoryDeclaration<IonRadio, never>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonRadio, "ion-radio", never, { "color": "color"; "disabled": "disabled"; "justify": "justify"; "labelPlacement": "labelPlacement"; "legacy": "legacy"; "mode": "mode"; "name": "name"; "value": "value"; }, {}, never, ["*"], true>;
12
+ }
13
+ export declare interface IonRadio extends Components.IonRadio {
14
+ /**
15
+ * Emitted when the radio button has focus.
16
+ */
17
+ ionFocus: EventEmitter<CustomEvent<void>>;
18
+ /**
19
+ * Emitted when the radio button loses focus.
20
+ */
21
+ ionBlur: EventEmitter<CustomEvent<void>>;
22
+ }
@@ -0,0 +1,47 @@
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
+ handleIonChange(el: HTMLIonRangeElement): void;
10
+ static ɵfac: i0.ɵɵFactoryDeclaration<IonRange, never>;
11
+ static ɵcmp: i0.ɵɵComponentDeclaration<IonRange, "ion-range", never, { "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"; }, {}, never, ["*"], true>;
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
+
20
+ `ionChange` is not fired when the value is changed programmatically.
21
+ */
22
+ ionChange: EventEmitter<CustomEvent<RangeChangeEventDetail>>;
23
+ /**
24
+ * The `ionInput` event is fired for `<ion-range>` elements when the value
25
+ is modified. Unlike `ionChange`, `ionInput` is fired continuously
26
+ while the user is dragging the knob.
27
+ */
28
+ ionInput: EventEmitter<CustomEvent<RangeChangeEventDetail>>;
29
+ /**
30
+ * Emitted when the range has focus.
31
+ */
32
+ ionFocus: EventEmitter<CustomEvent<void>>;
33
+ /**
34
+ * Emitted when the range loses focus.
35
+ */
36
+ ionBlur: EventEmitter<CustomEvent<void>>;
37
+ /**
38
+ * Emitted when the user starts moving the range knob, whether through
39
+ mouse drag, touch gesture, or keyboard interaction.
40
+ */
41
+ ionKnobMoveStart: EventEmitter<CustomEvent<RangeKnobMoveStartEventDetail>>;
42
+ /**
43
+ * Emitted when the user finishes moving the range knob, whether through
44
+ mouse drag, touch gesture, or keyboard interaction.
45
+ */
46
+ ionKnobMoveEnd: EventEmitter<CustomEvent<RangeKnobMoveEndEventDetail>>;
47
+ }