@ionic/core 7.5.3-dev.11698858201.14165f23 → 7.5.3-dev.11699994454.1cbf1283

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 (166) hide show
  1. package/components/backdrop.js +0 -12
  2. package/components/gesture-controller.js +1 -1
  3. package/components/ion-content.js +1 -1
  4. package/components/ion-datetime.js +23 -48
  5. package/components/overlays.js +5 -1
  6. package/dist/cjs/{button-active-c0ff1915.js → button-active-b18290c5.js} +1 -1
  7. package/dist/cjs/{gesture-controller-b46721be.js → gesture-controller-d6a3f907.js} +1 -0
  8. package/dist/cjs/{index-0ee995e4.js → index-0f8b33f8.js} +1 -1
  9. package/dist/cjs/index.cjs.js +3 -3
  10. package/dist/cjs/ion-action-sheet.cjs.entry.js +4 -4
  11. package/dist/cjs/ion-alert.cjs.entry.js +4 -4
  12. package/dist/cjs/ion-app_8.cjs.entry.js +2 -2
  13. package/dist/cjs/ion-backdrop.cjs.entry.js +0 -12
  14. package/dist/cjs/ion-datetime_3.cjs.entry.js +26 -50
  15. package/dist/cjs/ion-item-option_3.cjs.entry.js +1 -1
  16. package/dist/cjs/ion-loading.cjs.entry.js +2 -1
  17. package/dist/cjs/ion-menu_3.cjs.entry.js +3 -3
  18. package/dist/cjs/ion-modal.cjs.entry.js +3 -3
  19. package/dist/cjs/ion-nav_2.cjs.entry.js +1 -1
  20. package/dist/cjs/ion-popover.cjs.entry.js +2 -1
  21. package/dist/cjs/ion-range.cjs.entry.js +1 -1
  22. package/dist/cjs/ion-refresher_2.cjs.entry.js +3 -3
  23. package/dist/cjs/ion-reorder_2.cjs.entry.js +1 -1
  24. package/dist/cjs/ion-segment_2.cjs.entry.js +1 -1
  25. package/dist/cjs/ion-select_3.cjs.entry.js +2 -1
  26. package/dist/cjs/ion-toast.cjs.entry.js +2 -1
  27. package/dist/cjs/ion-toggle.cjs.entry.js +1 -1
  28. package/dist/cjs/{overlays-1a734051.js → overlays-e620a639.js} +5 -1
  29. package/dist/cjs/{swipe-back-d0412fb6.js → swipe-back-a6dc6e5d.js} +2 -2
  30. package/dist/collection/components/backdrop/backdrop.js +0 -12
  31. package/dist/collection/components/content/content.css +0 -4
  32. package/dist/collection/components/datetime/datetime.ios.css +3 -23
  33. package/dist/collection/components/datetime/datetime.js +22 -47
  34. package/dist/collection/components/datetime/datetime.md.css +3 -23
  35. package/dist/collection/components/datetime/test/a11y/datetime.e2e.js +0 -66
  36. package/dist/collection/utils/gesture/gesture-controller.js +1 -1
  37. package/dist/collection/utils/overlays.js +5 -1
  38. package/dist/docs.json +2 -2
  39. package/dist/esm/{button-active-d926d4f4.js → button-active-c0672227.js} +1 -1
  40. package/dist/esm/{gesture-controller-0fa396c4.js → gesture-controller-3723db7c.js} +1 -1
  41. package/dist/esm/{index-ff313b19.js → index-32cbee52.js} +2 -2
  42. package/dist/esm/index.js +3 -3
  43. package/dist/esm/ion-action-sheet.entry.js +4 -4
  44. package/dist/esm/ion-alert.entry.js +4 -4
  45. package/dist/esm/ion-app_8.entry.js +2 -2
  46. package/dist/esm/ion-backdrop.entry.js +0 -12
  47. package/dist/esm/ion-datetime_3.entry.js +26 -50
  48. package/dist/esm/ion-item-option_3.entry.js +1 -1
  49. package/dist/esm/ion-loading.entry.js +2 -1
  50. package/dist/esm/ion-menu_3.entry.js +3 -3
  51. package/dist/esm/ion-modal.entry.js +3 -3
  52. package/dist/esm/ion-nav_2.entry.js +1 -1
  53. package/dist/esm/ion-popover.entry.js +2 -1
  54. package/dist/esm/ion-range.entry.js +1 -1
  55. package/dist/esm/ion-refresher_2.entry.js +3 -3
  56. package/dist/esm/ion-reorder_2.entry.js +1 -1
  57. package/dist/esm/ion-segment_2.entry.js +1 -1
  58. package/dist/esm/ion-select_3.entry.js +2 -1
  59. package/dist/esm/ion-toast.entry.js +2 -1
  60. package/dist/esm/ion-toggle.entry.js +1 -1
  61. package/dist/esm/{overlays-cec6bac8.js → overlays-a25f3692.js} +5 -1
  62. package/dist/esm/{swipe-back-0f3bfc8e.js → swipe-back-cc4c2bcb.js} +2 -2
  63. package/dist/esm-es5/{button-active-d926d4f4.js → button-active-c0672227.js} +1 -1
  64. package/dist/esm-es5/{gesture-controller-0fa396c4.js → gesture-controller-3723db7c.js} +1 -1
  65. package/dist/esm-es5/{index-ff313b19.js → index-32cbee52.js} +1 -1
  66. package/dist/esm-es5/index.js +1 -1
  67. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  68. package/dist/esm-es5/ion-alert.entry.js +1 -1
  69. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  70. package/dist/esm-es5/ion-backdrop.entry.js +1 -1
  71. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  72. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  73. package/dist/esm-es5/ion-loading.entry.js +1 -1
  74. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  75. package/dist/esm-es5/ion-modal.entry.js +1 -1
  76. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  77. package/dist/esm-es5/ion-popover.entry.js +1 -1
  78. package/dist/esm-es5/ion-range.entry.js +1 -1
  79. package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
  80. package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
  81. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  82. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  83. package/dist/esm-es5/ion-toast.entry.js +1 -1
  84. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  85. package/dist/esm-es5/overlays-a25f3692.js +4 -0
  86. package/dist/esm-es5/swipe-back-cc4c2bcb.js +4 -0
  87. package/dist/html.html-data.json +1 -1
  88. package/dist/ionic/index.esm.js +1 -1
  89. package/dist/ionic/ionic.esm.js +1 -1
  90. package/dist/ionic/{p-e552cf80.entry.js → p-082e6ebc.entry.js} +1 -1
  91. package/dist/ionic/p-0fb53284.system.js +1 -1
  92. package/dist/ionic/{p-e0b06b65.js → p-100ef961.js} +1 -1
  93. package/dist/ionic/{p-70263330.entry.js → p-192896f7.entry.js} +1 -1
  94. package/dist/ionic/p-1d442e7f.system.entry.js +4 -0
  95. package/dist/ionic/p-21db87fd.entry.js +4 -0
  96. package/dist/ionic/{p-ebdf4f41.entry.js → p-243c6b48.entry.js} +1 -1
  97. package/dist/ionic/p-274d8ed2.system.entry.js +4 -0
  98. package/dist/ionic/{p-fa8d4788.system.js → p-2e1794df.system.js} +1 -1
  99. package/dist/ionic/{p-e627ed84.js → p-302091ab.js} +1 -1
  100. package/dist/ionic/p-31460205.system.entry.js +4 -0
  101. package/dist/ionic/{p-79d430f7.system.entry.js → p-33ddf556.system.entry.js} +1 -1
  102. package/dist/ionic/{p-5fba0b2d.entry.js → p-428d1977.entry.js} +1 -1
  103. package/dist/ionic/{p-306d845d.system.entry.js → p-4c71f040.system.entry.js} +1 -1
  104. package/dist/ionic/p-4d315f52.entry.js +4 -0
  105. package/dist/ionic/{p-f275d76b.system.entry.js → p-5e2a8ff3.system.entry.js} +1 -1
  106. package/dist/ionic/{p-9e852ff1.system.js → p-6500b298.system.js} +1 -1
  107. package/dist/ionic/{p-83198481.entry.js → p-66a6a50f.entry.js} +1 -1
  108. package/dist/ionic/{p-fe08d5d6.system.js → p-68d3bb7a.system.js} +1 -1
  109. package/dist/ionic/p-6e631497.entry.js +4 -0
  110. package/dist/ionic/{p-372f1f80.system.entry.js → p-6f9dc7fa.system.entry.js} +1 -1
  111. package/dist/ionic/p-72b1912d.system.entry.js +4 -0
  112. package/dist/ionic/p-738dbf62.js +4 -0
  113. package/dist/ionic/p-768a68bf.entry.js +4 -0
  114. package/dist/ionic/{p-aa377971.system.js → p-78a07ba5.system.js} +1 -1
  115. package/dist/ionic/p-8a792504.system.entry.js +4 -0
  116. package/dist/ionic/{p-dcce7252.entry.js → p-9165324b.entry.js} +1 -1
  117. package/dist/ionic/{p-26d0ec66.system.entry.js → p-96c924cc.system.entry.js} +1 -1
  118. package/dist/ionic/{p-23410b18.system.entry.js → p-9ae2c66c.system.entry.js} +1 -1
  119. package/dist/ionic/p-9c2741fe.system.js +4 -0
  120. package/dist/ionic/{p-3574440a.system.entry.js → p-9ff931fd.system.entry.js} +1 -1
  121. package/dist/ionic/p-a0493a3f.system.entry.js +4 -0
  122. package/dist/ionic/{p-8b1be026.js → p-a7e2ac5c.js} +1 -1
  123. package/dist/ionic/{p-ce56d7b5.system.entry.js → p-ac8cc82a.system.entry.js} +1 -1
  124. package/dist/ionic/{p-360d0872.entry.js → p-b5f0e159.entry.js} +1 -1
  125. package/dist/ionic/{p-99eba967.entry.js → p-ba99fb46.entry.js} +1 -1
  126. package/dist/ionic/{p-f089f3b1.entry.js → p-bdad8452.entry.js} +1 -1
  127. package/dist/ionic/p-bf83f5da.js +4 -0
  128. package/dist/ionic/{p-2222b68a.system.entry.js → p-c49d44b0.system.entry.js} +2 -2
  129. package/dist/ionic/p-ced20292.entry.js +4 -0
  130. package/dist/ionic/{p-df189fa7.entry.js → p-dd289f93.entry.js} +1 -1
  131. package/dist/ionic/{p-7427a3ec.system.entry.js → p-de16430e.system.entry.js} +1 -1
  132. package/dist/ionic/p-e88ed07f.system.js +4 -0
  133. package/dist/ionic/{p-0c0d536f.system.entry.js → p-f1739380.system.entry.js} +1 -1
  134. package/dist/ionic/p-f9ed9d47.system.entry.js +4 -0
  135. package/dist/ionic/{p-db0140c0.entry.js → p-fa730d6f.entry.js} +1 -1
  136. package/dist/ionic/p-fe1c94e6.entry.js +4 -0
  137. package/dist/ionic/p-ff16ac5d.entry.js +4 -0
  138. package/dist/types/components/backdrop/backdrop.d.ts +0 -3
  139. package/dist/types/components/datetime/datetime.d.ts +1 -1
  140. package/dist/types/components/menu/menu.d.ts +1 -1
  141. package/dist/types/components.d.ts +2 -2
  142. package/dist/types/utils/gesture/gesture-controller.d.ts +1 -0
  143. package/hydrate/index.js +28 -61
  144. package/package.json +2 -2
  145. package/dist/collection/components/datetime/test/disabled/datetime.e2e.js +0 -68
  146. package/dist/collection/components/datetime/test/readonly/datetime.e2e.js +0 -113
  147. package/dist/esm-es5/overlays-cec6bac8.js +0 -4
  148. package/dist/esm-es5/swipe-back-0f3bfc8e.js +0 -4
  149. package/dist/ionic/p-0362c48a.entry.js +0 -4
  150. package/dist/ionic/p-07989b03.system.entry.js +0 -4
  151. package/dist/ionic/p-1676eeff.system.entry.js +0 -4
  152. package/dist/ionic/p-28ea45b9.js +0 -4
  153. package/dist/ionic/p-3816e896.entry.js +0 -4
  154. package/dist/ionic/p-4e70a7cc.entry.js +0 -4
  155. package/dist/ionic/p-68f78c9b.system.entry.js +0 -4
  156. package/dist/ionic/p-892710a8.entry.js +0 -4
  157. package/dist/ionic/p-8dbdb163.system.js +0 -4
  158. package/dist/ionic/p-8f01a9a2.system.js +0 -4
  159. package/dist/ionic/p-8fdd6396.system.entry.js +0 -4
  160. package/dist/ionic/p-af37e8de.system.entry.js +0 -4
  161. package/dist/ionic/p-bbf47813.entry.js +0 -4
  162. package/dist/ionic/p-cf62e1c8.js +0 -4
  163. package/dist/ionic/p-db1a1e00.entry.js +0 -4
  164. package/dist/ionic/p-db2332fe.system.entry.js +0 -4
  165. package/dist/ionic/p-f10fb4d4.system.entry.js +0 -4
  166. package/dist/ionic/p-f5e7ed0e.entry.js +0 -4
@@ -11,11 +11,12 @@ import { c as chevronBack, o as chevronForward, l as chevronDown, p as caretUpSh
11
11
  import { b as getIonMode } from './ionic-global-246ca78f.js';
12
12
  import { g as generateDayAriaLabel, a as getDay, i as isBefore, b as isAfter, c as isSameDay, d as getPreviousMonth, e as getNextMonth, v as validateParts, f as getPartsFromCalendarDay, h as getEndOfWeek, j as getStartOfWeek, k as getPreviousDay, l as getNextDay, m as getPreviousWeek, n as getNextWeek, p as parseMinParts, o as parseMaxParts, q as parseDate, w as warnIfValueOutOfBounds, r as convertToArrayOfNumbers, s as convertDataToISO, t as getToday, u as getClosestValidDate, x as getNumDaysInMonth, y as getCombinedDateColumnData, z as getMonthColumnData, A as getDayColumnData, B as getYearColumnData, C as isMonthFirstLocale, D as getTimeColumnsData, E as isLocaleDayPeriodRTL, F as getDaysOfWeek, G as getMonthAndYear, H as getDaysOfMonth, I as generateMonths, J as getHourCycle, K as getLocalizedTime, L as getMonthAndDay, M as formatValue, N as getNextYear, O as getPreviousYear, P as clampDate, Q as parseAmPm, R as calculateHourFromAMPM } from './data-44d9e816.js';
13
13
  import { c as createLockController } from './lock-controller-e8c6c051.js';
14
- import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-cec6bac8.js';
14
+ import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-a25f3692.js';
15
15
  import { c as createAnimation } from './animation-8aa13916.js';
16
16
  import { b as hapticSelectionChanged, h as hapticSelectionEnd, a as hapticSelectionStart } from './haptic-1243b917.js';
17
17
  import './index-7a14ecec.js';
18
18
  import './framework-delegate-aa433dea.js';
19
+ import './gesture-controller-3723db7c.js';
19
20
  import './hardware-back-button-39299f84.js';
20
21
  import './capacitor-b4979570.js';
21
22
 
@@ -186,9 +187,9 @@ const getHighlightStyles = (highlightedDates, dateIsoString, el) => {
186
187
  return undefined;
187
188
  };
188
189
 
189
- const datetimeIosCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}ion-picker-column-internal{min-width:26px}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{position:absolute;visibility:hidden;pointer-events:none}@supports (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{inset-inline-start:-99999px}}@supports not (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){:host(.show-month-and-year:dir(rtl)) .calendar-next-prev,:host(.show-month-and-year:dir(rtl)) .calendar-days-of-week,:host(.show-month-and-year:dir(rtl)) .calendar-body,:host(.show-month-and-year:dir(rtl)) .datetime-time{left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .calendar-action-buttons ion-item ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{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;display:-ms-flexbox;display:flex;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}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-light, #ffffff);--background-rgb:var(--ion-color-light-rgb);--title-color:var(--ion-color-step-600, #666666)}:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),:host(.datetime-presentation-date:not(.datetime-prefer-wheel)){min-height:350px}:host .datetime-header{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, #cccccc);font-size:min(0.875rem, 22.4px)}:host .datetime-header .datetime-title{color:var(--title-color)}:host .datetime-header .datetime-selected-date{margin-top:10px}:host .calendar-action-buttons ion-item{--padding-start:16px;--background-hover:transparent;--background-activated:transparent;font-size:min(1rem, 25.6px);font-weight:600}:host .calendar-action-buttons ion-item ion-icon,:host .calendar-action-buttons ion-buttons ion-button{color:var(--ion-color-base)}:host .calendar-action-buttons ion-buttons{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}:host .calendar-action-buttons ion-buttons ion-button{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host .calendar-days-of-week{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, #b3b3b3);font-size:min(0.75rem, 19.2px);font-weight:600;line-height:24px;text-transform:uppercase}@supports (border-radius: mod(1px, 1px)){.calendar-days-of-week .day-of-week{width:clamp(20px, calc(mod(min(1rem, 24px), 24px) * 10), 100%);height:24px;overflow:hidden}.calendar-day{border-radius:max(8px, mod(min(1rem, 24px), 24px) * 10)}}@supports ((border-radius: mod(1px, 1px)) and (background: -webkit-named-image(apple-pay-logo-black)) and (not (contain-intrinsic-size: none))) or (not (border-radius: mod(1px, 1px))){.calendar-days-of-week .day-of-week{width:auto;height:auto;overflow:initial}.calendar-day{border-radius:32px}}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-ms-flex-align:center;align-items:center;height:calc(100% - 16px)}:host .calendar-day-wrapper{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;height:0;min-height:1rem}:host .calendar-day{width:40px;min-width:40px;height:40px;font-size:min(1.25rem, 32px)}.calendar-day.calendar-day-active{background:rgba(var(--ion-color-base-rgb), 0.2)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-base);font-weight:600}:host .calendar-day.calendar-day-today.calendar-day-active{color:var(--ion-color-contrast)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:min(1rem, 25.6px)}:host .datetime-time .time-header{font-weight:600}:host .datetime-buttons{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, #cccccc)}:host .datetime-buttons ::slotted(ion-buttons),:host .datetime-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .datetime-action-buttons{width:100%}";
190
+ const datetimeIosCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}ion-picker-column-internal{min-width:26px}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{position:absolute;visibility:hidden;pointer-events:none}@supports (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{inset-inline-start:-99999px}}@supports not (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){:host(.show-month-and-year:dir(rtl)) .calendar-next-prev,:host(.show-month-and-year:dir(rtl)) .calendar-days-of-week,:host(.show-month-and-year:dir(rtl)) .calendar-body,:host(.show-month-and-year:dir(rtl)) .datetime-time{left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-readonly),:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled){opacity:0.4}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .calendar-action-buttons ion-item ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{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;display:-ms-flexbox;display:flex;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}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-light, #ffffff);--background-rgb:var(--ion-color-light-rgb);--title-color:var(--ion-color-step-600, #666666)}:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),:host(.datetime-presentation-date:not(.datetime-prefer-wheel)){min-height:350px}:host .datetime-header{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, #cccccc);font-size:min(0.875rem, 22.4px)}:host .datetime-header .datetime-title{color:var(--title-color)}:host .datetime-header .datetime-selected-date{margin-top:10px}:host .calendar-action-buttons ion-item{--padding-start:16px;--background-hover:transparent;--background-activated:transparent;font-size:min(1rem, 25.6px);font-weight:600}:host .calendar-action-buttons ion-item ion-icon,:host .calendar-action-buttons ion-buttons ion-button{color:var(--ion-color-base)}:host .calendar-action-buttons ion-buttons{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}:host .calendar-action-buttons ion-buttons ion-button{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host .calendar-days-of-week{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, #b3b3b3);font-size:min(0.75rem, 19.2px);font-weight:600;line-height:24px;text-transform:uppercase}@supports (border-radius: mod(1px, 1px)){.calendar-days-of-week .day-of-week{width:clamp(20px, calc(mod(min(1rem, 24px), 24px) * 10), 100%);height:24px;overflow:hidden}.calendar-day{border-radius:max(8px, mod(min(1rem, 24px), 24px) * 10)}}@supports ((border-radius: mod(1px, 1px)) and (background: -webkit-named-image(apple-pay-logo-black)) and (not (contain-intrinsic-size: none))) or (not (border-radius: mod(1px, 1px))){.calendar-days-of-week .day-of-week{width:auto;height:auto;overflow:initial}.calendar-day{border-radius:32px}}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-ms-flex-align:center;align-items:center;height:calc(100% - 16px)}:host .calendar-day-wrapper{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;height:0;min-height:1rem}:host .calendar-day{width:40px;min-width:40px;height:40px;font-size:min(1.25rem, 32px)}.calendar-day.calendar-day-active{background:rgba(var(--ion-color-base-rgb), 0.2)}:host .calendar-day.calendar-day-today{color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-base);font-weight:600}:host .calendar-day.calendar-day-today.calendar-day-active{color:var(--ion-color-contrast)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:min(1rem, 25.6px)}:host .datetime-time .time-header{font-weight:600}:host .datetime-buttons{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, #cccccc)}:host .datetime-buttons ::slotted(ion-buttons),:host .datetime-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}:host .datetime-action-buttons{width:100%}";
190
191
 
191
- const datetimeMdCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}ion-picker-column-internal{min-width:26px}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{position:absolute;visibility:hidden;pointer-events:none}@supports (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{inset-inline-start:-99999px}}@supports not (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){:host(.show-month-and-year:dir(rtl)) .calendar-next-prev,:host(.show-month-and-year:dir(rtl)) .calendar-days-of-week,:host(.show-month-and-year:dir(rtl)) .calendar-body,:host(.show-month-and-year:dir(rtl)) .datetime-time{left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled) .calendar-days-of-week,:host(.datetime-disabled) .datetime-time{opacity:0.4}:host(.datetime-readonly){pointer-events:none;}:host(.datetime-readonly) .calendar-action-buttons,:host(.datetime-readonly) .calendar-body,:host(.datetime-readonly) .datetime-year{pointer-events:initial}:host(.datetime-readonly) .calendar-day[disabled]:not(.calendar-day-constrained),:host(.datetime-readonly) .datetime-action-buttons ion-button[disabled]{opacity:1}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .calendar-action-buttons ion-item ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{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;display:-ms-flexbox;display:flex;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}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-step-100, #ffffff);--title-color:var(--ion-color-contrast)}:host .datetime-header{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;background:var(--ion-color-base);color:var(--title-color)}:host .datetime-header .datetime-title{font-size:0.75rem;text-transform:uppercase}:host .datetime-header .datetime-selected-date{margin-top:30px;font-size:2.125rem}:host .datetime-calendar .calendar-action-buttons ion-item{--padding-start:20px}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--color:var(--ion-color-step-650, #595959)}:host .calendar-days-of-week{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:0px;padding-bottom:0px;color:var(--ion-color-step-500, gray);font-size:0.875rem;line-height:36px}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:4px;padding-bottom:4px;grid-template-rows:repeat(6, 1fr)}:host .calendar-day{width:42px;min-width:42px;height:42px;font-size:0.875rem}:host .calendar-day.calendar-day-today{border:1px solid var(--ion-color-base);color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-contrast)}.calendar-day.calendar-day-active{border:1px solid var(--ion-color-base);background:var(--ion-color-base)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}:host .time-header{color:var(--ion-color-step-650, #595959)}:host(.datetime-presentation-month) .datetime-year,:host(.datetime-presentation-year) .datetime-year,:host(.datetime-presentation-month-year) .datetime-year{margin-top:20px;margin-bottom:20px}:host .datetime-buttons{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .datetime-view-buttons ion-button{color:var(--ion-color-step-800, #333333)}";
192
+ const datetimeMdCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}ion-picker-column-internal{min-width:26px}:host(.datetime-size-fixed){width:auto;height:auto}:host(.datetime-size-fixed:not(.datetime-prefer-wheel)){max-width:350px}:host(.datetime-size-fixed.datetime-prefer-wheel){min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}:host(.datetime-size-cover){width:100%}:host .calendar-body,:host .datetime-year{opacity:0}:host(:not(.datetime-ready)) .datetime-year{position:absolute;pointer-events:none}:host(.datetime-ready) .calendar-body{opacity:1}:host(.datetime-ready) .datetime-year{display:none;opacity:1}:host .wheel-order-year-first .day-column{-ms-flex-order:3;order:3;text-align:end}:host .wheel-order-year-first .month-column{-ms-flex-order:2;order:2;text-align:end}:host .wheel-order-year-first .year-column{-ms-flex-order:1;order:1;text-align:start}:host .datetime-calendar,:host .datetime-year{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}:host(.show-month-and-year) .datetime-year{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{position:absolute;visibility:hidden;pointer-events:none}@supports (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{inset-inline-start:-99999px}}@supports not (inset-inline-start: 0){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{left:-99999px}:host-context([dir=rtl]):host(.show-month-and-year) .calendar-next-prev,:host-context([dir=rtl]).show-month-and-year .calendar-next-prev,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-days-of-week,:host-context([dir=rtl]).show-month-and-year .calendar-days-of-week,:host-context([dir=rtl]):host(.show-month-and-year) .calendar-body,:host-context([dir=rtl]).show-month-and-year .calendar-body,:host-context([dir=rtl]):host(.show-month-and-year) .datetime-time,:host-context([dir=rtl]).show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){:host(.show-month-and-year:dir(rtl)) .calendar-next-prev,:host(.show-month-and-year:dir(rtl)) .calendar-days-of-week,:host(.show-month-and-year:dir(rtl)) .calendar-body,:host(.show-month-and-year:dir(rtl)) .datetime-time{left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){:host(.show-month-and-year) .calendar-next-prev,:host(.show-month-and-year) .calendar-days-of-week,:host(.show-month-and-year) .calendar-body,:host(.show-month-and-year) .datetime-time{display:none}}:host(.month-year-picker-open) .datetime-footer{display:none}:host(.datetime-readonly),:host(.datetime-disabled){pointer-events:none}:host(.datetime-disabled){opacity:0.4}:host .datetime-header .datetime-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host .datetime-action-buttons.has-clear-button{width:100%}:host .datetime-action-buttons ion-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.datetime-action-buttons .datetime-action-buttons-container{display:-ms-flexbox;display:flex}:host .calendar-action-buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--background:translucent}:host .calendar-action-buttons ion-item ion-label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .calendar-action-buttons ion-item ion-icon{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}:host .calendar-days-of-week{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}.calendar-days-of-week .day-of-week{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0}:host .calendar-body{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}:host .calendar-body .calendar-month{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}:host .calendar-body .calendar-month-disabled{scroll-snap-align:none}:host .calendar-body::-webkit-scrollbar{display:none}:host .calendar-body .calendar-month-grid{display:grid;grid-template-columns:repeat(7, 1fr)}:host .calendar-day-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}.calendar-day{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}:host .calendar-day[disabled]{pointer-events:none;opacity:0.4}.calendar-day:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}:host .datetime-time{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.datetime-presentation-time) .datetime-time{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host ion-popover{--height:200px}:host .time-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .time-body{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;display:-ms-flexbox;display:flex;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}:host .time-body-active{color:var(--ion-color-base)}:host(.in-item){position:static}:host(.show-month-and-year) .calendar-action-buttons ion-item{--color:var(--ion-color-base)}:host{--background:var(--ion-color-step-100, #ffffff);--title-color:var(--ion-color-contrast)}:host .datetime-header{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;background:var(--ion-color-base);color:var(--title-color)}:host .datetime-header .datetime-title{font-size:0.75rem;text-transform:uppercase}:host .datetime-header .datetime-selected-date{margin-top:30px;font-size:2.125rem}:host .datetime-calendar .calendar-action-buttons ion-item{--padding-start:20px}:host .calendar-action-buttons ion-item,:host .calendar-action-buttons ion-button{--color:var(--ion-color-step-650, #595959)}:host .calendar-days-of-week{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:0px;padding-bottom:0px;color:var(--ion-color-step-500, gray);font-size:0.875rem;line-height:36px}:host .calendar-body .calendar-month .calendar-month-grid{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:4px;padding-bottom:4px;grid-template-rows:repeat(6, 1fr)}:host .calendar-day{width:42px;min-width:42px;height:42px;font-size:0.875rem}:host .calendar-day.calendar-day-today{border:1px solid var(--ion-color-base);color:var(--ion-color-base)}:host .calendar-day.calendar-day-active{color:var(--ion-color-contrast)}.calendar-day.calendar-day-active{border:1px solid var(--ion-color-base);background:var(--ion-color-base)}:host .datetime-time{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}:host .time-header{color:var(--ion-color-step-650, #595959)}:host(.datetime-presentation-month) .datetime-year,:host(.datetime-presentation-year) .datetime-year,:host(.datetime-presentation-month-year) .datetime-year{margin-top:20px;margin-bottom:20px}:host .datetime-buttons{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .datetime-view-buttons ion-button{color:var(--ion-color-step-800, #333333)}";
192
193
 
193
194
  const Datetime = class {
194
195
  constructor(hostRef) {
@@ -252,13 +253,6 @@ const Datetime = class {
252
253
  this.workingParts = Object.assign({}, parts);
253
254
  };
254
255
  this.setActiveParts = (parts, removeDate = false) => {
255
- /** if the datetime component is in readonly mode,
256
- * allow browsing of the calendar without changing
257
- * the set value
258
- */
259
- if (this.readonly) {
260
- return;
261
- }
262
256
  const { multiple, minParts, maxParts, activeParts } = this;
263
257
  /**
264
258
  * When setting the active parts, it is possible
@@ -1079,13 +1073,7 @@ const Datetime = class {
1079
1073
  * are rendered independently of presentation.
1080
1074
  */
1081
1075
  renderFooter() {
1082
- const { disabled, readonly, showDefaultButtons, showClearButton } = this;
1083
- /**
1084
- * The cancel, clear, and confirm buttons
1085
- * should not be interactive if the datetime
1086
- * is disabled or readonly.
1087
- */
1088
- const isButtonDisabled = disabled || readonly;
1076
+ const { showDefaultButtons, showClearButton } = this;
1089
1077
  const hasSlottedButtons = this.el.querySelector('[slot="buttons"]') !== null;
1090
1078
  if (!hasSlottedButtons && !showDefaultButtons && !showClearButton) {
1091
1079
  return;
@@ -1104,7 +1092,7 @@ const Datetime = class {
1104
1092
  return (h("div", { class: "datetime-footer" }, h("div", { class: "datetime-buttons" }, h("div", { class: {
1105
1093
  ['datetime-action-buttons']: true,
1106
1094
  ['has-clear-button']: this.showClearButton,
1107
- } }, h("slot", { name: "buttons" }, h("ion-buttons", null, showDefaultButtons && (h("ion-button", { id: "cancel-button", color: this.color, onClick: () => this.cancel(true), disabled: isButtonDisabled }, this.cancelText)), h("div", { class: "datetime-action-buttons-container" }, showClearButton && (h("ion-button", { id: "clear-button", color: this.color, onClick: () => clearButtonClick(), disabled: isButtonDisabled }, this.clearText)), showDefaultButtons && (h("ion-button", { id: "confirm-button", color: this.color, onClick: () => this.confirm(true), disabled: isButtonDisabled }, this.doneText)))))))));
1095
+ } }, h("slot", { name: "buttons" }, h("ion-buttons", null, showDefaultButtons && (h("ion-button", { id: "cancel-button", color: this.color, onClick: () => this.cancel(true) }, this.cancelText)), h("div", { class: "datetime-action-buttons-container" }, showClearButton && (h("ion-button", { id: "clear-button", color: this.color, onClick: () => clearButtonClick() }, this.clearText)), showDefaultButtons && (h("ion-button", { id: "confirm-button", color: this.color, onClick: () => this.confirm(true) }, this.doneText)))))))));
1108
1096
  }
1109
1097
  /**
1110
1098
  * Wheel picker render methods
@@ -1395,14 +1383,13 @@ const Datetime = class {
1395
1383
  * Grid Render Methods
1396
1384
  */
1397
1385
  renderCalendarHeader(mode) {
1398
- const { disabled } = this;
1399
1386
  const expandedIcon = mode === 'ios' ? chevronDown : caretUpSharp;
1400
1387
  const collapsedIcon = mode === 'ios' ? chevronForward : caretDownSharp;
1401
- const prevMonthDisabled = disabled || isPrevMonthDisabled(this.workingParts, this.minParts, this.maxParts);
1402
- const nextMonthDisabled = disabled || isNextMonthDisabled(this.workingParts, this.maxParts);
1388
+ const prevMonthDisabled = isPrevMonthDisabled(this.workingParts, this.minParts, this.maxParts);
1389
+ const nextMonthDisabled = isNextMonthDisabled(this.workingParts, this.maxParts);
1403
1390
  // don't use the inheritAttributes util because it removes dir from the host, and we still need that
1404
1391
  const hostDir = this.el.getAttribute('dir') || undefined;
1405
- return (h("div", { class: "calendar-header" }, h("div", { class: "calendar-action-buttons" }, h("div", { class: "calendar-month-year" }, h("ion-item", { part: "month-year-button", ref: (el) => (this.monthYearToggleItemRef = el), button: true, "aria-label": "Show year picker", detail: false, lines: "none", disabled: disabled, onClick: () => {
1392
+ return (h("div", { class: "calendar-header" }, h("div", { class: "calendar-action-buttons" }, h("div", { class: "calendar-month-year" }, h("ion-item", { part: "month-year-button", ref: (el) => (this.monthYearToggleItemRef = el), button: true, "aria-label": "Show year picker", detail: false, lines: "none", onClick: () => {
1406
1393
  var _a;
1407
1394
  this.toggleMonthAndYearView();
1408
1395
  /**
@@ -1426,23 +1413,20 @@ const Datetime = class {
1426
1413
  }))));
1427
1414
  }
1428
1415
  renderMonth(month, year) {
1429
- const { disabled, readonly } = this;
1430
1416
  const yearAllowed = this.parsedYearValues === undefined || this.parsedYearValues.includes(year);
1431
1417
  const monthAllowed = this.parsedMonthValues === undefined || this.parsedMonthValues.includes(month);
1432
1418
  const isCalMonthDisabled = !yearAllowed || !monthAllowed;
1433
- const isDatetimeDisabled = disabled || readonly;
1434
- const swipeDisabled = disabled ||
1435
- isMonthDisabled({
1436
- month,
1437
- year,
1438
- day: null,
1439
- }, {
1440
- // The day is not used when checking if a month is disabled.
1441
- // Users should be able to access the min or max month, even if the
1442
- // min/max date is out of bounds (e.g. min is set to Feb 15, Feb should not be disabled).
1443
- minParts: Object.assign(Object.assign({}, this.minParts), { day: null }),
1444
- maxParts: Object.assign(Object.assign({}, this.maxParts), { day: null }),
1445
- });
1419
+ const swipeDisabled = isMonthDisabled({
1420
+ month,
1421
+ year,
1422
+ day: null,
1423
+ }, {
1424
+ // The day is not used when checking if a month is disabled.
1425
+ // Users should be able to access the min or max month, even if the
1426
+ // min/max date is out of bounds (e.g. min is set to Feb 15, Feb should not be disabled).
1427
+ minParts: Object.assign(Object.assign({}, this.minParts), { day: null }),
1428
+ maxParts: Object.assign(Object.assign({}, this.maxParts), { day: null }),
1429
+ });
1446
1430
  // The working month should never have swipe disabled.
1447
1431
  // Otherwise the CSS scroll snap will not work and the user
1448
1432
  // can free-scroll the calendar.
@@ -1457,9 +1441,9 @@ const Datetime = class {
1457
1441
  const { el, highlightedDates, isDateEnabled, multiple } = this;
1458
1442
  const referenceParts = { month, day, year };
1459
1443
  const isCalendarPadding = day === null;
1460
- const { isActive, isToday, ariaLabel, ariaSelected, disabled: isDayDisabled, text, } = getCalendarDayState(this.locale, referenceParts, this.activeParts, this.todayParts, this.minParts, this.maxParts, this.parsedDayValues);
1444
+ const { isActive, isToday, ariaLabel, ariaSelected, disabled, text } = getCalendarDayState(this.locale, referenceParts, this.activeParts, this.todayParts, this.minParts, this.maxParts, this.parsedDayValues);
1461
1445
  const dateIsoString = convertDataToISO(referenceParts);
1462
- let isCalDayDisabled = isCalMonthDisabled || isDayDisabled;
1446
+ let isCalDayDisabled = isCalMonthDisabled || disabled;
1463
1447
  if (!isCalDayDisabled && isDateEnabled !== undefined) {
1464
1448
  try {
1465
1449
  /**
@@ -1473,13 +1457,6 @@ const Datetime = class {
1473
1457
  printIonError('Exception thrown from provided `isDateEnabled` function. Please check your function and try again.', el, e);
1474
1458
  }
1475
1459
  }
1476
- /**
1477
- * Some days are constrained through max & min or allowed dates
1478
- * and also disabled because the component is readonly or disabled.
1479
- * These need to be displayed differently.
1480
- */
1481
- const isCalDayConstrained = isCalDayDisabled && isDatetimeDisabled;
1482
- const isButtonDisabled = isCalDayDisabled || isDatetimeDisabled;
1483
1460
  let dateStyle = undefined;
1484
1461
  /**
1485
1462
  * Custom highlight styles should not override the style for selected dates,
@@ -1506,11 +1483,10 @@ const Datetime = class {
1506
1483
  el.style.setProperty('color', `${dateStyle ? dateStyle.textColor : ''}`, 'important');
1507
1484
  el.style.setProperty('background-color', `${dateStyle ? dateStyle.backgroundColor : ''}`, 'important');
1508
1485
  }
1509
- }, tabindex: "-1", "data-day": day, "data-month": month, "data-year": year, "data-index": index, "data-day-of-week": dayOfWeek, disabled: isButtonDisabled, class: {
1486
+ }, tabindex: "-1", "data-day": day, "data-month": month, "data-year": year, "data-index": index, "data-day-of-week": dayOfWeek, disabled: isCalDayDisabled, class: {
1510
1487
  'calendar-day-padding': isCalendarPadding,
1511
1488
  'calendar-day': true,
1512
1489
  'calendar-day-active': isActive,
1513
- 'calendar-day-constrained': isCalDayConstrained,
1514
1490
  'calendar-day-today': isToday,
1515
1491
  }, part: dateParts, "aria-hidden": isCalendarPadding ? 'true' : null, "aria-selected": ariaSelected, "aria-label": ariaLabel, onClick: () => {
1516
1492
  if (isCalendarPadding) {
@@ -1552,7 +1528,7 @@ const Datetime = class {
1552
1528
  return h("slot", { name: "time-label" }, "Time");
1553
1529
  }
1554
1530
  renderTimeOverlay() {
1555
- const { disabled, hourCycle, isTimePopoverOpen, locale } = this;
1531
+ const { hourCycle, isTimePopoverOpen, locale } = this;
1556
1532
  const computedHourCycle = getHourCycle(locale, hourCycle);
1557
1533
  const activePart = this.getActivePartsWithFallback();
1558
1534
  return [
@@ -1560,7 +1536,7 @@ const Datetime = class {
1560
1536
  h("button", { class: {
1561
1537
  'time-body': true,
1562
1538
  'time-body-active': isTimePopoverOpen,
1563
- }, part: `time-button${isTimePopoverOpen ? ' active' : ''}`, "aria-expanded": "false", "aria-haspopup": "true", disabled: disabled, onClick: async (ev) => {
1539
+ }, part: `time-button${isTimePopoverOpen ? ' active' : ''}`, "aria-expanded": "false", "aria-haspopup": "true", onClick: async (ev) => {
1564
1540
  const { popoverRef } = this;
1565
1541
  if (popoverRef) {
1566
1542
  this.isTimePopoverOpen = true;
@@ -2008,7 +1984,7 @@ const PickerColumnCmp = class {
2008
1984
  }
2009
1985
  this.rotateFactor = pickerRotateFactor;
2010
1986
  this.scaleFactor = pickerScaleFactor;
2011
- this.gesture = (await import('./index-ff313b19.js')).createGesture({
1987
+ this.gesture = (await import('./index-32cbee52.js')).createGesture({
2012
1988
  el: this.el,
2013
1989
  gestureName: 'picker-swipe',
2014
1990
  gesturePriority: 100,
@@ -139,7 +139,7 @@ const ItemSliding = class {
139
139
  await this.updateOptions();
140
140
  });
141
141
  await this.updateOptions();
142
- this.gesture = (await import('./index-ff313b19.js')).createGesture({
142
+ this.gesture = (await import('./index-32cbee52.js')).createGesture({
143
143
  el,
144
144
  gestureName: 'item-swipe',
145
145
  gesturePriority: 100,
@@ -5,12 +5,13 @@ import { r as registerInstance, d as createEvent, h, H as Host, f as getElement
5
5
  import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-96c9ace3.js';
6
6
  import { r as raf } from './helpers-3379ba19.js';
7
7
  import { c as createLockController } from './lock-controller-e8c6c051.js';
8
- import { d as createDelegateController, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-cec6bac8.js';
8
+ import { d as createDelegateController, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-a25f3692.js';
9
9
  import { g as getClassMap } from './theme-17531cdf.js';
10
10
  import { c as config, b as getIonMode } from './ionic-global-246ca78f.js';
11
11
  import { c as createAnimation } from './animation-8aa13916.js';
12
12
  import './index-7a14ecec.js';
13
13
  import './framework-delegate-aa433dea.js';
14
+ import './gesture-controller-3723db7c.js';
14
15
  import './hardware-back-button-39299f84.js';
15
16
  import './index-595d62c9.js';
16
17
 
@@ -3,10 +3,10 @@
3
3
  */
4
4
  import { r as registerInstance, d as createEvent, h, H as Host, f as getElement } from './index-b49b173c.js';
5
5
  import { g as getTimeGivenProgression } from './cubic-bezier-66542bc5.js';
6
- import { G as GESTURE_CONTROLLER } from './gesture-controller-0fa396c4.js';
6
+ import { G as GESTURE_CONTROLLER } from './gesture-controller-3723db7c.js';
7
7
  import { p as isEndSide, i as inheritAriaAttributes, o as assert, l as clamp } from './helpers-3379ba19.js';
8
8
  import { m as menuController } from './index-aae132ba.js';
9
- import { q as getPresentedOverlay } from './overlays-cec6bac8.js';
9
+ import { q as getPresentedOverlay } from './overlays-a25f3692.js';
10
10
  import { c as config, b as getIonMode } from './ionic-global-246ca78f.js';
11
11
  import { c as createColorClasses, h as hostContext } from './theme-17531cdf.js';
12
12
  import { u as menuOutline, v as menuSharp } from './index-c132c5f1.js';
@@ -129,7 +129,7 @@ const Menu = class {
129
129
  // register this menu with the app's menu controller
130
130
  menuController._register(this);
131
131
  this.menuChanged();
132
- this.gesture = (await import('./index-ff313b19.js')).createGesture({
132
+ this.gesture = (await import('./index-32cbee52.js')).createGesture({
133
133
  el: document,
134
134
  gestureName: 'menu-swipe',
135
135
  gesturePriority: 30,
@@ -8,18 +8,18 @@ import { g as getElementRoot, l as clamp, r as raf, k as inheritAttributes, m as
8
8
  import { c as createLockController } from './lock-controller-e8c6c051.js';
9
9
  import { p as printIonWarning } from './index-595d62c9.js';
10
10
  import { g as getCapacitor } from './capacitor-b4979570.js';
11
- import { G as GESTURE, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, n as activeAnimations, g as dismiss, h as eventMethod } from './overlays-cec6bac8.js';
11
+ import { G as GESTURE, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, n as activeAnimations, g as dismiss, h as eventMethod } from './overlays-a25f3692.js';
12
12
  import { g as getClassMap } from './theme-17531cdf.js';
13
13
  import { e as deepReady, w as waitForMount } from './index-ec72506a.js';
14
14
  import { b as getIonMode, c as config } from './ionic-global-246ca78f.js';
15
15
  import { KEYBOARD_DID_OPEN } from './keyboard-b551279d.js';
16
16
  import { c as createAnimation } from './animation-8aa13916.js';
17
17
  import { g as getTimeGivenProgression } from './cubic-bezier-66542bc5.js';
18
- import { createGesture } from './index-ff313b19.js';
18
+ import { createGesture } from './index-32cbee52.js';
19
19
  import { w as win } from './index-7a14ecec.js';
20
+ import './gesture-controller-3723db7c.js';
20
21
  import './hardware-back-button-39299f84.js';
21
22
  import './keyboard-b063f012.js';
22
- import './gesture-controller-0fa396c4.js';
23
23
 
24
24
  var Style;
25
25
  (function (Style) {
@@ -131,7 +131,7 @@ const Nav = class {
131
131
  // We want to set this flag before any watch callbacks are manually called
132
132
  this.didLoad = true;
133
133
  this.rootChanged();
134
- this.gesture = (await import('./swipe-back-0f3bfc8e.js')).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
134
+ this.gesture = (await import('./swipe-back-cc4c2bcb.js')).createSwipeBackGesture(this.el, this.canStart.bind(this), this.onStart.bind(this), this.onMove.bind(this), this.onEnd.bind(this));
135
135
  this.swipeGestureChanged();
136
136
  }
137
137
  connectedCallback() {
@@ -6,12 +6,13 @@ import { C as CoreDelegate, a as attachComponent, d as detachComponent } from '.
6
6
  import { r as raf, g as getElementRoot, a as addEventListener, m as hasLazyBuild } from './helpers-3379ba19.js';
7
7
  import { c as createLockController } from './lock-controller-e8c6c051.js';
8
8
  import { p as printIonWarning } from './index-595d62c9.js';
9
- import { B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, o as focusFirstDescendant, g as dismiss, h as eventMethod } from './overlays-cec6bac8.js';
9
+ import { B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, o as focusFirstDescendant, g as dismiss, h as eventMethod } from './overlays-a25f3692.js';
10
10
  import { b as getIonMode, a as isPlatform } from './ionic-global-246ca78f.js';
11
11
  import { g as getClassMap } from './theme-17531cdf.js';
12
12
  import { e as deepReady, w as waitForMount } from './index-ec72506a.js';
13
13
  import { c as createAnimation } from './animation-8aa13916.js';
14
14
  import './index-7a14ecec.js';
15
+ import './gesture-controller-3723db7c.js';
15
16
  import './hardware-back-button-39299f84.js';
16
17
 
17
18
  /**
@@ -92,7 +92,7 @@ const Range = class {
92
92
  this.setupGesture = async () => {
93
93
  const rangeSlider = this.rangeSlider;
94
94
  if (rangeSlider) {
95
- this.gesture = (await import('./index-ff313b19.js')).createGesture({
95
+ this.gesture = (await import('./index-32cbee52.js')).createGesture({
96
96
  el: rangeSlider,
97
97
  gestureName: 'range',
98
98
  gesturePriority: 100,
@@ -330,7 +330,7 @@ const Refresher = class {
330
330
  });
331
331
  };
332
332
  this.scrollEl.addEventListener('scroll', this.scrollListenerCallback);
333
- this.gesture = (await import('./index-ff313b19.js')).createGesture({
333
+ this.gesture = (await import('./index-32cbee52.js')).createGesture({
334
334
  el: this.scrollEl,
335
335
  gestureName: 'refresher',
336
336
  gesturePriority: 31,
@@ -382,7 +382,7 @@ const Refresher = class {
382
382
  refreshingCircle.style.setProperty('animation-delay', '-655ms');
383
383
  });
384
384
  }
385
- this.gesture = (await import('./index-ff313b19.js')).createGesture({
385
+ this.gesture = (await import('./index-32cbee52.js')).createGesture({
386
386
  el: this.scrollEl,
387
387
  gestureName: 'refresher',
388
388
  gesturePriority: 31,
@@ -508,7 +508,7 @@ const Refresher = class {
508
508
  this.setupNativeRefresher(contentEl);
509
509
  }
510
510
  else {
511
- this.gesture = (await import('./index-ff313b19.js')).createGesture({
511
+ this.gesture = (await import('./index-32cbee52.js')).createGesture({
512
512
  el: contentEl,
513
513
  gestureName: 'refresher',
514
514
  gesturePriority: 31,
@@ -66,7 +66,7 @@ const ReorderGroup = class {
66
66
  if (contentEl) {
67
67
  this.scrollEl = await getScrollElement(contentEl);
68
68
  }
69
- this.gesture = (await import('./index-ff313b19.js')).createGesture({
69
+ this.gesture = (await import('./index-32cbee52.js')).createGesture({
70
70
  el: this.el,
71
71
  gestureName: 'reorder',
72
72
  gesturePriority: 110,
@@ -120,7 +120,7 @@ const Segment = class {
120
120
  */
121
121
  this.scrollActiveButtonIntoView(false);
122
122
  });
123
- this.gesture = (await import('./index-ff313b19.js')).createGesture({
123
+ this.gesture = (await import('./index-32cbee52.js')).createGesture({
124
124
  el: this.el,
125
125
  gestureName: 'segment',
126
126
  gesturePriority: 100,
@@ -6,7 +6,7 @@ import { c as createLegacyFormController } from './form-controller-ed77647a.js';
6
6
  import { c as createNotchController } from './notch-controller-8c9c0e54.js';
7
7
  import { k as inheritAttributes, f as focusElement, h as findItemLabel, d as renderHiddenInput, e as getAriaLabel } from './helpers-3379ba19.js';
8
8
  import { p as printIonWarning } from './index-595d62c9.js';
9
- import { c as popoverController, b as actionSheetController, a as alertController, s as safeCall } from './overlays-cec6bac8.js';
9
+ import { c as popoverController, b as actionSheetController, a as alertController, s as safeCall } from './overlays-a25f3692.js';
10
10
  import { i as isRTL } from './dir-912e3e13.js';
11
11
  import { h as hostContext, c as createColorClasses, g as getClassMap } from './theme-17531cdf.js';
12
12
  import { w as watchForOptions } from './watch-options-02d8498b.js';
@@ -14,6 +14,7 @@ import { w as chevronExpand, q as caretDownSharp } from './index-c132c5f1.js';
14
14
  import { b as getIonMode } from './ionic-global-246ca78f.js';
15
15
  import './index-7a14ecec.js';
16
16
  import './framework-delegate-aa433dea.js';
17
+ import './gesture-controller-3723db7c.js';
17
18
  import './hardware-back-button-39299f84.js';
18
19
 
19
20
  const selectIosCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--placeholder-opacity:0.6;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;font-family:var(--ion-font-family, inherit);white-space:nowrap;cursor:pointer;z-index:2}:host(:not(.legacy-select)){width:100%;min-height:44px}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.legacy-select){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.in-item.legacy-select){position:static;max-width:45%}:host(.select-disabled){pointer-events:none}:host(.ion-focused) button{border:2px solid #5e9ed6}:host([slot=start]:not(.legacy-select)),:host([slot=end]:not(.legacy-select)){width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}:host(.legacy-select) label{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){:host(.legacy-select) label{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host(.legacy-select) label{left:0}:host-context([dir=rtl]):host(.legacy-select) label,:host-context([dir=rtl]).legacy-select label{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(.legacy-select:dir(rtl)) label{left:unset;right:unset;right:0}}}:host(.legacy-select) label::-moz-focus-inner{border:0}button{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative}:host(.in-item-color) .select-icon{color:inherit}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;min-width:16px;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0;-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.ion-focused.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-expanded.select-label-placement-floating) .label-text-wrapper,:host(.ion-focused.select-label-placement-floating) .label-text-wrapper,:host(.has-value.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}:host(.legacy-select){--padding-top:10px;--padding-end:8px;--padding-bottom:10px;--padding-start:16px}.select-icon{width:1.125rem;height:1.125rem;color:var(--ion-color-step-650, #595959)}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{width:calc(100% - 1.125rem - 4px)}:host(.select-disabled){opacity:0.3}";
@@ -6,12 +6,13 @@ import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './conf
6
6
  import { g as getElementRoot, r as raf } from './helpers-3379ba19.js';
7
7
  import { c as createLockController } from './lock-controller-e8c6c051.js';
8
8
  import { p as printIonWarning } from './index-595d62c9.js';
9
- import { d as createDelegateController, e as createTriggerController, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-cec6bac8.js';
9
+ import { d as createDelegateController, e as createTriggerController, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-a25f3692.js';
10
10
  import { g as getClassMap, c as createColorClasses } from './theme-17531cdf.js';
11
11
  import { c as config, b as getIonMode } from './ionic-global-246ca78f.js';
12
12
  import { c as createAnimation } from './animation-8aa13916.js';
13
13
  import { w as win } from './index-7a14ecec.js';
14
14
  import './framework-delegate-aa433dea.js';
15
+ import './gesture-controller-3723db7c.js';
15
16
  import './hardware-back-button-39299f84.js';
16
17
 
17
18
  /**
@@ -33,7 +33,7 @@ const Toggle = class {
33
33
  this.setupGesture = async () => {
34
34
  const { toggleTrack } = this;
35
35
  if (toggleTrack) {
36
- this.gesture = (await import('./index-ff313b19.js')).createGesture({
36
+ this.gesture = (await import('./index-32cbee52.js')).createGesture({
37
37
  el: toggleTrack,
38
38
  gestureName: 'toggle',
39
39
  gesturePriority: 100,
@@ -4,6 +4,7 @@
4
4
  import { d as doc } from './index-7a14ecec.js';
5
5
  import { b as getIonMode, c as config } from './ionic-global-246ca78f.js';
6
6
  import { C as CoreDelegate } from './framework-delegate-aa433dea.js';
7
+ import { B as BACKDROP_NO_SCROLL } from './gesture-controller-3723db7c.js';
7
8
  import { OVERLAY_BACK_BUTTON_PRIORITY } from './hardware-back-button-39299f84.js';
8
9
  import { c as componentOnReady, f as focusElement, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-3379ba19.js';
9
10
  import { p as printIonWarning } from './index-595d62c9.js';
@@ -389,6 +390,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
389
390
  return;
390
391
  }
391
392
  setRootAriaHidden(true);
393
+ document.body.classList.add(BACKDROP_NO_SCROLL);
392
394
  overlay.presented = true;
393
395
  overlay.willPresent.emit();
394
396
  (_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
@@ -451,12 +453,14 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
451
453
  if (!overlay.presented) {
452
454
  return false;
453
455
  }
456
+ const lastOverlay = doc !== undefined && getPresentedOverlays(doc).length === 1;
454
457
  /**
455
458
  * If this is the last visible overlay then
456
459
  * we want to re-add the root to the accessibility tree.
457
460
  */
458
- if (doc !== undefined && getPresentedOverlays(doc).length === 1) {
461
+ if (lastOverlay) {
459
462
  setRootAriaHidden(false);
463
+ document.body.classList.remove(BACKDROP_NO_SCROLL);
460
464
  }
461
465
  overlay.presented = false;
462
466
  try {
@@ -3,8 +3,8 @@
3
3
  */
4
4
  import { l as clamp } from './helpers-3379ba19.js';
5
5
  import { i as isRTL } from './dir-912e3e13.js';
6
- import { createGesture } from './index-ff313b19.js';
7
- import './gesture-controller-0fa396c4.js';
6
+ import { createGesture } from './index-32cbee52.js';
7
+ import './gesture-controller-3723db7c.js';
8
8
 
9
9
  const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandler, onEndHandler) => {
10
10
  const win = el.ownerDocument.defaultView;
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import{w as writeTask}from"./index-b49b173c.js";import{h as hapticSelectionEnd,a as hapticSelectionStart,b as hapticSelectionChanged}from"./haptic-1243b917.js";import{createGesture}from"./index-ff313b19.js";var createButtonActiveGesture=function(t,e){var n;var r;var i=function(t,r,i){if(typeof document==="undefined"){return}var c=document.elementFromPoint(t,r);if(!c||!e(c)){o();return}if(c!==n){o();a(c,i)}};var a=function(t,e){n=t;if(!r){r=n}var i=n;writeTask((function(){return i.classList.add("ion-activated")}));e()};var o=function(t){if(t===void 0){t=false}if(!n){return}var e=n;writeTask((function(){return e.classList.remove("ion-activated")}));if(t&&r!==n){n.click()}n=undefined};return createGesture({el:t,gestureName:"buttonActiveDrag",threshold:0,onStart:function(t){return i(t.currentX,t.currentY,hapticSelectionStart)},onMove:function(t){return i(t.currentX,t.currentY,hapticSelectionChanged)},onEnd:function(){o(true);hapticSelectionEnd();r=undefined}})};export{createButtonActiveGesture as c};
4
+ import{w as writeTask}from"./index-b49b173c.js";import{h as hapticSelectionEnd,a as hapticSelectionStart,b as hapticSelectionChanged}from"./haptic-1243b917.js";import{createGesture}from"./index-32cbee52.js";var createButtonActiveGesture=function(t,e){var n;var r;var i=function(t,r,i){if(typeof document==="undefined"){return}var o=document.elementFromPoint(t,r);if(!o||!e(o)){c();return}if(o!==n){c();a(o,i)}};var a=function(t,e){n=t;if(!r){r=n}var i=n;writeTask((function(){return i.classList.add("ion-activated")}));e()};var c=function(t){if(t===void 0){t=false}if(!n){return}var e=n;writeTask((function(){return e.classList.remove("ion-activated")}));if(t&&r!==n){n.click()}n=undefined};return createGesture({el:t,gestureName:"buttonActiveDrag",threshold:0,onStart:function(t){return i(t.currentX,t.currentY,hapticSelectionStart)},onMove:function(t){return i(t.currentX,t.currentY,hapticSelectionChanged)},onEnd:function(){c(true);hapticSelectionEnd();r=undefined}})};export{createButtonActiveGesture as c};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- var GestureController=function(){function t(){this.gestureId=0;this.requestedStart=new Map;this.disabledGestures=new Map;this.disabledScroll=new Set}t.prototype.createGesture=function(t){var i;return new GestureDelegate(this,this.newID(),t.name,(i=t.priority)!==null&&i!==void 0?i:0,!!t.disableScroll)};t.prototype.createBlocker=function(t){if(t===void 0){t={}}return new BlockerDelegate(this,this.newID(),t.disable,!!t.disableScroll)};t.prototype.start=function(t,i,n){if(!this.canStart(t)){this.requestedStart.delete(i);return false}this.requestedStart.set(i,n);return true};t.prototype.capture=function(t,i,n){if(!this.start(t,i,n)){return false}var e=this.requestedStart;var s=-1e4;e.forEach((function(t){s=Math.max(s,t)}));if(s===n){this.capturedId=i;e.clear();var r=new CustomEvent("ionGestureCaptured",{detail:{gestureName:t}});document.dispatchEvent(r);return true}e.delete(i);return false};t.prototype.release=function(t){this.requestedStart.delete(t);if(this.capturedId===t){this.capturedId=undefined}};t.prototype.disableGesture=function(t,i){var n=this.disabledGestures.get(t);if(n===undefined){n=new Set;this.disabledGestures.set(t,n)}n.add(i)};t.prototype.enableGesture=function(t,i){var n=this.disabledGestures.get(t);if(n!==undefined){n.delete(i)}};t.prototype.disableScroll=function(t){this.disabledScroll.add(t);if(this.disabledScroll.size===1){document.body.classList.add(BACKDROP_NO_SCROLL)}};t.prototype.enableScroll=function(t){this.disabledScroll.delete(t);if(this.disabledScroll.size===0){document.body.classList.remove(BACKDROP_NO_SCROLL)}};t.prototype.canStart=function(t){if(this.capturedId!==undefined){return false}if(this.isDisabled(t)){return false}return true};t.prototype.isCaptured=function(){return this.capturedId!==undefined};t.prototype.isScrollDisabled=function(){return this.disabledScroll.size>0};t.prototype.isDisabled=function(t){var i=this.disabledGestures.get(t);if(i&&i.size>0){return true}return false};t.prototype.newID=function(){this.gestureId++;return this.gestureId};return t}();var GestureDelegate=function(){function t(t,i,n,e,s){this.id=i;this.name=n;this.disableScroll=s;this.priority=e*1e6+i;this.ctrl=t}t.prototype.canStart=function(){if(!this.ctrl){return false}return this.ctrl.canStart(this.name)};t.prototype.start=function(){if(!this.ctrl){return false}return this.ctrl.start(this.name,this.id,this.priority)};t.prototype.capture=function(){if(!this.ctrl){return false}var t=this.ctrl.capture(this.name,this.id,this.priority);if(t&&this.disableScroll){this.ctrl.disableScroll(this.id)}return t};t.prototype.release=function(){if(this.ctrl){this.ctrl.release(this.id);if(this.disableScroll){this.ctrl.enableScroll(this.id)}}};t.prototype.destroy=function(){this.release();this.ctrl=undefined};return t}();var BlockerDelegate=function(){function t(t,i,n,e){this.id=i;this.disable=n;this.disableScroll=e;this.ctrl=t}t.prototype.block=function(){if(!this.ctrl){return}if(this.disable){for(var t=0,i=this.disable;t<i.length;t++){var n=i[t];this.ctrl.disableGesture(n,this.id)}}if(this.disableScroll){this.ctrl.disableScroll(this.id)}};t.prototype.unblock=function(){if(!this.ctrl){return}if(this.disable){for(var t=0,i=this.disable;t<i.length;t++){var n=i[t];this.ctrl.enableGesture(n,this.id)}}if(this.disableScroll){this.ctrl.enableScroll(this.id)}};t.prototype.destroy=function(){this.unblock();this.ctrl=undefined};return t}();var BACKDROP_NO_SCROLL="backdrop-no-scroll";var GESTURE_CONTROLLER=new GestureController;export{GESTURE_CONTROLLER as G};
4
+ var GestureController=function(){function t(){this.gestureId=0;this.requestedStart=new Map;this.disabledGestures=new Map;this.disabledScroll=new Set}t.prototype.createGesture=function(t){var i;return new GestureDelegate(this,this.newID(),t.name,(i=t.priority)!==null&&i!==void 0?i:0,!!t.disableScroll)};t.prototype.createBlocker=function(t){if(t===void 0){t={}}return new BlockerDelegate(this,this.newID(),t.disable,!!t.disableScroll)};t.prototype.start=function(t,i,n){if(!this.canStart(t)){this.requestedStart.delete(i);return false}this.requestedStart.set(i,n);return true};t.prototype.capture=function(t,i,n){if(!this.start(t,i,n)){return false}var e=this.requestedStart;var s=-1e4;e.forEach((function(t){s=Math.max(s,t)}));if(s===n){this.capturedId=i;e.clear();var r=new CustomEvent("ionGestureCaptured",{detail:{gestureName:t}});document.dispatchEvent(r);return true}e.delete(i);return false};t.prototype.release=function(t){this.requestedStart.delete(t);if(this.capturedId===t){this.capturedId=undefined}};t.prototype.disableGesture=function(t,i){var n=this.disabledGestures.get(t);if(n===undefined){n=new Set;this.disabledGestures.set(t,n)}n.add(i)};t.prototype.enableGesture=function(t,i){var n=this.disabledGestures.get(t);if(n!==undefined){n.delete(i)}};t.prototype.disableScroll=function(t){this.disabledScroll.add(t);if(this.disabledScroll.size===1){document.body.classList.add(BACKDROP_NO_SCROLL)}};t.prototype.enableScroll=function(t){this.disabledScroll.delete(t);if(this.disabledScroll.size===0){document.body.classList.remove(BACKDROP_NO_SCROLL)}};t.prototype.canStart=function(t){if(this.capturedId!==undefined){return false}if(this.isDisabled(t)){return false}return true};t.prototype.isCaptured=function(){return this.capturedId!==undefined};t.prototype.isScrollDisabled=function(){return this.disabledScroll.size>0};t.prototype.isDisabled=function(t){var i=this.disabledGestures.get(t);if(i&&i.size>0){return true}return false};t.prototype.newID=function(){this.gestureId++;return this.gestureId};return t}();var GestureDelegate=function(){function t(t,i,n,e,s){this.id=i;this.name=n;this.disableScroll=s;this.priority=e*1e6+i;this.ctrl=t}t.prototype.canStart=function(){if(!this.ctrl){return false}return this.ctrl.canStart(this.name)};t.prototype.start=function(){if(!this.ctrl){return false}return this.ctrl.start(this.name,this.id,this.priority)};t.prototype.capture=function(){if(!this.ctrl){return false}var t=this.ctrl.capture(this.name,this.id,this.priority);if(t&&this.disableScroll){this.ctrl.disableScroll(this.id)}return t};t.prototype.release=function(){if(this.ctrl){this.ctrl.release(this.id);if(this.disableScroll){this.ctrl.enableScroll(this.id)}}};t.prototype.destroy=function(){this.release();this.ctrl=undefined};return t}();var BlockerDelegate=function(){function t(t,i,n,e){this.id=i;this.disable=n;this.disableScroll=e;this.ctrl=t}t.prototype.block=function(){if(!this.ctrl){return}if(this.disable){for(var t=0,i=this.disable;t<i.length;t++){var n=i[t];this.ctrl.disableGesture(n,this.id)}}if(this.disableScroll){this.ctrl.disableScroll(this.id)}};t.prototype.unblock=function(){if(!this.ctrl){return}if(this.disable){for(var t=0,i=this.disable;t<i.length;t++){var n=i[t];this.ctrl.enableGesture(n,this.id)}}if(this.disableScroll){this.ctrl.enableScroll(this.id)}};t.prototype.destroy=function(){this.unblock();this.ctrl=undefined};return t}();var BACKDROP_NO_SCROLL="backdrop-no-scroll";var GESTURE_CONTROLLER=new GestureController;export{BACKDROP_NO_SCROLL as B,GESTURE_CONTROLLER as G};
@@ -1,4 +1,4 @@
1
1
  /*!
2
2
  * (C) Ionic http://ionicframework.com - MIT License
3
3
  */
4
- import{G as GESTURE_CONTROLLER}from"./gesture-controller-0fa396c4.js";export{G as GESTURE_CONTROLLER}from"./gesture-controller-0fa396c4.js";var addEventListener=function(e,r,t,a){var n=supportsPassive(e)?{capture:!!a.capture,passive:!!a.passive}:!!a.capture;var i;var f;if(e["__zone_symbol__addEventListener"]){i="__zone_symbol__addEventListener";f="__zone_symbol__removeEventListener"}else{i="addEventListener";f="removeEventListener"}e[i](r,t,n);return function(){e[f](r,t,n)}};var supportsPassive=function(e){if(_sPassive===undefined){try{var r=Object.defineProperty({},"passive",{get:function(){_sPassive=true}});e.addEventListener("optsTest",(function(){return}),r)}catch(e){_sPassive=false}}return!!_sPassive};var _sPassive;var MOUSE_WAIT=2e3;var createPointerEvents=function(e,r,t,a,n){var i;var f;var v;var u;var s;var o;var c;var d=0;var l=function(a){d=Date.now()+MOUSE_WAIT;if(!r(a)){return}if(!f&&t){f=addEventListener(e,"touchmove",t,n)}if(!v){v=addEventListener(a.target,"touchend",m,n)}if(!u){u=addEventListener(a.target,"touchcancel",m,n)}};var E=function(a){if(d>Date.now()){return}if(!r(a)){return}if(!o&&t){o=addEventListener(getDocument(e),"mousemove",t,n)}if(!c){c=addEventListener(getDocument(e),"mouseup",p,n)}};var m=function(e){_();if(a){a(e)}};var p=function(e){L();if(a){a(e)}};var _=function(){if(f){f()}if(v){v()}if(u){u()}f=v=u=undefined};var L=function(){if(o){o()}if(c){c()}o=c=undefined};var D=function(){_();L()};var G=function(r){if(r===void 0){r=true}if(!r){if(i){i()}if(s){s()}i=s=undefined;D()}else{if(!i){i=addEventListener(e,"touchstart",l,n)}if(!s){s=addEventListener(e,"mousedown",E,n)}}};var P=function(){G(false);a=t=r=undefined};return{enable:G,stop:D,destroy:P}};var getDocument=function(e){return e instanceof Document?e:e.ownerDocument};var createPanRecognizer=function(e,r,t){var a=t*(Math.PI/180);var n=e==="x";var i=Math.cos(a);var f=r*r;var v=0;var u=0;var s=false;var o=0;return{start:function(e,r){v=e;u=r;o=0;s=true},detect:function(e,r){if(!s){return false}var t=e-v;var a=r-u;var c=t*t+a*a;if(c<f){return false}var d=Math.sqrt(c);var l=(n?t:a)/d;if(l>i){o=1}else if(l<-i){o=-1}else{o=0}s=false;return true},isGesture:function(){return o!==0},getDirection:function(){return o}}};var createGesture=function(e){var r=false;var t=false;var a=true;var n=false;var i=Object.assign({disableScroll:false,direction:"x",gesturePriority:0,passive:true,maxAngle:40,threshold:10},e);var f=i.canStart;var v=i.onWillStart;var u=i.onStart;var s=i.onEnd;var o=i.notCaptured;var c=i.onMove;var d=i.threshold;var l=i.passive;var E=i.blurOnStart;var m={type:"pan",startX:0,startY:0,startTime:0,currentX:0,currentY:0,velocityX:0,velocityY:0,deltaX:0,deltaY:0,currentTime:0,event:undefined,data:undefined};var p=createPanRecognizer(i.direction,i.threshold,i.maxAngle);var _=GESTURE_CONTROLLER.createGesture({name:e.gestureName,priority:e.gesturePriority,disableScroll:e.disableScroll});var L=function(e){var r=now(e);if(t||!a){return false}updateDetail(e,m);m.startX=m.currentX;m.startY=m.currentY;m.startTime=m.currentTime=r;m.velocityX=m.velocityY=m.deltaX=m.deltaY=0;m.event=e;if(f&&f(m)===false){return false}_.release();if(!_.start()){return false}t=true;if(d===0){return P()}p.start(m.startX,m.startY);return true};var D=function(e){if(r){if(!n&&a){n=true;calcGestureData(m,e);requestAnimationFrame(G)}return}calcGestureData(m,e);if(p.detect(m.currentX,m.currentY)){if(!p.isGesture()||!P()){O()}}};var G=function(){if(!r){return}n=false;if(c){c(m)}};var P=function(){if(!_.capture()){return false}r=true;a=false;m.startX=m.currentX;m.startY=m.currentY;m.startTime=m.currentTime;if(v){v(m).then(y)}else{y()}return true};var g=function(){if(typeof document!=="undefined"){var e=document.activeElement;if(e===null||e===void 0?void 0:e.blur){e.blur()}}};var y=function(){if(E){g()}if(u){u(m)}a=true};var R=function(){r=false;t=false;n=false;a=true;_.release()};var T=function(e){var t=r;var n=a;R();if(!n){return}calcGestureData(m,e);if(t){if(s){s(m)}return}if(o){o(m)}};var h=createPointerEvents(i.el,L,D,T,{capture:false,passive:l});var O=function(){R();h.stop();if(o){o(m)}};return{enable:function(e){if(e===void 0){e=true}if(!e){if(r){T(undefined)}R()}h.enable(e)},destroy:function(){_.destroy();h.destroy()}}};var calcGestureData=function(e,r){if(!r){return}var t=e.currentX;var a=e.currentY;var n=e.currentTime;updateDetail(r,e);var i=e.currentX;var f=e.currentY;var v=e.currentTime=now(r);var u=v-n;if(u>0&&u<100){var s=(i-t)/u;var o=(f-a)/u;e.velocityX=s*.7+e.velocityX*.3;e.velocityY=o*.7+e.velocityY*.3}e.deltaX=i-e.startX;e.deltaY=f-e.startY;e.event=r};var updateDetail=function(e,r){var t=0;var a=0;if(e){var n=e.changedTouches;if(n&&n.length>0){var i=n[0];t=i.clientX;a=i.clientY}else if(e.pageX!==undefined){t=e.pageX;a=e.pageY}}r.currentX=t;r.currentY=a};var now=function(e){return e.timeStamp||Date.now()};export{createGesture};
4
+ import{G as GESTURE_CONTROLLER}from"./gesture-controller-3723db7c.js";export{G as GESTURE_CONTROLLER}from"./gesture-controller-3723db7c.js";var addEventListener=function(e,r,t,a){var n=supportsPassive(e)?{capture:!!a.capture,passive:!!a.passive}:!!a.capture;var i;var f;if(e["__zone_symbol__addEventListener"]){i="__zone_symbol__addEventListener";f="__zone_symbol__removeEventListener"}else{i="addEventListener";f="removeEventListener"}e[i](r,t,n);return function(){e[f](r,t,n)}};var supportsPassive=function(e){if(_sPassive===undefined){try{var r=Object.defineProperty({},"passive",{get:function(){_sPassive=true}});e.addEventListener("optsTest",(function(){return}),r)}catch(e){_sPassive=false}}return!!_sPassive};var _sPassive;var MOUSE_WAIT=2e3;var createPointerEvents=function(e,r,t,a,n){var i;var f;var v;var u;var s;var o;var c;var d=0;var l=function(a){d=Date.now()+MOUSE_WAIT;if(!r(a)){return}if(!f&&t){f=addEventListener(e,"touchmove",t,n)}if(!v){v=addEventListener(a.target,"touchend",m,n)}if(!u){u=addEventListener(a.target,"touchcancel",m,n)}};var E=function(a){if(d>Date.now()){return}if(!r(a)){return}if(!o&&t){o=addEventListener(getDocument(e),"mousemove",t,n)}if(!c){c=addEventListener(getDocument(e),"mouseup",p,n)}};var m=function(e){_();if(a){a(e)}};var p=function(e){L();if(a){a(e)}};var _=function(){if(f){f()}if(v){v()}if(u){u()}f=v=u=undefined};var L=function(){if(o){o()}if(c){c()}o=c=undefined};var D=function(){_();L()};var G=function(r){if(r===void 0){r=true}if(!r){if(i){i()}if(s){s()}i=s=undefined;D()}else{if(!i){i=addEventListener(e,"touchstart",l,n)}if(!s){s=addEventListener(e,"mousedown",E,n)}}};var P=function(){G(false);a=t=r=undefined};return{enable:G,stop:D,destroy:P}};var getDocument=function(e){return e instanceof Document?e:e.ownerDocument};var createPanRecognizer=function(e,r,t){var a=t*(Math.PI/180);var n=e==="x";var i=Math.cos(a);var f=r*r;var v=0;var u=0;var s=false;var o=0;return{start:function(e,r){v=e;u=r;o=0;s=true},detect:function(e,r){if(!s){return false}var t=e-v;var a=r-u;var c=t*t+a*a;if(c<f){return false}var d=Math.sqrt(c);var l=(n?t:a)/d;if(l>i){o=1}else if(l<-i){o=-1}else{o=0}s=false;return true},isGesture:function(){return o!==0},getDirection:function(){return o}}};var createGesture=function(e){var r=false;var t=false;var a=true;var n=false;var i=Object.assign({disableScroll:false,direction:"x",gesturePriority:0,passive:true,maxAngle:40,threshold:10},e);var f=i.canStart;var v=i.onWillStart;var u=i.onStart;var s=i.onEnd;var o=i.notCaptured;var c=i.onMove;var d=i.threshold;var l=i.passive;var E=i.blurOnStart;var m={type:"pan",startX:0,startY:0,startTime:0,currentX:0,currentY:0,velocityX:0,velocityY:0,deltaX:0,deltaY:0,currentTime:0,event:undefined,data:undefined};var p=createPanRecognizer(i.direction,i.threshold,i.maxAngle);var _=GESTURE_CONTROLLER.createGesture({name:e.gestureName,priority:e.gesturePriority,disableScroll:e.disableScroll});var L=function(e){var r=now(e);if(t||!a){return false}updateDetail(e,m);m.startX=m.currentX;m.startY=m.currentY;m.startTime=m.currentTime=r;m.velocityX=m.velocityY=m.deltaX=m.deltaY=0;m.event=e;if(f&&f(m)===false){return false}_.release();if(!_.start()){return false}t=true;if(d===0){return P()}p.start(m.startX,m.startY);return true};var D=function(e){if(r){if(!n&&a){n=true;calcGestureData(m,e);requestAnimationFrame(G)}return}calcGestureData(m,e);if(p.detect(m.currentX,m.currentY)){if(!p.isGesture()||!P()){h()}}};var G=function(){if(!r){return}n=false;if(c){c(m)}};var P=function(){if(!_.capture()){return false}r=true;a=false;m.startX=m.currentX;m.startY=m.currentY;m.startTime=m.currentTime;if(v){v(m).then(y)}else{y()}return true};var g=function(){if(typeof document!=="undefined"){var e=document.activeElement;if(e===null||e===void 0?void 0:e.blur){e.blur()}}};var y=function(){if(E){g()}if(u){u(m)}a=true};var R=function(){r=false;t=false;n=false;a=true;_.release()};var T=function(e){var t=r;var n=a;R();if(!n){return}calcGestureData(m,e);if(t){if(s){s(m)}return}if(o){o(m)}};var b=createPointerEvents(i.el,L,D,T,{capture:false,passive:l});var h=function(){R();b.stop();if(o){o(m)}};return{enable:function(e){if(e===void 0){e=true}if(!e){if(r){T(undefined)}R()}b.enable(e)},destroy:function(){_.destroy();b.destroy()}}};var calcGestureData=function(e,r){if(!r){return}var t=e.currentX;var a=e.currentY;var n=e.currentTime;updateDetail(r,e);var i=e.currentX;var f=e.currentY;var v=e.currentTime=now(r);var u=v-n;if(u>0&&u<100){var s=(i-t)/u;var o=(f-a)/u;e.velocityX=s*.7+e.velocityX*.3;e.velocityY=o*.7+e.velocityY*.3}e.deltaX=i-e.startX;e.deltaY=f-e.startY;e.event=r};var updateDetail=function(e,r){var t=0;var a=0;if(e){var n=e.changedTouches;if(n&&n.length>0){var i=n[0];t=i.clientX;a=i.clientY}else if(e.pageX!==undefined){t=e.pageX;a=e.pageY}}r.currentX=t;r.currentY=a};var now=function(e){return e.timeStamp||Date.now()};export{createGesture};