@ionic/core 7.5.8-dev.11701806358.1ca1b519 → 7.5.8-dev.11701894917.1c1465bd

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 (196) hide show
  1. package/components/data.js +1 -1
  2. package/components/ion-datetime.js +30 -39
  3. package/components/ion-picker-column-internal.d.ts +11 -0
  4. package/components/ion-picker-column-internal.js +9 -0
  5. package/components/ion-picker-column.js +2 -2
  6. package/components/{ion-picker-legacy.d.ts → ion-picker-internal.d.ts} +4 -4
  7. package/components/ion-picker-internal.js +9 -0
  8. package/components/ion-picker.js +309 -1
  9. package/components/overlays.js +3 -6
  10. package/components/picker-column-internal.js +390 -0
  11. package/components/picker-column.js +317 -363
  12. package/components/{picker.js → picker-internal.js} +16 -16
  13. package/dist/cjs/{data-e7526b58.js → data-36b9094e.js} +1 -1
  14. package/dist/cjs/index.cjs.js +1 -1
  15. package/dist/cjs/ion-action-sheet.cjs.entry.js +1 -1
  16. package/dist/cjs/ion-alert.cjs.entry.js +1 -1
  17. package/dist/cjs/ion-datetime-button.cjs.entry.js +1 -1
  18. package/dist/cjs/ion-datetime_3.cjs.entry.js +35 -29
  19. package/dist/cjs/ion-loading.cjs.entry.js +1 -1
  20. package/dist/cjs/ion-menu_3.cjs.entry.js +1 -1
  21. package/dist/cjs/ion-modal.cjs.entry.js +1 -1
  22. package/dist/cjs/{ion-picker-column.cjs.entry.js → ion-picker-column-internal.cjs.entry.js} +72 -105
  23. package/dist/cjs/{ion-picker.cjs.entry.js → ion-picker-internal.cjs.entry.js} +13 -13
  24. package/dist/cjs/ion-popover.cjs.entry.js +1 -1
  25. package/dist/cjs/ion-select_3.cjs.entry.js +1 -1
  26. package/dist/cjs/ion-toast.cjs.entry.js +1 -1
  27. package/dist/cjs/ionic.cjs.js +1 -1
  28. package/dist/cjs/loader.cjs.js +1 -1
  29. package/dist/cjs/{overlays-e8e05b0e.js → overlays-2c6b1072.js} +3 -6
  30. package/dist/collection/collection-manifest.json +6 -7
  31. package/dist/collection/components/datetime/datetime.ios.css +13 -0
  32. package/dist/collection/components/datetime/datetime.js +16 -19
  33. package/dist/collection/components/datetime/datetime.md.css +13 -0
  34. package/dist/collection/components/datetime/test/datetime.e2e.js +2 -2
  35. package/dist/collection/components/datetime/test/disabled/datetime.spec.js +4 -4
  36. package/dist/collection/components/datetime/test/locale/datetime.e2e.js +2 -2
  37. package/dist/collection/components/datetime/test/minmax/datetime.e2e.js +6 -6
  38. package/dist/collection/components/datetime/test/prefer-wheel/datetime.e2e.js +41 -43
  39. package/dist/collection/components/datetime/test/presentation/datetime.e2e.js +1 -1
  40. package/dist/collection/components/datetime/test/readonly/datetime.e2e.js +2 -2
  41. package/dist/collection/components/datetime/test/values/datetime.e2e.js +12 -15
  42. package/dist/collection/components/datetime/utils/data.js +1 -1
  43. package/dist/collection/components/picker/picker.ios.css +205 -100
  44. package/dist/collection/components/picker/picker.js +743 -461
  45. package/dist/collection/components/picker/picker.md.css +194 -98
  46. package/dist/collection/components/picker/test/basic/picker.e2e.js +13 -99
  47. package/dist/collection/components/{picker-legacy → picker}/test/is-open/picker.e2e.js +4 -4
  48. package/dist/collection/components/{picker-legacy → picker}/test/picker-id.spec.js +5 -5
  49. package/dist/collection/components/{picker-legacy → picker}/test/trigger/picker.e2e.js +1 -1
  50. package/dist/collection/components/picker-column/picker-column.ios.css +160 -120
  51. package/dist/collection/components/picker-column/picker-column.js +329 -514
  52. package/dist/collection/components/picker-column/picker-column.md.css +107 -134
  53. package/dist/collection/components/{picker-legacy-column → picker-column}/test/picker-column-aria.spec.js +3 -3
  54. package/dist/collection/components/{picker-legacy-column → picker-column}/test/picker-column-dynamic.spec.js +2 -2
  55. package/dist/collection/components/{picker-legacy-column → picker-column}/test/picker-column.spec.js +2 -2
  56. package/dist/collection/components/{picker-legacy-column → picker-column}/test/standalone/picker-column.e2e.js +3 -3
  57. package/dist/collection/components/{picker-column-option/picker-column-option.md.css → picker-column-internal/picker-column-internal.ios.css} +53 -6
  58. package/dist/collection/components/picker-column-internal/picker-column-internal.js +565 -0
  59. package/dist/collection/components/{picker-legacy-column/picker-column.md.css → picker-column-internal/picker-column-internal.md.css} +63 -113
  60. package/dist/collection/components/{picker-column/test/basic/picker-column.e2e.js → picker-column-internal/test/basic/picker-column-internal.e2e.js} +8 -8
  61. package/dist/collection/components/picker-column-internal/test/disabled/picker-column-internal.e2e.js +162 -0
  62. package/dist/collection/components/{picker-legacy/picker.md.css → picker-internal/picker-internal.ios.css} +100 -192
  63. package/dist/collection/components/picker-internal/picker-internal.js +544 -0
  64. package/dist/collection/components/{picker-legacy-column/picker-column.ios.css → picker-internal/picker-internal.md.css} +101 -98
  65. package/dist/collection/components/{picker/test/a11y/picker.e2e.js → picker-internal/test/a11y/picker-internal.e2e.js} +2 -2
  66. package/dist/collection/components/picker-internal/test/basic/picker-internal.e2e.js +118 -0
  67. package/dist/collection/components/{picker/test/keyboard-entry/picker.e2e.js → picker-internal/test/keyboard-entry/picker-internal.e2e.js} +22 -23
  68. package/dist/collection/utils/overlays.js +3 -6
  69. package/dist/docs.json +23 -487
  70. package/dist/esm/{data-4b9508c9.js → data-f5c75b4e.js} +1 -1
  71. package/dist/esm/index.js +1 -1
  72. package/dist/esm/ion-action-sheet.entry.js +1 -1
  73. package/dist/esm/ion-alert.entry.js +1 -1
  74. package/dist/esm/ion-datetime-button.entry.js +1 -1
  75. package/dist/esm/ion-datetime_3.entry.js +34 -28
  76. package/dist/esm/ion-loading.entry.js +1 -1
  77. package/dist/esm/ion-menu_3.entry.js +1 -1
  78. package/dist/esm/ion-modal.entry.js +1 -1
  79. package/dist/esm/{ion-picker-column.entry.js → ion-picker-column-internal.entry.js} +72 -105
  80. package/dist/esm/{ion-picker.entry.js → ion-picker-internal.entry.js} +13 -13
  81. package/dist/esm/ion-popover.entry.js +1 -1
  82. package/dist/esm/ion-select_3.entry.js +1 -1
  83. package/dist/esm/ion-toast.entry.js +1 -1
  84. package/dist/esm/ionic.js +1 -1
  85. package/dist/esm/loader.js +1 -1
  86. package/dist/esm/{overlays-fbc5cab5.js → overlays-d23ea6e1.js} +3 -6
  87. package/dist/esm-es5/index.js +1 -1
  88. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  89. package/dist/esm-es5/ion-alert.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-loading.entry.js +1 -1
  93. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  94. package/dist/esm-es5/ion-modal.entry.js +1 -1
  95. package/dist/esm-es5/ion-picker-column-internal.entry.js +4 -0
  96. package/dist/esm-es5/ion-picker-internal.entry.js +4 -0
  97. package/dist/esm-es5/ion-popover.entry.js +1 -1
  98. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  99. package/dist/esm-es5/ion-toast.entry.js +1 -1
  100. package/dist/esm-es5/ionic.js +1 -1
  101. package/dist/esm-es5/loader.js +1 -1
  102. package/dist/esm-es5/overlays-d23ea6e1.js +4 -0
  103. package/dist/html.html-data.json +1 -152
  104. package/dist/ionic/index.esm.js +1 -1
  105. package/dist/ionic/ionic.esm.js +1 -1
  106. package/dist/ionic/{p-846ee227.entry.js → p-1e57bd24.entry.js} +1 -1
  107. package/dist/ionic/{p-26798a7b.system.entry.js → p-1f620cd4.system.entry.js} +1 -1
  108. package/dist/ionic/{p-5d42b6b4.entry.js → p-27ea6f4e.entry.js} +1 -1
  109. package/dist/ionic/{p-6b7c55cd.entry.js → p-2dc43d20.entry.js} +1 -1
  110. package/dist/ionic/{p-4a36430f.system.entry.js → p-2f2293da.system.entry.js} +1 -1
  111. package/dist/ionic/{p-21c3515a.entry.js → p-2f300cca.entry.js} +1 -1
  112. package/dist/ionic/{p-8017aad2.system.entry.js → p-39a335b6.system.entry.js} +1 -1
  113. package/dist/ionic/{p-4a081ea9.entry.js → p-3b568d18.entry.js} +1 -1
  114. package/dist/ionic/{p-c18de88a.system.entry.js → p-3e3d06a6.system.entry.js} +1 -1
  115. package/dist/ionic/{p-96dbbac1.system.entry.js → p-4df97e3c.system.entry.js} +1 -1
  116. package/dist/ionic/p-60502e3f.system.entry.js +4 -0
  117. package/dist/ionic/{p-563c41f0.system.entry.js → p-60b386c9.system.entry.js} +1 -1
  118. package/dist/ionic/p-67da080d.entry.js +4 -0
  119. package/dist/ionic/p-73ea8f82.system.entry.js +4 -0
  120. package/dist/ionic/p-80fa068e.entry.js +4 -0
  121. package/dist/ionic/{p-a8baa23e.entry.js → p-8780cc2a.entry.js} +1 -1
  122. package/dist/ionic/{p-f910cc73.system.entry.js → p-9eec42cc.system.entry.js} +1 -1
  123. package/dist/ionic/p-ab11130c.system.js +4 -0
  124. package/dist/ionic/p-af16fe62.entry.js +4 -0
  125. package/dist/ionic/{p-73aa7604.entry.js → p-af19a573.entry.js} +1 -1
  126. package/dist/ionic/p-c14f8ac8.js +4 -0
  127. package/dist/ionic/p-cce9f61a.system.entry.js +4 -0
  128. package/dist/ionic/{p-b133e9b4.entry.js → p-ddb30596.entry.js} +1 -1
  129. package/dist/ionic/{p-27bcbbc7.system.entry.js → p-e1e5afe1.system.entry.js} +1 -1
  130. package/dist/ionic/p-e3584231.system.js +1 -1
  131. package/dist/ionic/{p-fbf3a689.system.entry.js → p-e3ad9607.system.entry.js} +1 -1
  132. package/dist/ionic/{p-73190c5f.entry.js → p-f78efbd1.entry.js} +1 -1
  133. package/dist/ionic/{p-54dfc9b5.system.js → p-fff7a57e.system.js} +1 -1
  134. package/dist/types/components/datetime/utils/data.d.ts +2 -2
  135. package/dist/types/components/picker/picker.d.ts +131 -74
  136. package/dist/types/components/picker-column/picker-column.d.ts +39 -105
  137. package/dist/types/components/picker-column-internal/picker-column-internal.d.ts +102 -0
  138. package/dist/types/components/picker-internal/picker-internal-interfaces.d.ts +8 -0
  139. package/dist/types/components/picker-internal/picker-internal.d.ts +102 -0
  140. package/dist/types/components.d.ts +122 -163
  141. package/dist/types/interface.d.ts +1 -1
  142. package/dist/types/utils/config.d.ts +2 -2
  143. package/dist/types/utils/overlays.d.ts +2 -5
  144. package/hydrate/index.js +1151 -1287
  145. package/package.json +1 -1
  146. package/components/ion-picker-column-option.d.ts +0 -11
  147. package/components/ion-picker-column-option.js +0 -9
  148. package/components/ion-picker-legacy-column.d.ts +0 -11
  149. package/components/ion-picker-legacy-column.js +0 -9
  150. package/components/ion-picker-legacy.js +0 -309
  151. package/components/picker-column-option.js +0 -122
  152. package/components/picker-column2.js +0 -379
  153. package/dist/cjs/ion-picker-column-option.cjs.entry.js +0 -104
  154. package/dist/collection/components/picker-column/test/disabled/picker-column.e2e.js +0 -113
  155. package/dist/collection/components/picker-column/test/slots/picker-column.e2e.js +0 -39
  156. package/dist/collection/components/picker-column-option/picker-column-option.ios.css +0 -87
  157. package/dist/collection/components/picker-column-option/picker-column-option.js +0 -173
  158. package/dist/collection/components/picker-column-option/test/a11y/picker-column-option.e2e.js +0 -18
  159. package/dist/collection/components/picker-column-option/test/basic/picker-column-option.e2e.js +0 -37
  160. package/dist/collection/components/picker-legacy/picker.ios.css +0 -367
  161. package/dist/collection/components/picker-legacy/picker.js +0 -817
  162. package/dist/collection/components/picker-legacy/test/basic/picker.e2e.js +0 -25
  163. package/dist/collection/components/picker-legacy-column/picker-column.js +0 -419
  164. package/dist/esm/ion-picker-column-option.entry.js +0 -100
  165. package/dist/esm-es5/ion-picker-column-option.entry.js +0 -4
  166. package/dist/esm-es5/ion-picker-column.entry.js +0 -4
  167. package/dist/esm-es5/ion-picker.entry.js +0 -4
  168. package/dist/esm-es5/overlays-fbc5cab5.js +0 -4
  169. package/dist/ionic/p-23672c82.system.entry.js +0 -4
  170. package/dist/ionic/p-8fa6583d.system.js +0 -4
  171. package/dist/ionic/p-9282b16f.entry.js +0 -4
  172. package/dist/ionic/p-9ba90516.system.entry.js +0 -4
  173. package/dist/ionic/p-afcf4620.entry.js +0 -4
  174. package/dist/ionic/p-c2910c78.entry.js +0 -4
  175. package/dist/ionic/p-c8f0a036.entry.js +0 -4
  176. package/dist/ionic/p-ca8938f4.js +0 -4
  177. package/dist/ionic/p-ca9d1792.system.entry.js +0 -4
  178. package/dist/ionic/p-ffd5dba4.system.entry.js +0 -4
  179. package/dist/types/components/picker/picker-interfaces.d.ts +0 -8
  180. package/dist/types/components/picker-column-option/picker-column-option.d.ts +0 -66
  181. package/dist/types/components/picker-legacy/picker.d.ts +0 -158
  182. package/dist/types/components/picker-legacy-column/picker-column.d.ts +0 -46
  183. /package/dist/collection/components/{picker-legacy → picker}/animations/ios.enter.js +0 -0
  184. /package/dist/collection/components/{picker-legacy → picker}/animations/ios.leave.js +0 -0
  185. /package/dist/collection/components/picker/{picker-interfaces.js → picker-interface.js} +0 -0
  186. /package/dist/collection/components/{picker-legacy-column → picker-column}/test/test.utils.js +0 -0
  187. /package/dist/collection/components/{picker-column/picker-column-interfaces.js → picker-column-internal/picker-column-internal-interfaces.js} +0 -0
  188. /package/dist/collection/components/{picker-legacy/picker-interface.js → picker-internal/picker-internal-interfaces.js} +0 -0
  189. /package/dist/esm-es5/{data-4b9508c9.js → data-f5c75b4e.js} +0 -0
  190. /package/dist/ionic/{p-368f5215.js → p-2aea8b1e.js} +0 -0
  191. /package/dist/ionic/{p-f58981c2.system.js → p-82e3d633.system.js} +0 -0
  192. /package/dist/types/components/{picker-legacy → picker}/animations/ios.enter.d.ts +0 -0
  193. /package/dist/types/components/{picker-legacy → picker}/animations/ios.leave.d.ts +0 -0
  194. /package/dist/types/components/{picker-legacy → picker}/picker-interface.d.ts +0 -0
  195. /package/dist/types/components/{picker-legacy-column → picker-column}/test/test.utils.d.ts +0 -0
  196. /package/dist/types/components/{picker-column/picker-column-interfaces.d.ts → picker-column-internal/picker-column-internal-interfaces.d.ts} +0 -0
@@ -23,9 +23,9 @@ import { MenuChangeEventDetail, Side } from "./components/menu/menu-interface";
23
23
  import { ModalBreakpointChangeEventDetail, ModalHandleBehavior } from "./components/modal/modal-interface";
24
24
  import { NavComponent, NavComponentWithProps, NavOptions, RouterOutletOptions, SwipeGestureHandler, TransitionDoneFn, TransitionInstruction } from "./components/nav/nav-interface";
25
25
  import { ViewController } from "./components/nav/view-controller";
26
- import { PickerChangeEventDetail } from "./components/picker/picker-interfaces";
27
- import { PickerColumnItem } from "./components/picker-column/picker-column-interfaces";
28
- import { PickerButton, PickerColumn } from "./components/picker-legacy/picker-interface";
26
+ import { PickerButton, PickerColumn } from "./components/picker/picker-interface";
27
+ import { PickerColumnItem } from "./components/picker-column-internal/picker-column-internal-interfaces";
28
+ import { PickerInternalChangeEventDetail } from "./components/picker-internal/picker-internal-interfaces";
29
29
  import { PopoverSize, PositionAlign, PositionReference, PositionSide, TriggerAction } from "./components/popover/popover-interface";
30
30
  import { RadioGroupChangeEventDetail } from "./components/radio-group/radio-group-interface";
31
31
  import { PinFormatter, RangeChangeEventDetail, RangeKnobMoveEndEventDetail, RangeKnobMoveStartEventDetail, RangeValue } from "./components/range/range-interface";
@@ -59,9 +59,9 @@ export { MenuChangeEventDetail, Side } from "./components/menu/menu-interface";
59
59
  export { ModalBreakpointChangeEventDetail, ModalHandleBehavior } from "./components/modal/modal-interface";
60
60
  export { NavComponent, NavComponentWithProps, NavOptions, RouterOutletOptions, SwipeGestureHandler, TransitionDoneFn, TransitionInstruction } from "./components/nav/nav-interface";
61
61
  export { ViewController } from "./components/nav/view-controller";
62
- export { PickerChangeEventDetail } from "./components/picker/picker-interfaces";
63
- export { PickerColumnItem } from "./components/picker-column/picker-column-interfaces";
64
- export { PickerButton, PickerColumn } from "./components/picker-legacy/picker-interface";
62
+ export { PickerButton, PickerColumn } from "./components/picker/picker-interface";
63
+ export { PickerColumnItem } from "./components/picker-column-internal/picker-column-internal-interfaces";
64
+ export { PickerInternalChangeEventDetail } from "./components/picker-internal/picker-internal-interfaces";
65
65
  export { PopoverSize, PositionAlign, PositionReference, PositionSide, TriggerAction } from "./components/popover/popover-interface";
66
66
  export { RadioGroupChangeEventDetail } from "./components/radio-group/radio-group-interface";
67
67
  export { PinFormatter, RangeChangeEventDetail, RangeKnobMoveEndEventDetail, RangeKnobMoveStartEventDetail, RangeValue } from "./components/range/range-interface";
@@ -1949,62 +1949,6 @@ export namespace Components {
1949
1949
  "mode"?: "ios" | "md";
1950
1950
  }
1951
1951
  interface IonPicker {
1952
- "exitInputMode": () => Promise<void>;
1953
- /**
1954
- * The mode determines which platform styles to use.
1955
- */
1956
- "mode"?: "ios" | "md";
1957
- }
1958
- interface IonPickerColumn {
1959
- /**
1960
- * 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).
1961
- */
1962
- "color"?: Color;
1963
- /**
1964
- * If `true`, the user cannot interact with the picker.
1965
- */
1966
- "disabled": boolean;
1967
- /**
1968
- * A list of options to be displayed in the picker
1969
- */
1970
- "items": PickerColumnItem[];
1971
- /**
1972
- * The mode determines which platform styles to use.
1973
- */
1974
- "mode"?: "ios" | "md";
1975
- /**
1976
- * If `true`, tapping the picker will reveal a number input keyboard that lets the user type in values for each picker column. This is useful when working with time pickers.
1977
- */
1978
- "numericInput": boolean;
1979
- "scrollActiveItemIntoView": () => Promise<void>;
1980
- /**
1981
- * Sets focus on the scrollable container within the picker column. Use this method instead of the global `pickerColumn.focus()`.
1982
- */
1983
- "setFocus": () => Promise<void>;
1984
- /**
1985
- * Sets the value prop and fires the ionChange event. This is used when we need to fire ionChange from user-generated events that cannot be caught with normal input/change event listeners.
1986
- */
1987
- "setValue": (value?: string | number) => Promise<void>;
1988
- /**
1989
- * The selected option in the picker.
1990
- */
1991
- "value"?: string | number;
1992
- }
1993
- interface IonPickerColumnOption {
1994
- /**
1995
- * 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).
1996
- */
1997
- "color"?: Color;
1998
- /**
1999
- * If `true`, the user cannot interact with the picker column option.
2000
- */
2001
- "disabled": boolean;
2002
- /**
2003
- * The text value of the option.
2004
- */
2005
- "value"?: any | null;
2006
- }
2007
- interface IonPickerLegacy {
2008
1952
  /**
2009
1953
  * If `true`, the picker will animate.
2010
1954
  */
@@ -2088,12 +2032,50 @@ export namespace Components {
2088
2032
  */
2089
2033
  "trigger": string | undefined;
2090
2034
  }
2091
- interface IonPickerLegacyColumn {
2035
+ interface IonPickerColumn {
2092
2036
  /**
2093
2037
  * Picker column data
2094
2038
  */
2095
2039
  "col": PickerColumn;
2096
2040
  }
2041
+ interface IonPickerColumnInternal {
2042
+ /**
2043
+ * 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).
2044
+ */
2045
+ "color"?: Color;
2046
+ /**
2047
+ * If `true`, the user cannot interact with the picker.
2048
+ */
2049
+ "disabled": boolean;
2050
+ /**
2051
+ * A list of options to be displayed in the picker
2052
+ */
2053
+ "items": PickerColumnItem[];
2054
+ /**
2055
+ * The mode determines which platform styles to use.
2056
+ */
2057
+ "mode"?: "ios" | "md";
2058
+ /**
2059
+ * If `true`, tapping the picker will reveal a number input keyboard that lets the user type in values for each picker column. This is useful when working with time pickers.
2060
+ */
2061
+ "numericInput": boolean;
2062
+ "scrollActiveItemIntoView": () => Promise<void>;
2063
+ /**
2064
+ * Sets the value prop and fires the ionChange event. This is used when we need to fire ionChange from user-generated events that cannot be caught with normal input/change event listeners.
2065
+ */
2066
+ "setValue": (value?: string | number) => Promise<void>;
2067
+ /**
2068
+ * The selected option in the picker.
2069
+ */
2070
+ "value"?: string | number;
2071
+ }
2072
+ interface IonPickerInternal {
2073
+ "exitInputMode": () => Promise<void>;
2074
+ /**
2075
+ * The mode determines which platform styles to use.
2076
+ */
2077
+ "mode"?: "ios" | "md";
2078
+ }
2097
2079
  interface IonPopover {
2098
2080
  /**
2099
2081
  * Describes how to align the popover content with the `reference` point. Defaults to `"center"` for `ios` mode, and `"start"` for `md` mode.
@@ -3348,13 +3330,13 @@ export interface IonPickerColumnCustomEvent<T> extends CustomEvent<T> {
3348
3330
  detail: T;
3349
3331
  target: HTMLIonPickerColumnElement;
3350
3332
  }
3351
- export interface IonPickerLegacyCustomEvent<T> extends CustomEvent<T> {
3333
+ export interface IonPickerColumnInternalCustomEvent<T> extends CustomEvent<T> {
3352
3334
  detail: T;
3353
- target: HTMLIonPickerLegacyElement;
3335
+ target: HTMLIonPickerColumnInternalElement;
3354
3336
  }
3355
- export interface IonPickerLegacyColumnCustomEvent<T> extends CustomEvent<T> {
3337
+ export interface IonPickerInternalCustomEvent<T> extends CustomEvent<T> {
3356
3338
  detail: T;
3357
- target: HTMLIonPickerLegacyColumnElement;
3339
+ target: HTMLIonPickerInternalElement;
3358
3340
  }
3359
3341
  export interface IonPopoverCustomEvent<T> extends CustomEvent<T> {
3360
3342
  detail: T;
@@ -4038,7 +4020,14 @@ declare global {
4038
4020
  new (): HTMLIonNoteElement;
4039
4021
  };
4040
4022
  interface HTMLIonPickerElementEventMap {
4041
- "ionInputModeChange": PickerChangeEventDetail;
4023
+ "ionPickerDidPresent": void;
4024
+ "ionPickerWillPresent": void;
4025
+ "ionPickerWillDismiss": OverlayEventDetail;
4026
+ "ionPickerDidDismiss": OverlayEventDetail;
4027
+ "didPresent": void;
4028
+ "willPresent": void;
4029
+ "willDismiss": OverlayEventDetail;
4030
+ "didDismiss": OverlayEventDetail;
4042
4031
  }
4043
4032
  interface HTMLIonPickerElement extends Components.IonPicker, HTMLStencilElement {
4044
4033
  addEventListener<K extends keyof HTMLIonPickerElementEventMap>(type: K, listener: (this: HTMLIonPickerElement, ev: IonPickerCustomEvent<HTMLIonPickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4055,7 +4044,7 @@ declare global {
4055
4044
  new (): HTMLIonPickerElement;
4056
4045
  };
4057
4046
  interface HTMLIonPickerColumnElementEventMap {
4058
- "ionChange": { value: string | number | undefined };
4047
+ "ionPickerColChange": PickerColumn;
4059
4048
  }
4060
4049
  interface HTMLIonPickerColumnElement extends Components.IonPickerColumn, HTMLStencilElement {
4061
4050
  addEventListener<K extends keyof HTMLIonPickerColumnElementEventMap>(type: K, listener: (this: HTMLIonPickerColumnElement, ev: IonPickerColumnCustomEvent<HTMLIonPickerColumnElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4071,52 +4060,39 @@ declare global {
4071
4060
  prototype: HTMLIonPickerColumnElement;
4072
4061
  new (): HTMLIonPickerColumnElement;
4073
4062
  };
4074
- interface HTMLIonPickerColumnOptionElement extends Components.IonPickerColumnOption, HTMLStencilElement {
4063
+ interface HTMLIonPickerColumnInternalElementEventMap {
4064
+ "ionChange": PickerColumnItem;
4075
4065
  }
4076
- var HTMLIonPickerColumnOptionElement: {
4077
- prototype: HTMLIonPickerColumnOptionElement;
4078
- new (): HTMLIonPickerColumnOptionElement;
4079
- };
4080
- interface HTMLIonPickerLegacyElementEventMap {
4081
- "ionPickerDidPresent": void;
4082
- "ionPickerWillPresent": void;
4083
- "ionPickerWillDismiss": OverlayEventDetail;
4084
- "ionPickerDidDismiss": OverlayEventDetail;
4085
- "didPresent": void;
4086
- "willPresent": void;
4087
- "willDismiss": OverlayEventDetail;
4088
- "didDismiss": OverlayEventDetail;
4089
- }
4090
- interface HTMLIonPickerLegacyElement extends Components.IonPickerLegacy, HTMLStencilElement {
4091
- addEventListener<K extends keyof HTMLIonPickerLegacyElementEventMap>(type: K, listener: (this: HTMLIonPickerLegacyElement, ev: IonPickerLegacyCustomEvent<HTMLIonPickerLegacyElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
4066
+ interface HTMLIonPickerColumnInternalElement extends Components.IonPickerColumnInternal, HTMLStencilElement {
4067
+ addEventListener<K extends keyof HTMLIonPickerColumnInternalElementEventMap>(type: K, listener: (this: HTMLIonPickerColumnInternalElement, ev: IonPickerColumnInternalCustomEvent<HTMLIonPickerColumnInternalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
4092
4068
  addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
4093
4069
  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
4094
4070
  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
4095
- removeEventListener<K extends keyof HTMLIonPickerLegacyElementEventMap>(type: K, listener: (this: HTMLIonPickerLegacyElement, ev: IonPickerLegacyCustomEvent<HTMLIonPickerLegacyElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
4071
+ removeEventListener<K extends keyof HTMLIonPickerColumnInternalElementEventMap>(type: K, listener: (this: HTMLIonPickerColumnInternalElement, ev: IonPickerColumnInternalCustomEvent<HTMLIonPickerColumnInternalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
4096
4072
  removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
4097
4073
  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
4098
4074
  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
4099
4075
  }
4100
- var HTMLIonPickerLegacyElement: {
4101
- prototype: HTMLIonPickerLegacyElement;
4102
- new (): HTMLIonPickerLegacyElement;
4076
+ var HTMLIonPickerColumnInternalElement: {
4077
+ prototype: HTMLIonPickerColumnInternalElement;
4078
+ new (): HTMLIonPickerColumnInternalElement;
4103
4079
  };
4104
- interface HTMLIonPickerLegacyColumnElementEventMap {
4105
- "ionPickerColChange": PickerColumn;
4080
+ interface HTMLIonPickerInternalElementEventMap {
4081
+ "ionInputModeChange": PickerInternalChangeEventDetail;
4106
4082
  }
4107
- interface HTMLIonPickerLegacyColumnElement extends Components.IonPickerLegacyColumn, HTMLStencilElement {
4108
- addEventListener<K extends keyof HTMLIonPickerLegacyColumnElementEventMap>(type: K, listener: (this: HTMLIonPickerLegacyColumnElement, ev: IonPickerLegacyColumnCustomEvent<HTMLIonPickerLegacyColumnElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
4083
+ interface HTMLIonPickerInternalElement extends Components.IonPickerInternal, HTMLStencilElement {
4084
+ addEventListener<K extends keyof HTMLIonPickerInternalElementEventMap>(type: K, listener: (this: HTMLIonPickerInternalElement, ev: IonPickerInternalCustomEvent<HTMLIonPickerInternalElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
4109
4085
  addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
4110
4086
  addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
4111
4087
  addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
4112
- removeEventListener<K extends keyof HTMLIonPickerLegacyColumnElementEventMap>(type: K, listener: (this: HTMLIonPickerLegacyColumnElement, ev: IonPickerLegacyColumnCustomEvent<HTMLIonPickerLegacyColumnElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
4088
+ removeEventListener<K extends keyof HTMLIonPickerInternalElementEventMap>(type: K, listener: (this: HTMLIonPickerInternalElement, ev: IonPickerInternalCustomEvent<HTMLIonPickerInternalElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
4113
4089
  removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
4114
4090
  removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
4115
4091
  removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
4116
4092
  }
4117
- var HTMLIonPickerLegacyColumnElement: {
4118
- prototype: HTMLIonPickerLegacyColumnElement;
4119
- new (): HTMLIonPickerLegacyColumnElement;
4093
+ var HTMLIonPickerInternalElement: {
4094
+ prototype: HTMLIonPickerInternalElement;
4095
+ new (): HTMLIonPickerInternalElement;
4120
4096
  };
4121
4097
  interface HTMLIonPopoverElementEventMap {
4122
4098
  "ionPopoverDidPresent": void;
@@ -4671,9 +4647,8 @@ declare global {
4671
4647
  "ion-note": HTMLIonNoteElement;
4672
4648
  "ion-picker": HTMLIonPickerElement;
4673
4649
  "ion-picker-column": HTMLIonPickerColumnElement;
4674
- "ion-picker-column-option": HTMLIonPickerColumnOptionElement;
4675
- "ion-picker-legacy": HTMLIonPickerLegacyElement;
4676
- "ion-picker-legacy-column": HTMLIonPickerLegacyColumnElement;
4650
+ "ion-picker-column-internal": HTMLIonPickerColumnInternalElement;
4651
+ "ion-picker-internal": HTMLIonPickerInternalElement;
4677
4652
  "ion-popover": HTMLIonPopoverElement;
4678
4653
  "ion-progress-bar": HTMLIonProgressBarElement;
4679
4654
  "ion-radio": HTMLIonRadioElement;
@@ -6529,53 +6504,6 @@ declare namespace LocalJSX {
6529
6504
  "mode"?: "ios" | "md";
6530
6505
  }
6531
6506
  interface IonPicker {
6532
- /**
6533
- * The mode determines which platform styles to use.
6534
- */
6535
- "mode"?: "ios" | "md";
6536
- "onIonInputModeChange"?: (event: IonPickerCustomEvent<PickerChangeEventDetail>) => void;
6537
- }
6538
- interface IonPickerColumn {
6539
- /**
6540
- * 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).
6541
- */
6542
- "color"?: Color;
6543
- /**
6544
- * If `true`, the user cannot interact with the picker.
6545
- */
6546
- "disabled"?: boolean;
6547
- /**
6548
- * A list of options to be displayed in the picker
6549
- */
6550
- "items"?: PickerColumnItem[];
6551
- /**
6552
- * The mode determines which platform styles to use.
6553
- */
6554
- "mode"?: "ios" | "md";
6555
- /**
6556
- * Emitted when the value has changed.
6557
- */
6558
- "onIonChange"?: (event: IonPickerColumnCustomEvent<{ value: string | number | undefined }>) => void;
6559
- /**
6560
- * The selected option in the picker.
6561
- */
6562
- "value"?: string | number;
6563
- }
6564
- interface IonPickerColumnOption {
6565
- /**
6566
- * 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).
6567
- */
6568
- "color"?: Color;
6569
- /**
6570
- * If `true`, the user cannot interact with the picker column option.
6571
- */
6572
- "disabled"?: boolean;
6573
- /**
6574
- * The text value of the option.
6575
- */
6576
- "value"?: any | null;
6577
- }
6578
- interface IonPickerLegacy {
6579
6507
  /**
6580
6508
  * If `true`, the picker will animate.
6581
6509
  */
@@ -6627,35 +6555,35 @@ declare namespace LocalJSX {
6627
6555
  /**
6628
6556
  * Emitted after the picker has dismissed. Shorthand for ionPickerDidDismiss.
6629
6557
  */
6630
- "onDidDismiss"?: (event: IonPickerLegacyCustomEvent<OverlayEventDetail>) => void;
6558
+ "onDidDismiss"?: (event: IonPickerCustomEvent<OverlayEventDetail>) => void;
6631
6559
  /**
6632
6560
  * Emitted after the picker has presented. Shorthand for ionPickerWillDismiss.
6633
6561
  */
6634
- "onDidPresent"?: (event: IonPickerLegacyCustomEvent<void>) => void;
6562
+ "onDidPresent"?: (event: IonPickerCustomEvent<void>) => void;
6635
6563
  /**
6636
6564
  * Emitted after the picker has dismissed.
6637
6565
  */
6638
- "onIonPickerDidDismiss"?: (event: IonPickerLegacyCustomEvent<OverlayEventDetail>) => void;
6566
+ "onIonPickerDidDismiss"?: (event: IonPickerCustomEvent<OverlayEventDetail>) => void;
6639
6567
  /**
6640
6568
  * Emitted after the picker has presented.
6641
6569
  */
6642
- "onIonPickerDidPresent"?: (event: IonPickerLegacyCustomEvent<void>) => void;
6570
+ "onIonPickerDidPresent"?: (event: IonPickerCustomEvent<void>) => void;
6643
6571
  /**
6644
6572
  * Emitted before the picker has dismissed.
6645
6573
  */
6646
- "onIonPickerWillDismiss"?: (event: IonPickerLegacyCustomEvent<OverlayEventDetail>) => void;
6574
+ "onIonPickerWillDismiss"?: (event: IonPickerCustomEvent<OverlayEventDetail>) => void;
6647
6575
  /**
6648
6576
  * Emitted before the picker has presented.
6649
6577
  */
6650
- "onIonPickerWillPresent"?: (event: IonPickerLegacyCustomEvent<void>) => void;
6578
+ "onIonPickerWillPresent"?: (event: IonPickerCustomEvent<void>) => void;
6651
6579
  /**
6652
6580
  * Emitted before the picker has dismissed. Shorthand for ionPickerWillDismiss.
6653
6581
  */
6654
- "onWillDismiss"?: (event: IonPickerLegacyCustomEvent<OverlayEventDetail>) => void;
6582
+ "onWillDismiss"?: (event: IonPickerCustomEvent<OverlayEventDetail>) => void;
6655
6583
  /**
6656
6584
  * Emitted before the picker has presented. Shorthand for ionPickerWillPresent.
6657
6585
  */
6658
- "onWillPresent"?: (event: IonPickerLegacyCustomEvent<void>) => void;
6586
+ "onWillPresent"?: (event: IonPickerCustomEvent<void>) => void;
6659
6587
  /**
6660
6588
  * If `true`, a backdrop will be displayed behind the picker.
6661
6589
  */
@@ -6665,12 +6593,45 @@ declare namespace LocalJSX {
6665
6593
  */
6666
6594
  "trigger"?: string | undefined;
6667
6595
  }
6668
- interface IonPickerLegacyColumn {
6596
+ interface IonPickerColumn {
6669
6597
  /**
6670
6598
  * Picker column data
6671
6599
  */
6672
6600
  "col": PickerColumn;
6673
6601
  }
6602
+ interface IonPickerColumnInternal {
6603
+ /**
6604
+ * 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).
6605
+ */
6606
+ "color"?: Color;
6607
+ /**
6608
+ * If `true`, the user cannot interact with the picker.
6609
+ */
6610
+ "disabled"?: boolean;
6611
+ /**
6612
+ * A list of options to be displayed in the picker
6613
+ */
6614
+ "items"?: PickerColumnItem[];
6615
+ /**
6616
+ * The mode determines which platform styles to use.
6617
+ */
6618
+ "mode"?: "ios" | "md";
6619
+ /**
6620
+ * Emitted when the value has changed.
6621
+ */
6622
+ "onIonChange"?: (event: IonPickerColumnInternalCustomEvent<PickerColumnItem>) => void;
6623
+ /**
6624
+ * The selected option in the picker.
6625
+ */
6626
+ "value"?: string | number;
6627
+ }
6628
+ interface IonPickerInternal {
6629
+ /**
6630
+ * The mode determines which platform styles to use.
6631
+ */
6632
+ "mode"?: "ios" | "md";
6633
+ "onIonInputModeChange"?: (event: IonPickerInternalCustomEvent<PickerInternalChangeEventDetail>) => void;
6634
+ }
6674
6635
  interface IonPopover {
6675
6636
  /**
6676
6637
  * Describes how to align the popover content with the `reference` point. Defaults to `"center"` for `ios` mode, and `"start"` for `md` mode.
@@ -7965,9 +7926,8 @@ declare namespace LocalJSX {
7965
7926
  "ion-note": IonNote;
7966
7927
  "ion-picker": IonPicker;
7967
7928
  "ion-picker-column": IonPickerColumn;
7968
- "ion-picker-column-option": IonPickerColumnOption;
7969
- "ion-picker-legacy": IonPickerLegacy;
7970
- "ion-picker-legacy-column": IonPickerLegacyColumn;
7929
+ "ion-picker-column-internal": IonPickerColumnInternal;
7930
+ "ion-picker-internal": IonPickerInternal;
7971
7931
  "ion-popover": IonPopover;
7972
7932
  "ion-progress-bar": IonProgressBar;
7973
7933
  "ion-radio": IonRadio;
@@ -8063,9 +8023,8 @@ declare module "@stencil/core" {
8063
8023
  "ion-note": LocalJSX.IonNote & JSXBase.HTMLAttributes<HTMLIonNoteElement>;
8064
8024
  "ion-picker": LocalJSX.IonPicker & JSXBase.HTMLAttributes<HTMLIonPickerElement>;
8065
8025
  "ion-picker-column": LocalJSX.IonPickerColumn & JSXBase.HTMLAttributes<HTMLIonPickerColumnElement>;
8066
- "ion-picker-column-option": LocalJSX.IonPickerColumnOption & JSXBase.HTMLAttributes<HTMLIonPickerColumnOptionElement>;
8067
- "ion-picker-legacy": LocalJSX.IonPickerLegacy & JSXBase.HTMLAttributes<HTMLIonPickerLegacyElement>;
8068
- "ion-picker-legacy-column": LocalJSX.IonPickerLegacyColumn & JSXBase.HTMLAttributes<HTMLIonPickerLegacyColumnElement>;
8026
+ "ion-picker-column-internal": LocalJSX.IonPickerColumnInternal & JSXBase.HTMLAttributes<HTMLIonPickerColumnInternalElement>;
8027
+ "ion-picker-internal": LocalJSX.IonPickerInternal & JSXBase.HTMLAttributes<HTMLIonPickerInternalElement>;
8069
8028
  "ion-popover": LocalJSX.IonPopover & JSXBase.HTMLAttributes<HTMLIonPopoverElement>;
8070
8029
  "ion-progress-bar": LocalJSX.IonProgressBar & JSXBase.HTMLAttributes<HTMLIonProgressBarElement>;
8071
8030
  "ion-radio": LocalJSX.IonRadio & JSXBase.HTMLAttributes<HTMLIonRadioElement>;
@@ -18,7 +18,7 @@ export { LoadingOptions } from './components/loading/loading-interface';
18
18
  export { MenuCustomEvent, MenuI, MenuControllerI } from './components/menu/menu-interface';
19
19
  export { ModalOptions, ModalCustomEvent } from './components/modal/modal-interface';
20
20
  export { NavDirection, NavCustomEvent } from './components/nav/nav-interface';
21
- export { PickerOptions, PickerColumnOption } from './components/picker-legacy/picker-interface';
21
+ export { PickerOptions, PickerColumnOption } from './components/picker/picker-interface';
22
22
  export { PopoverOptions } from './components/popover/popover-interface';
23
23
  export { RadioGroupCustomEvent } from './components/radio-group/radio-group-interface';
24
24
  export { RangeCustomEvent, PinFormatter } from './components/range/range-interface';
@@ -117,7 +117,7 @@ export interface IonicConfig {
117
117
  */
118
118
  toastEnter?: AnimationBuilder;
119
119
  /**
120
- * Provides a custom enter animation for all `ion-picker-legacy`, overriding the default "animation".
120
+ * Provides a custom enter animation for all `ion-picker`, overriding the default "animation".
121
121
  */
122
122
  pickerEnter?: AnimationBuilder;
123
123
  /**
@@ -145,7 +145,7 @@ export interface IonicConfig {
145
145
  */
146
146
  toastLeave?: AnimationBuilder;
147
147
  /**
148
- * Provides a custom leave animation for all `ion-picker-legacy`, overriding the default "animation".
148
+ * Provides a custom leave animation for all `ion-picker`, overriding the default "animation".
149
149
  */
150
150
  pickerLeave?: AnimationBuilder;
151
151
  /**
@@ -20,13 +20,10 @@ export declare const modalController: {
20
20
  dismiss(data?: any, role?: string, id?: string): Promise<boolean>;
21
21
  getTop(): Promise<HTMLIonModalElement | undefined>;
22
22
  };
23
- /**
24
- * @deprecated Use the inline ion-picker component instead.
25
- */
26
23
  export declare const pickerController: {
27
- create(options: PickerOptions): Promise<HTMLIonPickerLegacyElement>;
24
+ create(options: PickerOptions): Promise<HTMLIonPickerElement>;
28
25
  dismiss(data?: any, role?: string, id?: string): Promise<boolean>;
29
- getTop(): Promise<HTMLIonPickerLegacyElement | undefined>;
26
+ getTop(): Promise<HTMLIonPickerElement | undefined>;
30
27
  };
31
28
  export declare const popoverController: {
32
29
  create(options: PopoverOptions<import("../interface").ComponentRef>): Promise<HTMLIonPopoverElement>;