voyager-ionic-core 8.0.0-beta.1 → 8.0.0-beta.3

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 (715) hide show
  1. package/components/action-sheet.js +3 -3
  2. package/components/alert.js +2 -2
  3. package/components/backdrop.js +1 -1
  4. package/components/button.js +2 -2
  5. package/components/buttons.js +3 -3
  6. package/components/checkbox.js +3 -3
  7. package/components/data.js +23 -38
  8. package/components/hardware-back-button.js +3 -3
  9. package/components/helpers.js +1 -54
  10. package/components/index9.js +1 -1
  11. package/components/input.utils.js +12 -0
  12. package/components/ion-app.js +4 -4
  13. package/components/ion-avatar.js +1 -1
  14. package/components/ion-back-button.js +2 -2
  15. package/components/ion-badge.js +2 -2
  16. package/components/ion-breadcrumb.js +2 -2
  17. package/components/ion-breadcrumbs.js +2 -2
  18. package/components/ion-card-content.js +1 -1
  19. package/components/ion-card-header.js +2 -2
  20. package/components/ion-card-subtitle.js +2 -2
  21. package/components/ion-card-title.js +2 -2
  22. package/components/ion-card.js +1 -1
  23. package/components/ion-chip.js +2 -2
  24. package/components/ion-col.js +2 -2
  25. package/components/ion-content.js +3 -3
  26. package/components/ion-datetime-button.js +11 -10
  27. package/components/ion-datetime.js +75 -12
  28. package/components/ion-fab-button.js +2 -2
  29. package/components/ion-fab-list.js +2 -2
  30. package/components/ion-fab.js +2 -2
  31. package/components/ion-footer.js +2 -2
  32. package/components/ion-grid.js +2 -2
  33. package/components/ion-header.js +3 -3
  34. package/components/ion-img.js +1 -1
  35. package/components/ion-infinite-scroll-content.js +2 -2
  36. package/components/ion-infinite-scroll.js +1 -1
  37. package/components/ion-input.js +6 -6
  38. package/components/ion-item-divider.js +2 -2
  39. package/components/ion-item-group.js +1 -1
  40. package/components/ion-item-option.js +2 -2
  41. package/components/ion-item-options.js +1 -1
  42. package/components/ion-item-sliding.js +1 -1
  43. package/components/ion-loading.js +2 -2
  44. package/components/ion-menu-button.js +2 -2
  45. package/components/ion-menu-toggle.js +2 -2
  46. package/components/ion-menu.js +3 -3
  47. package/components/ion-modal.js +3 -3
  48. package/components/ion-nav-link.js +1 -1
  49. package/components/ion-nav.js +1 -1
  50. package/components/ion-note.js +43 -1
  51. package/components/ion-picker-legacy.js +2 -2
  52. package/components/ion-progress-bar.js +1 -1
  53. package/components/ion-range.js +137 -45
  54. package/components/ion-refresher-content.js +1 -1
  55. package/components/ion-refresher.js +1 -1
  56. package/components/ion-reorder-group.js +1 -1
  57. package/components/ion-reorder.js +1 -1
  58. package/components/ion-router-link.js +2 -2
  59. package/components/ion-router-outlet.js +1 -1
  60. package/components/ion-router.js +1 -1
  61. package/components/ion-row.js +1 -1
  62. package/components/ion-searchbar.js +34 -5
  63. package/components/ion-segment-button.js +3 -3
  64. package/components/ion-segment.js +2 -2
  65. package/components/ion-select-option.js +1 -1
  66. package/components/ion-select.js +27 -33
  67. package/components/ion-skeleton-text.js +2 -2
  68. package/components/ion-split-pane.js +2 -2
  69. package/components/ion-tab-bar.js +2 -2
  70. package/components/ion-tab-button.js +2 -2
  71. package/components/ion-tab.js +2 -2
  72. package/components/ion-tabs.js +1 -1
  73. package/components/ion-text.js +2 -2
  74. package/components/ion-textarea.js +5 -5
  75. package/components/ion-thumbnail.js +1 -1
  76. package/components/ion-title.js +2 -2
  77. package/components/ion-toast.js +2 -2
  78. package/components/ion-toggle.js +3 -3
  79. package/components/ion-toolbar.js +2 -2
  80. package/components/item.js +11 -92
  81. package/components/label.js +5 -5
  82. package/components/list-header.js +2 -2
  83. package/components/list.js +1 -1
  84. package/components/overlays.js +61 -19
  85. package/components/picker-column-option.js +2 -2
  86. package/components/picker-column.js +8 -4
  87. package/components/picker-column2.js +2 -2
  88. package/components/picker.js +2 -2
  89. package/components/popover.js +2 -2
  90. package/components/radio-group.js +1 -1
  91. package/components/radio.js +3 -3
  92. package/components/ripple-effect.js +1 -1
  93. package/components/select-popover.js +13 -19
  94. package/components/spinner.js +1 -1
  95. package/css/palettes/dark.always.css.map +1 -0
  96. package/css/{themes → palettes}/dark.class.css +4 -4
  97. package/css/palettes/dark.class.css.map +1 -0
  98. package/css/palettes/dark.system.css.map +1 -0
  99. package/css/palettes/high-contrast-dark.always.css.map +1 -0
  100. package/css/{themes → palettes}/high-contrast-dark.class.css +10 -10
  101. package/css/palettes/high-contrast-dark.class.css.map +1 -0
  102. package/css/palettes/high-contrast-dark.system.css.map +1 -0
  103. package/css/palettes/high-contrast.always.css.map +1 -0
  104. package/css/{themes → palettes}/high-contrast.class.css +31 -31
  105. package/css/palettes/high-contrast.class.css.map +1 -0
  106. package/css/palettes/high-contrast.system.css.map +1 -0
  107. package/dist/cjs/{animation-4ad55058.js → animation-58ecfe20.js} +1 -1
  108. package/dist/cjs/{app-globals-4d26cb5a.js → app-globals-e132c781.js} +1 -1
  109. package/dist/cjs/{button-active-e447f58b.js → button-active-60ecf64d.js} +1 -1
  110. package/dist/cjs/{data-e2bf21de.js → data-21dc0f81.js} +22 -39
  111. package/dist/cjs/{framework-delegate-53817ef1.js → framework-delegate-df3a2b04.js} +1 -1
  112. package/dist/cjs/{hardware-back-button-4cb049f1.js → hardware-back-button-1c67a5a2.js} +5 -5
  113. package/dist/cjs/{helpers-b71ca811.js → helpers-71097d9c.js} +0 -54
  114. package/dist/cjs/{index-92bb95d6.js → index-14ae0c27.js} +4 -4
  115. package/dist/cjs/{index-bbc5b1f7.js → index-289297dc.js} +4 -4
  116. package/dist/cjs/{index-ea266398.js → index-2d21d526.js} +441 -12
  117. package/dist/cjs/{index-347883f6.js → index-7479ea5a.js} +1 -1
  118. package/dist/cjs/{index-7574e3d2.js → index-a91a3e24.js} +1 -1
  119. package/dist/cjs/index.cjs.js +11 -11
  120. package/dist/cjs/{input-shims-679d87bc.js → input-shims-77b14f24.js} +2 -2
  121. package/dist/cjs/{input.utils-5175aea1.js → input.utils-ca74d73a.js} +13 -1
  122. package/dist/cjs/ion-accordion_2.cjs.entry.js +3 -3
  123. package/dist/cjs/ion-action-sheet.cjs.entry.js +11 -11
  124. package/dist/cjs/ion-alert.cjs.entry.js +10 -10
  125. package/dist/cjs/ion-app_8.cjs.entry.js +30 -30
  126. package/dist/cjs/ion-avatar_3.cjs.entry.js +6 -6
  127. package/dist/cjs/ion-back-button.cjs.entry.js +5 -5
  128. package/dist/cjs/ion-backdrop.cjs.entry.js +3 -3
  129. package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +7 -7
  130. package/dist/cjs/ion-button_2.cjs.entry.js +5 -5
  131. package/dist/cjs/ion-card_5.cjs.entry.js +11 -11
  132. package/dist/cjs/ion-checkbox.cjs.entry.js +6 -6
  133. package/dist/cjs/ion-chip.cjs.entry.js +4 -4
  134. package/dist/cjs/ion-col_3.cjs.entry.js +7 -7
  135. package/dist/cjs/ion-datetime-button.cjs.entry.js +14 -13
  136. package/dist/cjs/ion-datetime_3.cjs.entry.js +83 -23
  137. package/dist/cjs/ion-fab_3.cjs.entry.js +9 -9
  138. package/dist/cjs/ion-img.cjs.entry.js +4 -4
  139. package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +7 -7
  140. package/dist/cjs/ion-input.cjs.entry.js +10 -10
  141. package/dist/cjs/ion-item-option_3.cjs.entry.js +8 -8
  142. package/dist/cjs/ion-item_8.cjs.entry.js +23 -92
  143. package/dist/cjs/ion-loading.cjs.entry.js +9 -9
  144. package/dist/cjs/ion-menu_3.cjs.entry.js +14 -14
  145. package/dist/cjs/ion-modal.cjs.entry.js +12 -12
  146. package/dist/cjs/ion-nav_2.cjs.entry.js +8 -8
  147. package/dist/cjs/ion-picker-column-option.cjs.entry.js +5 -5
  148. package/dist/cjs/ion-picker-column.cjs.entry.js +11 -7
  149. package/dist/cjs/ion-picker.cjs.entry.js +4 -4
  150. package/dist/cjs/ion-popover.cjs.entry.js +10 -10
  151. package/dist/cjs/ion-progress-bar.cjs.entry.js +4 -4
  152. package/dist/cjs/ion-radio_2.cjs.entry.js +7 -7
  153. package/dist/cjs/ion-range.cjs.entry.js +140 -48
  154. package/dist/cjs/ion-refresher_2.cjs.entry.js +7 -7
  155. package/dist/cjs/ion-reorder_2.cjs.entry.js +6 -6
  156. package/dist/cjs/ion-ripple-effect.cjs.entry.js +3 -3
  157. package/dist/cjs/ion-route_4.cjs.entry.js +5 -5
  158. package/dist/cjs/ion-searchbar.cjs.entry.js +31 -7
  159. package/dist/cjs/ion-segment_2.cjs.entry.js +8 -8
  160. package/dist/cjs/ion-select_3.cjs.entry.js +17 -17
  161. package/dist/cjs/ion-spinner.cjs.entry.js +3 -3
  162. package/dist/cjs/ion-split-pane.cjs.entry.js +4 -4
  163. package/dist/cjs/ion-tab-bar_2.cjs.entry.js +7 -7
  164. package/dist/cjs/ion-tab_2.cjs.entry.js +6 -6
  165. package/dist/cjs/ion-text.cjs.entry.js +4 -4
  166. package/dist/cjs/ion-textarea.cjs.entry.js +9 -9
  167. package/dist/cjs/ion-toast.cjs.entry.js +9 -9
  168. package/dist/cjs/ion-toggle.cjs.entry.js +6 -6
  169. package/dist/cjs/{ionic-global-59aa7eb7.js → ionic-global-5762eca9.js} +1 -1
  170. package/dist/cjs/ionic.cjs.js +28 -5
  171. package/dist/cjs/{ios.transition-997fe325.js → ios.transition-8e0ca8ed.js} +4 -4
  172. package/dist/cjs/loader.cjs.js +4 -4
  173. package/dist/cjs/{md.transition-2b76c2c6.js → md.transition-5d0f134b.js} +4 -4
  174. package/dist/cjs/{notch-controller-8e0ae870.js → notch-controller-0042ad49.js} +1 -1
  175. package/dist/cjs/{overlays-3d02b54f.js → overlays-30b83581.js} +64 -22
  176. package/dist/cjs/{status-tap-3761c2d4.js → status-tap-dc3b8fda.js} +3 -3
  177. package/dist/cjs/{swipe-back-5b71fc62.js → swipe-back-49825f1f.js} +1 -1
  178. package/dist/collection/collection-manifest.json +1 -1
  179. package/dist/collection/components/action-sheet/action-sheet.js +3 -3
  180. package/dist/collection/components/action-sheet/test/a11y/action-sheet.e2e.js +1 -1
  181. package/dist/collection/components/alert/alert.js +2 -2
  182. package/dist/collection/components/alert/test/a11y/alert.e2e.js +5 -1
  183. package/dist/collection/components/alert/test/basic/alert.e2e.js +1 -1
  184. package/dist/collection/components/app/app.js +4 -4
  185. package/dist/collection/components/avatar/avatar.js +1 -1
  186. package/dist/collection/components/back-button/back-button.js +2 -2
  187. package/dist/collection/components/back-button/test/a11y/back-button.e2e.js +1 -1
  188. package/dist/collection/components/backdrop/backdrop.js +1 -1
  189. package/dist/collection/components/badge/badge.js +2 -2
  190. package/dist/collection/components/badge/test/a11y/badge.e2e.js +1 -1
  191. package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
  192. package/dist/collection/components/breadcrumbs/breadcrumbs.js +2 -2
  193. package/dist/collection/components/button/button.js +2 -2
  194. package/dist/collection/components/button/test/a11y/button.e2e.js +2 -2
  195. package/dist/collection/components/buttons/buttons.js +2 -2
  196. package/dist/collection/components/card/card.js +1 -1
  197. package/dist/collection/components/card-content/card-content.js +1 -1
  198. package/dist/collection/components/card-header/card-header.js +2 -2
  199. package/dist/collection/components/card-subtitle/card-subtitle.js +2 -2
  200. package/dist/collection/components/card-title/card-title.js +2 -2
  201. package/dist/collection/components/checkbox/checkbox.js +3 -3
  202. package/dist/collection/components/checkbox/test/a11y/checkbox.e2e.js +1 -1
  203. package/dist/collection/components/checkbox/test/checkbox.spec.js +12 -0
  204. package/dist/collection/components/chip/chip.js +2 -2
  205. package/dist/collection/components/col/col.js +2 -2
  206. package/dist/collection/components/content/content.js +3 -3
  207. package/dist/collection/components/datetime/datetime.js +56 -12
  208. package/dist/collection/components/datetime/test/basic/datetime.e2e.js +77 -0
  209. package/dist/collection/components/datetime/test/format.spec.js +65 -15
  210. package/dist/collection/components/datetime/utils/format.js +24 -37
  211. package/dist/collection/components/datetime/utils/validate.js +45 -0
  212. package/dist/collection/components/datetime-button/datetime-button.js +11 -10
  213. package/dist/collection/components/datetime-button/test/basic/datetime-button.e2e.js +65 -0
  214. package/dist/collection/components/fab/fab.js +2 -2
  215. package/dist/collection/components/fab-button/fab-button.js +2 -2
  216. package/dist/collection/components/fab-button/test/a11y/fab-button.e2e.js +1 -1
  217. package/dist/collection/components/fab-list/fab-list.js +2 -2
  218. package/dist/collection/components/footer/footer.js +2 -2
  219. package/dist/collection/components/grid/grid.js +2 -2
  220. package/dist/collection/components/header/header.ios.css +5 -2
  221. package/dist/collection/components/header/header.js +2 -2
  222. package/dist/collection/components/header/test/basic/header.e2e.js +77 -0
  223. package/dist/collection/components/img/img.js +1 -1
  224. package/dist/collection/components/infinite-scroll/infinite-scroll.js +1 -1
  225. package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
  226. package/dist/collection/components/input/input.ios.css +4 -2
  227. package/dist/collection/components/input/input.js +3 -3
  228. package/dist/collection/components/input/input.md.css +6 -4
  229. package/dist/collection/components/input/test/a11y/input.e2e.js +1 -1
  230. package/dist/collection/components/input/test/highlight/input.e2e.js +144 -0
  231. package/dist/collection/components/input/test/slot/input.e2e.js +8 -0
  232. package/dist/collection/components/item/item.ios.css +5 -197
  233. package/dist/collection/components/item/item.js +4 -166
  234. package/dist/collection/components/item/item.md.css +7 -360
  235. package/dist/collection/components/item/test/basic/item.e2e.js +0 -5
  236. package/dist/collection/components/item/test/buttons/item.e2e.js +20 -4
  237. package/dist/collection/components/item/test/item.spec.js +1 -1
  238. package/dist/collection/components/item-divider/item-divider.js +2 -2
  239. package/dist/collection/components/item-group/item-group.js +1 -1
  240. package/dist/collection/components/item-option/item-option.js +2 -2
  241. package/dist/collection/components/item-options/item-options.js +1 -1
  242. package/dist/collection/components/item-sliding/item-sliding.js +1 -1
  243. package/dist/collection/components/item-sliding/test/a11y/item-sliding.e2e.js +1 -1
  244. package/dist/collection/components/label/label.ios.css +0 -5
  245. package/dist/collection/components/label/label.js +2 -2
  246. package/dist/collection/components/label/label.md.css +0 -75
  247. package/dist/collection/components/label/test/a11y/label.e2e.js +1 -1
  248. package/dist/collection/components/list/list.js +1 -1
  249. package/dist/collection/components/list-header/list-header.js +2 -2
  250. package/dist/collection/components/loading/loading.js +2 -2
  251. package/dist/collection/components/loading/test/a11y/loading.e2e.js +1 -1
  252. package/dist/collection/components/menu/menu.js +12 -6
  253. package/dist/collection/components/menu-button/menu-button.js +2 -2
  254. package/dist/collection/components/menu-button/test/a11y/menu-button.e2e.js +1 -1
  255. package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
  256. package/dist/collection/components/modal/modal.js +3 -3
  257. package/dist/collection/components/nav/nav.js +1 -1
  258. package/dist/collection/components/nav-link/nav-link.js +1 -1
  259. package/dist/collection/components/note/note.js +2 -2
  260. package/dist/collection/components/picker/picker.js +2 -2
  261. package/dist/collection/components/picker-column/picker-column.js +8 -4
  262. package/dist/collection/components/picker-column-option/picker-column-option.js +2 -2
  263. package/dist/collection/components/picker-legacy/picker.js +2 -2
  264. package/dist/collection/components/picker-legacy-column/picker-column.js +2 -2
  265. package/dist/collection/components/popover/popover.js +2 -2
  266. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  267. package/dist/collection/components/progress-bar/test/a11y/progress-bar.e2e.js +1 -1
  268. package/dist/collection/components/radio/radio.js +3 -3
  269. package/dist/collection/components/radio/test/a11y/radio.e2e.js +1 -1
  270. package/dist/collection/components/radio-group/radio-group.js +1 -1
  271. package/dist/collection/components/range/range.js +137 -45
  272. package/dist/collection/components/range/test/a11y/range.e2e.js +1 -1
  273. package/dist/collection/components/range/test/label/range.spec.js +24 -0
  274. package/dist/collection/components/range/test/range-events.e2e.js +27 -0
  275. package/dist/collection/components/refresher/refresher.js +1 -1
  276. package/dist/collection/components/refresher/test/a11y/refresher.e2e.js +1 -1
  277. package/dist/collection/components/refresher-content/refresher-content.js +1 -1
  278. package/dist/collection/components/reorder/reorder.js +1 -1
  279. package/dist/collection/components/reorder-group/reorder-group.js +1 -1
  280. package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
  281. package/dist/collection/components/router-link/router-link.js +2 -2
  282. package/dist/collection/components/router-link/test/a11y/router-link.e2e.js +1 -1
  283. package/dist/collection/components/router-outlet/router-outlet.js +1 -1
  284. package/dist/collection/components/row/row.js +1 -1
  285. package/dist/collection/components/searchbar/searchbar.js +84 -5
  286. package/dist/collection/components/searchbar/test/searchbar.spec.js +20 -2
  287. package/dist/collection/components/segment/segment.js +2 -2
  288. package/dist/collection/components/segment/test/a11y/segment.e2e.js +1 -1
  289. package/dist/collection/components/segment-button/segment-button.js +3 -3
  290. package/dist/collection/components/select/select.ios.css +7 -2
  291. package/dist/collection/components/select/select.js +7 -7
  292. package/dist/collection/components/select/select.md.css +6 -29
  293. package/dist/collection/components/select/test/a11y/select.e2e.js +1 -1
  294. package/dist/collection/components/select/test/highlight/select.e2e.js +88 -4
  295. package/dist/collection/components/select/test/select.spec.js +22 -0
  296. package/dist/collection/components/select/test/slot/select.e2e.js +8 -0
  297. package/dist/collection/components/select-option/select-option.js +1 -1
  298. package/dist/collection/components/select-popover/select-popover.js +1 -1
  299. package/dist/collection/components/select-popover/test/a11y/select-popover.e2e.js +1 -1
  300. package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
  301. package/dist/collection/components/spinner/spinner.js +1 -1
  302. package/dist/collection/components/split-pane/split-pane.js +2 -2
  303. package/dist/collection/components/tab/tab.js +2 -2
  304. package/dist/collection/components/tab-bar/tab-bar.js +2 -2
  305. package/dist/collection/components/tab-button/tab-button.js +2 -2
  306. package/dist/collection/components/tabs/tabs.js +1 -1
  307. package/dist/collection/components/text/text.js +2 -2
  308. package/dist/collection/components/textarea/test/a11y/textarea.e2e.js +1 -1
  309. package/dist/collection/components/textarea/test/highlight/textarea.e2e.js +144 -0
  310. package/dist/collection/components/textarea/test/slot/textarea.e2e.js +8 -0
  311. package/dist/collection/components/textarea/textarea.ios.css +4 -22
  312. package/dist/collection/components/textarea/textarea.js +2 -2
  313. package/dist/collection/components/textarea/textarea.md.css +6 -17
  314. package/dist/collection/components/thumbnail/thumbnail.js +1 -1
  315. package/dist/collection/components/title/title.js +2 -2
  316. package/dist/collection/components/toast/test/a11y/toast.e2e.js +2 -2
  317. package/dist/collection/components/toast/toast.js +2 -2
  318. package/dist/collection/components/toggle/test/a11y/toggle.e2e.js +1 -1
  319. package/dist/collection/components/toggle/toggle.js +4 -4
  320. package/dist/collection/components/toolbar/toolbar.js +2 -2
  321. package/dist/collection/css/test/a11y/typography.e2e.js +1 -1
  322. package/dist/collection/themes/test/colors/theme.e2e.js +2 -2
  323. package/dist/collection/utils/forms/index.js +0 -1
  324. package/dist/collection/utils/hardware-back-button.js +2 -2
  325. package/dist/collection/utils/helpers.js +0 -53
  326. package/dist/collection/utils/overlays.js +61 -19
  327. package/dist/collection/utils/slot-mutation-controller.js +12 -0
  328. package/dist/collection/utils/test/overlays/overlays.spec.js +53 -0
  329. package/dist/collection/utils/test/playwright/generator.js +17 -17
  330. package/dist/collection/utils/test/playwright/page/utils/set-content.js +6 -6
  331. package/dist/docs.json +159 -190
  332. package/dist/esm/{animation-a4acf150.js → animation-6a3c0abb.js} +1 -1
  333. package/dist/esm/{app-globals-cfb6787b.js → app-globals-80842d68.js} +1 -1
  334. package/dist/esm/{button-active-454e5c57.js → button-active-c6e18fac.js} +1 -1
  335. package/dist/esm/{data-691286f1.js → data-ae11fd43.js} +23 -38
  336. package/dist/esm/{framework-delegate-1eb3236c.js → framework-delegate-3dede018.js} +1 -1
  337. package/dist/esm/{hardware-back-button-3a14f99e.js → hardware-back-button-fb295e3a.js} +5 -5
  338. package/dist/esm/{helpers-ae74b3c9.js → helpers-eab4f597.js} +1 -54
  339. package/dist/esm/{index-66871a1d.js → index-044b5a86.js} +1 -1
  340. package/dist/esm/{index-5847f4a9.js → index-136e99c8.js} +4 -4
  341. package/dist/esm/{index-9b6d6df3.js → index-5d6a0317.js} +441 -13
  342. package/dist/esm/{index-03086279.js → index-95a691d4.js} +4 -4
  343. package/dist/esm/{index-1f563746.js → index-fa221975.js} +1 -1
  344. package/dist/esm/index.js +11 -11
  345. package/dist/esm/{input-shims-56c1f603.js → input-shims-196afa11.js} +2 -2
  346. package/dist/esm/{input.utils-482fc893.js → input.utils-426cc674.js} +13 -1
  347. package/dist/esm/ion-accordion_2.entry.js +3 -3
  348. package/dist/esm/ion-action-sheet.entry.js +11 -11
  349. package/dist/esm/ion-alert.entry.js +10 -10
  350. package/dist/esm/ion-app_8.entry.js +30 -30
  351. package/dist/esm/ion-avatar_3.entry.js +6 -6
  352. package/dist/esm/ion-back-button.entry.js +5 -5
  353. package/dist/esm/ion-backdrop.entry.js +3 -3
  354. package/dist/esm/ion-breadcrumb_2.entry.js +7 -7
  355. package/dist/esm/ion-button_2.entry.js +5 -5
  356. package/dist/esm/ion-card_5.entry.js +11 -11
  357. package/dist/esm/ion-checkbox.entry.js +6 -6
  358. package/dist/esm/ion-chip.entry.js +4 -4
  359. package/dist/esm/ion-col_3.entry.js +7 -7
  360. package/dist/esm/ion-datetime-button.entry.js +14 -13
  361. package/dist/esm/ion-datetime_3.entry.js +83 -23
  362. package/dist/esm/ion-fab_3.entry.js +9 -9
  363. package/dist/esm/ion-img.entry.js +4 -4
  364. package/dist/esm/ion-infinite-scroll_2.entry.js +7 -7
  365. package/dist/esm/ion-input.entry.js +10 -10
  366. package/dist/esm/ion-item-option_3.entry.js +8 -8
  367. package/dist/esm/ion-item_8.entry.js +23 -92
  368. package/dist/esm/ion-loading.entry.js +9 -9
  369. package/dist/esm/ion-menu_3.entry.js +14 -14
  370. package/dist/esm/ion-modal.entry.js +12 -12
  371. package/dist/esm/ion-nav_2.entry.js +8 -8
  372. package/dist/esm/ion-picker-column-option.entry.js +5 -5
  373. package/dist/esm/ion-picker-column.entry.js +11 -7
  374. package/dist/esm/ion-picker.entry.js +4 -4
  375. package/dist/esm/ion-popover.entry.js +10 -10
  376. package/dist/esm/ion-progress-bar.entry.js +4 -4
  377. package/dist/esm/ion-radio_2.entry.js +7 -7
  378. package/dist/esm/ion-range.entry.js +140 -48
  379. package/dist/esm/ion-refresher_2.entry.js +7 -7
  380. package/dist/esm/ion-reorder_2.entry.js +6 -6
  381. package/dist/esm/ion-ripple-effect.entry.js +3 -3
  382. package/dist/esm/ion-route_4.entry.js +5 -5
  383. package/dist/esm/ion-searchbar.entry.js +31 -7
  384. package/dist/esm/ion-segment_2.entry.js +8 -8
  385. package/dist/esm/ion-select_3.entry.js +17 -17
  386. package/dist/esm/ion-spinner.entry.js +3 -3
  387. package/dist/esm/ion-split-pane.entry.js +4 -4
  388. package/dist/esm/ion-tab-bar_2.entry.js +7 -7
  389. package/dist/esm/ion-tab_2.entry.js +6 -6
  390. package/dist/esm/ion-text.entry.js +4 -4
  391. package/dist/esm/ion-textarea.entry.js +9 -9
  392. package/dist/esm/ion-toast.entry.js +9 -9
  393. package/dist/esm/ion-toggle.entry.js +6 -6
  394. package/dist/esm/{ionic-global-c976d684.js → ionic-global-a589c12c.js} +1 -1
  395. package/dist/esm/ionic.js +29 -6
  396. package/dist/esm/{ios.transition-a097dbf5.js → ios.transition-d1c8eea2.js} +4 -4
  397. package/dist/esm/loader.js +5 -5
  398. package/dist/esm/{md.transition-b4170ef7.js → md.transition-0d2de76d.js} +4 -4
  399. package/dist/esm/{notch-controller-18bf9f76.js → notch-controller-cff691e5.js} +1 -1
  400. package/dist/esm/{overlays-4ba3b255.js → overlays-d41f74ac.js} +64 -22
  401. package/dist/esm/{status-tap-7a12f017.js → status-tap-45595148.js} +3 -3
  402. package/dist/esm/{swipe-back-ae14449a.js → swipe-back-5aa5feeb.js} +1 -1
  403. package/dist/esm-es5/{animation-a4acf150.js → animation-6a3c0abb.js} +1 -1
  404. package/dist/esm-es5/app-globals-80842d68.js +4 -0
  405. package/dist/esm-es5/{button-active-454e5c57.js → button-active-c6e18fac.js} +1 -1
  406. package/dist/esm-es5/data-ae11fd43.js +4 -0
  407. package/dist/esm-es5/{framework-delegate-1eb3236c.js → framework-delegate-3dede018.js} +1 -1
  408. package/dist/esm-es5/hardware-back-button-fb295e3a.js +4 -0
  409. package/dist/esm-es5/helpers-eab4f597.js +4 -0
  410. package/dist/esm-es5/{index-66871a1d.js → index-044b5a86.js} +1 -1
  411. package/dist/esm-es5/{index-5847f4a9.js → index-136e99c8.js} +1 -1
  412. package/dist/esm-es5/index-5d6a0317.js +5 -0
  413. package/dist/esm-es5/{index-03086279.js → index-95a691d4.js} +1 -1
  414. package/dist/esm-es5/{index-1f563746.js → index-fa221975.js} +1 -1
  415. package/dist/esm-es5/index.js +1 -1
  416. package/dist/esm-es5/{input-shims-56c1f603.js → input-shims-196afa11.js} +1 -1
  417. package/dist/esm-es5/input.utils-426cc674.js +4 -0
  418. package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
  419. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  420. package/dist/esm-es5/ion-alert.entry.js +1 -1
  421. package/dist/esm-es5/ion-app_8.entry.js +1 -1
  422. package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
  423. package/dist/esm-es5/ion-back-button.entry.js +1 -1
  424. package/dist/esm-es5/ion-backdrop.entry.js +1 -1
  425. package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
  426. package/dist/esm-es5/ion-button_2.entry.js +1 -1
  427. package/dist/esm-es5/ion-card_5.entry.js +1 -1
  428. package/dist/esm-es5/ion-checkbox.entry.js +1 -1
  429. package/dist/esm-es5/ion-chip.entry.js +1 -1
  430. package/dist/esm-es5/ion-col_3.entry.js +1 -1
  431. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  432. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  433. package/dist/esm-es5/ion-fab_3.entry.js +1 -1
  434. package/dist/esm-es5/ion-img.entry.js +1 -1
  435. package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
  436. package/dist/esm-es5/ion-input.entry.js +1 -1
  437. package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
  438. package/dist/esm-es5/ion-item_8.entry.js +1 -1
  439. package/dist/esm-es5/ion-loading.entry.js +1 -1
  440. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  441. package/dist/esm-es5/ion-modal.entry.js +1 -1
  442. package/dist/esm-es5/ion-nav_2.entry.js +1 -1
  443. package/dist/esm-es5/ion-picker-column-option.entry.js +1 -1
  444. package/dist/esm-es5/ion-picker-column.entry.js +1 -1
  445. package/dist/esm-es5/ion-picker.entry.js +1 -1
  446. package/dist/esm-es5/ion-popover.entry.js +1 -1
  447. package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
  448. package/dist/esm-es5/ion-radio_2.entry.js +1 -1
  449. package/dist/esm-es5/ion-range.entry.js +1 -1
  450. package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
  451. package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
  452. package/dist/esm-es5/ion-ripple-effect.entry.js +1 -1
  453. package/dist/esm-es5/ion-route_4.entry.js +1 -1
  454. package/dist/esm-es5/ion-searchbar.entry.js +1 -1
  455. package/dist/esm-es5/ion-segment_2.entry.js +1 -1
  456. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  457. package/dist/esm-es5/ion-spinner.entry.js +1 -1
  458. package/dist/esm-es5/ion-split-pane.entry.js +1 -1
  459. package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
  460. package/dist/esm-es5/ion-tab_2.entry.js +1 -1
  461. package/dist/esm-es5/ion-text.entry.js +1 -1
  462. package/dist/esm-es5/ion-textarea.entry.js +1 -1
  463. package/dist/esm-es5/ion-toast.entry.js +1 -1
  464. package/dist/esm-es5/ion-toggle.entry.js +1 -1
  465. package/dist/esm-es5/{ionic-global-c976d684.js → ionic-global-a589c12c.js} +1 -1
  466. package/dist/esm-es5/ionic.js +1 -1
  467. package/dist/esm-es5/{ios.transition-a097dbf5.js → ios.transition-d1c8eea2.js} +1 -1
  468. package/dist/esm-es5/loader.js +1 -1
  469. package/dist/esm-es5/md.transition-0d2de76d.js +4 -0
  470. package/dist/esm-es5/{notch-controller-18bf9f76.js → notch-controller-cff691e5.js} +1 -1
  471. package/dist/esm-es5/overlays-d41f74ac.js +4 -0
  472. package/dist/esm-es5/{status-tap-7a12f017.js → status-tap-45595148.js} +1 -1
  473. package/dist/esm-es5/{swipe-back-ae14449a.js → swipe-back-5aa5feeb.js} +1 -1
  474. package/dist/html.html-data.json +25 -27
  475. package/dist/ionic/index.esm.js +1 -1
  476. package/dist/ionic/ionic.esm.js +1 -1
  477. package/dist/ionic/ionic.js +1 -1
  478. package/dist/ionic/{p-97135baa.entry.js → p-0051ceb9.entry.js} +1 -1
  479. package/dist/ionic/p-00a6f38d.entry.js +4 -0
  480. package/dist/ionic/p-02a803dc.entry.js +4 -0
  481. package/dist/ionic/{p-5aa60929.js → p-031c5621.js} +1 -1
  482. package/dist/ionic/p-07759435.system.js +4 -0
  483. package/dist/ionic/{p-a06af32c.system.js → p-08a8971e.system.js} +1 -1
  484. package/dist/ionic/p-0e4c9e45.system.js +4 -0
  485. package/dist/ionic/{p-f7ed6a44.system.entry.js → p-103ec049.system.entry.js} +1 -1
  486. package/dist/ionic/p-1685d81c.system.entry.js +4 -0
  487. package/dist/ionic/{p-cb944b1a.system.js → p-17043350.system.js} +1 -1
  488. package/dist/ionic/{p-1bca443b.system.entry.js → p-17ee2784.system.entry.js} +1 -1
  489. package/dist/ionic/p-1807190c.entry.js +4 -0
  490. package/dist/ionic/{p-cb0e4100.system.entry.js → p-185db19b.system.entry.js} +2 -2
  491. package/dist/ionic/{p-602494c6.entry.js → p-1a8bbd2e.entry.js} +1 -1
  492. package/dist/ionic/{p-8aeed464.system.entry.js → p-1bb1ef31.system.entry.js} +1 -1
  493. package/dist/ionic/p-1c801dd4.entry.js +4 -0
  494. package/dist/ionic/{p-466bdeae.entry.js → p-2130b526.entry.js} +1 -1
  495. package/dist/ionic/{p-1c436e95.system.entry.js → p-219c17cf.system.entry.js} +1 -1
  496. package/dist/ionic/p-22b5c888.system.entry.js +4 -0
  497. package/dist/ionic/{p-1a5ed3fe.system.entry.js → p-23838a94.system.entry.js} +1 -1
  498. package/dist/ionic/{p-27594fc2.js → p-239906f1.js} +1 -1
  499. package/dist/ionic/{p-8d50220b.system.js → p-23cff6c1.system.js} +1 -1
  500. package/dist/ionic/p-23efc001.entry.js +4 -0
  501. package/dist/ionic/{p-a6cc38d4.js → p-244f56fd.js} +1 -1
  502. package/dist/ionic/p-27c668a0.entry.js +4 -0
  503. package/dist/ionic/{p-09872ec8.system.entry.js → p-282bd5f9.system.entry.js} +1 -1
  504. package/dist/ionic/{p-dcfc297d.system.entry.js → p-2852c537.system.entry.js} +1 -1
  505. package/dist/ionic/{p-85464e28.system.entry.js → p-294c47cd.system.entry.js} +2 -2
  506. package/dist/ionic/p-29ef3b9b.entry.js +4 -0
  507. package/dist/ionic/p-2bb65deb.entry.js +4 -0
  508. package/dist/ionic/{p-8a50f8d6.system.js → p-2cc2c631.system.js} +1 -1
  509. package/dist/ionic/p-2f53c3eb.js +4 -0
  510. package/dist/ionic/{p-7b795aee.system.entry.js → p-2f6bc4a9.system.entry.js} +1 -1
  511. package/dist/ionic/{p-6d95943d.system.js → p-30dfa360.system.js} +1 -1
  512. package/dist/ionic/{p-c880c809.js → p-325c61a4.js} +1 -1
  513. package/dist/ionic/p-34c50a42.system.entry.js +4 -0
  514. package/dist/ionic/p-364044f0.js +4 -0
  515. package/dist/ionic/{p-e38b3c29.entry.js → p-3785c067.entry.js} +1 -1
  516. package/dist/ionic/p-3ae4a2a2.entry.js +4 -0
  517. package/dist/ionic/p-3cd3214e.entry.js +4 -0
  518. package/dist/ionic/{p-874510e9.system.entry.js → p-3e6e53fe.system.entry.js} +1 -1
  519. package/dist/ionic/{p-d4d0538c.system.entry.js → p-40976b1c.system.entry.js} +1 -1
  520. package/dist/ionic/{p-fd94dd20.system.entry.js → p-42fecf9c.system.entry.js} +1 -1
  521. package/dist/ionic/{p-7541ca9f.system.entry.js → p-43c751c6.system.entry.js} +1 -1
  522. package/dist/ionic/p-4a3055ef.system.js +4 -0
  523. package/dist/ionic/{p-f6a6b7ef.system.entry.js → p-4d325220.system.entry.js} +1 -1
  524. package/dist/ionic/p-4d361c89.entry.js +4 -0
  525. package/dist/ionic/p-54c31b4f.entry.js +4 -0
  526. package/dist/ionic/{p-7665bbbc.system.entry.js → p-5a277399.system.entry.js} +1 -1
  527. package/dist/ionic/{p-1600d68c.system.entry.js → p-5ac63b19.system.entry.js} +1 -1
  528. package/dist/ionic/{p-ad2b216a.system.entry.js → p-5b2951c1.system.entry.js} +1 -1
  529. package/dist/ionic/p-5b52897c.js +4 -0
  530. package/dist/ionic/{p-e64277c4.entry.js → p-5e39b9d8.entry.js} +1 -1
  531. package/dist/ionic/{p-a5b7a286.entry.js → p-610f0e12.entry.js} +1 -1
  532. package/dist/ionic/p-668607c2.system.js +4 -0
  533. package/dist/ionic/{p-c3a2e5cc.entry.js → p-66e50777.entry.js} +1 -1
  534. package/dist/ionic/{p-4825e380.entry.js → p-6a448415.entry.js} +1 -1
  535. package/dist/ionic/{p-95e14c7b.system.js → p-6a62da36.system.js} +1 -1
  536. package/dist/ionic/p-6a888b39.system.entry.js +4 -0
  537. package/dist/ionic/{p-3410a9cb.system.js → p-6d9f8fac.system.js} +1 -1
  538. package/dist/ionic/{p-4c2cac66.entry.js → p-7002bc75.entry.js} +1 -1
  539. package/dist/ionic/{p-454b36f7.system.entry.js → p-70c278c4.system.entry.js} +1 -1
  540. package/dist/ionic/{p-7b44b443.entry.js → p-7680d0ec.entry.js} +1 -1
  541. package/dist/ionic/{p-1fa738c4.js → p-78b3da77.js} +1 -1
  542. package/dist/ionic/{p-cd366840.system.entry.js → p-7adde43c.system.entry.js} +1 -1
  543. package/dist/ionic/{p-03f63663.system.js → p-7c7e495d.system.js} +1 -1
  544. package/dist/ionic/p-7d29dff0.system.entry.js +4 -0
  545. package/dist/ionic/p-7d4d9c40.system.entry.js +4 -0
  546. package/dist/ionic/p-7e7d534c.js +4 -0
  547. package/dist/ionic/{p-a8cc0027.system.js → p-853bd866.system.js} +1 -1
  548. package/dist/ionic/{p-91a72ad6.system.entry.js → p-85f43165.system.entry.js} +2 -2
  549. package/dist/ionic/p-86c17a09.entry.js +4 -0
  550. package/dist/ionic/p-8a881b39.entry.js +4 -0
  551. package/dist/ionic/p-8dd3d9c3.system.entry.js +4 -0
  552. package/dist/ionic/{p-77982637.entry.js → p-8ed900e4.entry.js} +1 -1
  553. package/dist/ionic/{p-da83d833.system.entry.js → p-91567c90.system.entry.js} +1 -1
  554. package/dist/ionic/{p-aaca8dd4.system.entry.js → p-92b05b70.system.entry.js} +1 -1
  555. package/dist/ionic/{p-6fd26009.js → p-976c7c54.js} +1 -1
  556. package/dist/ionic/p-978f4710.js +4 -0
  557. package/dist/ionic/{p-65d3f0e9.js → p-98c86cdd.js} +1 -1
  558. package/dist/ionic/p-9b5d033a.system.entry.js +4 -0
  559. package/dist/ionic/{p-30892e0c.system.js → p-9e3177a5.system.js} +1 -1
  560. package/dist/ionic/{p-3bac30bf.system.entry.js → p-9e6a5e3d.system.entry.js} +1 -1
  561. package/dist/ionic/{p-ddc4e717.entry.js → p-a0e8f913.entry.js} +1 -1
  562. package/dist/ionic/p-a3dae2ce.js +4 -0
  563. package/dist/ionic/{p-1a68de09.entry.js → p-a4c287f9.entry.js} +1 -1
  564. package/dist/ionic/{p-8d4d902b.js → p-a600a3e3.js} +1 -1
  565. package/dist/ionic/{p-2b3e0d99.system.entry.js → p-a6b8342e.system.entry.js} +1 -1
  566. package/dist/ionic/p-a88b41d1.system.entry.js +4 -0
  567. package/dist/ionic/{p-f71082f7.entry.js → p-a94092b9.entry.js} +1 -1
  568. package/dist/ionic/p-ac6db4c2.js +4 -0
  569. package/dist/ionic/{p-c5b77291.system.entry.js → p-af2e3481.system.entry.js} +1 -1
  570. package/dist/ionic/{p-eec92f77.system.js → p-af9256a0.system.js} +1 -1
  571. package/dist/ionic/{p-780ff3b5.system.entry.js → p-b0aaa59a.system.entry.js} +1 -1
  572. package/dist/ionic/{p-f16bfd53.entry.js → p-b141e253.entry.js} +1 -1
  573. package/dist/ionic/{p-ded27993.entry.js → p-b1d9b078.entry.js} +1 -1
  574. package/dist/ionic/{p-feb66f6f.entry.js → p-ba0290d1.entry.js} +1 -1
  575. package/dist/ionic/{p-add93c7a.entry.js → p-bb5eba12.entry.js} +1 -1
  576. package/dist/ionic/{p-82f5375e.system.entry.js → p-bb608006.system.entry.js} +1 -1
  577. package/dist/ionic/p-c385e49d.entry.js +4 -0
  578. package/dist/ionic/p-c3f5d0e7.js +4 -0
  579. package/dist/ionic/{p-81869a97.system.entry.js → p-c41e0b5f.system.entry.js} +1 -1
  580. package/dist/ionic/p-c629d22b.system.js +5 -0
  581. package/dist/ionic/{p-15708968.js → p-c6f9f3eb.js} +1 -1
  582. package/dist/ionic/{p-d504bc71.entry.js → p-c8383c20.entry.js} +1 -1
  583. package/dist/ionic/{p-1e0a18a1.system.entry.js → p-cbf0a046.system.entry.js} +1 -1
  584. package/dist/ionic/{p-ebe0be94.system.entry.js → p-d0496c22.system.entry.js} +1 -1
  585. package/dist/ionic/{p-1ed99eba.system.entry.js → p-d286cfbe.system.entry.js} +1 -1
  586. package/dist/ionic/{p-b4bb9cd0.system.entry.js → p-d372938e.system.entry.js} +1 -1
  587. package/dist/ionic/{p-afcd4f49.entry.js → p-d4d17d47.entry.js} +1 -1
  588. package/dist/ionic/{p-6ef5f4da.entry.js → p-d5ab02f5.entry.js} +1 -1
  589. package/dist/ionic/p-d60342e3.js +4 -0
  590. package/dist/ionic/{p-816476b0.system.js → p-d704f798.system.js} +1 -1
  591. package/dist/ionic/{p-942c19cb.entry.js → p-d8090ce4.entry.js} +1 -1
  592. package/dist/ionic/p-d80b7e31.system.js +4 -0
  593. package/dist/ionic/{p-62f15daf.system.entry.js → p-d8ffe61c.system.entry.js} +2 -2
  594. package/dist/ionic/{p-25850474.entry.js → p-da5bbd4f.entry.js} +1 -1
  595. package/dist/ionic/{p-7cc01684.js → p-dad515dc.js} +1 -1
  596. package/dist/ionic/{p-5c3991e3.system.entry.js → p-db7fcadb.system.entry.js} +1 -1
  597. package/dist/ionic/{p-5a055df4.entry.js → p-dd9168f3.entry.js} +1 -1
  598. package/dist/ionic/{p-1ea88de9.system.js → p-e0d52ee3.system.js} +2 -2
  599. package/dist/ionic/p-e3611c25.entry.js +4 -0
  600. package/dist/ionic/p-e4ca94bd.js +4 -0
  601. package/dist/ionic/p-e7b0b64d.system.js +4 -0
  602. package/dist/ionic/{p-7a3fa32c.entry.js → p-ebc5b98f.entry.js} +1 -1
  603. package/dist/ionic/p-ec34194e.system.entry.js +4 -0
  604. package/dist/ionic/p-ec613387.entry.js +4 -0
  605. package/dist/ionic/{p-85cb4733.entry.js → p-ed3463be.entry.js} +1 -1
  606. package/dist/ionic/p-f1d1524c.entry.js +4 -0
  607. package/dist/ionic/p-f687573e.system.js +4 -0
  608. package/dist/ionic/p-f7a1318d.system.entry.js +4 -0
  609. package/dist/ionic/{p-8e83b7f1.system.entry.js → p-f7af3144.system.entry.js} +2 -2
  610. package/dist/ionic/p-f8502e85.js +5 -0
  611. package/dist/ionic/{p-a71dc777.system.js → p-f85a4df5.system.js} +1 -1
  612. package/dist/ionic/{p-f3d6085c.entry.js → p-fa8ee4c3.entry.js} +1 -1
  613. package/dist/ionic/{p-1ce172db.entry.js → p-fb870c48.entry.js} +1 -1
  614. package/dist/ionic/{p-c38c5dfc.system.js → p-fe1fd531.system.js} +1 -1
  615. package/dist/ionic/p-fe35b5c0.entry.js +4 -0
  616. package/dist/types/components/datetime/datetime-interface.d.ts +10 -0
  617. package/dist/types/components/datetime/datetime.d.ts +10 -1
  618. package/dist/types/components/datetime/utils/format.d.ts +7 -13
  619. package/dist/types/components/datetime/utils/validate.d.ts +8 -0
  620. package/dist/types/components/item/item.d.ts +0 -32
  621. package/dist/types/components/menu/menu-interface.d.ts +1 -0
  622. package/dist/types/components/menu/menu.d.ts +2 -2
  623. package/dist/types/components/range/range.d.ts +29 -0
  624. package/dist/types/components/searchbar/searchbar.d.ts +38 -0
  625. package/dist/types/components/toggle/toggle.d.ts +1 -1
  626. package/dist/types/components.d.ts +40 -48
  627. package/dist/types/utils/forms/index.d.ts +0 -1
  628. package/dist/types/utils/hardware-back-button.d.ts +1 -1
  629. package/dist/types/utils/helpers.d.ts +0 -19
  630. package/dist/types/utils/test/playwright/generator.d.ts +3 -3
  631. package/hydrate/index.js +524 -428
  632. package/package.json +7 -2
  633. package/components/note.js +0 -48
  634. package/css/themes/dark.always.css.map +0 -1
  635. package/css/themes/dark.class.css.map +0 -1
  636. package/css/themes/dark.system.css.map +0 -1
  637. package/css/themes/high-contrast-dark.always.css.map +0 -1
  638. package/css/themes/high-contrast-dark.class.css.map +0 -1
  639. package/css/themes/high-contrast-dark.system.css.map +0 -1
  640. package/css/themes/high-contrast.always.css.map +0 -1
  641. package/css/themes/high-contrast.class.css.map +0 -1
  642. package/css/themes/high-contrast.system.css.map +0 -1
  643. package/dist/collection/components/item/test/legacy/disabled/item.e2e.js +0 -14
  644. package/dist/collection/utils/forms/form-controller.js +0 -61
  645. package/dist/collection/utils/test/aria.spec.js +0 -80
  646. package/dist/esm-es5/app-globals-cfb6787b.js +0 -4
  647. package/dist/esm-es5/data-691286f1.js +0 -4
  648. package/dist/esm-es5/hardware-back-button-3a14f99e.js +0 -4
  649. package/dist/esm-es5/helpers-ae74b3c9.js +0 -4
  650. package/dist/esm-es5/index-9b6d6df3.js +0 -5
  651. package/dist/esm-es5/input.utils-482fc893.js +0 -4
  652. package/dist/esm-es5/md.transition-b4170ef7.js +0 -4
  653. package/dist/esm-es5/overlays-4ba3b255.js +0 -4
  654. package/dist/ionic/p-060fdc03.entry.js +0 -4
  655. package/dist/ionic/p-069388dd.system.js +0 -4
  656. package/dist/ionic/p-06fccad7.entry.js +0 -4
  657. package/dist/ionic/p-0ca35c1d.system.entry.js +0 -4
  658. package/dist/ionic/p-134d4936.system.js +0 -4
  659. package/dist/ionic/p-19e79fe8.entry.js +0 -4
  660. package/dist/ionic/p-19f6ac6c.system.js +0 -4
  661. package/dist/ionic/p-22d2a891.js +0 -4
  662. package/dist/ionic/p-239262e4.system.entry.js +0 -4
  663. package/dist/ionic/p-300b2cf1.entry.js +0 -4
  664. package/dist/ionic/p-32bd7ed7.entry.js +0 -4
  665. package/dist/ionic/p-41970e75.entry.js +0 -4
  666. package/dist/ionic/p-43322b14.js +0 -4
  667. package/dist/ionic/p-4523be60.entry.js +0 -4
  668. package/dist/ionic/p-4a8f173c.system.js +0 -4
  669. package/dist/ionic/p-4ad02639.entry.js +0 -4
  670. package/dist/ionic/p-5289aade.js +0 -4
  671. package/dist/ionic/p-5afb6e48.entry.js +0 -4
  672. package/dist/ionic/p-60efe117.js +0 -5
  673. package/dist/ionic/p-6657681b.system.entry.js +0 -4
  674. package/dist/ionic/p-66e6860f.system.js +0 -4
  675. package/dist/ionic/p-6e1fa025.js +0 -4
  676. package/dist/ionic/p-6e5eeb35.entry.js +0 -4
  677. package/dist/ionic/p-6f6d56f1.entry.js +0 -4
  678. package/dist/ionic/p-70218e28.system.entry.js +0 -4
  679. package/dist/ionic/p-72bc2484.system.entry.js +0 -4
  680. package/dist/ionic/p-760dbd5e.js +0 -4
  681. package/dist/ionic/p-82d459c1.js +0 -4
  682. package/dist/ionic/p-842777af.js +0 -4
  683. package/dist/ionic/p-8ab308e9.js +0 -4
  684. package/dist/ionic/p-8ba5912c.entry.js +0 -4
  685. package/dist/ionic/p-8d602214.system.js +0 -5
  686. package/dist/ionic/p-8e3ee444.system.entry.js +0 -4
  687. package/dist/ionic/p-9382ebab.entry.js +0 -4
  688. package/dist/ionic/p-96391c0e.entry.js +0 -4
  689. package/dist/ionic/p-9d6f351e.js +0 -4
  690. package/dist/ionic/p-9e3b3f15.system.js +0 -4
  691. package/dist/ionic/p-a375c9f6.system.entry.js +0 -4
  692. package/dist/ionic/p-a58ec401.js +0 -4
  693. package/dist/ionic/p-b1a9e85a.system.entry.js +0 -4
  694. package/dist/ionic/p-baa409f1.system.entry.js +0 -4
  695. package/dist/ionic/p-bcb58446.entry.js +0 -4
  696. package/dist/ionic/p-c2336a9e.system.entry.js +0 -4
  697. package/dist/ionic/p-cbc3840e.entry.js +0 -4
  698. package/dist/ionic/p-cf852615.system.entry.js +0 -4
  699. package/dist/ionic/p-e15eda82.system.js +0 -4
  700. package/dist/ionic/p-e470466e.entry.js +0 -4
  701. package/dist/ionic/p-ef99a759.entry.js +0 -4
  702. package/dist/ionic/p-fc5ddbf6.entry.js +0 -4
  703. package/dist/types/utils/forms/form-controller.d.ts +0 -15
  704. package/css/{themes → palettes}/dark.always.css +0 -0
  705. package/css/{themes → palettes}/dark.css +0 -0
  706. package/css/{themes → palettes}/dark.css.map +0 -0
  707. package/css/{themes → palettes}/dark.system.css +0 -0
  708. package/css/{themes → palettes}/high-contrast-dark.always.css +1 -1
  709. package/css/{themes → palettes}/high-contrast-dark.css +0 -0
  710. package/css/{themes → palettes}/high-contrast-dark.css.map +0 -0
  711. package/css/{themes → palettes}/high-contrast-dark.system.css +1 -1
  712. package/css/{themes → palettes}/high-contrast.always.css +25 -25
  713. package/css/{themes → palettes}/high-contrast.css +0 -0
  714. package/css/{themes → palettes}/high-contrast.css.map +0 -0
  715. package/css/{themes → palettes}/high-contrast.system.css +25 -25
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "voyager-ionic-core",
3
- "version": "8.0.0-beta.1",
3
+ "version": "8.0.0-beta.3",
4
4
  "description": "Base components for Ionic",
5
5
  "keywords": [
6
6
  "ionic",
@@ -94,7 +94,12 @@
94
94
  "test.e2e.update-snapshots": "npm run test.e2e -- --update-snapshots",
95
95
  "test.watch": "jest --watch --no-cache",
96
96
  "test.treeshake": "node scripts/treeshaking.js dist/index.js",
97
- "validate": "npm run lint && npm run test && npm run build && npm run test.treeshake"
97
+ "validate": "npm run lint && npm run test && npm run build && npm run test.treeshake",
98
+ "docker.build": "docker build -t ionic-playwright .",
99
+ "test.e2e.docker": "npm run docker.build && docker run -it --rm -e DISPLAY=$(cat docker-display.txt) -v $(cat docker-display-volume.txt) --ipc=host --mount=type=bind,source=./,target=/ionic ionic-playwright npm run test.e2e --",
100
+ "test.e2e.docker.update-snapshots": "npm run test.e2e.docker -- --update-snapshots",
101
+ "test.e2e.docker.ci": "npm run docker.build && docker run -e CI='true' --rm --ipc=host --mount=type=bind,source=./,target=/ionic ionic-playwright npm run test.e2e --",
102
+ "test.report": "npx playwright show-report"
98
103
  },
99
104
  "author": "Ionic Team",
100
105
  "license": "MIT",
package/components/note.js DELETED
@@ -1,48 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
5
- import { c as createColorClasses } from './theme.js';
6
- import { b as getIonMode } from './ionic-global.js';
7
-
8
- const noteIosCss = ":host{color:var(--color);font-family:var(--ion-font-family, inherit);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6));font-size:max(14px, 1rem)}";
9
- const IonNoteIosStyle0 = noteIosCss;
10
-
11
- const noteMdCss = ":host{color:var(--color);font-family:var(--ion-font-family, inherit);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));font-size:0.875rem}";
12
- const IonNoteMdStyle0 = noteMdCss;
13
-
14
- const Note = /*@__PURE__*/ proxyCustomElement(class Note extends HTMLElement {
15
- constructor() {
16
- super();
17
- this.__registerHost();
18
- this.__attachShadow();
19
- this.color = undefined;
20
- }
21
- render() {
22
- const mode = getIonMode(this);
23
- return (h(Host, { key: '83fbede35bbb772419d68f6ad398aab0e00b9f61', class: createColorClasses(this.color, {
24
- [mode]: true,
25
- }) }, h("slot", { key: 'c4060ce2439e96a5ac8763843579b7956a90032f' })));
26
- }
27
- static get style() { return {
28
- ios: IonNoteIosStyle0,
29
- md: IonNoteMdStyle0
30
- }; }
31
- }, [33, "ion-note", {
32
- "color": [513]
33
- }]);
34
- function defineCustomElement() {
35
- if (typeof customElements === "undefined") {
36
- return;
37
- }
38
- const components = ["ion-note"];
39
- components.forEach(tagName => { switch (tagName) {
40
- case "ion-note":
41
- if (!customElements.get(tagName)) {
42
- customElements.define(tagName, Note);
43
- }
44
- break;
45
- } });
46
- }
47
-
48
- export { Note as N, defineCustomElement as d };
package/css/themes/dark.always.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.scss"],"names":[],"mappings":"AACE;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA","file":"dark.always.css","sourcesContent":["@mixin dark-base-theme() {\n & {\n --ion-color-primary: #4d8dff;\n --ion-color-primary-rgb: 77, 141, 255;\n --ion-color-primary-contrast: #000000;\n --ion-color-primary-contrast-rgb: 0, 0, 0;\n --ion-color-primary-shade: #447ce0;\n --ion-color-primary-tint: #5f98ff;\n\n --ion-color-secondary: #62bdff;\n --ion-color-secondary-rgb: 98, 189, 255;\n --ion-color-secondary-contrast: #000000;\n --ion-color-secondary-contrast-rgb: 0, 0, 0;\n --ion-color-secondary-shade: #56a6e0;\n --ion-color-secondary-tint: #72c4ff;\n\n --ion-color-tertiary: #8482fb;\n --ion-color-tertiary-rgb: 132, 130, 251;\n --ion-color-tertiary-contrast: #000000;\n --ion-color-tertiary-contrast-rgb: 0, 0, 0;\n --ion-color-tertiary-shade: #7472dd;\n --ion-color-tertiary-tint: #908ffb;\n\n --ion-color-success: #2dd55b;\n --ion-color-success-rgb: 45, 213, 91;\n --ion-color-success-contrast: #000000;\n --ion-color-success-contrast-rgb: 0, 0, 0;\n --ion-color-success-shade: #28bb50;\n --ion-color-success-tint: #42d96b;\n\n --ion-color-warning: #ffce31;\n --ion-color-warning-rgb: 255, 206, 49;\n --ion-color-warning-contrast: #000000;\n --ion-color-warning-contrast-rgb: 0, 0, 0;\n --ion-color-warning-shade: #e0b52b;\n --ion-color-warning-tint: #ffd346;\n\n --ion-color-danger: #f56570;\n --ion-color-danger-rgb: 245, 101, 112;\n --ion-color-danger-contrast: #000000;\n --ion-color-danger-contrast-rgb: 0, 0, 0;\n --ion-color-danger-shade: #d85963;\n --ion-color-danger-tint: #f6747e;\n \n --ion-color-dark: #f4f5f8;\n --ion-color-dark-rgb: 244, 245, 248;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d7d8da;\n --ion-color-dark-tint: #f5f6f9;\n \n --ion-color-medium: #989aa2;\n --ion-color-medium-rgb: 152, 154, 162;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #86888f;\n --ion-color-medium-tint: #a2a4ab;\n \n --ion-color-light: #222428;\n --ion-color-light-rgb: 34, 36, 40;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #1e2023;\n --ion-color-light-tint: #383a3e;\n }\n}\n\n@mixin dark-ios-theme() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-background-color-step-50: #0d0d0d;\n --ion-background-color-step-100: #1a1a1a;\n --ion-background-color-step-150: #262626;\n --ion-background-color-step-200: #333333;\n --ion-background-color-step-250: #404040;\n --ion-background-color-step-300: #4d4d4d;\n --ion-background-color-step-350: #595959;\n --ion-background-color-step-400: #666666;\n --ion-background-color-step-450: #737373;\n --ion-background-color-step-500: #808080;\n --ion-background-color-step-550: #8c8c8c;\n --ion-background-color-step-600: #999999;\n --ion-background-color-step-650: #a6a6a6;\n --ion-background-color-step-700: #b3b3b3;\n --ion-background-color-step-750: #bfbfbf;\n --ion-background-color-step-800: #cccccc;\n --ion-background-color-step-850: #d9d9d9;\n --ion-background-color-step-900: #e6e6e6;\n --ion-background-color-step-950: #f2f2f2;\n\n --ion-text-color-step-50: #f2f2f2;\n --ion-text-color-step-100: #e6e6e6;\n --ion-text-color-step-150: #d9d9d9;\n --ion-text-color-step-200: #cccccc;\n --ion-text-color-step-250: #bfbfbf;\n --ion-text-color-step-300: #b3b3b3;\n --ion-text-color-step-350: #a6a6a6;\n --ion-text-color-step-400: #999999;\n --ion-text-color-step-450: #8c8c8c;\n --ion-text-color-step-500: #808080;\n --ion-text-color-step-550: #737373;\n --ion-text-color-step-600: #666666;\n --ion-text-color-step-650: #595959;\n --ion-text-color-step-700: #4d4d4d;\n --ion-text-color-step-750: #404040;\n --ion-text-color-step-800: #333333;\n --ion-text-color-step-850: #262626;\n --ion-text-color-step-900: #1a1a1a;\n --ion-text-color-step-950: #0d0d0d;\n\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n }\n\n & ion-modal {\n --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));\n --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));\n --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));\n }\n}\n\n@mixin dark-md-theme() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-border-color: #222222;\n\n --ion-background-color-step-50: #1e1e1e;\n --ion-background-color-step-100: #2a2a2a;\n --ion-background-color-step-150: #363636;\n --ion-background-color-step-200: #414141;\n --ion-background-color-step-250: #4d4d4d;\n --ion-background-color-step-300: #595959;\n --ion-background-color-step-350: #656565;\n --ion-background-color-step-400: #717171;\n --ion-background-color-step-450: #7d7d7d;\n --ion-background-color-step-500: #898989;\n --ion-background-color-step-550: #949494;\n --ion-background-color-step-600: #a0a0a0;\n --ion-background-color-step-650: #acacac;\n --ion-background-color-step-700: #b8b8b8;\n --ion-background-color-step-750: #c4c4c4;\n --ion-background-color-step-800: #d0d0d0;\n --ion-background-color-step-850: #dbdbdb;\n --ion-background-color-step-900: #e7e7e7;\n --ion-background-color-step-950: #f3f3f3;\n\n --ion-text-color-step-50: #f3f3f3;\n --ion-text-color-step-100: #e7e7e7;\n --ion-text-color-step-150: #dbdbdb;\n --ion-text-color-step-200: #d0d0d0;\n --ion-text-color-step-250: #c4c4c4;\n --ion-text-color-step-300: #b8b8b8;\n --ion-text-color-step-350: #acacac;\n --ion-text-color-step-400: #a0a0a0;\n --ion-text-color-step-450: #949494;\n --ion-text-color-step-500: #898989;\n --ion-text-color-step-550: #7d7d7d;\n --ion-text-color-step-600: #717171;\n --ion-text-color-step-650: #656565;\n --ion-text-color-step-700: #595959;\n --ion-text-color-step-750: #4d4d4d;\n --ion-text-color-step-800: #414141;\n --ion-text-color-step-850: #363636;\n --ion-text-color-step-900: #2a2a2a;\n --ion-text-color-step-950: #1e1e1e;\n\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n }\n}\n"]}
package/css/themes/dark.class.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.scss"],"names":[],"mappings":"AACE;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACE;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAGF;EACE;EACA;EACA;;;AAKF;EACE;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA","file":"dark.class.css","sourcesContent":["@mixin dark-base-theme() {\n & {\n --ion-color-primary: #4d8dff;\n --ion-color-primary-rgb: 77, 141, 255;\n --ion-color-primary-contrast: #000000;\n --ion-color-primary-contrast-rgb: 0, 0, 0;\n --ion-color-primary-shade: #447ce0;\n --ion-color-primary-tint: #5f98ff;\n\n --ion-color-secondary: #62bdff;\n --ion-color-secondary-rgb: 98, 189, 255;\n --ion-color-secondary-contrast: #000000;\n --ion-color-secondary-contrast-rgb: 0, 0, 0;\n --ion-color-secondary-shade: #56a6e0;\n --ion-color-secondary-tint: #72c4ff;\n\n --ion-color-tertiary: #8482fb;\n --ion-color-tertiary-rgb: 132, 130, 251;\n --ion-color-tertiary-contrast: #000000;\n --ion-color-tertiary-contrast-rgb: 0, 0, 0;\n --ion-color-tertiary-shade: #7472dd;\n --ion-color-tertiary-tint: #908ffb;\n\n --ion-color-success: #2dd55b;\n --ion-color-success-rgb: 45, 213, 91;\n --ion-color-success-contrast: #000000;\n --ion-color-success-contrast-rgb: 0, 0, 0;\n --ion-color-success-shade: #28bb50;\n --ion-color-success-tint: #42d96b;\n\n --ion-color-warning: #ffce31;\n --ion-color-warning-rgb: 255, 206, 49;\n --ion-color-warning-contrast: #000000;\n --ion-color-warning-contrast-rgb: 0, 0, 0;\n --ion-color-warning-shade: #e0b52b;\n --ion-color-warning-tint: #ffd346;\n\n --ion-color-danger: #f56570;\n --ion-color-danger-rgb: 245, 101, 112;\n --ion-color-danger-contrast: #000000;\n --ion-color-danger-contrast-rgb: 0, 0, 0;\n --ion-color-danger-shade: #d85963;\n --ion-color-danger-tint: #f6747e;\n \n --ion-color-dark: #f4f5f8;\n --ion-color-dark-rgb: 244, 245, 248;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d7d8da;\n --ion-color-dark-tint: #f5f6f9;\n \n --ion-color-medium: #989aa2;\n --ion-color-medium-rgb: 152, 154, 162;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #86888f;\n --ion-color-medium-tint: #a2a4ab;\n \n --ion-color-light: #222428;\n --ion-color-light-rgb: 34, 36, 40;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #1e2023;\n --ion-color-light-tint: #383a3e;\n }\n}\n\n@mixin dark-ios-theme() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-background-color-step-50: #0d0d0d;\n --ion-background-color-step-100: #1a1a1a;\n --ion-background-color-step-150: #262626;\n --ion-background-color-step-200: #333333;\n --ion-background-color-step-250: #404040;\n --ion-background-color-step-300: #4d4d4d;\n --ion-background-color-step-350: #595959;\n --ion-background-color-step-400: #666666;\n --ion-background-color-step-450: #737373;\n --ion-background-color-step-500: #808080;\n --ion-background-color-step-550: #8c8c8c;\n --ion-background-color-step-600: #999999;\n --ion-background-color-step-650: #a6a6a6;\n --ion-background-color-step-700: #b3b3b3;\n --ion-background-color-step-750: #bfbfbf;\n --ion-background-color-step-800: #cccccc;\n --ion-background-color-step-850: #d9d9d9;\n --ion-background-color-step-900: #e6e6e6;\n --ion-background-color-step-950: #f2f2f2;\n\n --ion-text-color-step-50: #f2f2f2;\n --ion-text-color-step-100: #e6e6e6;\n --ion-text-color-step-150: #d9d9d9;\n --ion-text-color-step-200: #cccccc;\n --ion-text-color-step-250: #bfbfbf;\n --ion-text-color-step-300: #b3b3b3;\n --ion-text-color-step-350: #a6a6a6;\n --ion-text-color-step-400: #999999;\n --ion-text-color-step-450: #8c8c8c;\n --ion-text-color-step-500: #808080;\n --ion-text-color-step-550: #737373;\n --ion-text-color-step-600: #666666;\n --ion-text-color-step-650: #595959;\n --ion-text-color-step-700: #4d4d4d;\n --ion-text-color-step-750: #404040;\n --ion-text-color-step-800: #333333;\n --ion-text-color-step-850: #262626;\n --ion-text-color-step-900: #1a1a1a;\n --ion-text-color-step-950: #0d0d0d;\n\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n }\n\n & ion-modal {\n --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));\n --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));\n --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));\n }\n}\n\n@mixin dark-md-theme() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-border-color: #222222;\n\n --ion-background-color-step-50: #1e1e1e;\n --ion-background-color-step-100: #2a2a2a;\n --ion-background-color-step-150: #363636;\n --ion-background-color-step-200: #414141;\n --ion-background-color-step-250: #4d4d4d;\n --ion-background-color-step-300: #595959;\n --ion-background-color-step-350: #656565;\n --ion-background-color-step-400: #717171;\n --ion-background-color-step-450: #7d7d7d;\n --ion-background-color-step-500: #898989;\n --ion-background-color-step-550: #949494;\n --ion-background-color-step-600: #a0a0a0;\n --ion-background-color-step-650: #acacac;\n --ion-background-color-step-700: #b8b8b8;\n --ion-background-color-step-750: #c4c4c4;\n --ion-background-color-step-800: #d0d0d0;\n --ion-background-color-step-850: #dbdbdb;\n --ion-background-color-step-900: #e7e7e7;\n --ion-background-color-step-950: #f3f3f3;\n\n --ion-text-color-step-50: #f3f3f3;\n --ion-text-color-step-100: #e7e7e7;\n --ion-text-color-step-150: #dbdbdb;\n --ion-text-color-step-200: #d0d0d0;\n --ion-text-color-step-250: #c4c4c4;\n --ion-text-color-step-300: #b8b8b8;\n --ion-text-color-step-350: #acacac;\n --ion-text-color-step-400: #a0a0a0;\n --ion-text-color-step-450: #949494;\n --ion-text-color-step-500: #898989;\n --ion-text-color-step-550: #7d7d7d;\n --ion-text-color-step-600: #717171;\n --ion-text-color-step-650: #656565;\n --ion-text-color-step-700: #595959;\n --ion-text-color-step-750: #4d4d4d;\n --ion-text-color-step-800: #414141;\n --ion-text-color-step-850: #363636;\n --ion-text-color-step-900: #2a2a2a;\n --ion-text-color-step-950: #1e1e1e;\n\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n }\n}\n"]}
package/css/themes/dark.system.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/dark.system.scss","../../src/css/themes/dark.scss"],"names":[],"mappings":"AAEA;ECDE;IACE;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;;;EAKF;IACE;IACA;IAEA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;;EAGF;IACE;IACA;IACA;;;EAKF;IACE;IACA;IAEA;IACA;IAEA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA","file":"dark.system.css","sourcesContent":["@import \"./dark\";\n\n@media (prefers-color-scheme: dark) {\n :root {\n @include dark-base-theme();\n }\n\n :root.ios {\n @include dark-ios-theme();\n }\n\n :root.md {\n @include dark-md-theme();\n }\n}\n","@mixin dark-base-theme() {\n & {\n --ion-color-primary: #4d8dff;\n --ion-color-primary-rgb: 77, 141, 255;\n --ion-color-primary-contrast: #000000;\n --ion-color-primary-contrast-rgb: 0, 0, 0;\n --ion-color-primary-shade: #447ce0;\n --ion-color-primary-tint: #5f98ff;\n\n --ion-color-secondary: #62bdff;\n --ion-color-secondary-rgb: 98, 189, 255;\n --ion-color-secondary-contrast: #000000;\n --ion-color-secondary-contrast-rgb: 0, 0, 0;\n --ion-color-secondary-shade: #56a6e0;\n --ion-color-secondary-tint: #72c4ff;\n\n --ion-color-tertiary: #8482fb;\n --ion-color-tertiary-rgb: 132, 130, 251;\n --ion-color-tertiary-contrast: #000000;\n --ion-color-tertiary-contrast-rgb: 0, 0, 0;\n --ion-color-tertiary-shade: #7472dd;\n --ion-color-tertiary-tint: #908ffb;\n\n --ion-color-success: #2dd55b;\n --ion-color-success-rgb: 45, 213, 91;\n --ion-color-success-contrast: #000000;\n --ion-color-success-contrast-rgb: 0, 0, 0;\n --ion-color-success-shade: #28bb50;\n --ion-color-success-tint: #42d96b;\n\n --ion-color-warning: #ffce31;\n --ion-color-warning-rgb: 255, 206, 49;\n --ion-color-warning-contrast: #000000;\n --ion-color-warning-contrast-rgb: 0, 0, 0;\n --ion-color-warning-shade: #e0b52b;\n --ion-color-warning-tint: #ffd346;\n\n --ion-color-danger: #f56570;\n --ion-color-danger-rgb: 245, 101, 112;\n --ion-color-danger-contrast: #000000;\n --ion-color-danger-contrast-rgb: 0, 0, 0;\n --ion-color-danger-shade: #d85963;\n --ion-color-danger-tint: #f6747e;\n \n --ion-color-dark: #f4f5f8;\n --ion-color-dark-rgb: 244, 245, 248;\n --ion-color-dark-contrast: #000000;\n --ion-color-dark-contrast-rgb: 0, 0, 0;\n --ion-color-dark-shade: #d7d8da;\n --ion-color-dark-tint: #f5f6f9;\n \n --ion-color-medium: #989aa2;\n --ion-color-medium-rgb: 152, 154, 162;\n --ion-color-medium-contrast: #000000;\n --ion-color-medium-contrast-rgb: 0, 0, 0;\n --ion-color-medium-shade: #86888f;\n --ion-color-medium-tint: #a2a4ab;\n \n --ion-color-light: #222428;\n --ion-color-light-rgb: 34, 36, 40;\n --ion-color-light-contrast: #ffffff;\n --ion-color-light-contrast-rgb: 255, 255, 255;\n --ion-color-light-shade: #1e2023;\n --ion-color-light-tint: #383a3e;\n }\n}\n\n@mixin dark-ios-theme() {\n & {\n --ion-background-color: #000000;\n --ion-background-color-rgb: 0, 0, 0;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-background-color-step-50: #0d0d0d;\n --ion-background-color-step-100: #1a1a1a;\n --ion-background-color-step-150: #262626;\n --ion-background-color-step-200: #333333;\n --ion-background-color-step-250: #404040;\n --ion-background-color-step-300: #4d4d4d;\n --ion-background-color-step-350: #595959;\n --ion-background-color-step-400: #666666;\n --ion-background-color-step-450: #737373;\n --ion-background-color-step-500: #808080;\n --ion-background-color-step-550: #8c8c8c;\n --ion-background-color-step-600: #999999;\n --ion-background-color-step-650: #a6a6a6;\n --ion-background-color-step-700: #b3b3b3;\n --ion-background-color-step-750: #bfbfbf;\n --ion-background-color-step-800: #cccccc;\n --ion-background-color-step-850: #d9d9d9;\n --ion-background-color-step-900: #e6e6e6;\n --ion-background-color-step-950: #f2f2f2;\n\n --ion-text-color-step-50: #f2f2f2;\n --ion-text-color-step-100: #e6e6e6;\n --ion-text-color-step-150: #d9d9d9;\n --ion-text-color-step-200: #cccccc;\n --ion-text-color-step-250: #bfbfbf;\n --ion-text-color-step-300: #b3b3b3;\n --ion-text-color-step-350: #a6a6a6;\n --ion-text-color-step-400: #999999;\n --ion-text-color-step-450: #8c8c8c;\n --ion-text-color-step-500: #808080;\n --ion-text-color-step-550: #737373;\n --ion-text-color-step-600: #666666;\n --ion-text-color-step-650: #595959;\n --ion-text-color-step-700: #4d4d4d;\n --ion-text-color-step-750: #404040;\n --ion-text-color-step-800: #333333;\n --ion-text-color-step-850: #262626;\n --ion-text-color-step-900: #1a1a1a;\n --ion-text-color-step-950: #0d0d0d;\n\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n }\n\n & ion-modal {\n --ion-background-color: var(--ion-color-step-100, var(--ion-background-color-step-100));\n --ion-toolbar-background: var(--ion-color-step-150, var(--ion-background-color-step-150));\n --ion-toolbar-border-color: var(--ion-color-step-250, var(--ion-background-color-step-250));\n }\n}\n\n@mixin dark-md-theme() {\n & {\n --ion-background-color: #121212;\n --ion-background-color-rgb: 18, 18, 18;\n\n --ion-text-color: #ffffff;\n --ion-text-color-rgb: 255, 255, 255;\n\n --ion-border-color: #222222;\n\n --ion-background-color-step-50: #1e1e1e;\n --ion-background-color-step-100: #2a2a2a;\n --ion-background-color-step-150: #363636;\n --ion-background-color-step-200: #414141;\n --ion-background-color-step-250: #4d4d4d;\n --ion-background-color-step-300: #595959;\n --ion-background-color-step-350: #656565;\n --ion-background-color-step-400: #717171;\n --ion-background-color-step-450: #7d7d7d;\n --ion-background-color-step-500: #898989;\n --ion-background-color-step-550: #949494;\n --ion-background-color-step-600: #a0a0a0;\n --ion-background-color-step-650: #acacac;\n --ion-background-color-step-700: #b8b8b8;\n --ion-background-color-step-750: #c4c4c4;\n --ion-background-color-step-800: #d0d0d0;\n --ion-background-color-step-850: #dbdbdb;\n --ion-background-color-step-900: #e7e7e7;\n --ion-background-color-step-950: #f3f3f3;\n\n --ion-text-color-step-50: #f3f3f3;\n --ion-text-color-step-100: #e7e7e7;\n --ion-text-color-step-150: #dbdbdb;\n --ion-text-color-step-200: #d0d0d0;\n --ion-text-color-step-250: #c4c4c4;\n --ion-text-color-step-300: #b8b8b8;\n --ion-text-color-step-350: #acacac;\n --ion-text-color-step-400: #a0a0a0;\n --ion-text-color-step-450: #949494;\n --ion-text-color-step-500: #898989;\n --ion-text-color-step-550: #7d7d7d;\n --ion-text-color-step-600: #717171;\n --ion-text-color-step-650: #656565;\n --ion-text-color-step-700: #595959;\n --ion-text-color-step-750: #4d4d4d;\n --ion-text-color-step-800: #414141;\n --ion-text-color-step-850: #363636;\n --ion-text-color-step-900: #2a2a2a;\n --ion-text-color-step-950: #1e1e1e;\n\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n }\n}\n"]}
package/css/themes/high-contrast-dark.always.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/high-contrast-dark.scss","../../src/css/themes/high-contrast-dark.always.scss"],"names":[],"mappings":"AAgGE;EAEI;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EAGF;;;AAKF;EAGE;EACA;EAEA;EACA;EAEA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMF;EACE;EACA;EACA;;;ACpKJ;ADkPE;;AAzEA;EAGE;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMF;EACE;;AAGF;EAEE;;AAIF;EACE;IACE;;;AAIJ;EACE","file":"high-contrast-dark.always.css","sourcesContent":["@use \"sass:map\";\n@import \"../../themes/ionic.functions.color\";\n\n$primary: #7cabff !default;\n$secondary: #62bdff !default;\n$tertiary: #b6b9f9 !default;\n$success: #4ada71 !default;\n$warning: #ffce31 !default;\n$danger: #fc9aa2 !default;\n$light: #222428 !default;\n$medium: #a8aab3 !default;\n$dark: #f4f5f8 !default;\n\n$colors: (\n primary: (\n base: $primary,\n contrast: #000,\n shade: get-color-shade($primary),\n tint: get-color-tint($primary)\n ),\n secondary: (\n base: $secondary,\n contrast: #000,\n shade: get-color-shade($secondary),\n tint: get-color-tint($secondary)\n ),\n tertiary: (\n base: $tertiary,\n contrast: #000,\n shade: get-color-shade($tertiary),\n tint: get-color-tint($tertiary)\n ),\n success: (\n base: $success,\n contrast: #000,\n shade: get-color-shade($success),\n tint: get-color-tint($success)\n ),\n warning: (\n base: $warning,\n contrast: #000,\n shade: get-color-shade($warning),\n tint: get-color-tint($warning)\n ),\n danger: (\n base: $danger,\n contrast: #000,\n shade: get-color-shade($danger),\n tint: get-color-tint($danger)\n ),\n light: (\n base: $light,\n contrast: #fff,\n shade: get-color-shade($light),\n tint: get-color-tint($light)\n ),\n medium: (\n base: $medium,\n contrast: #000,\n shade: get-color-shade($medium),\n tint: get-color-tint($medium)\n ),\n dark: (\n base: $dark,\n contrast: #000,\n shade: get-color-shade($dark),\n tint: get-color-tint($dark)\n )\n) !default;\n\n/// Text step colors are generated based on\n/// how dark or light text can be. The darkest\n/// text color is usually the default text color (white or black).\n/// The darker the $lightest-text-color is, the darker each\n/// stepped color is. If you want to increase text contrast,\n/// make $lightest-text-color darker.\n$text-color: #ffffff;\n\n$darkest-text-color: #888888;\n$lightest-text-color: $text-color;\n\n/// Loop through each color object above\n/// and generate CSS Variables for each\n/// color. Do not use the ion-color function\n/// here because that will set the variable\n/// to evaluate to itself with a fallback.\n/// For example:\n/// --ion-color-primary: #{ion-color(primary, base)};\n/// Maps to:\n/// --ion-color-primary: var(--ion-color-primary, #...);\n\n/// We apply certain styles to the per-mode classes (ios and md)\n/// as opposed to setting everything in :root\n// so any high contrast dark styles override the standard\n/// contrast dark styles.\n@mixin high-contrast-dark-base-theme() {\n & {\n @each $color-name, $value in $colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n\n --ion-placeholder-opacity: 0.8;\n }\n}\n\n@mixin high-contrast-dark-ios-theme() {\n & {\n $background-color: #000000;\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: var(--ion-background-color-step-400);\n\n --ion-text-color-step-50: #{mix($darkest-text-color, $lightest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($darkest-text-color, $lightest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($darkest-text-color, $lightest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($darkest-text-color, $lightest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($darkest-text-color, $lightest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($darkest-text-color, $lightest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($darkest-text-color, $lightest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($darkest-text-color, $lightest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($darkest-text-color, $lightest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($darkest-text-color, $lightest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($darkest-text-color, $lightest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($darkest-text-color, $lightest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($darkest-text-color, $lightest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($darkest-text-color, $lightest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($darkest-text-color, $lightest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($darkest-text-color, $lightest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($darkest-text-color, $lightest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($darkest-text-color, $lightest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($darkest-text-color, $lightest-text-color, 95%)};\n\n --ion-background-color-step-50: #{mix($text-color, $background-color, 5%)};\n --ion-background-color-step-100: #{mix($text-color, $background-color, 10%)};\n --ion-background-color-step-150: #{mix($text-color, $background-color, 15%)};\n --ion-background-color-step-200: #{mix($text-color, $background-color, 20%)};\n --ion-background-color-step-250: #{mix($text-color, $background-color, 25%)};\n --ion-background-color-step-300: #{mix($text-color, $background-color, 30%)};\n --ion-background-color-step-350: #{mix($text-color, $background-color, 35%)};\n --ion-background-color-step-400: #{mix($text-color, $background-color, 40%)};\n --ion-background-color-step-450: #{mix($text-color, $background-color, 45%)};\n --ion-background-color-step-500: #{mix($text-color, $background-color, 50%)};\n --ion-background-color-step-550: #{mix($text-color, $background-color, 55%)};\n --ion-background-color-step-600: #{mix($text-color, $background-color, 60%)};\n --ion-background-color-step-650: #{mix($text-color, $background-color, 65%)};\n --ion-background-color-step-700: #{mix($text-color, $background-color, 70%)};\n --ion-background-color-step-750: #{mix($text-color, $background-color, 75%)};\n --ion-background-color-step-800: #{mix($text-color, $background-color, 80%)};\n --ion-background-color-step-850: #{mix($text-color, $background-color, 85%)};\n --ion-background-color-step-900: #{mix($text-color, $background-color, 90%)};\n --ion-background-color-step-950: #{mix($text-color, $background-color, 95%)};\n }\n\n // Modal\n // --------------------------------------------------\n\n & ion-modal {\n --ion-background-color: var(--ion-background-color-step-100);\n --ion-toolbar-background: var(--ion-background-color-step-150);\n --ion-toolbar-border-color: var(--ion-background-color-step-250);\n }\n}\n\n@mixin high-contrast-dark-md-theme() {\n & {\n $background-color: #121212;\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-border-color: #222222;\n\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: var(--ion-background-color-step-400);\n\n --ion-text-color-step-50: #{mix($darkest-text-color, $lightest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($darkest-text-color, $lightest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($darkest-text-color, $lightest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($darkest-text-color, $lightest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($darkest-text-color, $lightest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($darkest-text-color, $lightest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($darkest-text-color, $lightest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($darkest-text-color, $lightest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($darkest-text-color, $lightest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($darkest-text-color, $lightest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($darkest-text-color, $lightest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($darkest-text-color, $lightest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($darkest-text-color, $lightest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($darkest-text-color, $lightest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($darkest-text-color, $lightest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($darkest-text-color, $lightest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($darkest-text-color, $lightest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($darkest-text-color, $lightest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($darkest-text-color, $lightest-text-color, 95%)};\n\n --ion-background-color-step-50: #{mix($text-color, $background-color, 5%)};\n --ion-background-color-step-100: #{mix($text-color, $background-color, 10%)};\n --ion-background-color-step-150: #{mix($text-color, $background-color, 15%)};\n --ion-background-color-step-200: #{mix($text-color, $background-color, 20%)};\n --ion-background-color-step-250: #{mix($text-color, $background-color, 25%)};\n --ion-background-color-step-300: #{mix($text-color, $background-color, 30%)};\n --ion-background-color-step-350: #{mix($text-color, $background-color, 35%)};\n --ion-background-color-step-400: #{mix($text-color, $background-color, 40%)};\n --ion-background-color-step-450: #{mix($text-color, $background-color, 45%)};\n --ion-background-color-step-500: #{mix($text-color, $background-color, 50%)};\n --ion-background-color-step-550: #{mix($text-color, $background-color, 55%)};\n --ion-background-color-step-600: #{mix($text-color, $background-color, 60%)};\n --ion-background-color-step-650: #{mix($text-color, $background-color, 65%)};\n --ion-background-color-step-700: #{mix($text-color, $background-color, 70%)};\n --ion-background-color-step-750: #{mix($text-color, $background-color, 75%)};\n --ion-background-color-step-800: #{mix($text-color, $background-color, 80%)};\n --ion-background-color-step-850: #{mix($text-color, $background-color, 85%)};\n --ion-background-color-step-900: #{mix($text-color, $background-color, 90%)};\n --ion-background-color-step-950: #{mix($text-color, $background-color, 95%)};\n }\n\n // Toast\n // --------------------------------------------------\n\n & ion-toast {\n --color: var(--ion-background-color);\n }\n\n & ion-toast::part(button) {\n // Fallback for browsers that don't support color-mix\n color: var(--color);\n }\n\n /* stylelint-disable-next-line order/order */\n @supports (color: color-mix(in lch, plum, pink)) {\n & ion-toast::part(button) {\n color: color-mix(in srgb, var(--color) 73%, var(--button-color));\n }\n }\n\n & ion-toast::part(button cancel) {\n color: var(--color);\n }\n}\n","@import \"./high-contrast-dark\";\n\n:root {\n @include high-contrast-dark-base-theme();\n}\n\n:root.ios {\n @include high-contrast-dark-ios-theme();\n}\n\n:root.md {\n @include high-contrast-dark-md-theme();\n}\n"]}
package/css/themes/high-contrast-dark.class.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/high-contrast-dark.scss","../../src/css/themes/high-contrast-dark.class.scss"],"names":[],"mappings":"AAgGE;EAEI;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EAGF;;;AAKF;EAGE;EACA;EAEA;EACA;EAEA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMF;EACE;EACA;EACA;;;ACpKJ;ADkPE;;AAzEA;EAGE;EACA;EAEA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMF;EACE;;AAGF;EAEE;;AAIF;EACE;IACE;;;AAIJ;EACE","file":"high-contrast-dark.class.css","sourcesContent":["@use \"sass:map\";\n@import \"../../themes/ionic.functions.color\";\n\n$primary: #7cabff !default;\n$secondary: #62bdff !default;\n$tertiary: #b6b9f9 !default;\n$success: #4ada71 !default;\n$warning: #ffce31 !default;\n$danger: #fc9aa2 !default;\n$light: #222428 !default;\n$medium: #a8aab3 !default;\n$dark: #f4f5f8 !default;\n\n$colors: (\n primary: (\n base: $primary,\n contrast: #000,\n shade: get-color-shade($primary),\n tint: get-color-tint($primary)\n ),\n secondary: (\n base: $secondary,\n contrast: #000,\n shade: get-color-shade($secondary),\n tint: get-color-tint($secondary)\n ),\n tertiary: (\n base: $tertiary,\n contrast: #000,\n shade: get-color-shade($tertiary),\n tint: get-color-tint($tertiary)\n ),\n success: (\n base: $success,\n contrast: #000,\n shade: get-color-shade($success),\n tint: get-color-tint($success)\n ),\n warning: (\n base: $warning,\n contrast: #000,\n shade: get-color-shade($warning),\n tint: get-color-tint($warning)\n ),\n danger: (\n base: $danger,\n contrast: #000,\n shade: get-color-shade($danger),\n tint: get-color-tint($danger)\n ),\n light: (\n base: $light,\n contrast: #fff,\n shade: get-color-shade($light),\n tint: get-color-tint($light)\n ),\n medium: (\n base: $medium,\n contrast: #000,\n shade: get-color-shade($medium),\n tint: get-color-tint($medium)\n ),\n dark: (\n base: $dark,\n contrast: #000,\n shade: get-color-shade($dark),\n tint: get-color-tint($dark)\n )\n) !default;\n\n/// Text step colors are generated based on\n/// how dark or light text can be. The darkest\n/// text color is usually the default text color (white or black).\n/// The darker the $lightest-text-color is, the darker each\n/// stepped color is. If you want to increase text contrast,\n/// make $lightest-text-color darker.\n$text-color: #ffffff;\n\n$darkest-text-color: #888888;\n$lightest-text-color: $text-color;\n\n/// Loop through each color object above\n/// and generate CSS Variables for each\n/// color. Do not use the ion-color function\n/// here because that will set the variable\n/// to evaluate to itself with a fallback.\n/// For example:\n/// --ion-color-primary: #{ion-color(primary, base)};\n/// Maps to:\n/// --ion-color-primary: var(--ion-color-primary, #...);\n\n/// We apply certain styles to the per-mode classes (ios and md)\n/// as opposed to setting everything in :root\n// so any high contrast dark styles override the standard\n/// contrast dark styles.\n@mixin high-contrast-dark-base-theme() {\n & {\n @each $color-name, $value in $colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n\n --ion-placeholder-opacity: 0.8;\n }\n}\n\n@mixin high-contrast-dark-ios-theme() {\n & {\n $background-color: #000000;\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: var(--ion-background-color-step-400);\n\n --ion-text-color-step-50: #{mix($darkest-text-color, $lightest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($darkest-text-color, $lightest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($darkest-text-color, $lightest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($darkest-text-color, $lightest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($darkest-text-color, $lightest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($darkest-text-color, $lightest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($darkest-text-color, $lightest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($darkest-text-color, $lightest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($darkest-text-color, $lightest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($darkest-text-color, $lightest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($darkest-text-color, $lightest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($darkest-text-color, $lightest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($darkest-text-color, $lightest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($darkest-text-color, $lightest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($darkest-text-color, $lightest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($darkest-text-color, $lightest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($darkest-text-color, $lightest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($darkest-text-color, $lightest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($darkest-text-color, $lightest-text-color, 95%)};\n\n --ion-background-color-step-50: #{mix($text-color, $background-color, 5%)};\n --ion-background-color-step-100: #{mix($text-color, $background-color, 10%)};\n --ion-background-color-step-150: #{mix($text-color, $background-color, 15%)};\n --ion-background-color-step-200: #{mix($text-color, $background-color, 20%)};\n --ion-background-color-step-250: #{mix($text-color, $background-color, 25%)};\n --ion-background-color-step-300: #{mix($text-color, $background-color, 30%)};\n --ion-background-color-step-350: #{mix($text-color, $background-color, 35%)};\n --ion-background-color-step-400: #{mix($text-color, $background-color, 40%)};\n --ion-background-color-step-450: #{mix($text-color, $background-color, 45%)};\n --ion-background-color-step-500: #{mix($text-color, $background-color, 50%)};\n --ion-background-color-step-550: #{mix($text-color, $background-color, 55%)};\n --ion-background-color-step-600: #{mix($text-color, $background-color, 60%)};\n --ion-background-color-step-650: #{mix($text-color, $background-color, 65%)};\n --ion-background-color-step-700: #{mix($text-color, $background-color, 70%)};\n --ion-background-color-step-750: #{mix($text-color, $background-color, 75%)};\n --ion-background-color-step-800: #{mix($text-color, $background-color, 80%)};\n --ion-background-color-step-850: #{mix($text-color, $background-color, 85%)};\n --ion-background-color-step-900: #{mix($text-color, $background-color, 90%)};\n --ion-background-color-step-950: #{mix($text-color, $background-color, 95%)};\n }\n\n // Modal\n // --------------------------------------------------\n\n & ion-modal {\n --ion-background-color: var(--ion-background-color-step-100);\n --ion-toolbar-background: var(--ion-background-color-step-150);\n --ion-toolbar-border-color: var(--ion-background-color-step-250);\n }\n}\n\n@mixin high-contrast-dark-md-theme() {\n & {\n $background-color: #121212;\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-border-color: #222222;\n\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: var(--ion-background-color-step-400);\n\n --ion-text-color-step-50: #{mix($darkest-text-color, $lightest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($darkest-text-color, $lightest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($darkest-text-color, $lightest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($darkest-text-color, $lightest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($darkest-text-color, $lightest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($darkest-text-color, $lightest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($darkest-text-color, $lightest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($darkest-text-color, $lightest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($darkest-text-color, $lightest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($darkest-text-color, $lightest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($darkest-text-color, $lightest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($darkest-text-color, $lightest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($darkest-text-color, $lightest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($darkest-text-color, $lightest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($darkest-text-color, $lightest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($darkest-text-color, $lightest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($darkest-text-color, $lightest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($darkest-text-color, $lightest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($darkest-text-color, $lightest-text-color, 95%)};\n\n --ion-background-color-step-50: #{mix($text-color, $background-color, 5%)};\n --ion-background-color-step-100: #{mix($text-color, $background-color, 10%)};\n --ion-background-color-step-150: #{mix($text-color, $background-color, 15%)};\n --ion-background-color-step-200: #{mix($text-color, $background-color, 20%)};\n --ion-background-color-step-250: #{mix($text-color, $background-color, 25%)};\n --ion-background-color-step-300: #{mix($text-color, $background-color, 30%)};\n --ion-background-color-step-350: #{mix($text-color, $background-color, 35%)};\n --ion-background-color-step-400: #{mix($text-color, $background-color, 40%)};\n --ion-background-color-step-450: #{mix($text-color, $background-color, 45%)};\n --ion-background-color-step-500: #{mix($text-color, $background-color, 50%)};\n --ion-background-color-step-550: #{mix($text-color, $background-color, 55%)};\n --ion-background-color-step-600: #{mix($text-color, $background-color, 60%)};\n --ion-background-color-step-650: #{mix($text-color, $background-color, 65%)};\n --ion-background-color-step-700: #{mix($text-color, $background-color, 70%)};\n --ion-background-color-step-750: #{mix($text-color, $background-color, 75%)};\n --ion-background-color-step-800: #{mix($text-color, $background-color, 80%)};\n --ion-background-color-step-850: #{mix($text-color, $background-color, 85%)};\n --ion-background-color-step-900: #{mix($text-color, $background-color, 90%)};\n --ion-background-color-step-950: #{mix($text-color, $background-color, 95%)};\n }\n\n // Toast\n // --------------------------------------------------\n\n & ion-toast {\n --color: var(--ion-background-color);\n }\n\n & ion-toast::part(button) {\n // Fallback for browsers that don't support color-mix\n color: var(--color);\n }\n\n /* stylelint-disable-next-line order/order */\n @supports (color: color-mix(in lch, plum, pink)) {\n & ion-toast::part(button) {\n color: color-mix(in srgb, var(--color) 73%, var(--button-color));\n }\n }\n\n & ion-toast::part(button cancel) {\n color: var(--color);\n }\n}\n","@import \"./high-contrast-dark\";\n\n.ion-theme-high-contrast.ion-theme-dark {\n @include high-contrast-dark-base-theme();\n}\n\n.ion-theme-high-contrast.ion-theme-dark.ios {\n @include high-contrast-dark-ios-theme();\n}\n\n.ion-theme-high-contrast.ion-theme-dark.md {\n @include high-contrast-dark-md-theme();\n}\n"]}
package/css/themes/high-contrast-dark.system.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/high-contrast-dark.system.scss","../../src/css/themes/high-contrast-dark.scss"],"names":[],"mappings":"AAEA;EC8FE;IAEI;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IAGF;;;EAKF;IAGE;IACA;IAEA;IACA;IAEA;IACA;IAIA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAMF;IACE;IACA;IACA;;;EDnKF;ACiPA;;EAzEA;IAGE;IACA;IAEA;IACA;IAEA;IAEA;IACA;IACA;IACA;IAIA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAMF;IACE;;EAGF;IAEE;;EAIF;IACE;MACE;;;EAIJ;IACE","file":"high-contrast-dark.system.css","sourcesContent":["@import \"./high-contrast-dark\";\n\n@media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n :root {\n @include high-contrast-dark-base-theme();\n }\n\n :root.ios {\n @include high-contrast-dark-ios-theme();\n }\n\n :root.md {\n @include high-contrast-dark-md-theme();\n }\n}\n","@use \"sass:map\";\n@import \"../../themes/ionic.functions.color\";\n\n$primary: #7cabff !default;\n$secondary: #62bdff !default;\n$tertiary: #b6b9f9 !default;\n$success: #4ada71 !default;\n$warning: #ffce31 !default;\n$danger: #fc9aa2 !default;\n$light: #222428 !default;\n$medium: #a8aab3 !default;\n$dark: #f4f5f8 !default;\n\n$colors: (\n primary: (\n base: $primary,\n contrast: #000,\n shade: get-color-shade($primary),\n tint: get-color-tint($primary)\n ),\n secondary: (\n base: $secondary,\n contrast: #000,\n shade: get-color-shade($secondary),\n tint: get-color-tint($secondary)\n ),\n tertiary: (\n base: $tertiary,\n contrast: #000,\n shade: get-color-shade($tertiary),\n tint: get-color-tint($tertiary)\n ),\n success: (\n base: $success,\n contrast: #000,\n shade: get-color-shade($success),\n tint: get-color-tint($success)\n ),\n warning: (\n base: $warning,\n contrast: #000,\n shade: get-color-shade($warning),\n tint: get-color-tint($warning)\n ),\n danger: (\n base: $danger,\n contrast: #000,\n shade: get-color-shade($danger),\n tint: get-color-tint($danger)\n ),\n light: (\n base: $light,\n contrast: #fff,\n shade: get-color-shade($light),\n tint: get-color-tint($light)\n ),\n medium: (\n base: $medium,\n contrast: #000,\n shade: get-color-shade($medium),\n tint: get-color-tint($medium)\n ),\n dark: (\n base: $dark,\n contrast: #000,\n shade: get-color-shade($dark),\n tint: get-color-tint($dark)\n )\n) !default;\n\n/// Text step colors are generated based on\n/// how dark or light text can be. The darkest\n/// text color is usually the default text color (white or black).\n/// The darker the $lightest-text-color is, the darker each\n/// stepped color is. If you want to increase text contrast,\n/// make $lightest-text-color darker.\n$text-color: #ffffff;\n\n$darkest-text-color: #888888;\n$lightest-text-color: $text-color;\n\n/// Loop through each color object above\n/// and generate CSS Variables for each\n/// color. Do not use the ion-color function\n/// here because that will set the variable\n/// to evaluate to itself with a fallback.\n/// For example:\n/// --ion-color-primary: #{ion-color(primary, base)};\n/// Maps to:\n/// --ion-color-primary: var(--ion-color-primary, #...);\n\n/// We apply certain styles to the per-mode classes (ios and md)\n/// as opposed to setting everything in :root\n// so any high contrast dark styles override the standard\n/// contrast dark styles.\n@mixin high-contrast-dark-base-theme() {\n & {\n @each $color-name, $value in $colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n\n --ion-placeholder-opacity: 0.8;\n }\n}\n\n@mixin high-contrast-dark-ios-theme() {\n & {\n $background-color: #000000;\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-item-background: #000000;\n --ion-card-background: #1c1c1d;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: var(--ion-background-color-step-400);\n\n --ion-text-color-step-50: #{mix($darkest-text-color, $lightest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($darkest-text-color, $lightest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($darkest-text-color, $lightest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($darkest-text-color, $lightest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($darkest-text-color, $lightest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($darkest-text-color, $lightest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($darkest-text-color, $lightest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($darkest-text-color, $lightest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($darkest-text-color, $lightest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($darkest-text-color, $lightest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($darkest-text-color, $lightest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($darkest-text-color, $lightest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($darkest-text-color, $lightest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($darkest-text-color, $lightest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($darkest-text-color, $lightest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($darkest-text-color, $lightest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($darkest-text-color, $lightest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($darkest-text-color, $lightest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($darkest-text-color, $lightest-text-color, 95%)};\n\n --ion-background-color-step-50: #{mix($text-color, $background-color, 5%)};\n --ion-background-color-step-100: #{mix($text-color, $background-color, 10%)};\n --ion-background-color-step-150: #{mix($text-color, $background-color, 15%)};\n --ion-background-color-step-200: #{mix($text-color, $background-color, 20%)};\n --ion-background-color-step-250: #{mix($text-color, $background-color, 25%)};\n --ion-background-color-step-300: #{mix($text-color, $background-color, 30%)};\n --ion-background-color-step-350: #{mix($text-color, $background-color, 35%)};\n --ion-background-color-step-400: #{mix($text-color, $background-color, 40%)};\n --ion-background-color-step-450: #{mix($text-color, $background-color, 45%)};\n --ion-background-color-step-500: #{mix($text-color, $background-color, 50%)};\n --ion-background-color-step-550: #{mix($text-color, $background-color, 55%)};\n --ion-background-color-step-600: #{mix($text-color, $background-color, 60%)};\n --ion-background-color-step-650: #{mix($text-color, $background-color, 65%)};\n --ion-background-color-step-700: #{mix($text-color, $background-color, 70%)};\n --ion-background-color-step-750: #{mix($text-color, $background-color, 75%)};\n --ion-background-color-step-800: #{mix($text-color, $background-color, 80%)};\n --ion-background-color-step-850: #{mix($text-color, $background-color, 85%)};\n --ion-background-color-step-900: #{mix($text-color, $background-color, 90%)};\n --ion-background-color-step-950: #{mix($text-color, $background-color, 95%)};\n }\n\n // Modal\n // --------------------------------------------------\n\n & ion-modal {\n --ion-background-color: var(--ion-background-color-step-100);\n --ion-toolbar-background: var(--ion-background-color-step-150);\n --ion-toolbar-border-color: var(--ion-background-color-step-250);\n }\n}\n\n@mixin high-contrast-dark-md-theme() {\n & {\n $background-color: #121212;\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-border-color: #222222;\n\n --ion-item-background: #1e1e1e;\n --ion-toolbar-background: #1f1f1f;\n --ion-tab-bar-background: #1f1f1f;\n --ion-card-background: #1e1e1e;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: var(--ion-background-color-step-400);\n\n --ion-text-color-step-50: #{mix($darkest-text-color, $lightest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($darkest-text-color, $lightest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($darkest-text-color, $lightest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($darkest-text-color, $lightest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($darkest-text-color, $lightest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($darkest-text-color, $lightest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($darkest-text-color, $lightest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($darkest-text-color, $lightest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($darkest-text-color, $lightest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($darkest-text-color, $lightest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($darkest-text-color, $lightest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($darkest-text-color, $lightest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($darkest-text-color, $lightest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($darkest-text-color, $lightest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($darkest-text-color, $lightest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($darkest-text-color, $lightest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($darkest-text-color, $lightest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($darkest-text-color, $lightest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($darkest-text-color, $lightest-text-color, 95%)};\n\n --ion-background-color-step-50: #{mix($text-color, $background-color, 5%)};\n --ion-background-color-step-100: #{mix($text-color, $background-color, 10%)};\n --ion-background-color-step-150: #{mix($text-color, $background-color, 15%)};\n --ion-background-color-step-200: #{mix($text-color, $background-color, 20%)};\n --ion-background-color-step-250: #{mix($text-color, $background-color, 25%)};\n --ion-background-color-step-300: #{mix($text-color, $background-color, 30%)};\n --ion-background-color-step-350: #{mix($text-color, $background-color, 35%)};\n --ion-background-color-step-400: #{mix($text-color, $background-color, 40%)};\n --ion-background-color-step-450: #{mix($text-color, $background-color, 45%)};\n --ion-background-color-step-500: #{mix($text-color, $background-color, 50%)};\n --ion-background-color-step-550: #{mix($text-color, $background-color, 55%)};\n --ion-background-color-step-600: #{mix($text-color, $background-color, 60%)};\n --ion-background-color-step-650: #{mix($text-color, $background-color, 65%)};\n --ion-background-color-step-700: #{mix($text-color, $background-color, 70%)};\n --ion-background-color-step-750: #{mix($text-color, $background-color, 75%)};\n --ion-background-color-step-800: #{mix($text-color, $background-color, 80%)};\n --ion-background-color-step-850: #{mix($text-color, $background-color, 85%)};\n --ion-background-color-step-900: #{mix($text-color, $background-color, 90%)};\n --ion-background-color-step-950: #{mix($text-color, $background-color, 95%)};\n }\n\n // Toast\n // --------------------------------------------------\n\n & ion-toast {\n --color: var(--ion-background-color);\n }\n\n & ion-toast::part(button) {\n // Fallback for browsers that don't support color-mix\n color: var(--color);\n }\n\n /* stylelint-disable-next-line order/order */\n @supports (color: color-mix(in lch, plum, pink)) {\n & ion-toast::part(button) {\n color: color-mix(in srgb, var(--color) 73%, var(--button-color));\n }\n }\n\n & ion-toast::part(button cancel) {\n color: var(--color);\n }\n}\n"]}
package/css/themes/high-contrast.always.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/high-contrast.scss","../../src/css/themes/high-contrast.always.scss"],"names":[],"mappings":"AA4FE;EAEI;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EAGF;EACA;EAEA;EACA;EAEA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC9HJ;AD+IE;;AATA;EACE;;AAGF;EAEE;;AAIF;EACE;IACE;;;AAIJ;EACE","file":"high-contrast.always.css","sourcesContent":["@use \"sass:map\";\n@import \"../../themes/ionic.functions.color\";\n\n$primary: #003fae !default;\n$secondary: #01487b !default;\n$tertiary: #3400e6 !default;\n$success: #004314 !default;\n$warning: #5f4100 !default;\n$danger: #9c000c !default;\n$light: #f4f5f8 !default;\n$medium: #444446 !default;\n$dark: #222428 !default;\n\n$colors: (\n primary: (\n base: $primary,\n contrast: #fff,\n shade: get-color-shade($primary),\n tint: get-color-tint($primary)\n ),\n secondary: (\n base: $secondary,\n contrast: #fff,\n shade: get-color-shade($secondary),\n tint: get-color-tint($secondary)\n ),\n tertiary: (\n base: $tertiary,\n contrast: #fff,\n shade: get-color-shade($tertiary),\n tint: get-color-tint($tertiary)\n ),\n success: (\n base: $success,\n contrast: #fff,\n shade: get-color-shade($success),\n tint: get-color-tint($success)\n ),\n warning: (\n base: $warning,\n contrast: #fff,\n shade: get-color-shade($warning),\n tint: get-color-tint($warning)\n ),\n danger: (\n base: $danger,\n contrast: #fff,\n shade: get-color-shade($danger),\n tint: get-color-tint($danger)\n ),\n light: (\n base: $light,\n contrast: #000,\n shade: get-color-shade($light),\n tint: get-color-tint($light)\n ),\n medium: (\n base: $medium,\n contrast: #fff,\n shade: get-color-shade($medium),\n tint: get-color-tint($medium)\n ),\n dark: (\n base: $dark,\n contrast: #fff,\n shade: get-color-shade($dark),\n tint: get-color-tint($dark)\n )\n) !default;\n\n/// Text step colors are generated based on\n/// how dark or light text can be. The darkest\n/// text color is usually the default text color (white or black).\n/// The darker the $lightest-text-color is, the darker each\n/// stepped color is. If you want to increase text contrast,\n/// make $lightest-text-color darker.\n$background-color: #ffffff;\n$text-color: #000000;\n\n$darkest-text-color: $text-color;\n$lightest-text-color: #888888;\n\n/// Loop through each color object above\n/// and generate CSS Variables for each\n/// color. Do not use the ion-color function\n/// here because that will set the variable\n/// to evaluate to itself with a fallback.\n/// For example:\n/// --ion-color-primary: #{ion-color(primary, base)};\n/// Maps to:\n/// --ion-color-primary: var(--ion-color-primary, #...);\n@mixin high-contrast-light-base-theme() {\n & {\n @each $color-name, $value in $colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-placeholder-opacity: 0.8;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: #7a7a7a;\n\n --ion-text-color-step-50: #{mix($lightest-text-color, $darkest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($lightest-text-color, $darkest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($lightest-text-color, $darkest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($lightest-text-color, $darkest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($lightest-text-color, $darkest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($lightest-text-color, $darkest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($lightest-text-color, $darkest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($lightest-text-color, $darkest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($lightest-text-color, $darkest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($lightest-text-color, $darkest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($lightest-text-color, $darkest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($lightest-text-color, $darkest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($lightest-text-color, $darkest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($lightest-text-color, $darkest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($lightest-text-color, $darkest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($lightest-text-color, $darkest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($lightest-text-color, $darkest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($lightest-text-color, $darkest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($lightest-text-color, $darkest-text-color, 95%)};\n }\n}\n\n@mixin high-contrast-light-md-theme() {\n // Toast\n // --------------------------------------------------\n\n & ion-toast {\n --color: var(--ion-background-color);\n }\n\n & ion-toast::part(button) {\n // Fallback for browsers that don't support color-mix\n color: var(--color);\n }\n\n /* stylelint-disable-next-line order/order */\n @supports (color: color-mix(in lch, plum, pink)) {\n & ion-toast::part(button) {\n color: color-mix(in srgb, var(--color) 70%, var(--button-color));\n }\n }\n\n & ion-toast::part(button cancel) {\n color: var(--color);\n }\n}\n","@import \"./high-contrast\";\n\n:root {\n @include high-contrast-light-base-theme();\n}\n\n:root.md {\n @include high-contrast-light-md-theme();\n}\n"]}
package/css/themes/high-contrast.class.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/high-contrast.scss","../../src/css/themes/high-contrast.class.scss"],"names":[],"mappings":"AA4FE;EAEI;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EALA;EACA;EACA;EACA;EACA;EACA;EAGF;EACA;EAEA;EACA;EAEA;EAIA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC9HJ;AD+IE;;AATA;EACE;;AAGF;EAEE;;AAIF;EACE;IACE;;;AAIJ;EACE","file":"high-contrast.class.css","sourcesContent":["@use \"sass:map\";\n@import \"../../themes/ionic.functions.color\";\n\n$primary: #003fae !default;\n$secondary: #01487b !default;\n$tertiary: #3400e6 !default;\n$success: #004314 !default;\n$warning: #5f4100 !default;\n$danger: #9c000c !default;\n$light: #f4f5f8 !default;\n$medium: #444446 !default;\n$dark: #222428 !default;\n\n$colors: (\n primary: (\n base: $primary,\n contrast: #fff,\n shade: get-color-shade($primary),\n tint: get-color-tint($primary)\n ),\n secondary: (\n base: $secondary,\n contrast: #fff,\n shade: get-color-shade($secondary),\n tint: get-color-tint($secondary)\n ),\n tertiary: (\n base: $tertiary,\n contrast: #fff,\n shade: get-color-shade($tertiary),\n tint: get-color-tint($tertiary)\n ),\n success: (\n base: $success,\n contrast: #fff,\n shade: get-color-shade($success),\n tint: get-color-tint($success)\n ),\n warning: (\n base: $warning,\n contrast: #fff,\n shade: get-color-shade($warning),\n tint: get-color-tint($warning)\n ),\n danger: (\n base: $danger,\n contrast: #fff,\n shade: get-color-shade($danger),\n tint: get-color-tint($danger)\n ),\n light: (\n base: $light,\n contrast: #000,\n shade: get-color-shade($light),\n tint: get-color-tint($light)\n ),\n medium: (\n base: $medium,\n contrast: #fff,\n shade: get-color-shade($medium),\n tint: get-color-tint($medium)\n ),\n dark: (\n base: $dark,\n contrast: #fff,\n shade: get-color-shade($dark),\n tint: get-color-tint($dark)\n )\n) !default;\n\n/// Text step colors are generated based on\n/// how dark or light text can be. The darkest\n/// text color is usually the default text color (white or black).\n/// The darker the $lightest-text-color is, the darker each\n/// stepped color is. If you want to increase text contrast,\n/// make $lightest-text-color darker.\n$background-color: #ffffff;\n$text-color: #000000;\n\n$darkest-text-color: $text-color;\n$lightest-text-color: #888888;\n\n/// Loop through each color object above\n/// and generate CSS Variables for each\n/// color. Do not use the ion-color function\n/// here because that will set the variable\n/// to evaluate to itself with a fallback.\n/// For example:\n/// --ion-color-primary: #{ion-color(primary, base)};\n/// Maps to:\n/// --ion-color-primary: var(--ion-color-primary, #...);\n@mixin high-contrast-light-base-theme() {\n & {\n @each $color-name, $value in $colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-placeholder-opacity: 0.8;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: #7a7a7a;\n\n --ion-text-color-step-50: #{mix($lightest-text-color, $darkest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($lightest-text-color, $darkest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($lightest-text-color, $darkest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($lightest-text-color, $darkest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($lightest-text-color, $darkest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($lightest-text-color, $darkest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($lightest-text-color, $darkest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($lightest-text-color, $darkest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($lightest-text-color, $darkest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($lightest-text-color, $darkest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($lightest-text-color, $darkest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($lightest-text-color, $darkest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($lightest-text-color, $darkest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($lightest-text-color, $darkest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($lightest-text-color, $darkest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($lightest-text-color, $darkest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($lightest-text-color, $darkest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($lightest-text-color, $darkest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($lightest-text-color, $darkest-text-color, 95%)};\n }\n}\n\n@mixin high-contrast-light-md-theme() {\n // Toast\n // --------------------------------------------------\n\n & ion-toast {\n --color: var(--ion-background-color);\n }\n\n & ion-toast::part(button) {\n // Fallback for browsers that don't support color-mix\n color: var(--color);\n }\n\n /* stylelint-disable-next-line order/order */\n @supports (color: color-mix(in lch, plum, pink)) {\n & ion-toast::part(button) {\n color: color-mix(in srgb, var(--color) 70%, var(--button-color));\n }\n }\n\n & ion-toast::part(button cancel) {\n color: var(--color);\n }\n}\n","@import \"./high-contrast\";\n\n.ion-theme-high-contrast {\n @include high-contrast-light-base-theme();\n}\n\n.ion-theme-high-contrast.md {\n @include high-contrast-light-md-theme();\n}\n"]}
package/css/themes/high-contrast.system.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/css/themes/high-contrast.system.scss","../../src/css/themes/high-contrast.scss"],"names":[],"mappings":"AAEA;EC0FE;IAEI;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IALA;IACA;IACA;IACA;IACA;IACA;IAGF;IACA;IAEA;IACA;IAEA;IAIA;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;;ED7HF;AC8IA;;EATA;IACE;;EAGF;IAEE;;EAIF;IACE;MACE;;;EAIJ;IACE","file":"high-contrast.system.css","sourcesContent":["@import \"./high-contrast\";\n\n@media (prefers-contrast: more) {\n :root {\n @include high-contrast-light-base-theme();\n }\n\n :root.md {\n @include high-contrast-light-md-theme();\n }\n}\n","@use \"sass:map\";\n@import \"../../themes/ionic.functions.color\";\n\n$primary: #003fae !default;\n$secondary: #01487b !default;\n$tertiary: #3400e6 !default;\n$success: #004314 !default;\n$warning: #5f4100 !default;\n$danger: #9c000c !default;\n$light: #f4f5f8 !default;\n$medium: #444446 !default;\n$dark: #222428 !default;\n\n$colors: (\n primary: (\n base: $primary,\n contrast: #fff,\n shade: get-color-shade($primary),\n tint: get-color-tint($primary)\n ),\n secondary: (\n base: $secondary,\n contrast: #fff,\n shade: get-color-shade($secondary),\n tint: get-color-tint($secondary)\n ),\n tertiary: (\n base: $tertiary,\n contrast: #fff,\n shade: get-color-shade($tertiary),\n tint: get-color-tint($tertiary)\n ),\n success: (\n base: $success,\n contrast: #fff,\n shade: get-color-shade($success),\n tint: get-color-tint($success)\n ),\n warning: (\n base: $warning,\n contrast: #fff,\n shade: get-color-shade($warning),\n tint: get-color-tint($warning)\n ),\n danger: (\n base: $danger,\n contrast: #fff,\n shade: get-color-shade($danger),\n tint: get-color-tint($danger)\n ),\n light: (\n base: $light,\n contrast: #000,\n shade: get-color-shade($light),\n tint: get-color-tint($light)\n ),\n medium: (\n base: $medium,\n contrast: #fff,\n shade: get-color-shade($medium),\n tint: get-color-tint($medium)\n ),\n dark: (\n base: $dark,\n contrast: #fff,\n shade: get-color-shade($dark),\n tint: get-color-tint($dark)\n )\n) !default;\n\n/// Text step colors are generated based on\n/// how dark or light text can be. The darkest\n/// text color is usually the default text color (white or black).\n/// The darker the $lightest-text-color is, the darker each\n/// stepped color is. If you want to increase text contrast,\n/// make $lightest-text-color darker.\n$background-color: #ffffff;\n$text-color: #000000;\n\n$darkest-text-color: $text-color;\n$lightest-text-color: #888888;\n\n/// Loop through each color object above\n/// and generate CSS Variables for each\n/// color. Do not use the ion-color function\n/// here because that will set the variable\n/// to evaluate to itself with a fallback.\n/// For example:\n/// --ion-color-primary: #{ion-color(primary, base)};\n/// Maps to:\n/// --ion-color-primary: var(--ion-color-primary, #...);\n@mixin high-contrast-light-base-theme() {\n & {\n @each $color-name, $value in $colors {\n --ion-color-#{$color-name}: #{map.get($value, base)};\n --ion-color-#{$color-name}-rgb: #{color-to-rgb-list(map.get($value, base))};\n --ion-color-#{$color-name}-contrast: #{map.get($value, contrast)};\n --ion-color-#{$color-name}-contrast-rgb: #{color-to-rgb-list(map.get($value, contrast))};\n --ion-color-#{$color-name}-shade: #{map.get($value, shade)};\n --ion-color-#{$color-name}-tint: #{map.get($value, tint)};\n }\n\n --ion-background-color: #{$background-color};\n --ion-background-color-rgb: #{color-to-rgb-list($background-color)};\n\n --ion-text-color: #{$text-color};\n --ion-text-color-rgb: #{color-to-rgb-list($text-color)};\n\n --ion-placeholder-opacity: 0.8;\n\n /// Only the item borders should increase in contrast\n /// Borders for elements like toolbars should remain the same\n --ion-item-border-color: #7a7a7a;\n\n --ion-text-color-step-50: #{mix($lightest-text-color, $darkest-text-color, 5%)};\n --ion-text-color-step-100: #{mix($lightest-text-color, $darkest-text-color, 10%)};\n --ion-text-color-step-150: #{mix($lightest-text-color, $darkest-text-color, 15%)};\n --ion-text-color-step-200: #{mix($lightest-text-color, $darkest-text-color, 20%)};\n --ion-text-color-step-250: #{mix($lightest-text-color, $darkest-text-color, 25%)};\n --ion-text-color-step-300: #{mix($lightest-text-color, $darkest-text-color, 30%)};\n --ion-text-color-step-350: #{mix($lightest-text-color, $darkest-text-color, 35%)};\n --ion-text-color-step-400: #{mix($lightest-text-color, $darkest-text-color, 40%)};\n --ion-text-color-step-450: #{mix($lightest-text-color, $darkest-text-color, 45%)};\n --ion-text-color-step-500: #{mix($lightest-text-color, $darkest-text-color, 50%)};\n --ion-text-color-step-550: #{mix($lightest-text-color, $darkest-text-color, 55%)};\n --ion-text-color-step-600: #{mix($lightest-text-color, $darkest-text-color, 60%)};\n --ion-text-color-step-650: #{mix($lightest-text-color, $darkest-text-color, 65%)};\n --ion-text-color-step-700: #{mix($lightest-text-color, $darkest-text-color, 70%)};\n --ion-text-color-step-750: #{mix($lightest-text-color, $darkest-text-color, 75%)};\n --ion-text-color-step-800: #{mix($lightest-text-color, $darkest-text-color, 80%)};\n --ion-text-color-step-850: #{mix($lightest-text-color, $darkest-text-color, 85%)};\n --ion-text-color-step-900: #{mix($lightest-text-color, $darkest-text-color, 90%)};\n --ion-text-color-step-950: #{mix($lightest-text-color, $darkest-text-color, 95%)};\n }\n}\n\n@mixin high-contrast-light-md-theme() {\n // Toast\n // --------------------------------------------------\n\n & ion-toast {\n --color: var(--ion-background-color);\n }\n\n & ion-toast::part(button) {\n // Fallback for browsers that don't support color-mix\n color: var(--color);\n }\n\n /* stylelint-disable-next-line order/order */\n @supports (color: color-mix(in lch, plum, pink)) {\n & ion-toast::part(button) {\n color: color-mix(in srgb, var(--color) 70%, var(--button-color));\n }\n }\n\n & ion-toast::part(button cancel) {\n color: var(--color);\n }\n}\n"]}
package/dist/collection/components/item/test/legacy/disabled/item.e2e.js DELETED
@@ -1,14 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { expect } from "@playwright/test";
5
- import { configs, test } from "../../../../../utils/test/playwright/index";
6
- configs().forEach(({ title, screenshot, config }) => {
7
- test.describe(title('item: disabled state'), () => {
8
- test('should not have visual regressions', async ({ page }) => {
9
- await page.goto(`/src/components/item/test/legacy/disabled`, config);
10
- await page.setIonViewport();
11
- await expect(page).toHaveScreenshot(screenshot(`item-disabled-diff`));
12
- });
13
- });
14
- });
package/dist/collection/utils/forms/form-controller.js DELETED
@@ -1,61 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { findItemLabel } from "../helpers";
5
- /**
6
- * Creates a controller that tracks whether a form control is using the legacy or modern syntax. This should be removed when the legacy form control syntax is removed.
7
- *
8
- * @internal
9
- * @prop el: The Ionic form component to reference
10
- */
11
- export const createLegacyFormController = (el) => {
12
- const controlEl = el;
13
- let legacyControl;
14
- const hasLegacyControl = () => {
15
- if (legacyControl === undefined) {
16
- /**
17
- * Detect if developers are using the legacy form control syntax
18
- * so a deprecation warning is logged. This warning can be disabled
19
- * by either using the new `label` property or setting `aria-label`
20
- * on the control.
21
- * Alternatively, components that use a slot for the label
22
- * can check to see if the component has slotted text
23
- * in the light DOM.
24
- */
25
- const hasLabelProp = controlEl.label !== undefined || hasLabelSlot(controlEl);
26
- const hasAriaLabelAttribute = controlEl.hasAttribute('aria-label') ||
27
- // Shadow DOM form controls cannot use aria-labelledby
28
- (controlEl.hasAttribute('aria-labelledby') && controlEl.shadowRoot === null);
29
- const legacyItemLabel = findItemLabel(controlEl);
30
- /**
31
- * Developers can manually opt-out of the modern form markup
32
- * by setting `legacy="true"` on components.
33
- */
34
- legacyControl =
35
- controlEl.legacy === true || (!hasLabelProp && !hasAriaLabelAttribute && legacyItemLabel !== null);
36
- }
37
- return legacyControl;
38
- };
39
- return { hasLegacyControl };
40
- };
41
- const hasLabelSlot = (controlEl) => {
42
- /**
43
- * Components that have a named label slot
44
- * also have other slots, so we need to query for
45
- * anything that is explicitly passed to slot="label"
46
- */
47
- if (NAMED_LABEL_SLOT_COMPONENTS.includes(controlEl.tagName) && controlEl.querySelector('[slot="label"]') !== null) {
48
- return true;
49
- }
50
- /**
51
- * Components that have an unnamed slot for the label
52
- * have no other slots, so we can check the textContent
53
- * of the element.
54
- */
55
- if (UNNAMED_LABEL_SLOT_COMPONENTS.includes(controlEl.tagName) && controlEl.textContent !== '') {
56
- return true;
57
- }
58
- return false;
59
- };
60
- const NAMED_LABEL_SLOT_COMPONENTS = ['ION-INPUT', 'ION-TEXTAREA', 'ION-SELECT', 'ION-RANGE'];
61
- const UNNAMED_LABEL_SLOT_COMPONENTS = ['ION-TOGGLE', 'ION-CHECKBOX', 'ION-RADIO'];
package/dist/collection/utils/test/aria.spec.js DELETED
@@ -1,80 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import { newSpecPage } from "@stencil/core/testing";
5
- import { Item } from "../../components/item/item";
6
- import { Label } from "../../components/label/label";
7
- import { Toggle } from "../../components/toggle/toggle";
8
- import { getAriaLabel } from "../helpers";
9
- // TODO FW-5969
10
- describe.skip('getAriaLabel()', () => {
11
- it('should correctly link component to label', async () => {
12
- const page = await newSpecPage({
13
- components: [Item, Label, Toggle],
14
- html: `
15
- <ion-item>
16
- <ion-label>My Label</ion-label>
17
- <ion-toggle></ion-toggle>
18
- </ion-item>
19
- `,
20
- });
21
- const toggle = page.body.querySelector('ion-toggle');
22
- const { label, labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
23
- expect(labelText).toEqual('My Label');
24
- expect(labelId).toEqual('ion-tg-0-lbl');
25
- expect(label).toEqual(page.body.querySelector('ion-label'));
26
- });
27
- it('should correctly link component when using custom label', async () => {
28
- const page = await newSpecPage({
29
- components: [Toggle],
30
- html: `
31
- <div id="my-label">Hello World</div>
32
- <ion-toggle legacy="true" aria-labelledby="my-label"></ion-toggle>
33
- `,
34
- });
35
- const toggle = page.body.querySelector('ion-toggle');
36
- const { label, labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
37
- expect(labelText).toEqual('Hello World');
38
- expect(labelId).toEqual('my-label');
39
- expect(label).toEqual(page.body.querySelector('#my-label'));
40
- });
41
- it('should correctly link component when special characters are used', async () => {
42
- const page = await newSpecPage({
43
- components: [Toggle],
44
- html: `
45
- <div id="id.1">Hello World</div>
46
- <ion-toggle legacy="true" aria-labelledby="id.1"></ion-toggle>
47
- `,
48
- });
49
- const toggle = page.body.querySelector('ion-toggle');
50
- const { labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
51
- expect(labelText).toEqual('Hello World');
52
- expect(labelId).toEqual('id.1');
53
- });
54
- it('should only set the label id if one was not set already', async () => {
55
- const page = await newSpecPage({
56
- components: [Toggle],
57
- html: `
58
- <label id="my-id" for="id.1">Hello World</label>
59
- <ion-toggle legacy="true" id="id.1"></ion-toggle>
60
- `,
61
- });
62
- const toggle = page.body.querySelector('ion-toggle');
63
- const { labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
64
- expect(labelText).toEqual('Hello World');
65
- expect(labelId).toEqual('my-id');
66
- });
67
- it('should set label id', async () => {
68
- const page = await newSpecPage({
69
- components: [Toggle],
70
- html: `
71
- <label for="id.1">Hello World</label>
72
- <ion-toggle legacy="true" id="id.1"></ion-toggle>
73
- `,
74
- });
75
- const toggle = page.body.querySelector('ion-toggle');
76
- const { labelId, labelText } = getAriaLabel(toggle, 'ion-tg-0');
77
- expect(labelText).toEqual('Hello World');
78
- expect(labelId).toEqual('id.1-lbl');
79
- });
80
- });
package/dist/esm-es5/app-globals-cfb6787b.js DELETED
@@ -1,4 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import{i as initialize}from"./ionic-global-c976d684.js";var globalScripts=initialize;export{globalScripts as g};
package/dist/esm-es5/data-691286f1.js DELETED
@@ -1,4 +0,0 @@
1
- import{__spreadArray}from"tslib";
2
- /*!
3
- * (C) Ionic http://ionicframework.com - MIT License
4
- */import{p as printIonWarning}from"./index-9b0d46f4.js";var isSameDay=function(e,r){return e.month===r.month&&e.day===r.day&&e.year===r.year};var isBefore=function(e,r){return!!(e.year<r.year||e.year===r.year&&e.month<r.month||e.year===r.year&&e.month===r.month&&e.day!==null&&e.day<r.day)};var isAfter=function(e,r){return!!(e.year>r.year||e.year===r.year&&e.month>r.month||e.year===r.year&&e.month===r.month&&e.day!==null&&e.day>r.day)};var warnIfValueOutOfBounds=function(e,r,n){var a=Array.isArray(e)?e:[e];for(var t=0,i=a;t<i.length;t++){var u=i[t];if(r!==undefined&&isBefore(u,r)||n!==undefined&&isAfter(u,n)){printIonWarning("The value provided to ion-datetime is out of bounds.\n\n"+"Min: ".concat(JSON.stringify(r),"\n")+"Max: ".concat(JSON.stringify(n),"\n")+"Value: ".concat(JSON.stringify(e)));break}}};var isLeapYear=function(e){return e%4===0&&e%100!==0||e%400===0};var getHourCycle=function(e,r){if(r!==undefined){return r}var n=new Intl.DateTimeFormat(e,{hour:"numeric"});var a=n.resolvedOptions();if(a.hourCycle!==undefined){return a.hourCycle}var t=new Date("5/18/2021 00:00");var i=n.formatToParts(t);var u=i.find((function(e){return e.type==="hour"}));if(!u){throw new Error("Hour value not found from DateTimeFormat")}switch(u.value){case"0":return"h11";case"12":return"h12";case"00":return"h23";case"24":return"h24";default:throw new Error('Invalid hour cycle "'.concat(r,'"'))}};var is24Hour=function(e){return e==="h23"||e==="h24"};var getNumDaysInMonth=function(e,r){return e===4||e===6||e===9||e===11?30:e===2?isLeapYear(r)?29:28:31};var isMonthFirstLocale=function(e,r){if(r===void 0){r={month:"numeric",year:"numeric"}}var n=new Intl.DateTimeFormat(e,r).formatToParts(new Date);return n[0].type==="month"};var isLocaleDayPeriodRTL=function(e){var r=new Intl.DateTimeFormat(e,{hour:"numeric"}).formatToParts(new Date);return r[0].type==="dayPeriod"};var ISO_8601_REGEXP=/^(\d{4}|[+\-]\d{6})(?:-(\d{2})(?:-(\d{2}))?)?(?:T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/;var TIME_REGEXP=/^((\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/;var convertToArrayOfNumbers=function(e){if(e===undefined){return}var r=e;if(typeof e==="string"){r=e.replace(/\[|\]|\s/g,"").split(",")}var n;if(Array.isArray(r)){n=r.map((function(e){return parseInt(e,10)})).filter(isFinite)}else{n=[r]}return n};var getPartsFromCalendarDay=function(e){return{month:parseInt(e.getAttribute("data-month"),10),day:parseInt(e.getAttribute("data-day"),10),year:parseInt(e.getAttribute("data-year"),10),dayOfWeek:parseInt(e.getAttribute("data-day-of-week"),10)}};function parseDate(e){if(Array.isArray(e)){var r=[];for(var n=0,a=e;n<a.length;n++){var t=a[n];var i=parseDate(t);if(!i){return undefined}r.push(i)}return r}var u=null;if(e!=null&&e!==""){u=TIME_REGEXP.exec(e);if(u){u.unshift(undefined,undefined);u[2]=u[3]=undefined}else{u=ISO_8601_REGEXP.exec(e)}}if(u===null){printIonWarning("Unable to parse date string: ".concat(e,". Please provide a valid ISO 8601 datetime string."));return undefined}for(var o=1;o<8;o++){u[o]=u[o]!==undefined?parseInt(u[o],10):undefined}return{year:u[1],month:u[2],day:u[3],hour:u[4],minute:u[5],ampm:u[4]<12?"am":"pm"}}var clampDate=function(e,r,n){if(r&&isBefore(e,r)){return r}else if(n&&isAfter(e,n)){return n}return e};var parseAmPm=function(e){return e>=12?"pm":"am"};var parseMaxParts=function(e,r){var n=parseDate(e);if(n===undefined){return}var a=n.month,t=n.day,i=n.year,u=n.hour,o=n.minute;var d=i!==null&&i!==void 0?i:r.year;var f=a!==null&&a!==void 0?a:12;return{month:f,day:t!==null&&t!==void 0?t:getNumDaysInMonth(f,d),year:d,hour:u!==null&&u!==void 0?u:23,minute:o!==null&&o!==void 0?o:59}};var parseMinParts=function(e,r){var n=parseDate(e);if(n===undefined){return}var a=n.month,t=n.day,i=n.year,u=n.hour,o=n.minute;return{month:a!==null&&a!==void 0?a:1,day:t!==null&&t!==void 0?t:1,year:i!==null&&i!==void 0?i:r.year,hour:u!==null&&u!==void 0?u:0,minute:o!==null&&o!==void 0?o:0}};var twoDigit=function(e){return("0"+(e!==undefined?Math.abs(e):"0")).slice(-2)};var fourDigit=function(e){return("000"+(e!==undefined?Math.abs(e):"0")).slice(-4)};function convertDataToISO(e){if(Array.isArray(e)){return e.map((function(e){return convertDataToISO(e)}))}var r="";if(e.year!==undefined){r=fourDigit(e.year);if(e.month!==undefined){r+="-"+twoDigit(e.month);if(e.day!==undefined){r+="-"+twoDigit(e.day);if(e.hour!==undefined){r+="T".concat(twoDigit(e.hour),":").concat(twoDigit(e.minute),":00")}}}}else if(e.hour!==undefined){r=twoDigit(e.hour)+":"+twoDigit(e.minute)}return r}var convert12HourTo24Hour=function(e,r){if(r===undefined){return e}if(r==="am"){if(e===12){return 0}return e}if(e===12){return 12}return e+12};var getStartOfWeek=function(e){var r=e.dayOfWeek;if(r===null||r===undefined){throw new Error("No day of week provided")}return subtractDays(e,r)};var getEndOfWeek=function(e){var r=e.dayOfWeek;if(r===null||r===undefined){throw new Error("No day of week provided")}return addDays(e,6-r)};var getNextDay=function(e){return addDays(e,1)};var getPreviousDay=function(e){return subtractDays(e,1)};var getPreviousWeek=function(e){return subtractDays(e,7)};var getNextWeek=function(e){return addDays(e,7)};var subtractDays=function(e,r){var n=e.month,a=e.day,t=e.year;if(a===null){throw new Error("No day provided")}var i={month:n,day:a,year:t};i.day=a-r;if(i.day<1){i.month-=1}if(i.month<1){i.month=12;i.year-=1}if(i.day<1){var u=getNumDaysInMonth(i.month,i.year);i.day=u+i.day}return i};var addDays=function(e,r){var n=e.month,a=e.day,t=e.year;if(a===null){throw new Error("No day provided")}var i={month:n,day:a,year:t};var u=getNumDaysInMonth(n,t);i.day=a+r;if(i.day>u){i.day-=u;i.month+=1}if(i.month>12){i.month=1;i.year+=1}return i};var getPreviousMonth=function(e){var r=e.month===1?12:e.month-1;var n=e.month===1?e.year-1:e.year;var a=getNumDaysInMonth(r,n);var t=a<e.day?a:e.day;return{month:r,year:n,day:t}};var getNextMonth=function(e){var r=e.month===12?1:e.month+1;var n=e.month===12?e.year+1:e.year;var a=getNumDaysInMonth(r,n);var t=a<e.day?a:e.day;return{month:r,year:n,day:t}};var changeYear=function(e,r){var n=e.month;var a=e.year+r;var t=getNumDaysInMonth(n,a);var i=t<e.day?t:e.day;return{month:n,year:a,day:i}};var getPreviousYear=function(e){return changeYear(e,-1)};var getNextYear=function(e){return changeYear(e,1)};var getInternalHourValue=function(e,r,n){if(r){return e}return convert12HourTo24Hour(e,n)};var calculateHourFromAMPM=function(e,r){var n=e.ampm,a=e.hour;var t=a;if(n==="am"&&r==="pm"){t=convert12HourTo24Hour(t,"pm")}else if(n==="pm"&&r==="am"){t=Math.abs(t-12)}return t};var validateParts=function(e,r,n){var a=e.month,t=e.day,i=e.year;var u=clampDate(Object.assign({},e),r,n);var o=getNumDaysInMonth(a,i);if(t!==null&&o<t){u.day=o}if(r!==undefined&&isSameDay(u,r)){if(u.hour!==undefined&&r.hour!==undefined){if(u.hour<r.hour){u.hour=r.hour;u.minute=r.minute}else if(u.hour===r.hour&&u.minute!==undefined&&r.minute!==undefined&&u.minute<r.minute){u.minute=r.minute}}}if(n!==undefined&&isSameDay(e,n)){if(u.hour!==undefined&&n.hour!==undefined){if(u.hour>n.hour){u.hour=n.hour;u.minute=n.minute}else if(u.hour===n.hour&&u.minute!==undefined&&n.minute!==undefined&&u.minute>n.minute){u.minute=n.minute}}}return u};var getClosestValidDate=function(e){var r=e.refParts,n=e.monthValues,a=e.dayValues,t=e.yearValues,i=e.hourValues,u=e.minuteValues,o=e.minParts,d=e.maxParts;var f=r.hour,v=r.minute,s=r.day,l=r.month,c=r.year;var m=Object.assign(Object.assign({},r),{dayOfWeek:undefined});if(t!==undefined){var y=t.filter((function(e){if(o!==undefined&&e<o.year){return false}if(d!==undefined&&e>d.year){return false}return true}));m.year=findClosestValue(c,y)}if(n!==undefined){var g=n.filter((function(e){if(o!==undefined&&m.year===o.year&&e<o.month){return false}if(d!==undefined&&m.year===d.year&&e>d.month){return false}return true}));m.month=findClosestValue(l,g)}if(s!==null&&a!==undefined){var D=a.filter((function(e){if(o!==undefined&&isBefore(Object.assign(Object.assign({},m),{day:e}),o)){return false}if(d!==undefined&&isAfter(Object.assign(Object.assign({},m),{day:e}),d)){return false}return true}));m.day=findClosestValue(s,D)}if(f!==undefined&&i!==undefined){var h=i.filter((function(e){if((o===null||o===void 0?void 0:o.hour)!==undefined&&isSameDay(m,o)&&e<o.hour){return false}if((d===null||d===void 0?void 0:d.hour)!==undefined&&isSameDay(m,d)&&e>d.hour){return false}return true}));m.hour=findClosestValue(f,h);m.ampm=parseAmPm(m.hour)}if(v!==undefined&&u!==undefined){var T=u.filter((function(e){if((o===null||o===void 0?void 0:o.minute)!==undefined&&isSameDay(m,o)&&m.hour===o.hour&&e<o.minute){return false}if((d===null||d===void 0?void 0:d.minute)!==undefined&&isSameDay(m,d)&&m.hour===d.hour&&e>d.minute){return false}return true}));m.minute=findClosestValue(v,T)}return m};var findClosestValue=function(e,r){var n=r[0];var a=Math.abs(n-e);for(var t=1;t<r.length;t++){var i=r[t];var u=Math.abs(i-e);if(u<a){n=i;a=u}}return n};var getFormattedDayPeriod=function(e){if(e===undefined){return""}return e.toUpperCase()};var getLocalizedTime=function(e,r,n){var a={hour:r.hour,minute:r.minute};if(a.hour===undefined||a.minute===undefined){return"Invalid Time"}return new Intl.DateTimeFormat(e,{hour:"numeric",minute:"numeric",timeZone:"UTC",hourCycle:n}).format(new Date(convertDataToISO(Object.assign({year:2023,day:1,month:1},a))+"Z"))};var addTimePadding=function(e){var r=e.toString();if(r.length>1){return r}return"0".concat(r)};var getFormattedHour=function(e,r){if(e===0){switch(r){case"h11":return"0";case"h12":return"12";case"h23":return"00";case"h24":return"24";default:throw new Error('Invalid hour cycle "'.concat(r,'"'))}}var n=is24Hour(r);if(n){return addTimePadding(e)}return e.toString()};var generateDayAriaLabel=function(e,r,n){if(n.day===null){return null}var a=getNormalizedDate(n);var t=new Intl.DateTimeFormat(e,{weekday:"long",month:"long",day:"numeric",timeZone:"UTC"}).format(a);return r?"Today, ".concat(t):t};var getMonthAndDay=function(e,r){var n=getNormalizedDate(r);return new Intl.DateTimeFormat(e,{weekday:"short",month:"short",day:"numeric",timeZone:"UTC"}).format(n)};var getMonthAndYear=function(e,r){var n=getNormalizedDate(r);return new Intl.DateTimeFormat(e,{month:"long",year:"numeric",timeZone:"UTC"}).format(n)};var getMonthDayAndYear=function(e,r){return getLocalizedDateTime(e,r,{month:"short",day:"numeric",year:"numeric"})};var getDay=function(e,r){return getLocalizedDateTimeParts(e,r,{day:"numeric"}).find((function(e){return e.type==="day"})).value};var getYear=function(e,r){return getLocalizedDateTime(e,r,{year:"numeric"})};var getNormalizedDate=function(e){var r,n,a;var t=e.hour!==undefined&&e.minute!==undefined?" ".concat(e.hour,":").concat(e.minute):"";return new Date("".concat((r=e.month)!==null&&r!==void 0?r:1,"/").concat((n=e.day)!==null&&n!==void 0?n:1,"/").concat((a=e.year)!==null&&a!==void 0?a:2023).concat(t," GMT+0000"))};var getLocalizedDateTime=function(e,r,n){var a=getNormalizedDate(r);return getDateTimeFormat(e,n).format(a)};var getLocalizedDateTimeParts=function(e,r,n){var a=getNormalizedDate(r);return getDateTimeFormat(e,n).formatToParts(a)};var getDateTimeFormat=function(e,r){return new Intl.DateTimeFormat(e,Object.assign(Object.assign({},r),{timeZone:"UTC"}))};var getTodayLabel=function(e){if("RelativeTimeFormat"in Intl){var r=new Intl.RelativeTimeFormat(e,{numeric:"auto"}).format(0,"day");return r.charAt(0).toUpperCase()+r.slice(1)}else{return"Today"}};var removeDateTzOffset=function(e){var r=e.getTimezoneOffset();e.setMinutes(e.getMinutes()-r);return e};var DATE_AM=removeDateTzOffset(new Date("2022T01:00"));var DATE_PM=removeDateTzOffset(new Date("2022T13:00"));var getLocalizedDayPeriod=function(e,r){var n=r==="am"?DATE_AM:DATE_PM;var a=new Intl.DateTimeFormat(e,{hour:"numeric",timeZone:"UTC"}).formatToParts(n).find((function(e){return e.type==="dayPeriod"}));if(a){return a.value}return getFormattedDayPeriod(r)};var formatValue=function(e){return Array.isArray(e)?e.join(","):e};var getToday=function(){return removeDateTzOffset(new Date).toISOString()};var minutes=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59];var hour11=[0,1,2,3,4,5,6,7,8,9,10,11];var hour12=[0,1,2,3,4,5,6,7,8,9,10,11];var hour23=[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23];var hour24=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,0];var getDaysOfWeek=function(e,r,n){if(n===void 0){n=0}var a=r==="ios"?"short":"narrow";var t=new Intl.DateTimeFormat(e,{weekday:a});var i=new Date("11/01/2020");var u=[];for(var o=n;o<n+7;o++){var d=new Date(i);d.setDate(d.getDate()+o);u.push(t.format(d))}return u};var getDaysOfMonth=function(e,r,n){var a=getNumDaysInMonth(e,r);var t=new Date("".concat(e,"/1/").concat(r)).getDay();var i=t>=n?t-(n+1):6-(n-t);var u=[];for(var o=1;o<=a;o++){u.push({day:o,dayOfWeek:(i+o)%7})}for(var o=0;o<=i;o++){u=__spreadArray([{day:null,dayOfWeek:null}],u,true)}return u};var getHourData=function(e){switch(e){case"h11":return hour11;case"h12":return hour12;case"h23":return hour23;case"h24":return hour24;default:throw new Error('Invalid hour cycle "'.concat(e,'"'))}};var generateTime=function(e,r,n,a,t,i,u){if(n===void 0){n="h12"}var o=getHourCycle(e,n);var d=is24Hour(o);var f=getHourData(o);var v=minutes;var s=true;var l=true;if(i){f=f.filter((function(e){return i.includes(e)}))}if(u){v=v.filter((function(e){return u.includes(e)}))}if(a){if(isSameDay(r,a)){if(a.hour!==undefined){f=f.filter((function(e){var n=r.ampm==="pm"?(e+12)%24:e;return(d?e:n)>=a.hour}));s=a.hour<13}if(a.minute!==undefined){var c=false;if(a.hour!==undefined&&r.hour!==undefined){if(r.hour>a.hour){c=true}}v=v.filter((function(e){if(c){return true}return e>=a.minute}))}}else if(isBefore(r,a)){f=[];v=[];s=l=false}}if(t){if(isSameDay(r,t)){if(t.hour!==undefined){f=f.filter((function(e){var n=r.ampm==="pm"?(e+12)%24:e;return(d?e:n)<=t.hour}));l=t.hour>=12}if(t.minute!==undefined&&r.hour===t.hour){v=v.filter((function(e){return e<=t.minute}))}}else if(isAfter(r,t)){f=[];v=[];s=l=false}}return{hours:f,minutes:v,am:s,pm:l}};var generateMonths=function(e,r){var n={month:e.month,year:e.year,day:e.day};if(r!==undefined&&(e.month!==r.month||e.year!==r.year)){var a={month:r.month,year:r.year,day:r.day};var t=isBefore(a,n);return t?[a,n,getNextMonth(e)]:[getPreviousMonth(e),n,a]}return[getPreviousMonth(e),n,getNextMonth(e)]};var getMonthColumnData=function(e,r,n,a,t,i){if(i===void 0){i={month:"long"}}var u=r.year;var o=[];if(t!==undefined){var d=t;if((a===null||a===void 0?void 0:a.month)!==undefined){d=d.filter((function(e){return e<=a.month}))}if((n===null||n===void 0?void 0:n.month)!==undefined){d=d.filter((function(e){return e>=n.month}))}d.forEach((function(r){var n=new Date("".concat(r,"/1/").concat(u," GMT+0000"));var a=new Intl.DateTimeFormat(e,Object.assign(Object.assign({},i),{timeZone:"UTC"})).format(n);o.push({text:a,value:r})}))}else{var f=a&&a.year===u?a.month:12;var v=n&&n.year===u?n.month:1;for(var s=v;s<=f;s++){var l=new Date("".concat(s,"/1/").concat(u," GMT+0000"));var c=new Intl.DateTimeFormat(e,Object.assign(Object.assign({},i),{timeZone:"UTC"})).format(l);o.push({text:c,value:s})}}return o};var getDayColumnData=function(e,r,n,a,t,i){if(i===void 0){i={day:"numeric"}}var u=r.month,o=r.year;var d=[];var f=getNumDaysInMonth(u,o);var v=(a===null||a===void 0?void 0:a.day)!==null&&(a===null||a===void 0?void 0:a.day)!==undefined&&a.year===o&&a.month===u?a.day:f;var s=(n===null||n===void 0?void 0:n.day)!==null&&(n===null||n===void 0?void 0:n.day)!==undefined&&n.year===o&&n.month===u?n.day:1;if(t!==undefined){var l=t;l=l.filter((function(e){return e>=s&&e<=v}));l.forEach((function(r){var n=new Date("".concat(u,"/").concat(r,"/").concat(o," GMT+0000"));var a=new Intl.DateTimeFormat(e,Object.assign(Object.assign({},i),{timeZone:"UTC"})).format(n);d.push({text:a,value:r})}))}else{for(var c=s;c<=v;c++){var m=new Date("".concat(u,"/").concat(c,"/").concat(o," GMT+0000"));var y=new Intl.DateTimeFormat(e,Object.assign(Object.assign({},i),{timeZone:"UTC"})).format(m);d.push({text:y,value:c})}}return d};var getYearColumnData=function(e,r,n,a,t){var i,u;var o=[];if(t!==undefined){o=t;if((a===null||a===void 0?void 0:a.year)!==undefined){o=o.filter((function(e){return e<=a.year}))}if((n===null||n===void 0?void 0:n.year)!==undefined){o=o.filter((function(e){return e>=n.year}))}}else{var d=r.year;var f=(i=a===null||a===void 0?void 0:a.year)!==null&&i!==void 0?i:d;var v=(u=n===null||n===void 0?void 0:n.year)!==null&&u!==void 0?u:d-100;for(var s=v;s<=f;s++){o.push(s)}}return o.map((function(n){return{text:getYear(e,{year:n,month:r.month,day:r.day}),value:n}}))};var getAllMonthsInRange=function(e,r){if(e.month===r.month&&e.year===r.year){return[e]}return __spreadArray([e],getAllMonthsInRange(getNextMonth(e),r),true)};var getCombinedDateColumnData=function(e,r,n,a,t,i){var u=[];var o=[];var d=getAllMonthsInRange(n,a);if(i){d=d.filter((function(e){var r=e.month;return i.includes(r)}))}d.forEach((function(i){var d={month:i.month,day:null,year:i.year};var f=getDayColumnData(e,d,n,a,t,{month:"short",day:"numeric",weekday:"short"});var v=[];var s=[];f.forEach((function(n){var a=isSameDay(Object.assign(Object.assign({},d),{day:n.value}),r);s.push({text:a?getTodayLabel(e):n.text,value:"".concat(d.year,"-").concat(d.month,"-").concat(n.value)});v.push({month:d.month,year:d.year,day:n.value})}));o=__spreadArray(__spreadArray([],o,true),v,true);u=__spreadArray(__spreadArray([],u,true),s,true)}));return{parts:o,items:u}};var getTimeColumnsData=function(e,r,n,a,t,i,u){var o=getHourCycle(e,n);var d=is24Hour(o);var f=generateTime(e,r,o,a,t,i,u),v=f.hours,s=f.minutes,l=f.am,c=f.pm;var m=v.map((function(e){return{text:getFormattedHour(e,o),value:getInternalHourValue(e,d,r.ampm)}}));var y=s.map((function(e){return{text:addTimePadding(e),value:e}}));var g=[];if(l&&!d){g.push({text:getLocalizedDayPeriod(e,"am"),value:"am"})}if(c&&!d){g.push({text:getLocalizedDayPeriod(e,"pm"),value:"pm"})}return{minutesData:y,hoursData:m,dayPeriodData:g}};export{getNumDaysInMonth as A,getCombinedDateColumnData as B,getMonthColumnData as C,getDayColumnData as D,getYearColumnData as E,isMonthFirstLocale as F,getTimeColumnsData as G,isLocaleDayPeriodRTL as H,getDaysOfWeek as I,getMonthAndYear as J,getDaysOfMonth as K,getHourCycle as L,getLocalizedTime as M,getMonthAndDay as N,formatValue as O,clampDate as P,parseAmPm as Q,calculateHourFromAMPM as R,getLocalizedDateTime as S,getMonthDayAndYear as T,getDay as a,isAfter as b,isSameDay as c,getPreviousMonth as d,getNextMonth as e,getPartsFromCalendarDay as f,generateDayAriaLabel as g,getNextYear as h,isBefore as i,getPreviousYear as j,getEndOfWeek as k,getStartOfWeek as l,getPreviousDay as m,getNextDay as n,getPreviousWeek as o,getNextWeek as p,parseMinParts as q,parseMaxParts as r,parseDate as s,convertToArrayOfNumbers as t,convertDataToISO as u,validateParts as v,warnIfValueOutOfBounds as w,getToday as x,getClosestValidDate as y,generateMonths as z};
package/dist/esm-es5/hardware-back-button-3a14f99e.js DELETED
@@ -1,4 +0,0 @@
1
- import{__awaiter,__generator}from"tslib";
2
- /*!
3
- * (C) Ionic http://ionicframework.com - MIT License
4
- */import{w as win}from"./index-a5d50daf.js";import{c as config}from"./ionic-global-c976d684.js";import"./index-9b6d6df3.js";var shoudUseCloseWatcher=function(){return config.get("experimentalCloseWatcher",false)&&win!==undefined&&"CloseWatcher"in win};var blockHardwareBackButton=function(){document.addEventListener("backbutton",(function(){}))};var startHardwareBackButton=function(){var r=document;var n=false;var t=function(){if(n){return}var t=0;var e=[];var a=new CustomEvent("ionBackButton",{bubbles:false,detail:{register:function(r,n){e.push({priority:r,handler:n,id:t++})}}});r.dispatchEvent(a);var o=function(r){return __awaiter(void 0,void 0,void 0,(function(){var n,t;return __generator(this,(function(e){switch(e.label){case 0:e.trys.push([0,3,,4]);if(!(r===null||r===void 0?void 0:r.handler))return[3,2];n=r.handler(i);if(!(n!=null))return[3,2];return[4,n];case 1:e.sent();e.label=2;case 2:return[3,4];case 3:t=e.sent();console.error(t);return[3,4];case 4:return[2]}}))}))};var i=function(){if(e.length>0){var r={priority:Number.MIN_SAFE_INTEGER,handler:function(){return undefined},id:-1};e.forEach((function(n){if(n.priority>=r.priority){r=n}}));n=true;e=e.filter((function(n){return n.id!==r.id}));o(r).then((function(){return n=false}))}};i()};if(shoudUseCloseWatcher()){var e;var a=function(){e===null||e===void 0?void 0:e.destroy();e=new win.CloseWatcher;e.onclose=function(){t();a()}};a()}else{r.addEventListener("backbutton",t)}};var OVERLAY_BACK_BUTTON_PRIORITY=100;var MENU_BACK_BUTTON_PRIORITY=99;export{MENU_BACK_BUTTON_PRIORITY,OVERLAY_BACK_BUTTON_PRIORITY,blockHardwareBackButton,shoudUseCloseWatcher,startHardwareBackButton};
package/dist/esm-es5/helpers-ae74b3c9.js DELETED
@@ -1,4 +0,0 @@
1
- import{__spreadArray}from"tslib";
2
- /*!
3
- * (C) Ionic http://ionicframework.com - MIT License
4
- */var transitionEndAsync=function(a,r){if(r===void 0){r=0}return new Promise((function(i){transitionEnd(a,r,i)}))};var transitionEnd=function(a,r,i){if(r===void 0){r=0}var e;var n;var t={passive:true};var o=500;var u=function(){if(e){e()}};var l=function(r){if(r===undefined||a===r.target){u();i(r)}};if(a){a.addEventListener("webkitTransitionEnd",l,t);a.addEventListener("transitionend",l,t);n=setTimeout(l,r+o);e=function(){if(n!==undefined){clearTimeout(n);n=undefined}a.removeEventListener("webkitTransitionEnd",l,t);a.removeEventListener("transitionend",l,t)}}return u};var componentOnReady=function(a,r){if(a.componentOnReady){a.componentOnReady().then((function(a){return r(a)}))}else{raf((function(){return r(a)}))}};var hasLazyBuild=function(a){return a.componentOnReady!==undefined};var inheritAttributes=function(a,r){if(r===void 0){r=[]}var i={};r.forEach((function(r){if(a.hasAttribute(r)){var e=a.getAttribute(r);if(e!==null){i[r]=a.getAttribute(r)}a.removeAttribute(r)}}));return i};var ariaAttributes=["role","aria-activedescendant","aria-atomic","aria-autocomplete","aria-braillelabel","aria-brailleroledescription","aria-busy","aria-checked","aria-colcount","aria-colindex","aria-colindextext","aria-colspan","aria-controls","aria-current","aria-describedby","aria-description","aria-details","aria-disabled","aria-errormessage","aria-expanded","aria-flowto","aria-haspopup","aria-hidden","aria-invalid","aria-keyshortcuts","aria-label","aria-labelledby","aria-level","aria-live","aria-multiline","aria-multiselectable","aria-orientation","aria-owns","aria-placeholder","aria-posinset","aria-pressed","aria-readonly","aria-relevant","aria-required","aria-roledescription","aria-rowcount","aria-rowindex","aria-rowindextext","aria-rowspan","aria-selected","aria-setsize","aria-sort","aria-valuemax","aria-valuemin","aria-valuenow","aria-valuetext"];var inheritAriaAttributes=function(a,r){var i=ariaAttributes;if(r&&r.length>0){i=i.filter((function(a){return!r.includes(a)}))}return inheritAttributes(a,i)};var addEventListener=function(a,r,i,e){var n;if(typeof window!=="undefined"){var t=window;var o=(n=t===null||t===void 0?void 0:t.Ionic)===null||n===void 0?void 0:n.config;if(o){var u=o.get("_ael");if(u){return u(a,r,i,e)}else if(o._ael){return o._ael(a,r,i,e)}}}return a.addEventListener(r,i,e)};var removeEventListener=function(a,r,i,e){var n;if(typeof window!=="undefined"){var t=window;var o=(n=t===null||t===void 0?void 0:t.Ionic)===null||n===void 0?void 0:n.config;if(o){var u=o.get("_rel");if(u){return u(a,r,i,e)}else if(o._rel){return o._rel(a,r,i,e)}}}return a.removeEventListener(r,i,e)};var getElementRoot=function(a,r){if(r===void 0){r=a}return a.shadowRoot||r};var raf=function(a){if(typeof __zone_symbol__requestAnimationFrame==="function"){return __zone_symbol__requestAnimationFrame(a)}if(typeof requestAnimationFrame==="function"){return requestAnimationFrame(a)}return setTimeout(a)};var hasShadowDom=function(a){return!!a.shadowRoot&&!!a.attachShadow};var findItemLabel=function(a){var r=a.closest("ion-item");if(r){return r.querySelector("ion-label")}return null};var focusVisibleElement=function(a){a.focus();if(a.classList.contains("ion-focusable")){var r=a.closest("ion-app");if(r){r.setFocus([a])}}};var getAriaLabel=function(a,r){var i;var e=a.getAttribute("aria-labelledby");var n=a.id;var t=e!==null&&e.trim()!==""?e:r+"-lbl";var o=e!==null&&e.trim()!==""?document.getElementById(e):findItemLabel(a);if(o){if(e===null){o.id=t}i=o.textContent;o.setAttribute("aria-hidden","true")}else if(n.trim()!==""){o=document.querySelector('label[for="'.concat(n,'"]'));if(o){if(o.id!==""){t=o.id}else{o.id=t="".concat(n,"-lbl")}i=o.textContent}}return{label:o,labelId:t,labelText:i}};var renderHiddenInput=function(a,r,i,e,n){if(a||hasShadowDom(r)){var t=r.querySelector("input.aux-input");if(!t){t=r.ownerDocument.createElement("input");t.type="hidden";t.classList.add("aux-input");r.appendChild(t)}t.disabled=n;t.name=i;t.value=e||""}};var clamp=function(a,r,i){return Math.max(a,Math.min(r,i))};var assert=function(a,r){if(!a){var i="ASSERT: "+r;console.error(i);debugger;throw new Error(i)}};var now=function(a){return a.timeStamp||Date.now()};var pointerCoord=function(a){if(a){var r=a.changedTouches;if(r&&r.length>0){var i=r[0];return{x:i.clientX,y:i.clientY}}if(a.pageX!==undefined){return{x:a.pageX,y:a.pageY}}}return{x:0,y:0}};var isEndSide=function(a){var r=document.dir==="rtl";switch(a){case"start":return r;case"end":return!r;default:throw new Error('"'.concat(a,'" is not a valid value for [side]. Use "start" or "end" instead.'))}};var debounceEvent=function(a,r){var i=a._original||a;return{_original:a,emit:debounce(i.emit.bind(i),r)}};var debounce=function(a,r){if(r===void 0){r=0}var i;return function(){var e=[];for(var n=0;n<arguments.length;n++){e[n]=arguments[n]}clearTimeout(i);i=setTimeout.apply(void 0,__spreadArray([a,r],e,false))}};var shallowEqualStringMap=function(a,r){a!==null&&a!==void 0?a:a={};r!==null&&r!==void 0?r:r={};if(a===r){return true}var i=Object.keys(a);if(i.length!==Object.keys(r).length){return false}for(var e=0,n=i;e<n.length;e++){var t=n[e];if(!(t in r)){return false}if(a[t]!==r[t]){return false}}return true};export{addEventListener as a,removeEventListener as b,componentOnReady as c,renderHiddenInput as d,debounceEvent as e,focusVisibleElement as f,getElementRoot as g,inheritAttributes as h,inheritAriaAttributes as i,clamp as j,hasLazyBuild as k,getAriaLabel as l,hasShadowDom as m,assert as n,isEndSide as o,debounce as p,now as q,raf as r,shallowEqualStringMap as s,transitionEndAsync as t,pointerCoord as u};