@ionic/core 7.4.2-dev.11695831341.191bdf12 → 7.4.2-dev.11695927273.1323de22

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 (192) hide show
  1. package/components/data.js +96 -22
  2. package/components/haptic.js +1 -0
  3. package/components/ion-content.js +5 -51
  4. package/components/ion-datetime-button.js +4 -4
  5. package/components/ion-datetime.js +3 -3
  6. package/components/ion-nav.js +1 -0
  7. package/components/ion-router.js +3 -0
  8. package/components/ion-tab-bar.js +0 -4
  9. package/components/ion-toast.js +117 -11
  10. package/components/ios.transition.js +1 -0
  11. package/components/overlays.js +1 -0
  12. package/dist/cjs/{button-active-32f15660.js → button-active-19cc8cae.js} +1 -1
  13. package/dist/cjs/{data-db832785.js → data-c8d21093.js} +96 -22
  14. package/dist/cjs/{haptic-c5f6b4d5.js → haptic-678abc9f.js} +1 -0
  15. package/dist/cjs/{index-b183138a.js → index-77d4b2e7.js} +2 -2
  16. package/dist/cjs/index.cjs.js +4 -4
  17. package/dist/cjs/ion-action-sheet.cjs.entry.js +3 -3
  18. package/dist/cjs/ion-alert.cjs.entry.js +3 -3
  19. package/dist/cjs/ion-app_8.cjs.entry.js +4 -50
  20. package/dist/cjs/ion-datetime-button.cjs.entry.js +4 -4
  21. package/dist/cjs/ion-datetime_3.cjs.entry.js +5 -5
  22. package/dist/cjs/ion-loading.cjs.entry.js +1 -1
  23. package/dist/cjs/ion-menu_3.cjs.entry.js +1 -1
  24. package/dist/cjs/ion-modal.cjs.entry.js +2 -2
  25. package/dist/cjs/ion-nav_2.cjs.entry.js +2 -1
  26. package/dist/cjs/ion-picker-column-internal.cjs.entry.js +1 -1
  27. package/dist/cjs/ion-popover.cjs.entry.js +2 -2
  28. package/dist/cjs/ion-refresher_2.cjs.entry.js +1 -1
  29. package/dist/cjs/ion-reorder_2.cjs.entry.js +1 -1
  30. package/dist/cjs/ion-route_4.cjs.entry.js +3 -0
  31. package/dist/cjs/ion-select_3.cjs.entry.js +1 -1
  32. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +0 -4
  33. package/dist/cjs/ion-toast.cjs.entry.js +136 -32
  34. package/dist/cjs/ion-toggle.cjs.entry.js +1 -1
  35. package/dist/cjs/ionic.cjs.js +1 -1
  36. package/dist/cjs/{ios.transition-4b93903d.js → ios.transition-458ee399.js} +2 -1
  37. package/dist/cjs/loader.cjs.js +1 -1
  38. package/dist/cjs/{md.transition-79f3a215.js → md.transition-3423dd44.js} +1 -1
  39. package/dist/cjs/{overlays-d3a13e61.js → overlays-817dca17.js} +1 -0
  40. package/dist/collection/components/content/content.js +10 -50
  41. package/dist/collection/components/datetime/datetime.js +12 -6
  42. package/dist/collection/components/datetime/test/hour-cycle/datetime.e2e.js +14 -0
  43. package/dist/collection/components/datetime/utils/data.js +33 -7
  44. package/dist/collection/components/datetime/utils/format.js +27 -10
  45. package/dist/collection/components/datetime/utils/helpers.js +37 -5
  46. package/dist/collection/components/datetime-button/datetime-button.js +4 -4
  47. package/dist/collection/components/nav/nav.js +1 -0
  48. package/dist/collection/components/router/router.js +2 -0
  49. package/dist/collection/components/router/utils/path.js +1 -0
  50. package/dist/collection/components/tab-bar/tab-bar.js +0 -21
  51. package/dist/collection/components/toast/animations/ios.enter.js +40 -3
  52. package/dist/collection/components/toast/animations/ios.leave.js +8 -4
  53. package/dist/collection/components/toast/animations/md.enter.js +41 -3
  54. package/dist/collection/components/toast/test/position-anchor/toast.e2e.js +45 -0
  55. package/dist/collection/components/toast/toast.js +61 -6
  56. package/dist/collection/utils/native/haptic.js +1 -0
  57. package/dist/collection/utils/overlays.js +1 -0
  58. package/dist/collection/utils/transition/ios.transition.js +1 -0
  59. package/dist/docs.json +83 -10
  60. package/dist/esm/{button-active-513e9fff.js → button-active-d2346892.js} +1 -1
  61. package/dist/esm/{data-009dbf15.js → data-44d9e816.js} +96 -22
  62. package/dist/esm/{haptic-6447af60.js → haptic-1243b917.js} +1 -0
  63. package/dist/esm/{index-87684bba.js → index-dac72b4c.js} +2 -2
  64. package/dist/esm/index.js +4 -4
  65. package/dist/esm/ion-action-sheet.entry.js +3 -3
  66. package/dist/esm/ion-alert.entry.js +3 -3
  67. package/dist/esm/ion-app_8.entry.js +5 -51
  68. package/dist/esm/ion-datetime-button.entry.js +4 -4
  69. package/dist/esm/ion-datetime_3.entry.js +5 -5
  70. package/dist/esm/ion-loading.entry.js +1 -1
  71. package/dist/esm/ion-menu_3.entry.js +1 -1
  72. package/dist/esm/ion-modal.entry.js +2 -2
  73. package/dist/esm/ion-nav_2.entry.js +2 -1
  74. package/dist/esm/ion-picker-column-internal.entry.js +1 -1
  75. package/dist/esm/ion-popover.entry.js +2 -2
  76. package/dist/esm/ion-refresher_2.entry.js +1 -1
  77. package/dist/esm/ion-reorder_2.entry.js +1 -1
  78. package/dist/esm/ion-route_4.entry.js +3 -0
  79. package/dist/esm/ion-select_3.entry.js +1 -1
  80. package/dist/esm/ion-tab-bar_2.entry.js +0 -4
  81. package/dist/esm/ion-toast.entry.js +117 -13
  82. package/dist/esm/ion-toggle.entry.js +1 -1
  83. package/dist/esm/ionic.js +1 -1
  84. package/dist/esm/{ios.transition-81e1aed6.js → ios.transition-991c1a56.js} +2 -1
  85. package/dist/esm/loader.js +1 -1
  86. package/dist/esm/{md.transition-5becd8b5.js → md.transition-fb443521.js} +1 -1
  87. package/dist/esm/{overlays-8fc6656c.js → overlays-e064e499.js} +1 -0
  88. package/dist/esm-es5/{button-active-513e9fff.js → button-active-d2346892.js} +1 -1
  89. package/dist/esm-es5/data-44d9e816.js +4 -0
  90. package/dist/esm-es5/{index-87684bba.js → index-dac72b4c.js} +1 -1
  91. package/dist/esm-es5/index.js +1 -1
  92. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  93. package/dist/esm-es5/ion-alert.entry.js +1 -1
  94. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  95. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  96. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  97. package/dist/esm-es5/ion-loading.entry.js +1 -1
  98. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  99. package/dist/esm-es5/ion-modal.entry.js +1 -1
  100. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  101. package/dist/esm-es5/ion-picker-column-internal.entry.js +1 -1
  102. package/dist/esm-es5/ion-popover.entry.js +1 -1
  103. package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
  104. package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
  105. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  106. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  107. package/dist/esm-es5/ion-toast.entry.js +1 -1
  108. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  109. package/dist/esm-es5/ionic.js +1 -1
  110. package/dist/esm-es5/{ios.transition-81e1aed6.js → ios.transition-991c1a56.js} +1 -1
  111. package/dist/esm-es5/loader.js +1 -1
  112. package/dist/esm-es5/{md.transition-5becd8b5.js → md.transition-fb443521.js} +1 -1
  113. package/dist/html.html-data.json +11 -1
  114. package/dist/ionic/index.esm.js +1 -1
  115. package/dist/ionic/ionic.esm.js +1 -1
  116. package/dist/ionic/{p-37456282.system.entry.js → p-06116432.system.entry.js} +1 -1
  117. package/dist/ionic/{p-270aa06b.entry.js → p-14dec15f.entry.js} +1 -1
  118. package/dist/ionic/{p-60838ce3.system.entry.js → p-161a6465.system.entry.js} +1 -1
  119. package/dist/ionic/p-17240d90.js +4 -0
  120. package/dist/ionic/{p-a6d8476b.system.entry.js → p-17e6836b.system.entry.js} +1 -1
  121. package/dist/ionic/p-1f448082.system.entry.js +4 -0
  122. package/dist/ionic/{p-972763df.js → p-2b70878e.js} +1 -1
  123. package/dist/ionic/{p-13a91505.entry.js → p-2d74ee51.entry.js} +1 -1
  124. package/dist/ionic/{p-bf9b1560.entry.js → p-2dac36bf.entry.js} +1 -1
  125. package/dist/ionic/{p-c5729044.system.entry.js → p-2df840d9.system.entry.js} +1 -1
  126. package/dist/ionic/{p-de676d36.system.entry.js → p-2ffbf4bc.system.entry.js} +1 -1
  127. package/dist/ionic/{p-4616f20a.system.entry.js → p-30bd5385.system.entry.js} +1 -1
  128. package/dist/ionic/{p-00aed720.system.js → p-315dd3f8.system.js} +1 -1
  129. package/dist/ionic/{p-b098f738.system.js → p-35d1c3bb.system.js} +1 -1
  130. package/dist/ionic/p-3ae2faf0.entry.js +4 -0
  131. package/dist/ionic/{p-08c5b9f4.system.entry.js → p-3b1a8994.system.entry.js} +1 -1
  132. package/dist/ionic/p-419b8565.entry.js +4 -0
  133. package/dist/ionic/{p-82da795c.system.entry.js → p-420da334.system.entry.js} +1 -1
  134. package/dist/ionic/{p-73f50e29.system.js → p-48393630.system.js} +1 -1
  135. package/dist/ionic/{p-918d5f19.system.js → p-4cf29e23.system.js} +1 -1
  136. package/dist/ionic/p-50b11c2b.system.entry.js +4 -0
  137. package/dist/ionic/{p-53bbd357.system.entry.js → p-5d522814.system.entry.js} +1 -1
  138. package/dist/ionic/p-5e84b718.system.entry.js +4 -0
  139. package/dist/ionic/{p-3730f493.entry.js → p-62f05fd2.entry.js} +1 -1
  140. package/dist/ionic/p-674e6f0c.js +4 -0
  141. package/dist/ionic/p-6edbc09b.system.js +1 -1
  142. package/dist/ionic/{p-5e2dc8e0.js → p-716fbba9.js} +1 -1
  143. package/dist/ionic/{p-f920f5ca.entry.js → p-7779d376.entry.js} +1 -1
  144. package/dist/ionic/{p-a720dc73.entry.js → p-78f204ee.entry.js} +1 -1
  145. package/dist/ionic/{p-6bc9c436.system.entry.js → p-86e73df8.system.entry.js} +1 -1
  146. package/dist/ionic/{p-7129d04e.entry.js → p-8a26eaba.entry.js} +1 -1
  147. package/dist/ionic/{p-d8b2c214.entry.js → p-974cbc3a.entry.js} +1 -1
  148. package/dist/ionic/{p-90d892fd.entry.js → p-990aaa2f.entry.js} +1 -1
  149. package/dist/ionic/{p-8fdd4a2f.system.js → p-9eb5455c.system.js} +1 -1
  150. package/dist/ionic/{p-4912b933.entry.js → p-a27a6256.entry.js} +1 -1
  151. package/dist/ionic/{p-b95fd3c6.entry.js → p-b61cf76c.entry.js} +1 -1
  152. package/dist/ionic/{p-ee6d9730.entry.js → p-b7dad585.entry.js} +1 -1
  153. package/dist/ionic/p-b8c3f071.system.js +4 -0
  154. package/dist/ionic/{p-40e16caa.system.entry.js → p-be337735.system.entry.js} +1 -1
  155. package/dist/ionic/p-c44645f2.entry.js +4 -0
  156. package/dist/ionic/{p-c7fca267.entry.js → p-c8251e8c.entry.js} +1 -1
  157. package/dist/ionic/p-d6dcbd7c.js +4 -0
  158. package/dist/ionic/{p-65a4c12f.system.entry.js → p-ec3fa33b.system.entry.js} +1 -1
  159. package/dist/ionic/{p-7e46b6ab.entry.js → p-f180d2b6.entry.js} +1 -1
  160. package/dist/ionic/{p-4a1ac160.system.entry.js → p-f767d6b4.system.entry.js} +1 -1
  161. package/dist/ionic/{p-63a73b69.system.entry.js → p-f7f6af24.system.entry.js} +1 -1
  162. package/dist/types/components/content/content.d.ts +1 -2
  163. package/dist/types/components/datetime/datetime-interface.d.ts +1 -0
  164. package/dist/types/components/datetime/datetime.d.ts +2 -2
  165. package/dist/types/components/datetime/utils/data.d.ts +3 -3
  166. package/dist/types/components/datetime/utils/format.d.ts +3 -3
  167. package/dist/types/components/datetime/utils/helpers.d.ts +15 -1
  168. package/dist/types/components/tab-bar/tab-bar.d.ts +0 -8
  169. package/dist/types/components/toast/animations/ios.enter.d.ts +2 -1
  170. package/dist/types/components/toast/animations/md.enter.d.ts +2 -1
  171. package/dist/types/components/toast/toast-interface.d.ts +6 -0
  172. package/dist/types/components/toast/toast.d.ts +9 -1
  173. package/dist/types/components.d.ts +16 -8
  174. package/hydrate/index.js +227 -91
  175. package/package.json +4 -5
  176. package/dist/esm-es5/data-009dbf15.js +0 -4
  177. package/dist/ionic/p-1a36bf45.system.entry.js +0 -4
  178. package/dist/ionic/p-1f6ac05b.system.entry.js +0 -4
  179. package/dist/ionic/p-27614d55.entry.js +0 -4
  180. package/dist/ionic/p-36bfb18c.system.entry.js +0 -4
  181. package/dist/ionic/p-44ef7224.system.js +0 -4
  182. package/dist/ionic/p-67c441fa.entry.js +0 -4
  183. package/dist/ionic/p-72a1cbc7.js +0 -4
  184. package/dist/ionic/p-78a293a5.js +0 -4
  185. package/dist/ionic/p-7cfd253c.js +0 -4
  186. package/dist/ionic/p-ec78a7bf.entry.js +0 -4
  187. /package/dist/esm-es5/{haptic-6447af60.js → haptic-1243b917.js} +0 -0
  188. /package/dist/esm-es5/{overlays-8fc6656c.js → overlays-e064e499.js} +0 -0
  189. /package/dist/ionic/{p-f9015336.js → p-3faf56ab.js} +0 -0
  190. /package/dist/ionic/{p-7a3caa4e.system.js → p-40bd36f3.system.js} +0 -0
  191. /package/dist/ionic/{p-14d7b7e2.system.js → p-b4b4bb29.system.js} +0 -0
  192. /package/dist/ionic/{p-bb6f38ed.js → p-b923f3d7.js} +0 -0
@@ -55,13 +55,19 @@ const warnIfValueOutOfBounds = (value, min, max) => {
55
55
  const isLeapYear = (year) => {
56
56
  return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
57
57
  };
58
- const is24Hour = (locale, hourCycle) => {
58
+ /**
59
+ * Determines the hour cycle for a user.
60
+ * If the hour cycle is explicitly defined, just use that.
61
+ * Otherwise, we try to derive it from either the specified
62
+ * locale extension tags or from Intl.DateTimeFormat directly.
63
+ */
64
+ const getHourCycle = (locale, hourCycle) => {
59
65
  /**
60
- * If developer has explicitly enabled h23 time
66
+ * If developer has explicitly enabled 24-hour time
61
67
  * then return early and do not look at the system default.
62
68
  */
63
69
  if (hourCycle !== undefined) {
64
- return hourCycle === 'h23';
70
+ return hourCycle;
65
71
  }
66
72
  /**
67
73
  * If hourCycle was not specified, check the locale
@@ -72,7 +78,7 @@ const is24Hour = (locale, hourCycle) => {
72
78
  const formatted = new Intl.DateTimeFormat(locale, { hour: 'numeric' });
73
79
  const options = formatted.resolvedOptions();
74
80
  if (options.hourCycle !== undefined) {
75
- return options.hourCycle === 'h23';
81
+ return options.hourCycle;
76
82
  }
77
83
  /**
78
84
  * If hourCycle is not specified (either through lack
@@ -85,7 +91,33 @@ const is24Hour = (locale, hourCycle) => {
85
91
  if (!hour) {
86
92
  throw new Error('Hour value not found from DateTimeFormat');
87
93
  }
88
- return hour.value === '00';
94
+ /**
95
+ * Midnight for h11 starts at 0:00am
96
+ * Midnight for h12 starts at 12:00am
97
+ * Midnight for h23 starts at 00:00
98
+ * Midnight for h24 starts at 24:00
99
+ */
100
+ switch (hour.value) {
101
+ case '0':
102
+ return 'h11';
103
+ case '12':
104
+ return 'h12';
105
+ case '00':
106
+ return 'h23';
107
+ case '24':
108
+ return 'h24';
109
+ default:
110
+ throw new Error(`Invalid hour cycle "${hourCycle}"`);
111
+ }
112
+ };
113
+ /**
114
+ * Determine if the hour cycle uses a 24-hour format.
115
+ * Returns true for h23 and h24. Returns false otherwise.
116
+ * If you don't know the hourCycle, use getHourCycle above
117
+ * and pass the result into this function.
118
+ */
119
+ const is24Hour = (hourCycle) => {
120
+ return hourCycle === 'h23' || hourCycle === 'h24';
89
121
  };
90
122
  /**
91
123
  * Given a date object, returns the number
@@ -752,7 +784,7 @@ const getFormattedDayPeriod = (dayPeriod) => {
752
784
  }
753
785
  return dayPeriod.toUpperCase();
754
786
  };
755
- const getLocalizedTime = (locale, refParts, use24Hour) => {
787
+ const getLocalizedTime = (locale, refParts, hourCycle) => {
756
788
  const timeParts = {
757
789
  hour: refParts.hour,
758
790
  minute: refParts.minute,
@@ -774,7 +806,7 @@ const getLocalizedTime = (locale, refParts, use24Hour) => {
774
806
  * We use hourCycle here instead of hour12 due to:
775
807
  * https://bugs.chromium.org/p/chromium/issues/detail?id=1347316&q=hour12&can=2
776
808
  */
777
- hourCycle: use24Hour ? 'h23' : 'h12',
809
+ hourCycle,
778
810
  /**
779
811
  * Setting Z at the end indicates that this
780
812
  * date string is in the UTC time zone. This
@@ -812,17 +844,33 @@ const addTimePadding = (value) => {
812
844
  * 12 hour times it ensures that
813
845
  * hour 0 is formatted as '12'.
814
846
  */
815
- const getFormattedHour = (hour, use24Hour) => {
816
- if (use24Hour) {
817
- return addTimePadding(hour);
818
- }
847
+ const getFormattedHour = (hour, hourCycle) => {
819
848
  /**
820
- * If using 12 hour
821
- * format, make sure hour
822
- * 0 is formatted as '12'.
849
+ * Midnight for h11 starts at 0:00am
850
+ * Midnight for h12 starts at 12:00am
851
+ * Midnight for h23 starts at 00:00
852
+ * Midnight for h24 starts at 24:00
823
853
  */
824
854
  if (hour === 0) {
825
- return '12';
855
+ switch (hourCycle) {
856
+ case 'h11':
857
+ return '0';
858
+ case 'h12':
859
+ return '12';
860
+ case 'h23':
861
+ return '00';
862
+ case 'h24':
863
+ return '24';
864
+ default:
865
+ throw new Error(`Invalid hour cycle "${hourCycle}"`);
866
+ }
867
+ }
868
+ const use24Hour = is24Hour(hourCycle);
869
+ /**
870
+ * h23 and h24 use 24 hour times.
871
+ */
872
+ if (use24Hour) {
873
+ return addTimePadding(hour);
826
874
  }
827
875
  return hour.toString();
828
876
  };
@@ -1057,8 +1105,14 @@ const minutes = [
1057
1105
  0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31,
1058
1106
  32, 33, 34, 35, 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51, 52, 53, 54, 55, 56, 57, 58, 59,
1059
1107
  ];
1108
+ // h11 hour system uses 0-11. Midnight starts at 0:00am.
1109
+ const hour11 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
1110
+ // h12 hour system uses 0-12. Midnight starts at 12:00am.
1060
1111
  const hour12 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11];
1112
+ // h23 hour system uses 0-23. Midnight starts at 0:00.
1061
1113
  const hour23 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23];
1114
+ // h24 hour system uses 1-24. Midnight starts at 24:00.
1115
+ const hour24 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 0];
1062
1116
  /**
1063
1117
  * Given a locale and a mode,
1064
1118
  * return an array with formatted days
@@ -1127,14 +1181,33 @@ const getDaysOfMonth = (month, year, firstDayOfWeek) => {
1127
1181
  }
1128
1182
  return days;
1129
1183
  };
1184
+ /**
1185
+ * Returns an array of pre-defined hour
1186
+ * values based on the provided hourCycle.
1187
+ */
1188
+ const getHourData = (hourCycle) => {
1189
+ switch (hourCycle) {
1190
+ case 'h11':
1191
+ return hour11;
1192
+ case 'h12':
1193
+ return hour12;
1194
+ case 'h23':
1195
+ return hour23;
1196
+ case 'h24':
1197
+ return hour24;
1198
+ default:
1199
+ throw new Error(`Invalid hour cycle "${hourCycle}"`);
1200
+ }
1201
+ };
1130
1202
  /**
1131
1203
  * Given a local, reference datetime parts and option
1132
1204
  * max/min bound datetime parts, calculate the acceptable
1133
1205
  * hour and minute values according to the bounds and locale.
1134
1206
  */
1135
- const generateTime = (refParts, hourCycle = 'h12', minParts, maxParts, hourValues, minuteValues) => {
1136
- const use24Hour = hourCycle === 'h23';
1137
- let processedHours = use24Hour ? hour23 : hour12;
1207
+ const generateTime = (locale, refParts, hourCycle = 'h12', minParts, maxParts, hourValues, minuteValues) => {
1208
+ const computedHourCycle = getHourCycle(locale, hourCycle);
1209
+ const use24Hour = is24Hour(computedHourCycle);
1210
+ let processedHours = getHourData(computedHourCycle);
1138
1211
  let processedMinutes = minutes;
1139
1212
  let isAMAllowed = true;
1140
1213
  let isPMAllowed = true;
@@ -1466,11 +1539,12 @@ const getCombinedDateColumnData = (locale, todayParts, minParts, maxParts, dayVa
1466
1539
  };
1467
1540
  };
1468
1541
  const getTimeColumnsData = (locale, refParts, hourCycle, minParts, maxParts, allowedHourValues, allowedMinuteValues) => {
1469
- const use24Hour = is24Hour(locale, hourCycle);
1470
- const { hours, minutes, am, pm } = generateTime(refParts, use24Hour ? 'h23' : 'h12', minParts, maxParts, allowedHourValues, allowedMinuteValues);
1542
+ const computedHourCycle = getHourCycle(locale, hourCycle);
1543
+ const use24Hour = is24Hour(computedHourCycle);
1544
+ const { hours, minutes, am, pm } = generateTime(locale, refParts, computedHourCycle, minParts, maxParts, allowedHourValues, allowedMinuteValues);
1471
1545
  const hoursItems = hours.map((hour) => {
1472
1546
  return {
1473
- text: getFormattedHour(hour, use24Hour),
1547
+ text: getFormattedHour(hour, computedHourCycle),
1474
1548
  value: getInternalHourValue(hour, use24Hour, refParts.ampm),
1475
1549
  };
1476
1550
  });
@@ -1514,6 +1588,7 @@ exports.getDayColumnData = getDayColumnData;
1514
1588
  exports.getDaysOfMonth = getDaysOfMonth;
1515
1589
  exports.getDaysOfWeek = getDaysOfWeek;
1516
1590
  exports.getEndOfWeek = getEndOfWeek;
1591
+ exports.getHourCycle = getHourCycle;
1517
1592
  exports.getLocalizedDateTime = getLocalizedDateTime;
1518
1593
  exports.getLocalizedTime = getLocalizedTime;
1519
1594
  exports.getMonthAndDay = getMonthAndDay;
@@ -1534,7 +1609,6 @@ exports.getStartOfWeek = getStartOfWeek;
1534
1609
  exports.getTimeColumnsData = getTimeColumnsData;
1535
1610
  exports.getToday = getToday;
1536
1611
  exports.getYearColumnData = getYearColumnData;
1537
- exports.is24Hour = is24Hour;
1538
1612
  exports.isAfter = isAfter;
1539
1613
  exports.isBefore = isBefore;
1540
1614
  exports.isLocaleDayPeriodRTL = isLocaleDayPeriodRTL;
@@ -78,6 +78,7 @@ const HapticEngine = {
78
78
  * if the browser does not support the Vibrate API.
79
79
  */
80
80
  if ((capacitor$1 === null || capacitor$1 === void 0 ? void 0 : capacitor$1.getPlatform()) === 'web') {
81
+ // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
81
82
  return typeof navigator !== 'undefined' && navigator.vibrate !== undefined;
82
83
  }
83
84
  return true;
@@ -12,8 +12,8 @@ const LIFECYCLE_WILL_LEAVE = 'ionViewWillLeave';
12
12
  const LIFECYCLE_DID_LEAVE = 'ionViewDidLeave';
13
13
  const LIFECYCLE_WILL_UNLOAD = 'ionViewWillUnload';
14
14
 
15
- const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-4b93903d.js'); });
16
- const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-79f3a215.js'); });
15
+ const iosTransitionAnimation = () => Promise.resolve().then(function () { return require('./ios.transition-458ee399.js'); });
16
+ const mdTransitionAnimation = () => Promise.resolve().then(function () { return require('./md.transition-3423dd44.js'); });
17
17
  // TODO(FW-2832): types
18
18
  const transition = (opts) => {
19
19
  return new Promise((resolve, reject) => {
@@ -6,16 +6,16 @@
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
8
  const animation = require('./animation-2bb33618.js');
9
- const index = require('./index-b183138a.js');
10
- const ios_transition = require('./ios.transition-4b93903d.js');
11
- const md_transition = require('./md.transition-79f3a215.js');
9
+ const index = require('./index-77d4b2e7.js');
10
+ const ios_transition = require('./ios.transition-458ee399.js');
11
+ const md_transition = require('./md.transition-3423dd44.js');
12
12
  const cubicBezier = require('./cubic-bezier-6b9222ad.js');
13
13
  const index$1 = require('./index-0ee995e4.js');
14
14
  const ionicGlobal = require('./ionic-global-14a0604b.js');
15
15
  const helpers = require('./helpers-ea4ccbcb.js');
16
16
  const config = require('./config-d5882735.js');
17
17
  const index$2 = require('./index-5121bb90.js');
18
- const overlays = require('./overlays-d3a13e61.js');
18
+ const overlays = require('./overlays-817dca17.js');
19
19
  require('./index-306a7476.js');
20
20
  require('./index-6f887430.js');
21
21
  require('./gesture-controller-b46721be.js');
@@ -6,14 +6,14 @@
6
6
  Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
8
  const index = require('./index-6f887430.js');
9
- const buttonActive = require('./button-active-32f15660.js');
9
+ const buttonActive = require('./button-active-19cc8cae.js');
10
10
  const helpers = require('./helpers-ea4ccbcb.js');
11
11
  const lockController = require('./lock-controller-4ae2eb59.js');
12
- const overlays = require('./overlays-d3a13e61.js');
12
+ const overlays = require('./overlays-817dca17.js');
13
13
  const theme = require('./theme-fbc56b3b.js');
14
14
  const ionicGlobal = require('./ionic-global-14a0604b.js');
15
15
  const animation = require('./animation-2bb33618.js');
16
- require('./haptic-c5f6b4d5.js');
16
+ require('./haptic-678abc9f.js');
17
17
  require('./capacitor-2ffba62a.js');
18
18
  require('./index-306a7476.js');
19
19
  require('./index-0ee995e4.js');
@@ -7,14 +7,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
8
  const index = require('./index-6f887430.js');
9
9
  const config = require('./config-d5882735.js');
10
- const buttonActive = require('./button-active-32f15660.js');
10
+ const buttonActive = require('./button-active-19cc8cae.js');
11
11
  const helpers = require('./helpers-ea4ccbcb.js');
12
12
  const lockController = require('./lock-controller-4ae2eb59.js');
13
- const overlays = require('./overlays-d3a13e61.js');
13
+ const overlays = require('./overlays-817dca17.js');
14
14
  const theme = require('./theme-fbc56b3b.js');
15
15
  const ionicGlobal = require('./ionic-global-14a0604b.js');
16
16
  const animation = require('./animation-2bb33618.js');
17
- require('./haptic-c5f6b4d5.js');
17
+ require('./haptic-678abc9f.js');
18
18
  require('./capacitor-2ffba62a.js');
19
19
  require('./index-306a7476.js');
20
20
  require('./index-0ee995e4.js');
@@ -14,7 +14,7 @@ const index$1 = require('./index-10873539.js');
14
14
  const keyboardController = require('./keyboard-controller-50beb83a.js');
15
15
  const cubicBezier = require('./cubic-bezier-6b9222ad.js');
16
16
  const frameworkDelegate = require('./framework-delegate-c0873a6f.js');
17
- const index$2 = require('./index-b183138a.js');
17
+ const index$2 = require('./index-77d4b2e7.js');
18
18
  require('./index-cc7dfb7c.js');
19
19
  require('./index-306a7476.js');
20
20
  require('./keyboard-fd7db491.js');
@@ -150,7 +150,6 @@ const Content = class {
150
150
  this.cBottom = -1;
151
151
  this.isMainContent = true;
152
152
  this.resizeTimeout = null;
153
- this.tabsElement = null;
154
153
  // Detail is used in a hot loop in the scroll event, by allocating it here
155
154
  // V8 will be able to inline any read/write to it since it's a monomorphic class.
156
155
  // https://mrale.ph/blog/2015/01/11/whats-up-with-monomorphism.html
@@ -181,57 +180,12 @@ const Content = class {
181
180
  }
182
181
  connectedCallback() {
183
182
  this.isMainContent = this.el.closest('ion-menu, ion-popover, ion-modal') === null;
184
- /**
185
- * The fullscreen content offsets need to be
186
- * computed after the tab bar has loaded. Since
187
- * lazy evaluation means components are not hydrated
188
- * at the same time, we need to wait for the ionTabBarLoaded
189
- * event to fire. This does not impact dist-custom-elements
190
- * because there is no hydration there.
191
- */
192
- if (helpers.hasLazyBuild(this.el)) {
193
- /**
194
- * We need to cache the reference to the tabs.
195
- * If just the content is unmounted then we won't
196
- * be able to query for the closest tabs on disconnectedCallback
197
- * since the content has been removed from the DOM tree.
198
- */
199
- const closestTabs = (this.tabsElement = this.el.closest('ion-tabs'));
200
- if (closestTabs !== null) {
201
- /**
202
- * When adding and removing the event listener
203
- * we need to make sure we pass the same function reference
204
- * otherwise the event listener will not be removed properly.
205
- * We can't only pass `this.resize` because "this" in the function
206
- * context becomes a reference to IonTabs instead of IonContent.
207
- *
208
- * Additionally, we listen for ionTabBarLoaded on the IonTabs
209
- * instance rather than the IonTabBar instance. It's possible for
210
- * a tab bar to be conditionally rendered/mounted. Since ionTabBarLoaded
211
- * bubbles, we can catch any instances of child tab bars loading by listening
212
- * on IonTabs.
213
- */
214
- this.tabsLoadCallback = () => this.resize();
215
- closestTabs.addEventListener('ionTabBarLoaded', this.tabsLoadCallback);
216
- }
217
- }
218
183
  }
219
184
  disconnectedCallback() {
220
185
  this.onScrollEnd();
221
- if (helpers.hasLazyBuild(this.el)) {
222
- /**
223
- * The event listener and tabs caches need to
224
- * be cleared otherwise this will create a memory
225
- * leak where the IonTabs instance can never be
226
- * garbage collected.
227
- */
228
- const { tabsElement, tabsLoadCallback } = this;
229
- if (tabsElement !== null && tabsLoadCallback !== undefined) {
230
- tabsElement.removeEventListener('ionTabBarLoaded', tabsLoadCallback);
231
- }
232
- this.tabsElement = null;
233
- this.tabsLoadCallback = undefined;
234
- }
186
+ }
187
+ onAppLoad() {
188
+ this.resize();
235
189
  }
236
190
  /**
237
191
  * Rotating certain devices can update
@@ -10,7 +10,7 @@ const helpers = require('./helpers-ea4ccbcb.js');
10
10
  const index$1 = require('./index-cc7dfb7c.js');
11
11
  const theme = require('./theme-fbc56b3b.js');
12
12
  const ionicGlobal = require('./ionic-global-14a0604b.js');
13
- const data = require('./data-db832785.js');
13
+ const data = require('./data-c8d21093.js');
14
14
 
15
15
  const iosDatetimeButtonCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host button{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;-webkit-transition:150ms color ease-in-out;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}";
16
16
 
@@ -64,13 +64,13 @@ const DatetimeButton = class {
64
64
  * warning in the console.
65
65
  */
66
66
  const firstParsedDatetime = parsedDatetimes[0];
67
- const use24Hour = data.is24Hour(locale, hourCycle);
67
+ const computedHourCycle = data.getHourCycle(locale, hourCycle);
68
68
  this.dateText = this.timeText = undefined;
69
69
  switch (datetimePresentation) {
70
70
  case 'date-time':
71
71
  case 'time-date':
72
72
  const dateText = data.getMonthDayAndYear(locale, firstParsedDatetime);
73
- const timeText = data.getLocalizedTime(locale, firstParsedDatetime, use24Hour);
73
+ const timeText = data.getLocalizedTime(locale, firstParsedDatetime, computedHourCycle);
74
74
  if (preferWheel) {
75
75
  this.dateText = `${dateText} ${timeText}`;
76
76
  }
@@ -97,7 +97,7 @@ const DatetimeButton = class {
97
97
  }
98
98
  break;
99
99
  case 'time':
100
- this.timeText = data.getLocalizedTime(locale, firstParsedDatetime, use24Hour);
100
+ this.timeText = data.getLocalizedTime(locale, firstParsedDatetime, computedHourCycle);
101
101
  break;
102
102
  case 'month-year':
103
103
  this.dateText = data.getMonthAndYear(locale, firstParsedDatetime);
@@ -13,11 +13,11 @@ const dir = require('./dir-f1e0ca26.js');
13
13
  const theme = require('./theme-fbc56b3b.js');
14
14
  const index$2 = require('./index-d8d1fc0b.js');
15
15
  const ionicGlobal = require('./ionic-global-14a0604b.js');
16
- const data = require('./data-db832785.js');
16
+ const data = require('./data-c8d21093.js');
17
17
  const lockController = require('./lock-controller-4ae2eb59.js');
18
- const overlays = require('./overlays-d3a13e61.js');
18
+ const overlays = require('./overlays-817dca17.js');
19
19
  const animation = require('./animation-2bb33618.js');
20
- const haptic = require('./haptic-c5f6b4d5.js');
20
+ const haptic = require('./haptic-678abc9f.js');
21
21
  require('./index-306a7476.js');
22
22
  require('./framework-delegate-c0873a6f.js');
23
23
  require('./hardware-back-button-b67c8e75.js');
@@ -1532,7 +1532,7 @@ const Datetime = class {
1532
1532
  }
1533
1533
  renderTimeOverlay() {
1534
1534
  const { hourCycle, isTimePopoverOpen, locale } = this;
1535
- const use24Hour = data.is24Hour(locale, hourCycle);
1535
+ const computedHourCycle = data.getHourCycle(locale, hourCycle);
1536
1536
  const activePart = this.getActivePartsWithFallback();
1537
1537
  return [
1538
1538
  index$1.h("div", { class: "time-header" }, this.renderTimeLabel()),
@@ -1551,7 +1551,7 @@ const Datetime = class {
1551
1551
  await popoverRef.onWillDismiss();
1552
1552
  this.isTimePopoverOpen = false;
1553
1553
  }
1554
- } }, data.getLocalizedTime(locale, activePart, use24Hour)),
1554
+ } }, data.getLocalizedTime(locale, activePart, computedHourCycle)),
1555
1555
  index$1.h("ion-popover", { alignment: "center", translucent: true, overlayIndex: 1, arrow: false, onWillPresent: (ev) => {
1556
1556
  /**
1557
1557
  * Intersection Observers do not consistently fire between Blink and Webkit
@@ -9,7 +9,7 @@ const index = require('./index-6f887430.js');
9
9
  const config = require('./config-d5882735.js');
10
10
  const helpers = require('./helpers-ea4ccbcb.js');
11
11
  const lockController = require('./lock-controller-4ae2eb59.js');
12
- const overlays = require('./overlays-d3a13e61.js');
12
+ const overlays = require('./overlays-817dca17.js');
13
13
  const theme = require('./theme-fbc56b3b.js');
14
14
  const ionicGlobal = require('./ionic-global-14a0604b.js');
15
15
  const animation = require('./animation-2bb33618.js');
@@ -11,7 +11,7 @@ const index$2 = require('./index-306a7476.js');
11
11
  const gestureController = require('./gesture-controller-b46721be.js');
12
12
  const helpers = require('./helpers-ea4ccbcb.js');
13
13
  const index$1 = require('./index-5121bb90.js');
14
- const overlays = require('./overlays-d3a13e61.js');
14
+ const overlays = require('./overlays-817dca17.js');
15
15
  const ionicGlobal = require('./ionic-global-14a0604b.js');
16
16
  const theme = require('./theme-fbc56b3b.js');
17
17
  const index$3 = require('./index-d8d1fc0b.js');
@@ -12,9 +12,9 @@ const helpers = require('./helpers-ea4ccbcb.js');
12
12
  const lockController = require('./lock-controller-4ae2eb59.js');
13
13
  const index$4 = require('./index-cc7dfb7c.js');
14
14
  const capacitor = require('./capacitor-2ffba62a.js');
15
- const overlays = require('./overlays-d3a13e61.js');
15
+ const overlays = require('./overlays-817dca17.js');
16
16
  const theme = require('./theme-fbc56b3b.js');
17
- const index$5 = require('./index-b183138a.js');
17
+ const index$5 = require('./index-77d4b2e7.js');
18
18
  const ionicGlobal = require('./ionic-global-14a0604b.js');
19
19
  const keyboard = require('./keyboard-38f2bb7b.js');
20
20
  const animation = require('./animation-2bb33618.js');
@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
8
8
  const index = require('./index-6f887430.js');
9
9
  const cubicBezier = require('./cubic-bezier-6b9222ad.js');
10
10
  const helpers = require('./helpers-ea4ccbcb.js');
11
- const index$1 = require('./index-b183138a.js');
11
+ const index$1 = require('./index-77d4b2e7.js');
12
12
  const ionicGlobal = require('./ionic-global-14a0604b.js');
13
13
  const frameworkDelegate = require('./framework-delegate-c0873a6f.js');
14
14
 
@@ -743,6 +743,7 @@ const Nav = class {
743
743
  : undefined;
744
744
  const mode = ionicGlobal.getIonMode(this);
745
745
  const enteringEl = enteringView.element;
746
+ // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
746
747
  const leavingEl = leavingView && leavingView.element;
747
748
  const animationOpts = Object.assign(Object.assign({ mode, showGoBack: this.canGoBackSync(enteringView), baseEl: this.el, progressCallback, animated: this.animated && ionicGlobal.config.getBoolean('animated', true), enteringEl,
748
749
  leavingEl }, opts), { animationBuilder: opts.animationBuilder || this.animation || ionicGlobal.config.get('navAnimation') });
@@ -7,7 +7,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
7
7
 
8
8
  const index = require('./index-6f887430.js');
9
9
  const helpers = require('./helpers-ea4ccbcb.js');
10
- const haptic = require('./haptic-c5f6b4d5.js');
10
+ const haptic = require('./haptic-678abc9f.js');
11
11
  const ionicGlobal = require('./ionic-global-14a0604b.js');
12
12
  const theme = require('./theme-fbc56b3b.js');
13
13
  require('./capacitor-2ffba62a.js');
@@ -10,10 +10,10 @@ const frameworkDelegate = require('./framework-delegate-c0873a6f.js');
10
10
  const helpers = require('./helpers-ea4ccbcb.js');
11
11
  const lockController = require('./lock-controller-4ae2eb59.js');
12
12
  const index$1 = require('./index-cc7dfb7c.js');
13
- const overlays = require('./overlays-d3a13e61.js');
13
+ const overlays = require('./overlays-817dca17.js');
14
14
  const ionicGlobal = require('./ionic-global-14a0604b.js');
15
15
  const theme = require('./theme-fbc56b3b.js');
16
- const index$2 = require('./index-b183138a.js');
16
+ const index$2 = require('./index-77d4b2e7.js');
17
17
  const animation = require('./animation-2bb33618.js');
18
18
  require('./index-306a7476.js');
19
19
  require('./hardware-back-button-b67c8e75.js');
@@ -9,7 +9,7 @@ const index = require('./index-6f887430.js');
9
9
  const cubicBezier = require('./cubic-bezier-6b9222ad.js');
10
10
  const index$1 = require('./index-10873539.js');
11
11
  const helpers = require('./helpers-ea4ccbcb.js');
12
- const haptic = require('./haptic-c5f6b4d5.js');
12
+ const haptic = require('./haptic-678abc9f.js');
13
13
  const ionicGlobal = require('./ionic-global-14a0604b.js');
14
14
  const animation = require('./animation-2bb33618.js');
15
15
  const config = require('./config-d5882735.js');
@@ -10,7 +10,7 @@ const index$1 = require('./index-d8d1fc0b.js');
10
10
  const ionicGlobal = require('./ionic-global-14a0604b.js');
11
11
  const index$2 = require('./index-10873539.js');
12
12
  const helpers = require('./helpers-ea4ccbcb.js');
13
- const haptic = require('./haptic-c5f6b4d5.js');
13
+ const haptic = require('./haptic-678abc9f.js');
14
14
  require('./index-cc7dfb7c.js');
15
15
  require('./capacitor-2ffba62a.js');
16
16
  require('./index-306a7476.js');
@@ -109,6 +109,7 @@ const chainToSegments = (chain) => {
109
109
  for (const route of chain) {
110
110
  for (const segment of route.segments) {
111
111
  if (segment[0] === ':') {
112
+ // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
112
113
  const param = route.params && route.params[segment.slice(1)];
113
114
  if (!param) {
114
115
  return null;
@@ -804,12 +805,14 @@ const Router = class {
804
805
  }
805
806
  const routes = readRoutes(this.el);
806
807
  const fromChain = findChainForSegments(from, routes);
808
+ // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
807
809
  const beforeLeaveHook = fromChain && fromChain[fromChain.length - 1].beforeLeave;
808
810
  const canLeave = beforeLeaveHook ? await beforeLeaveHook() : true;
809
811
  if (canLeave === false || typeof canLeave === 'object') {
810
812
  return canLeave;
811
813
  }
812
814
  const toChain = findChainForSegments(to, routes);
815
+ // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
813
816
  const beforeEnterHook = toChain && toChain[toChain.length - 1].beforeEnter;
814
817
  return beforeEnterHook ? beforeEnterHook() : true;
815
818
  }
@@ -10,7 +10,7 @@ const formController = require('./form-controller-5e223b54.js');
10
10
  const notchController = require('./notch-controller-f4f6af5d.js');
11
11
  const helpers = require('./helpers-ea4ccbcb.js');
12
12
  const index$1 = require('./index-cc7dfb7c.js');
13
- const overlays = require('./overlays-d3a13e61.js');
13
+ const overlays = require('./overlays-817dca17.js');
14
14
  const dir = require('./dir-f1e0ca26.js');
15
15
  const theme = require('./theme-fbc56b3b.js');
16
16
  const watchOptions = require('./watch-options-f3f77e54.js');
@@ -22,7 +22,6 @@ const TabBar = class {
22
22
  constructor(hostRef) {
23
23
  index.registerInstance(this, hostRef);
24
24
  this.ionTabBarChanged = index.createEvent(this, "ionTabBarChanged", 7);
25
- this.ionTabBarLoaded = index.createEvent(this, "ionTabBarLoaded", 7);
26
25
  this.keyboardCtrl = null;
27
26
  this.keyboardVisible = false;
28
27
  this.color = undefined;
@@ -57,9 +56,6 @@ const TabBar = class {
57
56
  this.keyboardCtrl.destroy();
58
57
  }
59
58
  }
60
- componentDidLoad() {
61
- this.ionTabBarLoaded.emit();
62
- }
63
59
  render() {
64
60
  const { color, translucent, keyboardVisible } = this;
65
61
  const mode = ionicGlobal.getIonMode(this);