@ionic/core 7.3.4-dev.11699991837.1bc64f72 → 7.3.4-dev.11700516018.128deb56

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 (150) hide show
  1. package/components/button-active.js +1 -1
  2. package/components/checkbox.js +3 -6
  3. package/components/data.js +7 -31
  4. package/components/index.js +2 -2
  5. package/components/index2.js +429 -203
  6. package/components/index3.js +203 -429
  7. package/components/ion-datetime-button.js +0 -3
  8. package/components/ion-datetime.js +92 -132
  9. package/components/ion-item-sliding.js +1 -1
  10. package/components/ion-menu.js +3 -3
  11. package/components/ion-modal.js +2 -2
  12. package/components/ion-nav.js +1 -1
  13. package/components/ion-range.js +3 -3
  14. package/components/ion-refresher.js +3 -3
  15. package/components/ion-reorder-group.js +1 -1
  16. package/components/ion-router-outlet.js +1 -1
  17. package/components/ion-segment.js +1 -1
  18. package/components/ion-toggle.js +4 -7
  19. package/components/ion-toolbar.js +2 -2
  20. package/components/ios.transition.js +1 -1
  21. package/components/md.transition.js +1 -1
  22. package/components/picker-column.js +1 -1
  23. package/components/popover.js +1 -1
  24. package/components/radio.js +3 -6
  25. package/components/swipe-back.js +1 -1
  26. package/dist/cjs/{data-db832785.js → data-967b9c15.js} +7 -31
  27. package/dist/cjs/index.cjs.js +9 -10
  28. package/dist/cjs/ion-app_8.cjs.entry.js +2 -2
  29. package/dist/cjs/ion-checkbox.cjs.entry.js +3 -5
  30. package/dist/cjs/ion-datetime-button.cjs.entry.js +1 -4
  31. package/dist/cjs/ion-datetime_3.cjs.entry.js +93 -132
  32. package/dist/cjs/ion-menu_3.cjs.entry.js +2 -2
  33. package/dist/cjs/ion-radio_2.cjs.entry.js +3 -5
  34. package/dist/cjs/ion-range.cjs.entry.js +2 -2
  35. package/dist/cjs/ion-toggle.cjs.entry.js +3 -5
  36. package/dist/cjs/ionic.cjs.js +1 -1
  37. package/dist/cjs/loader.cjs.js +1 -1
  38. package/dist/collection/components/checkbox/checkbox.ios.css +0 -35
  39. package/dist/collection/components/checkbox/checkbox.js +4 -24
  40. package/dist/collection/components/checkbox/checkbox.md.css +0 -35
  41. package/dist/collection/components/checkbox/test/item/checkbox.e2e.js +0 -13
  42. package/dist/collection/components/checkbox/test/label/checkbox.e2e.js +0 -16
  43. package/dist/collection/components/datetime/datetime.ios.css +29 -32
  44. package/dist/collection/components/datetime/datetime.js +93 -137
  45. package/dist/collection/components/datetime/datetime.md.css +28 -20
  46. package/dist/collection/components/datetime/test/basic/datetime.e2e.js +0 -25
  47. package/dist/collection/components/datetime/test/color/datetime.e2e.js +1 -1
  48. package/dist/collection/components/datetime/test/custom/datetime.e2e.js +1 -27
  49. package/dist/collection/components/datetime/test/prefer-wheel/datetime.e2e.js +0 -15
  50. package/dist/collection/components/datetime/test/set-value/datetime.e2e.js +12 -9
  51. package/dist/collection/components/datetime/utils/data.js +6 -14
  52. package/dist/collection/components/datetime/utils/parse.js +1 -18
  53. package/dist/collection/components/datetime-button/datetime-button.js +0 -3
  54. package/dist/collection/components/menu/menu.ios.css +0 -94
  55. package/dist/collection/components/menu/menu.md.css +0 -94
  56. package/dist/collection/components/radio/radio.ios.css +0 -35
  57. package/dist/collection/components/radio/radio.js +4 -24
  58. package/dist/collection/components/radio/radio.md.css +0 -35
  59. package/dist/collection/components/radio/test/item/radio.e2e.js +0 -15
  60. package/dist/collection/components/radio/test/label-placement/radio.e2e.js +0 -20
  61. package/dist/collection/components/range/range.ios.css +1 -41
  62. package/dist/collection/components/range/range.js +3 -3
  63. package/dist/collection/components/range/range.md.css +1 -41
  64. package/dist/collection/components/range/test/label/range.e2e.js +0 -48
  65. package/dist/collection/components/toggle/test/item/toggle.e2e.js +0 -15
  66. package/dist/collection/components/toggle/test/label/toggle.e2e.js +0 -16
  67. package/dist/collection/components/toggle/toggle.ios.css +1 -35
  68. package/dist/collection/components/toggle/toggle.js +4 -24
  69. package/dist/collection/components/toggle/toggle.md.css +1 -35
  70. package/dist/collection/components/toolbar/toolbar.ios.css +4 -2
  71. package/dist/collection/components/toolbar/toolbar.md.css +4 -2
  72. package/dist/collection/index.js +0 -1
  73. package/dist/docs.json +18 -147
  74. package/dist/esm/{data-009dbf15.js → data-4b448e3a.js} +7 -31
  75. package/dist/esm/index.js +2 -2
  76. package/dist/esm/ion-app_8.entry.js +2 -2
  77. package/dist/esm/ion-checkbox.entry.js +3 -5
  78. package/dist/esm/ion-datetime-button.entry.js +1 -4
  79. package/dist/esm/ion-datetime_3.entry.js +93 -132
  80. package/dist/esm/ion-menu_3.entry.js +2 -2
  81. package/dist/esm/ion-radio_2.entry.js +3 -5
  82. package/dist/esm/ion-range.entry.js +2 -2
  83. package/dist/esm/ion-toggle.entry.js +3 -5
  84. package/dist/esm/ionic.js +1 -1
  85. package/dist/esm/loader.js +1 -1
  86. package/dist/esm-es5/data-4b448e3a.js +4 -0
  87. package/dist/esm-es5/index.js +1 -1
  88. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  89. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  90. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  91. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  92. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  93. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  94. package/dist/esm-es5/ion-range.entry.js +1 -1
  95. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  96. package/dist/esm-es5/ionic.js +1 -1
  97. package/dist/esm-es5/loader.js +1 -1
  98. package/dist/html.html-data.json +4 -52
  99. package/dist/ionic/index.esm.js +1 -1
  100. package/dist/ionic/ionic.esm.js +1 -1
  101. package/dist/ionic/p-0053fe81.system.entry.js +4 -0
  102. package/dist/ionic/p-06902103.system.js +1 -1
  103. package/dist/ionic/p-091cd81e.entry.js +4 -0
  104. package/dist/ionic/p-28f5715a.system.entry.js +4 -0
  105. package/dist/ionic/p-2cdcd6f2.entry.js +4 -0
  106. package/dist/ionic/{p-a34669bf.system.entry.js → p-45ee211b.system.entry.js} +1 -1
  107. package/dist/ionic/p-5009cb46.entry.js +4 -0
  108. package/dist/ionic/p-5b88f780.entry.js +4 -0
  109. package/dist/ionic/p-601fd53c.js +4 -0
  110. package/dist/ionic/p-8843b046.system.js +4 -0
  111. package/dist/ionic/p-98b618ce.system.entry.js +4 -0
  112. package/dist/ionic/p-b1e8f045.entry.js +4 -0
  113. package/dist/ionic/p-b3394798.system.entry.js +4 -0
  114. package/dist/ionic/p-b3cfc6e1.system.entry.js +4 -0
  115. package/dist/ionic/{p-f9567c67.entry.js → p-c759a704.entry.js} +1 -1
  116. package/dist/ionic/p-cc8910e7.system.js +4 -0
  117. package/dist/ionic/{p-67b891af.entry.js → p-d3b8aebf.entry.js} +1 -1
  118. package/dist/ionic/p-e53b8af4.system.entry.js +4 -0
  119. package/dist/ionic/p-f78e60a5.entry.js +4 -0
  120. package/dist/ionic/p-fd42994b.system.entry.js +4 -0
  121. package/dist/types/components/checkbox/checkbox.d.ts +1 -8
  122. package/dist/types/components/datetime/datetime.d.ts +10 -23
  123. package/dist/types/components/datetime/utils/data.d.ts +1 -1
  124. package/dist/types/components/datetime/utils/parse.d.ts +3 -3
  125. package/dist/types/components/radio/radio.d.ts +1 -8
  126. package/dist/types/components/range/range.d.ts +1 -2
  127. package/dist/types/components/toast/toast-interface.d.ts +0 -3
  128. package/dist/types/components/toggle/toggle.d.ts +1 -8
  129. package/dist/types/components.d.ts +16 -40
  130. package/dist/types/index.d.ts +0 -1
  131. package/dist/types/interface.d.ts +0 -1
  132. package/hydrate/index.js +114 -196
  133. package/package.json +2 -2
  134. package/dist/esm-es5/data-009dbf15.js +0 -4
  135. package/dist/ionic/p-1f4adf06.system.entry.js +0 -4
  136. package/dist/ionic/p-218b6f33.entry.js +0 -4
  137. package/dist/ionic/p-2da6ba37.system.entry.js +0 -4
  138. package/dist/ionic/p-40138199.entry.js +0 -4
  139. package/dist/ionic/p-44ef7224.system.js +0 -4
  140. package/dist/ionic/p-4ca1ce6b.system.entry.js +0 -4
  141. package/dist/ionic/p-51b165af.system.js +0 -4
  142. package/dist/ionic/p-57f0efcc.entry.js +0 -4
  143. package/dist/ionic/p-7cfd253c.js +0 -4
  144. package/dist/ionic/p-82f5c07e.system.entry.js +0 -4
  145. package/dist/ionic/p-86c5c320.entry.js +0 -4
  146. package/dist/ionic/p-90ec5785.system.entry.js +0 -4
  147. package/dist/ionic/p-af986299.system.entry.js +0 -4
  148. package/dist/ionic/p-b321c999.entry.js +0 -4
  149. package/dist/ionic/p-d8a0267b.system.entry.js +0 -4
  150. package/dist/ionic/p-f5c19164.entry.js +0 -4
@@ -51,9 +51,8 @@ export declare class Checkbox implements ComponentInterface {
51
51
  * `"start"`: The label will appear to the left of the checkbox in LTR and to the right in RTL.
52
52
  * `"end"`: The label will appear to the right of the checkbox in LTR and to the left in RTL.
53
53
  * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
54
- * `"stacked"`: The label will appear above the checkbox regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
55
54
  */
56
- labelPlacement: 'start' | 'end' | 'fixed' | 'stacked';
55
+ labelPlacement: 'start' | 'end' | 'fixed';
57
56
  /**
58
57
  * How to pack the label and checkbox within a line.
59
58
  * `"start"`: The label and checkbox will appear on the left in LTR and
@@ -64,12 +63,6 @@ export declare class Checkbox implements ComponentInterface {
64
63
  * ends of the line with space between the two elements.
65
64
  */
66
65
  justify: 'start' | 'end' | 'space-between';
67
- /**
68
- * How to control the alignment of the checkbox and label on the cross axis.
69
- * `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.
70
- * `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
71
- */
72
- alignment: 'start' | 'center';
73
66
  /**
74
67
  * Set the `legacy` property to `true` to forcibly use the legacy form control markup.
75
68
  * Ionic will only opt checkboxes in to the modern form markup when they are
@@ -18,12 +18,6 @@ import type { DatetimePresentation, DatetimeChangeEventDetail, DatetimeParts, Ti
18
18
  *
19
19
  * @part month-year-button - The button that opens the month/year picker when
20
20
  * using a grid style layout.
21
- *
22
- * @part calendar-day - The individual buttons that display a day inside of the datetime
23
- * calendar.
24
- * @part calendar-day active - The currently selected calendar day.
25
- * @part calendar-day today - The calendar day that contains the current day.
26
- * @part calendar-day disabled - The calendar day that is disabled.
27
21
  */
28
22
  export declare class Datetime implements ComponentInterface {
29
23
  private inputId;
@@ -43,22 +37,16 @@ export declare class Datetime implements ComponentInterface {
43
37
  private todayParts;
44
38
  private defaultParts;
45
39
  private prevPresentation;
46
- private resolveForceDateScrolling?;
40
+ /**
41
+ * Duplicate reference to `activeParts` that does not trigger a re-render of the component.
42
+ * Allows caching an instance of the `activeParts` in between render cycles.
43
+ */
44
+ private activePartsClone;
47
45
  showMonthAndYear: boolean;
48
46
  activeParts: DatetimeParts | DatetimeParts[];
49
47
  workingParts: DatetimeParts;
50
48
  el: HTMLIonDatetimeElement;
51
49
  isTimePopoverOpen: boolean;
52
- /**
53
- * When defined, will force the datetime to render the month
54
- * containing the specified date. Currently, this should only
55
- * be used to enable immediately auto-scrolling to the new month,
56
- * and should then be reset to undefined once the transition is
57
- * finished and the forced month is now in view.
58
- *
59
- * Applies to grid-style datetimes only.
60
- */
61
- forceRenderDate?: DatetimeParts;
62
50
  /**
63
51
  * The color to use from your application's color palette.
64
52
  * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
@@ -120,7 +108,6 @@ export declare class Datetime implements ComponentInterface {
120
108
  * `"time-date"` will show the time picker first and date picker second.
121
109
  */
122
110
  presentation: DatetimePresentation;
123
- private get isGridStyle();
124
111
  /**
125
112
  * The text to display on the picker's cancel button.
126
113
  */
@@ -179,6 +166,7 @@ export declare class Datetime implements ComponentInterface {
179
166
  */
180
167
  minuteValues?: number[] | number | string;
181
168
  protected minuteValuesChanged(): void;
169
+ protected activePartsChanged(): void;
182
170
  /**
183
171
  * The locale to use for `ion-datetime`. This
184
172
  * impacts month and day name formatting.
@@ -221,7 +209,7 @@ export declare class Datetime implements ComponentInterface {
221
209
  /**
222
210
  * Update the datetime value when the value changes
223
211
  */
224
- protected valueChanged(): Promise<void>;
212
+ protected valueChanged(): void;
225
213
  /**
226
214
  * If `true`, a header will be shown above the calendar
227
215
  * picker. This will include both the slotted title, and
@@ -338,9 +326,9 @@ export declare class Datetime implements ComponentInterface {
338
326
  * data. This should be used when rendering an
339
327
  * interface in an environment where the `value`
340
328
  * may not be set. This function works
341
- * by returning the first selected date and then
342
- * falling back to defaultParts if no active date
343
- * is selected.
329
+ * by returning the first selected date in
330
+ * "activePartsClone" and then falling back to
331
+ * defaultParts if no active date is selected.
344
332
  */
345
333
  private getActivePartsWithFallback;
346
334
  private getActivePart;
@@ -369,7 +357,6 @@ export declare class Datetime implements ComponentInterface {
369
357
  */
370
358
  componentDidRender(): void;
371
359
  private processValue;
372
- private animateToDate;
373
360
  componentWillLoad(): void;
374
361
  private emitStyle;
375
362
  private onFocus;
@@ -45,7 +45,7 @@ export declare const generateTime: (refParts: DatetimeParts, hourCycle?: 'h12' |
45
45
  * Given DatetimeParts, generate the previous,
46
46
  * current, and and next months.
47
47
  */
48
- export declare const generateMonths: (refParts: DatetimeParts, forcedDate?: DatetimeParts) => DatetimeParts[];
48
+ export declare const generateMonths: (refParts: DatetimeParts) => DatetimeParts[];
49
49
  export declare const getMonthColumnData: (locale: string, refParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts, monthValues?: number[], formatOptions?: Intl.DateTimeFormatOptions) => PickerColumnItem[];
50
50
  /**
51
51
  * Returns information regarding
@@ -15,10 +15,10 @@ export declare const getPartsFromCalendarDay: (el: HTMLElement) => DatetimeParts
15
15
  * We do not use the JS Date object here because
16
16
  * it adjusts the date for the current timezone.
17
17
  */
18
- export declare function parseDate(val: string): DatetimeParts | undefined;
19
- export declare function parseDate(val: string[]): DatetimeParts[] | undefined;
18
+ export declare function parseDate(val: string): DatetimeParts;
19
+ export declare function parseDate(val: string[]): DatetimeParts[];
20
20
  export declare function parseDate(val: undefined | null): undefined;
21
- export declare function parseDate(val: string | string[]): DatetimeParts | DatetimeParts[] | undefined;
21
+ export declare function parseDate(val: string | string[]): DatetimeParts | DatetimeParts[];
22
22
  export declare function parseDate(val: string | string[] | undefined | null): DatetimeParts | DatetimeParts[] | undefined;
23
23
  export declare const clampDate: (dateParts: DatetimeParts, minParts?: DatetimeParts, maxParts?: DatetimeParts) => DatetimeParts;
24
24
  /**
@@ -48,9 +48,8 @@ export declare class Radio implements ComponentInterface {
48
48
  * `"start"`: The label will appear to the left of the radio in LTR and to the right in RTL.
49
49
  * `"end"`: The label will appear to the right of the radio in LTR and to the left in RTL.
50
50
  * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
51
- * `"stacked"`: The label will appear above the radio regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
52
51
  */
53
- labelPlacement: 'start' | 'end' | 'fixed' | 'stacked';
52
+ labelPlacement: 'start' | 'end' | 'fixed';
54
53
  /**
55
54
  * Set the `legacy` property to `true` to forcibly use the legacy form control markup.
56
55
  * Ionic will only opt components in to the modern form markup when they are
@@ -71,12 +70,6 @@ export declare class Radio implements ComponentInterface {
71
70
  * ends of the line with space between the two elements.
72
71
  */
73
72
  justify: 'start' | 'end' | 'space-between';
74
- /**
75
- * How to control the alignment of the radio and label on the cross axis.
76
- * `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.
77
- * `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
78
- */
79
- alignment: 'start' | 'center';
80
73
  /**
81
74
  * Emitted when the styles change.
82
75
  * @internal
@@ -116,9 +116,8 @@ export declare class Range implements ComponentInterface {
116
116
  * `"start"`: The label will appear to the left of the range in LTR and to the right in RTL.
117
117
  * `"end"`: The label will appear to the right of the range in LTR and to the left in RTL.
118
118
  * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
119
- * `"stacked"`: The label will appear above the range regardless of the direction.
120
119
  */
121
- labelPlacement: 'start' | 'end' | 'fixed' | 'stacked';
120
+ labelPlacement: 'start' | 'end' | 'fixed';
122
121
  /**
123
122
  * Set the `legacy` property to `true` to forcibly use the legacy form control markup.
124
123
  * Ionic will only opt components in to the modern form markup when they are
@@ -27,9 +27,6 @@ export interface ToastButton {
27
27
  icon?: string;
28
28
  side?: 'start' | 'end';
29
29
  role?: 'cancel' | string;
30
- /**
31
- * @deprecated Use the toast button's CSS Shadow Parts instead.
32
- */
33
30
  cssClass?: string | string[];
34
31
  htmlAttributes?: {
35
32
  [key: string]: any;
@@ -56,9 +56,8 @@ export declare class Toggle implements ComponentInterface {
56
56
  * `"start"`: The label will appear to the left of the toggle in LTR and to the right in RTL.
57
57
  * `"end"`: The label will appear to the right of the toggle in LTR and to the left in RTL.
58
58
  * `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
59
- * `"stacked"`: The label will appear above the toggle regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
60
59
  */
61
- labelPlacement: 'start' | 'end' | 'fixed' | 'stacked';
60
+ labelPlacement: 'start' | 'end' | 'fixed';
62
61
  /**
63
62
  * Set the `legacy` property to `true` to forcibly use the legacy form control markup.
64
63
  * Ionic will only opt components in to the modern form markup when they are
@@ -79,12 +78,6 @@ export declare class Toggle implements ComponentInterface {
79
78
  * ends of the line with space between the two elements.
80
79
  */
81
80
  justify: 'start' | 'end' | 'space-between';
82
- /**
83
- * How to control the alignment of the toggle and label on the cross axis.
84
- * ``"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL.
85
- * `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
86
- */
87
- alignment: 'start' | 'center';
88
81
  /**
89
82
  * Emitted when the user switches the toggle on or off. Does not emit
90
83
  * when programmatically changing the value of the `checked` property.
@@ -602,10 +602,6 @@ export namespace Components {
602
602
  "mode"?: "ios" | "md";
603
603
  }
604
604
  interface IonCheckbox {
605
- /**
606
- * How to control the alignment of the checkbox and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
607
- */
608
- "alignment": 'start' | 'center';
609
605
  /**
610
606
  * If `true`, the checkbox is selected.
611
607
  */
@@ -627,9 +623,9 @@ export namespace Components {
627
623
  */
628
624
  "justify": 'start' | 'end' | 'space-between';
629
625
  /**
630
- * Where to place the label relative to the checkbox. `"start"`: The label will appear to the left of the checkbox in LTR and to the right in RTL. `"end"`: The label will appear to the right of the checkbox in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("..."). `"stacked"`: The label will appear above the checkbox regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
626
+ * Where to place the label relative to the checkbox. `"start"`: The label will appear to the left of the checkbox in LTR and to the right in RTL. `"end"`: The label will appear to the right of the checkbox in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
631
627
  */
632
- "labelPlacement": 'start' | 'end' | 'fixed' | 'stacked';
628
+ "labelPlacement": 'start' | 'end' | 'fixed';
633
629
  /**
634
630
  * Set the `legacy` property to `true` to forcibly use the legacy form control markup. Ionic will only opt checkboxes in to the modern form markup when they are using either the `aria-label` attribute or have text in the default slot. As a result, the `legacy` property should only be used as an escape hatch when you want to avoid this automatic opt-in behavior. Note that this property will be removed in an upcoming major release of Ionic, and all form components will be opted-in to using the modern form markup.
635
631
  */
@@ -2220,10 +2216,6 @@ export namespace Components {
2220
2216
  "value": number;
2221
2217
  }
2222
2218
  interface IonRadio {
2223
- /**
2224
- * How to control the alignment of the radio and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
2225
- */
2226
- "alignment": 'start' | 'center';
2227
2219
  /**
2228
2220
  * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
2229
2221
  */
@@ -2237,9 +2229,9 @@ export namespace Components {
2237
2229
  */
2238
2230
  "justify": 'start' | 'end' | 'space-between';
2239
2231
  /**
2240
- * Where to place the label relative to the radio. `"start"`: The label will appear to the left of the radio in LTR and to the right in RTL. `"end"`: The label will appear to the right of the radio in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("..."). `"stacked"`: The label will appear above the radio regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
2232
+ * Where to place the label relative to the radio. `"start"`: The label will appear to the left of the radio in LTR and to the right in RTL. `"end"`: The label will appear to the right of the radio in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
2241
2233
  */
2242
- "labelPlacement": 'start' | 'end' | 'fixed' | 'stacked';
2234
+ "labelPlacement": 'start' | 'end' | 'fixed';
2243
2235
  /**
2244
2236
  * Set the `legacy` property to `true` to forcibly use the legacy form control markup. Ionic will only opt components in to the modern form markup when they are using either the `aria-label` attribute or the default slot that contains the label text. As a result, the `legacy` property should only be used as an escape hatch when you want to avoid this automatic opt-in behavior. Note that this property will be removed in an upcoming major release of Ionic, and all form components will be opted-in to using the modern form markup.
2245
2237
  */
@@ -2299,9 +2291,9 @@ export namespace Components {
2299
2291
  */
2300
2292
  "label"?: string;
2301
2293
  /**
2302
- * Where to place the label relative to the range. `"start"`: The label will appear to the left of the range in LTR and to the right in RTL. `"end"`: The label will appear to the right of the range in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("..."). `"stacked"`: The label will appear above the range regardless of the direction.
2294
+ * Where to place the label relative to the range. `"start"`: The label will appear to the left of the range in LTR and to the right in RTL. `"end"`: The label will appear to the right of the range in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
2303
2295
  */
2304
- "labelPlacement": 'start' | 'end' | 'fixed' | 'stacked';
2296
+ "labelPlacement": 'start' | 'end' | 'fixed';
2305
2297
  /**
2306
2298
  * Set the `legacy` property to `true` to forcibly use the legacy form control markup. Ionic will only opt components in to the modern form markup when they are using either the `aria-label` attribute or the `label` property. As a result, the `legacy` property should only be used as an escape hatch when you want to avoid this automatic opt-in behavior. Note that this property will be removed in an upcoming major release of Ionic, and all form components will be opted-in to using the modern form markup.
2307
2299
  */
@@ -3173,10 +3165,6 @@ export namespace Components {
3173
3165
  "trigger": string | undefined;
3174
3166
  }
3175
3167
  interface IonToggle {
3176
- /**
3177
- * How to control the alignment of the toggle and label on the cross axis. ``"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
3178
- */
3179
- "alignment": 'start' | 'center';
3180
3168
  /**
3181
3169
  * If `true`, the toggle is selected.
3182
3170
  */
@@ -3198,9 +3186,9 @@ export namespace Components {
3198
3186
  */
3199
3187
  "justify": 'start' | 'end' | 'space-between';
3200
3188
  /**
3201
- * Where to place the label relative to the input. `"start"`: The label will appear to the left of the toggle in LTR and to the right in RTL. `"end"`: The label will appear to the right of the toggle in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("..."). `"stacked"`: The label will appear above the toggle regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
3189
+ * Where to place the label relative to the input. `"start"`: The label will appear to the left of the toggle in LTR and to the right in RTL. `"end"`: The label will appear to the right of the toggle in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
3202
3190
  */
3203
- "labelPlacement": 'start' | 'end' | 'fixed' | 'stacked';
3191
+ "labelPlacement": 'start' | 'end' | 'fixed';
3204
3192
  /**
3205
3193
  * Set the `legacy` property to `true` to forcibly use the legacy form control markup. Ionic will only opt components in to the modern form markup when they are using either the `aria-label` attribute or the default slot that contains the label text. As a result, the `legacy` property should only be used as an escape hatch when you want to avoid this automatic opt-in behavior. Note that this property will be removed in an upcoming major release of Ionic, and all form components will be opted-in to using the modern form markup.
3206
3194
  */
@@ -4620,10 +4608,6 @@ declare namespace LocalJSX {
4620
4608
  "mode"?: "ios" | "md";
4621
4609
  }
4622
4610
  interface IonCheckbox {
4623
- /**
4624
- * How to control the alignment of the checkbox and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
4625
- */
4626
- "alignment"?: 'start' | 'center';
4627
4611
  /**
4628
4612
  * If `true`, the checkbox is selected.
4629
4613
  */
@@ -4645,9 +4629,9 @@ declare namespace LocalJSX {
4645
4629
  */
4646
4630
  "justify"?: 'start' | 'end' | 'space-between';
4647
4631
  /**
4648
- * Where to place the label relative to the checkbox. `"start"`: The label will appear to the left of the checkbox in LTR and to the right in RTL. `"end"`: The label will appear to the right of the checkbox in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("..."). `"stacked"`: The label will appear above the checkbox regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
4632
+ * Where to place the label relative to the checkbox. `"start"`: The label will appear to the left of the checkbox in LTR and to the right in RTL. `"end"`: The label will appear to the right of the checkbox in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
4649
4633
  */
4650
- "labelPlacement"?: 'start' | 'end' | 'fixed' | 'stacked';
4634
+ "labelPlacement"?: 'start' | 'end' | 'fixed';
4651
4635
  /**
4652
4636
  * Set the `legacy` property to `true` to forcibly use the legacy form control markup. Ionic will only opt checkboxes in to the modern form markup when they are using either the `aria-label` attribute or have text in the default slot. As a result, the `legacy` property should only be used as an escape hatch when you want to avoid this automatic opt-in behavior. Note that this property will be removed in an upcoming major release of Ionic, and all form components will be opted-in to using the modern form markup.
4653
4637
  */
@@ -6143,10 +6127,6 @@ declare namespace LocalJSX {
6143
6127
  "value"?: number;
6144
6128
  }
6145
6129
  interface IonRadio {
6146
- /**
6147
- * How to control the alignment of the radio and label on the cross axis. `"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
6148
- */
6149
- "alignment"?: 'start' | 'center';
6150
6130
  /**
6151
6131
  * The color to use from your application's color palette. Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`. For more information on colors, see [theming](/docs/theming/basics).
6152
6132
  */
@@ -6160,9 +6140,9 @@ declare namespace LocalJSX {
6160
6140
  */
6161
6141
  "justify"?: 'start' | 'end' | 'space-between';
6162
6142
  /**
6163
- * Where to place the label relative to the radio. `"start"`: The label will appear to the left of the radio in LTR and to the right in RTL. `"end"`: The label will appear to the right of the radio in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("..."). `"stacked"`: The label will appear above the radio regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
6143
+ * Where to place the label relative to the radio. `"start"`: The label will appear to the left of the radio in LTR and to the right in RTL. `"end"`: The label will appear to the right of the radio in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
6164
6144
  */
6165
- "labelPlacement"?: 'start' | 'end' | 'fixed' | 'stacked';
6145
+ "labelPlacement"?: 'start' | 'end' | 'fixed';
6166
6146
  /**
6167
6147
  * Set the `legacy` property to `true` to forcibly use the legacy form control markup. Ionic will only opt components in to the modern form markup when they are using either the `aria-label` attribute or the default slot that contains the label text. As a result, the `legacy` property should only be used as an escape hatch when you want to avoid this automatic opt-in behavior. Note that this property will be removed in an upcoming major release of Ionic, and all form components will be opted-in to using the modern form markup.
6168
6148
  */
@@ -6232,9 +6212,9 @@ declare namespace LocalJSX {
6232
6212
  */
6233
6213
  "label"?: string;
6234
6214
  /**
6235
- * Where to place the label relative to the range. `"start"`: The label will appear to the left of the range in LTR and to the right in RTL. `"end"`: The label will appear to the right of the range in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("..."). `"stacked"`: The label will appear above the range regardless of the direction.
6215
+ * Where to place the label relative to the range. `"start"`: The label will appear to the left of the range in LTR and to the right in RTL. `"end"`: The label will appear to the right of the range in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
6236
6216
  */
6237
- "labelPlacement"?: 'start' | 'end' | 'fixed' | 'stacked';
6217
+ "labelPlacement"?: 'start' | 'end' | 'fixed';
6238
6218
  /**
6239
6219
  * Set the `legacy` property to `true` to forcibly use the legacy form control markup. Ionic will only opt components in to the modern form markup when they are using either the `aria-label` attribute or the `label` property. As a result, the `legacy` property should only be used as an escape hatch when you want to avoid this automatic opt-in behavior. Note that this property will be removed in an upcoming major release of Ionic, and all form components will be opted-in to using the modern form markup.
6240
6220
  */
@@ -7163,10 +7143,6 @@ declare namespace LocalJSX {
7163
7143
  "trigger"?: string | undefined;
7164
7144
  }
7165
7145
  interface IonToggle {
7166
- /**
7167
- * How to control the alignment of the toggle and label on the cross axis. ``"start"`: The label and control will appear on the left of the cross axis in LTR, and on the right side in RTL. `"center"`: The label and control will appear at the center of the cross axis in both LTR and RTL.
7168
- */
7169
- "alignment"?: 'start' | 'center';
7170
7146
  /**
7171
7147
  * If `true`, the toggle is selected.
7172
7148
  */
@@ -7188,9 +7164,9 @@ declare namespace LocalJSX {
7188
7164
  */
7189
7165
  "justify"?: 'start' | 'end' | 'space-between';
7190
7166
  /**
7191
- * Where to place the label relative to the input. `"start"`: The label will appear to the left of the toggle in LTR and to the right in RTL. `"end"`: The label will appear to the right of the toggle in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("..."). `"stacked"`: The label will appear above the toggle regardless of the direction. The alignment of the label can be controlled with the `alignment` property.
7167
+ * Where to place the label relative to the input. `"start"`: The label will appear to the left of the toggle in LTR and to the right in RTL. `"end"`: The label will appear to the right of the toggle in LTR and to the left in RTL. `"fixed"`: The label has the same behavior as `"start"` except it also has a fixed width. Long text will be truncated with ellipses ("...").
7192
7168
  */
7193
- "labelPlacement"?: 'start' | 'end' | 'fixed' | 'stacked';
7169
+ "labelPlacement"?: 'start' | 'end' | 'fixed';
7194
7170
  /**
7195
7171
  * Set the `legacy` property to `true` to forcibly use the legacy form control markup. Ionic will only opt components in to the modern form markup when they are using either the `aria-label` attribute or the default slot that contains the label text. As a result, the `legacy` property should only be used as an escape hatch when you want to avoid this automatic opt-in behavior. Note that this property will be removed in an upcoming major release of Ionic, and all form components will be opted-in to using the modern form markup.
7196
7172
  */
@@ -1,6 +1,5 @@
1
1
  import 'ionicons';
2
2
  export { createAnimation } from './utils/animation/animation';
3
- export { getIonPageElement } from './utils/transition';
4
3
  export { iosTransitionAnimation } from './utils/transition/ios.transition';
5
4
  export { mdTransitionAnimation } from './utils/transition/md.transition';
6
5
  export { getTimeGivenProgression } from './utils/animation/cubic-bezier';
@@ -43,7 +43,6 @@ export {
43
43
  AnimationKeyFrames,
44
44
  AnimationLifecycle,
45
45
  } from './utils/animation/animation-interface';
46
- export { TransitionOptions } from './utils/transition';
47
46
  export { HTMLIonOverlayElement, OverlayController, OverlayInterface } from './utils/overlays-interface';
48
47
  export { Config, config } from './global/config';
49
48
  export { Gesture, GestureConfig, GestureDetail } from './utils/gesture';