@pod-os/elements 0.17.1-fef97c9.0 → 0.18.1-a971174.0

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 (457) hide show
  1. package/dist/cjs/elements.cjs.js +1 -1
  2. package/dist/cjs/ion-app.cjs.entry.js +114 -0
  3. package/dist/cjs/ion-app.cjs.entry.js.map +1 -0
  4. package/dist/cjs/ion-badge_11.cjs.entry.js +1 -1
  5. package/dist/cjs/{ion-app_32.cjs.entry.js → ion-card_26.cjs.entry.js} +48 -1380
  6. package/dist/cjs/ion-card_26.cjs.entry.js.map +1 -0
  7. package/dist/cjs/ion-content.cjs.entry.js +416 -0
  8. package/dist/cjs/ion-content.cjs.entry.js.map +1 -0
  9. package/dist/cjs/ion-footer.cjs.entry.js +144 -0
  10. package/dist/cjs/ion-footer.cjs.entry.js.map +1 -0
  11. package/dist/cjs/ion-header.cjs.entry.js +346 -0
  12. package/dist/cjs/ion-header.cjs.entry.js.map +1 -0
  13. package/dist/cjs/ion-title.cjs.entry.js +58 -0
  14. package/dist/cjs/ion-title.cjs.entry.js.map +1 -0
  15. package/dist/cjs/ion-toolbar.cjs.entry.js +79 -0
  16. package/dist/cjs/ion-toolbar.cjs.entry.js.map +1 -0
  17. package/dist/cjs/loader.cjs.js +1 -1
  18. package/dist/cjs/pos-app-generic.cjs.entry.js +1 -1
  19. package/dist/cjs/pos-app-ldp-container.cjs.entry.js +1 -1
  20. package/dist/cjs/pos-app-rdf-document.cjs.entry.js +1 -1
  21. package/dist/collection/apps/pos-app-browser/pos-app-browser.css +64 -0
  22. package/dist/collection/apps/pos-app-browser/pos-app-browser.js +33 -2
  23. package/dist/collection/apps/pos-app-browser/pos-app-browser.js.map +1 -1
  24. package/dist/collection/apps/pos-app-generic/pos-app-generic.js +1 -1
  25. package/dist/collection/apps/pos-app-ldp-container/pos-app-ldp-container.js +1 -1
  26. package/dist/collection/apps/pos-app-rdf-document/pos-app-rdf-document.js +1 -1
  27. package/dist/collection/components/pos-add-new-thing/pos-add-new-thing.js +1 -1
  28. package/dist/collection/components/pos-app/pos-app.js +1 -1
  29. package/dist/collection/components/pos-dialog/pos-dialog.js +1 -1
  30. package/dist/collection/components/pos-error-toast/pos-error-toast.js +1 -1
  31. package/dist/collection/components/pos-literals/pos-literals.js +1 -1
  32. package/dist/collection/components/pos-login/pos-login.css +13 -9
  33. package/dist/collection/components/pos-login/pos-login.js +1 -1
  34. package/dist/collection/components/pos-login/pos-login.js.map +1 -1
  35. package/dist/collection/components/pos-login-form/pos-login-form.js +1 -1
  36. package/dist/collection/components/pos-navigation-bar/pos-navigation-bar.js +1 -1
  37. package/dist/collection/components/pos-new-thing-form/pos-new-thing-form.js +1 -1
  38. package/dist/collection/components/pos-rich-link/pos-rich-link.js +2 -2
  39. package/dist/collection/components/pos-router/pos-router.js +26 -2
  40. package/dist/collection/components/pos-router/pos-router.js.map +1 -1
  41. package/dist/collection/components/pos-select-term/pos-select-term.js +1 -1
  42. package/dist/components/ion-app.js +121 -1
  43. package/dist/components/ion-app.js.map +1 -1
  44. package/dist/components/ion-content.js +436 -1
  45. package/dist/components/ion-content.js.map +1 -1
  46. package/dist/components/ion-footer.js +150 -1
  47. package/dist/components/ion-footer.js.map +1 -1
  48. package/dist/components/ion-header.js +354 -1
  49. package/dist/components/ion-header.js.map +1 -1
  50. package/dist/components/ion-title.js +70 -1
  51. package/dist/components/ion-title.js.map +1 -1
  52. package/dist/components/ion-toolbar.js +88 -1
  53. package/dist/components/ion-toolbar.js.map +1 -1
  54. package/dist/components/pos-add-new-thing2.js +1 -1
  55. package/dist/components/pos-app-browser.js +40 -55
  56. package/dist/components/pos-app-browser.js.map +1 -1
  57. package/dist/components/pos-app-generic.js +1 -1
  58. package/dist/components/pos-app-ldp-container.js +1 -1
  59. package/dist/components/pos-app-rdf-document.js +1 -1
  60. package/dist/components/pos-app2.js +1 -1
  61. package/dist/components/pos-dialog2.js +1 -1
  62. package/dist/components/pos-error-toast2.js +1 -1
  63. package/dist/components/pos-literals2.js +1 -1
  64. package/dist/components/pos-login-form2.js +1 -1
  65. package/dist/components/pos-login2.js +2 -2
  66. package/dist/components/pos-login2.js.map +1 -1
  67. package/dist/components/pos-navigation-bar2.js +1 -1
  68. package/dist/components/pos-new-thing-form2.js +1 -1
  69. package/dist/components/pos-rich-link2.js +2 -2
  70. package/dist/components/pos-router2.js +6 -375
  71. package/dist/components/pos-router2.js.map +1 -1
  72. package/dist/components/pos-select-term2.js +1 -1
  73. package/dist/elements/elements.css +1 -1
  74. package/dist/elements/elements.esm.js +1 -1
  75. package/dist/elements/elements.esm.js.map +1 -1
  76. package/dist/elements/p-00ce08f0.entry.js +2 -0
  77. package/dist/elements/{p-546a0100.entry.js.map → p-00ce08f0.entry.js.map} +1 -1
  78. package/dist/elements/p-012387ef.js +5 -0
  79. package/dist/elements/{p-e06dbbcc.entry.js → p-0133f543.entry.js} +2 -2
  80. package/dist/elements/p-05e3c2f1.entry.js +2 -0
  81. package/dist/elements/{p-d5ff3d36.entry.js.map → p-05e3c2f1.entry.js.map} +1 -1
  82. package/dist/elements/{p-3aeb707f.entry.js → p-09a7b8e1.entry.js} +2 -2
  83. package/dist/elements/{p-86136480.entry.js → p-11ad53dd.entry.js} +2 -2
  84. package/dist/elements/{p-9365c31d.entry.js → p-122324d9.entry.js} +2 -2
  85. package/dist/elements/{p-530932bb.js → p-163e3e87.js} +2 -2
  86. package/dist/elements/{p-9b56d918.js → p-18d4a4f4.js} +3 -3
  87. package/dist/elements/{p-b90d29b6.entry.js → p-18d9c4f7.entry.js} +2 -2
  88. package/dist/elements/{p-69d9dbbf.entry.js → p-1a90b8bb.entry.js} +2 -2
  89. package/dist/elements/{p-02b4f408.entry.js → p-1f36a3c0.entry.js} +2 -2
  90. package/dist/elements/{p-c7ac1d8b.entry.js → p-200707c8.entry.js} +6 -6
  91. package/dist/elements/{p-78982008.entry.js → p-2072bd89.entry.js} +2 -2
  92. package/dist/elements/{p-170a54a2.js → p-20e2e8c1.js} +3 -3
  93. package/dist/elements/{p-9e7f0522.js → p-25270f1a.js} +2 -2
  94. package/dist/elements/p-27e8c19d.entry.js +2 -0
  95. package/dist/elements/{p-909f0d6e.entry.js.map → p-27e8c19d.entry.js.map} +1 -1
  96. package/dist/elements/p-27ec1e73.entry.js +2 -0
  97. package/dist/elements/{p-c4a822b5.entry.js → p-28b1f2dc.entry.js} +2 -2
  98. package/dist/elements/{p-4d47eeb5.js → p-2a17fd31.js} +2 -2
  99. package/dist/elements/{p-8d4278bb.entry.js → p-2adb9784.entry.js} +2 -2
  100. package/dist/elements/p-2f85baae.entry.js +2 -0
  101. package/dist/elements/{p-e3d72483.entry.js.map → p-2f85baae.entry.js.map} +1 -1
  102. package/dist/elements/{p-d212be68.entry.js → p-30685d32.entry.js} +2 -2
  103. package/dist/elements/{p-8e1e3e7d.js → p-359bfe6a.js} +2 -2
  104. package/dist/elements/p-382054bf.entry.js +2 -0
  105. package/dist/elements/p-382054bf.entry.js.map +1 -0
  106. package/dist/elements/{p-bba60e3b.entry.js → p-39cc0ada.entry.js} +2 -2
  107. package/dist/elements/p-4056decf.entry.js +2 -0
  108. package/dist/elements/p-4056decf.entry.js.map +1 -0
  109. package/dist/elements/p-4918fd10.entry.js +2 -0
  110. package/dist/elements/p-4918fd10.entry.js.map +1 -0
  111. package/dist/elements/{p-af43acbb.entry.js → p-4c0808b4.entry.js} +2 -2
  112. package/dist/elements/p-4cf87b24.entry.js +2 -0
  113. package/dist/elements/{p-0edf98c5.entry.js.map → p-4cf87b24.entry.js.map} +1 -1
  114. package/dist/elements/{p-b8ac0ee4.js → p-4d6e48bf.js} +2 -2
  115. package/dist/elements/{p-28ad7b6e.entry.js → p-5298b7a1.entry.js} +2 -2
  116. package/dist/elements/{p-0b1c92f2.entry.js → p-52c87099.entry.js} +2 -2
  117. package/dist/elements/{p-c0eb0e3d.entry.js → p-55fbf5f7.entry.js} +3 -3
  118. package/dist/elements/{p-c0eb0e3d.entry.js.map → p-55fbf5f7.entry.js.map} +1 -1
  119. package/dist/elements/{p-2428b6bf.js → p-592177e8.js} +2 -2
  120. package/dist/elements/{p-8b81a782.js → p-595c0a57.js} +2 -2
  121. package/dist/elements/{p-e32a52ee.js → p-5a248cff.js} +2 -2
  122. package/dist/elements/p-5b933f24.entry.js +2 -0
  123. package/dist/elements/p-5b933f24.entry.js.map +1 -0
  124. package/dist/elements/{p-cc62cb3d.entry.js → p-61a489ee.entry.js} +2 -2
  125. package/dist/elements/p-6ac0c71c.entry.js +2 -0
  126. package/dist/elements/{p-6c9053ed.entry.js → p-6bcba1f6.entry.js} +2 -2
  127. package/dist/elements/{p-ddc13326.entry.js → p-6e2a89ab.entry.js} +2 -2
  128. package/dist/elements/{p-565128c5.entry.js → p-74ebe432.entry.js} +2 -2
  129. package/dist/elements/p-76543de1.entry.js +2 -0
  130. package/dist/elements/{p-d7231d27.entry.js → p-76e7559c.entry.js} +2 -2
  131. package/dist/elements/{p-41e21640.entry.js → p-778d7821.entry.js} +6 -6
  132. package/dist/elements/{p-f941317f.entry.js → p-78ba7248.entry.js} +2 -2
  133. package/dist/elements/{p-6579450f.js → p-7a563988.js} +2 -2
  134. package/dist/elements/{p-3c2b721e.js → p-7f507bcb.js} +2 -2
  135. package/dist/elements/p-7fb554a5.entry.js +2 -0
  136. package/dist/elements/{p-cc274814.entry.js.map → p-7fb554a5.entry.js.map} +1 -1
  137. package/dist/elements/p-8206b1f1.js +6 -0
  138. package/dist/elements/{p-b097a0ac.entry.js → p-82fb9396.entry.js} +2 -2
  139. package/dist/elements/{p-d86e6e48.entry.js → p-8817e69b.entry.js} +2 -2
  140. package/dist/elements/p-8865cb08.entry.js +2 -0
  141. package/dist/elements/{p-0951f046.entry.js → p-8b9b339b.entry.js} +2 -2
  142. package/dist/elements/{p-553217d4.entry.js → p-8b9b7f79.entry.js} +2 -2
  143. package/dist/elements/{p-86eaec56.entry.js → p-8c32e0ab.entry.js} +2 -2
  144. package/dist/elements/p-8fe569b3.entry.js +2 -0
  145. package/dist/elements/p-9090e8dc.entry.js +2 -0
  146. package/dist/elements/p-90f99f85.entry.js +5 -0
  147. package/dist/elements/p-90f99f85.entry.js.map +1 -0
  148. package/dist/elements/{p-fb11bb27.entry.js → p-916a6612.entry.js} +2 -2
  149. package/dist/elements/{p-fa9aa28a.entry.js → p-a68e7901.entry.js} +2 -2
  150. package/dist/elements/p-a88c6bd6.entry.js +2 -0
  151. package/dist/elements/{p-f05a0cca.entry.js.map → p-a88c6bd6.entry.js.map} +1 -1
  152. package/dist/elements/{p-69410d36.js → p-a91046dc.js} +3 -3
  153. package/dist/elements/{p-325e5484.entry.js → p-aad12400.entry.js} +2 -2
  154. package/dist/elements/{p-58418838.entry.js → p-ab92e9ad.entry.js} +2 -2
  155. package/dist/elements/{p-d01e6782.entry.js → p-af3f8ab1.entry.js} +2 -2
  156. package/dist/elements/p-b11e8f77.entry.js +2 -0
  157. package/dist/elements/{p-77d82071.entry.js → p-b19890bd.entry.js} +2 -2
  158. package/dist/elements/p-b1d0e1fe.entry.js +5 -0
  159. package/dist/{components/header.js.map → elements/p-b1d0e1fe.entry.js.map} +1 -1
  160. package/dist/elements/{p-573b7dca.entry.js → p-b227f4a8.entry.js} +2 -2
  161. package/dist/elements/p-b8b9096d.entry.js +2 -0
  162. package/dist/elements/p-b8b9096d.entry.js.map +1 -0
  163. package/dist/elements/{p-134b66b6.js → p-bb3054a3.js} +6 -6
  164. package/dist/elements/p-bc5eefc4.entry.js +2 -0
  165. package/dist/elements/{p-b115ebcf.entry.js.map → p-bc5eefc4.entry.js.map} +1 -1
  166. package/dist/elements/{p-56bf9fdf.js → p-c2690129.js} +2 -2
  167. package/dist/elements/{p-8b0695a7.entry.js → p-c445f3ac.entry.js} +2 -2
  168. package/dist/elements/{p-2ba30f60.entry.js → p-c9faf4da.entry.js} +2 -2
  169. package/dist/elements/p-ca453b3d.js +8 -0
  170. package/dist/elements/p-cc23946c.entry.js +2 -0
  171. package/dist/elements/{p-4342e2ef.entry.js.map → p-cc23946c.entry.js.map} +1 -1
  172. package/dist/elements/{p-c23172a0.entry.js → p-cd9107d1.entry.js} +2 -2
  173. package/dist/elements/{p-9b369d09.js → p-cebe59d4.js} +2 -2
  174. package/dist/elements/{p-b67ce91f.entry.js → p-cfec477d.entry.js} +2 -2
  175. package/dist/elements/{p-1c69ca01.js → p-d0fcc589.js} +2 -2
  176. package/dist/elements/{p-257248f2.entry.js → p-d2458575.entry.js} +2 -2
  177. package/dist/elements/p-d2e7f4d4.entry.js +2 -0
  178. package/dist/elements/p-d65caf7a.entry.js +2 -0
  179. package/dist/elements/{p-acbfc962.entry.js.map → p-d65caf7a.entry.js.map} +1 -1
  180. package/dist/elements/{p-3505dfe2.js → p-d6769f21.js} +2 -2
  181. package/dist/elements/{p-a1a15808.entry.js → p-d6bf2b98.entry.js} +2 -2
  182. package/dist/elements/{p-75cbc833.entry.js → p-d86570da.entry.js} +2 -2
  183. package/dist/elements/p-d8e8bd9b.entry.js +2 -0
  184. package/dist/elements/p-d8fc8b11.js +2 -0
  185. package/dist/elements/{p-0ddd5da3.entry.js → p-da5f6dcd.entry.js} +3 -3
  186. package/dist/elements/{p-ab5544fc.entry.js → p-db793eec.entry.js} +2 -2
  187. package/dist/elements/p-db973275.js +5 -0
  188. package/dist/elements/{p-5f2c1e33.entry.js → p-e134ddc9.entry.js} +2 -2
  189. package/dist/elements/{p-0752ec21.entry.js → p-e3ae9b45.entry.js} +2 -2
  190. package/dist/elements/p-e5cefd56.entry.js +2 -0
  191. package/dist/elements/{p-64af0b46.entry.js.map → p-e5cefd56.entry.js.map} +1 -1
  192. package/dist/elements/{p-ad2273d6.js → p-ecdb52e8.js} +2 -2
  193. package/dist/elements/{p-2dddbb15.js → p-f1ef82a9.js} +4 -4
  194. package/dist/elements/p-f4440338.entry.js +2 -0
  195. package/dist/elements/{p-5bd948fa.entry.js → p-f981858f.entry.js} +2 -2
  196. package/dist/elements/{p-f6b92b3c.entry.js → p-fd200088.entry.js} +2 -2
  197. package/dist/elements/{p-b56ae71f.entry.js → p-fdeb6a78.entry.js} +3 -3
  198. package/dist/esm/{BrokenFile-0cbdf2f2.js → BrokenFile-660171a9.js} +2 -2
  199. package/dist/esm/{BrokenFile-0cbdf2f2.js.map → BrokenFile-660171a9.js.map} +1 -1
  200. package/dist/esm/{animation-0dedebd7.js → animation-8c622dae.js} +2 -2
  201. package/dist/esm/{animation-0dedebd7.js.map → animation-8c622dae.js.map} +1 -1
  202. package/dist/esm/{app-globals-8441b381.js → app-globals-a35b051d.js} +2 -2
  203. package/dist/esm/{app-globals-8441b381.js.map → app-globals-a35b051d.js.map} +1 -1
  204. package/dist/esm/{data-3bd275a7.js → data-cdc9b206.js} +2 -2
  205. package/dist/esm/{data-3bd275a7.js.map → data-cdc9b206.js.map} +1 -1
  206. package/dist/esm/elements.js +5 -5
  207. package/dist/esm/{form-controller-ba097a73.js → form-controller-1f70ed52.js} +2 -2
  208. package/dist/esm/{form-controller-ba097a73.js.map → form-controller-1f70ed52.js.map} +1 -1
  209. package/dist/esm/{framework-delegate-0ffa1682.js → framework-delegate-b5751311.js} +2 -2
  210. package/dist/esm/{framework-delegate-0ffa1682.js.map → framework-delegate-b5751311.js.map} +1 -1
  211. package/dist/esm/{hardware-back-button-80e72d27.js → hardware-back-button-e34ddb75.js} +3 -3
  212. package/dist/esm/{hardware-back-button-80e72d27.js.map → hardware-back-button-e34ddb75.js.map} +1 -1
  213. package/dist/esm/{helpers-ad2d8971.js → helpers-a93a8cd2.js} +2 -2
  214. package/dist/esm/{helpers-ad2d8971.js.map → helpers-a93a8cd2.js.map} +1 -1
  215. package/dist/esm/{index-141ce7d0.js → index-1e601862.js} +5 -5
  216. package/dist/esm/{index-141ce7d0.js.map → index-1e601862.js.map} +1 -1
  217. package/dist/esm/{index-38b2da1b.js → index-432e7c6f.js} +3 -3
  218. package/dist/esm/{index-38b2da1b.js.map → index-432e7c6f.js.map} +1 -1
  219. package/dist/esm/{index-46b2983b.js → index-538226d8.js} +2 -2
  220. package/dist/esm/{index-46b2983b.js.map → index-538226d8.js.map} +1 -1
  221. package/dist/esm/{index-049cf01c.js → index-e9b97538.js} +6 -6
  222. package/dist/esm/{index-049cf01c.js.map → index-e9b97538.js.map} +1 -1
  223. package/dist/esm/{index-c043b4c8.js → index-f69a875d.js} +2 -2
  224. package/dist/esm/{index-c043b4c8.js.map → index-f69a875d.js.map} +1 -1
  225. package/dist/esm/{index-bec78e8b.js → index-f7ac0403.js} +2 -2
  226. package/dist/esm/{index-bec78e8b.js.map → index-f7ac0403.js.map} +1 -1
  227. package/dist/esm/{input-shims-2246db96.js → input-shims-212ee02f.js} +4 -4
  228. package/dist/esm/{input-shims-2246db96.js.map → input-shims-212ee02f.js.map} +1 -1
  229. package/dist/esm/{input.utils-8550a81d.js → input.utils-d2c917c3.js} +3 -3
  230. package/dist/esm/{input.utils-8550a81d.js.map → input.utils-d2c917c3.js.map} +1 -1
  231. package/dist/esm/ion-accordion-group.entry.js +3 -3
  232. package/dist/esm/ion-accordion.entry.js +3 -3
  233. package/dist/esm/ion-action-sheet_3.entry.js +8 -8
  234. package/dist/{components/app.js → esm/ion-app.entry.js} +20 -35
  235. package/dist/esm/ion-app.entry.js.map +1 -0
  236. package/dist/esm/ion-avatar.entry.js +2 -2
  237. package/dist/esm/ion-back-button.entry.js +3 -3
  238. package/dist/esm/ion-backdrop.entry.js +2 -2
  239. package/dist/esm/ion-badge_11.entry.js +8 -8
  240. package/dist/esm/ion-breadcrumb.entry.js +3 -3
  241. package/dist/esm/ion-breadcrumbs.entry.js +2 -2
  242. package/dist/esm/ion-button_4.entry.js +4 -4
  243. package/dist/esm/ion-card-subtitle.entry.js +2 -2
  244. package/dist/esm/{ion-app_32.entry.js → ion-card_26.entry.js} +48 -1374
  245. package/dist/esm/ion-card_26.entry.js.map +1 -0
  246. package/dist/esm/ion-checkbox_4.entry.js +5 -5
  247. package/dist/esm/ion-chip.entry.js +2 -2
  248. package/dist/{components/content.js → esm/ion-content.entry.js} +14 -42
  249. package/dist/esm/ion-content.entry.js.map +1 -0
  250. package/dist/esm/ion-datetime-button.entry.js +5 -5
  251. package/dist/esm/ion-datetime.entry.js +5 -5
  252. package/dist/esm/ion-fab-button.entry.js +3 -3
  253. package/dist/esm/ion-fab-list.entry.js +2 -2
  254. package/dist/esm/ion-fab.entry.js +2 -2
  255. package/dist/{components/footer.js → esm/ion-footer.entry.js} +20 -34
  256. package/dist/esm/ion-footer.entry.js.map +1 -0
  257. package/dist/{components/header.js → esm/ion-header.entry.js} +17 -33
  258. package/dist/esm/ion-header.entry.js.map +1 -0
  259. package/dist/esm/ion-img.entry.js +3 -3
  260. package/dist/esm/ion-infinite-scroll-content.entry.js +2 -2
  261. package/dist/esm/ion-infinite-scroll.entry.js +5 -5
  262. package/dist/esm/ion-item-option.entry.js +2 -2
  263. package/dist/esm/ion-item-options.entry.js +3 -3
  264. package/dist/esm/ion-item-sliding.entry.js +5 -5
  265. package/dist/esm/ion-item_4.entry.js +4 -4
  266. package/dist/esm/ion-loading.entry.js +8 -8
  267. package/dist/esm/ion-menu-button.entry.js +8 -8
  268. package/dist/esm/ion-menu-toggle.entry.js +8 -8
  269. package/dist/esm/ion-menu.entry.js +9 -9
  270. package/dist/esm/ion-modal.entry.js +10 -10
  271. package/dist/esm/ion-nav-link.entry.js +1 -1
  272. package/dist/esm/ion-nav.entry.js +6 -6
  273. package/dist/esm/ion-picker-column.entry.js +3 -3
  274. package/dist/esm/ion-picker.entry.js +8 -8
  275. package/dist/esm/ion-popover.entry.js +9 -9
  276. package/dist/esm/ion-range.entry.js +6 -6
  277. package/dist/esm/ion-refresher-content.entry.js +5 -5
  278. package/dist/esm/ion-refresher.entry.js +7 -7
  279. package/dist/esm/ion-reorder-group.entry.js +5 -5
  280. package/dist/esm/ion-reorder.entry.js +2 -2
  281. package/dist/esm/ion-route-redirect.entry.js +1 -1
  282. package/dist/esm/ion-route.entry.js +1 -1
  283. package/dist/esm/ion-router-link.entry.js +2 -2
  284. package/dist/esm/ion-router-outlet.entry.js +6 -6
  285. package/dist/esm/ion-router.entry.js +2 -2
  286. package/dist/esm/ion-segment-button.entry.js +3 -3
  287. package/dist/esm/ion-segment.entry.js +3 -3
  288. package/dist/esm/ion-select-option.entry.js +2 -2
  289. package/dist/esm/ion-select.entry.js +9 -9
  290. package/dist/esm/ion-spinner.entry.js +2 -2
  291. package/dist/esm/ion-split-pane.entry.js +2 -2
  292. package/dist/esm/ion-tab-bar.entry.js +2 -2
  293. package/dist/esm/ion-tab-button.entry.js +3 -3
  294. package/dist/esm/ion-tab.entry.js +3 -3
  295. package/dist/esm/ion-tabs.entry.js +1 -1
  296. package/dist/esm/ion-text.entry.js +2 -2
  297. package/dist/esm/ion-textarea.entry.js +7 -7
  298. package/dist/esm/ion-thumbnail.entry.js +2 -2
  299. package/dist/{components/title.js → esm/ion-title.entry.js} +14 -34
  300. package/dist/esm/ion-title.entry.js.map +1 -0
  301. package/dist/esm/ion-toast.entry.js +8 -8
  302. package/dist/esm/ion-toggle.entry.js +5 -5
  303. package/dist/{components/toolbar.js → esm/ion-toolbar.entry.js} +14 -31
  304. package/dist/esm/ion-toolbar.entry.js.map +1 -0
  305. package/dist/esm/{ionic-global-006bfdaa.js → ionic-global-163eb7af.js} +2 -2
  306. package/dist/esm/{ionic-global-006bfdaa.js.map → ionic-global-163eb7af.js.map} +1 -1
  307. package/dist/esm/{ios.transition-e19293f7.js → ios.transition-0236708a.js} +5 -5
  308. package/dist/esm/{ios.transition-e19293f7.js.map → ios.transition-0236708a.js.map} +1 -1
  309. package/dist/esm/loader.js +5 -5
  310. package/dist/esm/{md.transition-d72e937f.js → md.transition-e93291da.js} +5 -5
  311. package/dist/esm/{md.transition-d72e937f.js.map → md.transition-e93291da.js.map} +1 -1
  312. package/dist/esm/{menu-toggle-util-dca4ccca.js → menu-toggle-util-a0afc829.js} +2 -2
  313. package/dist/esm/{menu-toggle-util-dca4ccca.js.map → menu-toggle-util-a0afc829.js.map} +1 -1
  314. package/dist/esm/{notch-controller-18232ec1.js → notch-controller-ae856621.js} +2 -2
  315. package/dist/esm/{notch-controller-18232ec1.js.map → notch-controller-ae856621.js.map} +1 -1
  316. package/dist/esm/{overlays-f768dabb.js → overlays-708b9a6f.js} +6 -6
  317. package/dist/esm/{overlays-f768dabb.js.map → overlays-708b9a6f.js.map} +1 -1
  318. package/dist/esm/pos-app-document-viewer.entry.js +1 -1
  319. package/dist/esm/pos-app-generic.entry.js +2 -2
  320. package/dist/esm/pos-app-image-viewer.entry.js +1 -1
  321. package/dist/esm/pos-app-ldp-container.entry.js +2 -2
  322. package/dist/esm/pos-app-rdf-document.entry.js +2 -2
  323. package/dist/esm/pos-container-contents.entry.js +1 -1
  324. package/dist/esm/pos-container-item.entry.js +1 -1
  325. package/dist/esm/pos-document.entry.js +2 -2
  326. package/dist/esm/pos-relations_2.entry.js +1 -1
  327. package/dist/esm/pos-subjects.entry.js +1 -1
  328. package/dist/esm/pos-value.entry.js +1 -1
  329. package/dist/esm/{refresher.utils-5cd2771a.js → refresher.utils-e3624272.js} +4 -4
  330. package/dist/esm/{refresher.utils-5cd2771a.js.map → refresher.utils-e3624272.js.map} +1 -1
  331. package/dist/esm/{status-tap-96ab3acb.js → status-tap-9b757300.js} +5 -5
  332. package/dist/esm/{status-tap-96ab3acb.js.map → status-tap-9b757300.js.map} +1 -1
  333. package/dist/esm/{swipe-back-44f8b09c.js → swipe-back-5993fe10.js} +2 -2
  334. package/dist/esm/{swipe-back-44f8b09c.js.map → swipe-back-5993fe10.js.map} +1 -1
  335. package/dist/types/apps/pos-app-browser/pos-app-browser.d.ts +1 -0
  336. package/dist/types/components/pos-router/pos-router.d.ts +10 -0
  337. package/dist/types/components.d.ts +39 -0
  338. package/package.json +1 -1
  339. package/dist/cjs/ion-app_32.cjs.entry.js.map +0 -1
  340. package/dist/components/app.js.map +0 -1
  341. package/dist/components/content.js.map +0 -1
  342. package/dist/components/footer.js.map +0 -1
  343. package/dist/components/title.js.map +0 -1
  344. package/dist/components/toolbar.js.map +0 -1
  345. package/dist/elements/p-089421d7.entry.js +0 -8
  346. package/dist/elements/p-089421d7.entry.js.map +0 -1
  347. package/dist/elements/p-0edf98c5.entry.js +0 -2
  348. package/dist/elements/p-0feec79b.js +0 -6
  349. package/dist/elements/p-118e0bed.entry.js +0 -2
  350. package/dist/elements/p-2fa5ecde.js +0 -8
  351. package/dist/elements/p-4342e2ef.entry.js +0 -2
  352. package/dist/elements/p-546a0100.entry.js +0 -2
  353. package/dist/elements/p-5f19bcb1.entry.js +0 -2
  354. package/dist/elements/p-64af0b46.entry.js +0 -2
  355. package/dist/elements/p-7e36887e.js +0 -5
  356. package/dist/elements/p-86f80c54.entry.js +0 -2
  357. package/dist/elements/p-89b3cdad.entry.js +0 -2
  358. package/dist/elements/p-8eb42424.entry.js +0 -2
  359. package/dist/elements/p-8f98459a.entry.js +0 -2
  360. package/dist/elements/p-909f0d6e.entry.js +0 -2
  361. package/dist/elements/p-963acf5e.entry.js +0 -2
  362. package/dist/elements/p-9b3608b6.entry.js +0 -2
  363. package/dist/elements/p-acbfc962.entry.js +0 -2
  364. package/dist/elements/p-b115ebcf.entry.js +0 -2
  365. package/dist/elements/p-cc274814.entry.js +0 -2
  366. package/dist/elements/p-d3a247bd.entry.js +0 -2
  367. package/dist/elements/p-d5ff3d36.entry.js +0 -2
  368. package/dist/elements/p-de267699.js +0 -2
  369. package/dist/elements/p-e3734616.entry.js +0 -2
  370. package/dist/elements/p-e3d72483.entry.js +0 -2
  371. package/dist/elements/p-f05a0cca.entry.js +0 -2
  372. package/dist/elements/p-f82feb40.js +0 -5
  373. package/dist/esm/ion-app_32.entry.js.map +0 -1
  374. /package/dist/elements/{p-f82feb40.js.map → p-012387ef.js.map} +0 -0
  375. /package/dist/elements/{p-e06dbbcc.entry.js.map → p-0133f543.entry.js.map} +0 -0
  376. /package/dist/elements/{p-3aeb707f.entry.js.map → p-09a7b8e1.entry.js.map} +0 -0
  377. /package/dist/elements/{p-86136480.entry.js.map → p-11ad53dd.entry.js.map} +0 -0
  378. /package/dist/elements/{p-9365c31d.entry.js.map → p-122324d9.entry.js.map} +0 -0
  379. /package/dist/elements/{p-530932bb.js.map → p-163e3e87.js.map} +0 -0
  380. /package/dist/elements/{p-9b56d918.js.map → p-18d4a4f4.js.map} +0 -0
  381. /package/dist/elements/{p-b90d29b6.entry.js.map → p-18d9c4f7.entry.js.map} +0 -0
  382. /package/dist/elements/{p-69d9dbbf.entry.js.map → p-1a90b8bb.entry.js.map} +0 -0
  383. /package/dist/elements/{p-02b4f408.entry.js.map → p-1f36a3c0.entry.js.map} +0 -0
  384. /package/dist/elements/{p-c7ac1d8b.entry.js.map → p-200707c8.entry.js.map} +0 -0
  385. /package/dist/elements/{p-78982008.entry.js.map → p-2072bd89.entry.js.map} +0 -0
  386. /package/dist/elements/{p-170a54a2.js.map → p-20e2e8c1.js.map} +0 -0
  387. /package/dist/elements/{p-9e7f0522.js.map → p-25270f1a.js.map} +0 -0
  388. /package/dist/elements/{p-5f19bcb1.entry.js.map → p-27ec1e73.entry.js.map} +0 -0
  389. /package/dist/elements/{p-c4a822b5.entry.js.map → p-28b1f2dc.entry.js.map} +0 -0
  390. /package/dist/elements/{p-4d47eeb5.js.map → p-2a17fd31.js.map} +0 -0
  391. /package/dist/elements/{p-8d4278bb.entry.js.map → p-2adb9784.entry.js.map} +0 -0
  392. /package/dist/elements/{p-d212be68.entry.js.map → p-30685d32.entry.js.map} +0 -0
  393. /package/dist/elements/{p-8e1e3e7d.js.map → p-359bfe6a.js.map} +0 -0
  394. /package/dist/elements/{p-bba60e3b.entry.js.map → p-39cc0ada.entry.js.map} +0 -0
  395. /package/dist/elements/{p-af43acbb.entry.js.map → p-4c0808b4.entry.js.map} +0 -0
  396. /package/dist/elements/{p-b8ac0ee4.js.map → p-4d6e48bf.js.map} +0 -0
  397. /package/dist/elements/{p-28ad7b6e.entry.js.map → p-5298b7a1.entry.js.map} +0 -0
  398. /package/dist/elements/{p-0b1c92f2.entry.js.map → p-52c87099.entry.js.map} +0 -0
  399. /package/dist/elements/{p-2428b6bf.js.map → p-592177e8.js.map} +0 -0
  400. /package/dist/elements/{p-8b81a782.js.map → p-595c0a57.js.map} +0 -0
  401. /package/dist/elements/{p-e32a52ee.js.map → p-5a248cff.js.map} +0 -0
  402. /package/dist/elements/{p-cc62cb3d.entry.js.map → p-61a489ee.entry.js.map} +0 -0
  403. /package/dist/elements/{p-118e0bed.entry.js.map → p-6ac0c71c.entry.js.map} +0 -0
  404. /package/dist/elements/{p-6c9053ed.entry.js.map → p-6bcba1f6.entry.js.map} +0 -0
  405. /package/dist/elements/{p-ddc13326.entry.js.map → p-6e2a89ab.entry.js.map} +0 -0
  406. /package/dist/elements/{p-565128c5.entry.js.map → p-74ebe432.entry.js.map} +0 -0
  407. /package/dist/elements/{p-89b3cdad.entry.js.map → p-76543de1.entry.js.map} +0 -0
  408. /package/dist/elements/{p-d7231d27.entry.js.map → p-76e7559c.entry.js.map} +0 -0
  409. /package/dist/elements/{p-41e21640.entry.js.map → p-778d7821.entry.js.map} +0 -0
  410. /package/dist/elements/{p-f941317f.entry.js.map → p-78ba7248.entry.js.map} +0 -0
  411. /package/dist/elements/{p-6579450f.js.map → p-7a563988.js.map} +0 -0
  412. /package/dist/elements/{p-3c2b721e.js.map → p-7f507bcb.js.map} +0 -0
  413. /package/dist/elements/{p-0feec79b.js.map → p-8206b1f1.js.map} +0 -0
  414. /package/dist/elements/{p-b097a0ac.entry.js.map → p-82fb9396.entry.js.map} +0 -0
  415. /package/dist/elements/{p-d86e6e48.entry.js.map → p-8817e69b.entry.js.map} +0 -0
  416. /package/dist/elements/{p-86f80c54.entry.js.map → p-8865cb08.entry.js.map} +0 -0
  417. /package/dist/elements/{p-0951f046.entry.js.map → p-8b9b339b.entry.js.map} +0 -0
  418. /package/dist/elements/{p-553217d4.entry.js.map → p-8b9b7f79.entry.js.map} +0 -0
  419. /package/dist/elements/{p-86eaec56.entry.js.map → p-8c32e0ab.entry.js.map} +0 -0
  420. /package/dist/elements/{p-8f98459a.entry.js.map → p-8fe569b3.entry.js.map} +0 -0
  421. /package/dist/elements/{p-e3734616.entry.js.map → p-9090e8dc.entry.js.map} +0 -0
  422. /package/dist/elements/{p-fb11bb27.entry.js.map → p-916a6612.entry.js.map} +0 -0
  423. /package/dist/elements/{p-fa9aa28a.entry.js.map → p-a68e7901.entry.js.map} +0 -0
  424. /package/dist/elements/{p-69410d36.js.map → p-a91046dc.js.map} +0 -0
  425. /package/dist/elements/{p-325e5484.entry.js.map → p-aad12400.entry.js.map} +0 -0
  426. /package/dist/elements/{p-58418838.entry.js.map → p-ab92e9ad.entry.js.map} +0 -0
  427. /package/dist/elements/{p-d01e6782.entry.js.map → p-af3f8ab1.entry.js.map} +0 -0
  428. /package/dist/elements/{p-8eb42424.entry.js.map → p-b11e8f77.entry.js.map} +0 -0
  429. /package/dist/elements/{p-77d82071.entry.js.map → p-b19890bd.entry.js.map} +0 -0
  430. /package/dist/elements/{p-573b7dca.entry.js.map → p-b227f4a8.entry.js.map} +0 -0
  431. /package/dist/elements/{p-134b66b6.js.map → p-bb3054a3.js.map} +0 -0
  432. /package/dist/elements/{p-56bf9fdf.js.map → p-c2690129.js.map} +0 -0
  433. /package/dist/elements/{p-8b0695a7.entry.js.map → p-c445f3ac.entry.js.map} +0 -0
  434. /package/dist/elements/{p-2ba30f60.entry.js.map → p-c9faf4da.entry.js.map} +0 -0
  435. /package/dist/elements/{p-2fa5ecde.js.map → p-ca453b3d.js.map} +0 -0
  436. /package/dist/elements/{p-c23172a0.entry.js.map → p-cd9107d1.entry.js.map} +0 -0
  437. /package/dist/elements/{p-9b369d09.js.map → p-cebe59d4.js.map} +0 -0
  438. /package/dist/elements/{p-b67ce91f.entry.js.map → p-cfec477d.entry.js.map} +0 -0
  439. /package/dist/elements/{p-1c69ca01.js.map → p-d0fcc589.js.map} +0 -0
  440. /package/dist/elements/{p-257248f2.entry.js.map → p-d2458575.entry.js.map} +0 -0
  441. /package/dist/elements/{p-9b3608b6.entry.js.map → p-d2e7f4d4.entry.js.map} +0 -0
  442. /package/dist/elements/{p-3505dfe2.js.map → p-d6769f21.js.map} +0 -0
  443. /package/dist/elements/{p-a1a15808.entry.js.map → p-d6bf2b98.entry.js.map} +0 -0
  444. /package/dist/elements/{p-75cbc833.entry.js.map → p-d86570da.entry.js.map} +0 -0
  445. /package/dist/elements/{p-963acf5e.entry.js.map → p-d8e8bd9b.entry.js.map} +0 -0
  446. /package/dist/elements/{p-de267699.js.map → p-d8fc8b11.js.map} +0 -0
  447. /package/dist/elements/{p-0ddd5da3.entry.js.map → p-da5f6dcd.entry.js.map} +0 -0
  448. /package/dist/elements/{p-ab5544fc.entry.js.map → p-db793eec.entry.js.map} +0 -0
  449. /package/dist/elements/{p-7e36887e.js.map → p-db973275.js.map} +0 -0
  450. /package/dist/elements/{p-5f2c1e33.entry.js.map → p-e134ddc9.entry.js.map} +0 -0
  451. /package/dist/elements/{p-0752ec21.entry.js.map → p-e3ae9b45.entry.js.map} +0 -0
  452. /package/dist/elements/{p-ad2273d6.js.map → p-ecdb52e8.js.map} +0 -0
  453. /package/dist/elements/{p-2dddbb15.js.map → p-f1ef82a9.js.map} +0 -0
  454. /package/dist/elements/{p-d3a247bd.entry.js.map → p-f4440338.entry.js.map} +0 -0
  455. /package/dist/elements/{p-5bd948fa.entry.js.map → p-f981858f.entry.js.map} +0 -0
  456. /package/dist/elements/{p-f6b92b3c.entry.js.map → p-fd200088.entry.js.map} +0 -0
  457. /package/dist/elements/{p-b56ae71f.entry.js.map → p-fdeb6a78.entry.js.map} +0 -0
package/dist/elements/{p-bba60e3b.entry.js → p-39cc0ada.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,e as o,h as n,H as i,d as r}from"./p-3c2b721e.js";import{q as e,b as a,r as s,j as c}from"./p-9e7f0522.js";import{p as d}from"./p-3505dfe2.js";import{o as l,c as b,h as u}from"./p-669fab6c.js";import{g as h,a as p}from"./p-2dddbb15.js";import{a as g,b as f,c as m}from"./p-c8020dbc.js";import"./p-21b22219.js";import"./p-7efd6867.js";const v=':host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;white-space:nowrap;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #3880ff);--background:transparent;--color:var(--ion-color-primary, #3880ff)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--ion-color-primary, #3880ff)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:flex;position:relative;align-items:center;width:100%;height:100%;min-height:inherit;transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;box-sizing:border-box;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){flex-shrink:0}::slotted(ion-icon){font-size:1.35em;pointer-events:none}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=icon-only]){font-size:1.8em}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-base)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}:host{--border-radius:14px;--padding-top:13px;--padding-bottom:13px;--padding-start:1em;--padding-end:1em;--transition:background-color, opacity 100ms linear;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:4px;margin-bottom:4px;min-height:3.1em;font-size:min(1rem, 48px);font-weight:500;letter-spacing:0}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, #3171e0);--background-focused:var(--ion-color-primary-shade, #3171e0);--background-hover:var(--ion-color-primary-tint, #4c8dff);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1}:host(.button-outline){--border-radius:14px;--border-width:1px;--border-style:solid;--background-activated:var(--ion-color-primary, #3880ff);--background-focused:var(--ion-color-primary, #3880ff);--background-hover:transparent;--background-focused-opacity:.1;--color-activated:var(--ion-color-primary-contrast, #fff)}:host(.button-clear){--background-activated:transparent;--background-activated-opacity:0;--background-focused:var(--ion-color-primary, #3880ff);--background-hover:transparent;--background-focused-opacity:.1;font-size:min(1.0625rem, 51px);font-weight:normal}:host(.in-buttons){font-size:clamp(17px, 1.0625rem, 21.08px);font-weight:400}:host(.button-large){--border-radius:16px;--padding-top:17px;--padding-start:1em;--padding-end:1em;--padding-bottom:17px;min-height:3.1em;font-size:min(1.25rem, 60px)}:host(.button-small){--border-radius:6px;--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:min(0.8125rem, 39px)}:host(.button-has-icon-only){--padding-top:0;--padding-bottom:0}:host(.button-round){--border-radius:64px;--padding-top:0;--padding-start:26px;--padding-end:26px;--padding-bottom:0}:host(.button-strong){font-weight:600}:host(.button-outline.ion-focused.ion-color) .button-native,:host(.button-clear.ion-focused.ion-color) .button-native{color:var(--ion-color-base)}:host(.button-outline.ion-focused.ion-color) .button-native::after,:host(.button-clear.ion-focused.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.button-clear:not(.ion-activated):hover),:host(.button-outline:not(.ion-activated):hover){opacity:0.6}:host(.button-clear.ion-color:hover) .button-native,:host(.button-outline.ion-color:hover) .button-native{color:var(--ion-color-base)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:transparent}:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}:host(:hover.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color):not(.ion-activated)) .button-native::after{background:#fff;opacity:0.1}}:host(.button-clear.ion-activated){opacity:0.4}:host(.button-outline.ion-activated.ion-color) .button-native{color:var(--ion-color-contrast)}:host(.button-outline.ion-activated.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--color));color:var(--ion-toolbar-background, var(--background), var(--ion-color-primary-contrast, #fff))}';const k=v;const x=':host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;white-space:nowrap;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #3880ff);--background:transparent;--color:var(--ion-color-primary, #3880ff)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--ion-color-primary, #3880ff)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:flex;position:relative;align-items:center;width:100%;height:100%;min-height:inherit;transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;box-sizing:border-box;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){flex-shrink:0}::slotted(ion-icon){font-size:1.35em;pointer-events:none}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=icon-only]){font-size:1.8em}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-base)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}:host{--border-radius:4px;--padding-top:8px;--padding-bottom:8px;--padding-start:1.1em;--padding-end:1.1em;--transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1),\n background-color 15ms linear,\n color 15ms linear;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:4px;margin-bottom:4px;min-height:36px;font-size:0.875rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase}:host(.button-solid){--background-activated:transparent;--background-hover:var(--ion-color-primary-contrast, #fff);--background-focused:var(--ion-color-primary-contrast, #fff);--background-activated-opacity:0;--background-focused-opacity:.24;--background-hover-opacity:.08;--box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}:host(.button-solid.ion-activated){--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12)}:host(.button-outline){--border-width:2px;--border-style:solid;--box-shadow:none;--background-activated:transparent;--background-focused:var(--ion-color-primary, #3880ff);--background-hover:var(--ion-color-primary, #3880ff);--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04}:host(.button-outline.ion-activated.ion-color) .button-native{background:transparent}:host(.button-clear){--background-activated:transparent;--background-focused:var(--ion-color-primary, #3880ff);--background-hover:var(--ion-color-primary, #3880ff);--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04}:host(.button-round){--border-radius:64px;--padding-top:0;--padding-start:26px;--padding-end:26px;--padding-bottom:0}:host(.button-large){--padding-top:14px;--padding-start:1em;--padding-end:1em;--padding-bottom:14px;min-height:2.8em;font-size:1.25rem}:host(.button-small){--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:0.8125rem}:host(.button-has-icon-only){--padding-top:0;--padding-bottom:0}:host(.button-strong){font-weight:bold}::slotted(ion-icon[slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-contrast)}:host(.button-clear.ion-color.ion-focused) .button-native::after,:host(.button-outline.ion-color.ion-focused) .button-native::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-contrast)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-background, var(--color));color:var(--ion-toolbar-color, var(--background), var(--ion-color-primary-contrast, #fff))}';const y=x;const w=class{constructor(n){t(this,n);this.ionFocus=o(this,"ionFocus",7);this.ionBlur=o(this,"ionBlur",7);this.inItem=false;this.inListHeader=false;this.inToolbar=false;this.formButtonEl=null;this.formEl=null;this.inheritedAttributes={};this.handleClick=t=>{const{el:o}=this;if(this.type==="button"){l(this.href,t,this.routerDirection,this.routerAnimation)}else if(e(o)){this.submitForm(t)}};this.onFocus=()=>{this.ionFocus.emit()};this.onBlur=()=>{this.ionBlur.emit()};this.color=undefined;this.buttonType="button";this.disabled=false;this.expand=undefined;this.fill=undefined;this.routerDirection="forward";this.routerAnimation=undefined;this.download=undefined;this.href=undefined;this.rel=undefined;this.shape=undefined;this.size=undefined;this.strong=false;this.target=undefined;this.type="button";this.form=undefined}disabledChanged(){const{disabled:t}=this;if(this.formButtonEl){this.formButtonEl.disabled=t}}renderHiddenButton(){const t=this.formEl=this.findForm();if(t){const{formButtonEl:o}=this;if(o!==null&&t.contains(o)){return}const n=this.formButtonEl=document.createElement("button");n.type=this.type;n.style.display="none";n.disabled=this.disabled;t.appendChild(n)}}componentWillLoad(){this.inToolbar=!!this.el.closest("ion-buttons");this.inListHeader=!!this.el.closest("ion-list-header");this.inItem=!!this.el.closest("ion-item")||!!this.el.closest("ion-item-divider");this.inheritedAttributes=a(this.el)}get hasIconOnly(){return!!this.el.querySelector('[slot="icon-only"]')}get rippleType(){const t=this.fill===undefined||this.fill==="clear";if(t&&this.hasIconOnly&&this.inToolbar){return"unbounded"}return"bounded"}findForm(){const{form:t}=this;if(t instanceof HTMLFormElement){return t}if(typeof t==="string"){const o=document.getElementById(t);if(o){if(o instanceof HTMLFormElement){return o}else{d(`Form with selector: "#${t}" could not be found. Verify that the id is attached to a <form> element.`,this.el);return null}}else{d(`Form with selector: "#${t}" could not be found. Verify that the id is correct and the form is rendered in the DOM.`,this.el);return null}}if(t!==undefined){d(`The provided "form" element is invalid. Verify that the form is a HTMLFormElement and rendered in the DOM.`,this.el);return null}return this.el.closest("form")}submitForm(t){if(this.formEl&&this.formButtonEl){t.preventDefault();this.formButtonEl.click()}}render(){const t=h(this);const{buttonType:o,type:r,disabled:e,rel:a,target:s,size:c,href:d,color:l,expand:p,hasIconOnly:g,shape:f,strong:m,inheritedAttributes:v}=this;const k=c===undefined&&this.inItem?"small":c;const x=d===undefined?"button":"a";const y=x==="button"?{type:r}:{download:this.download,href:d,rel:a,target:s};let w=this.fill;if(w==null){w=this.inToolbar||this.inListHeader?"clear":"solid"}{r!=="button"&&this.renderHiddenButton()}return n(i,{key:"54569350aae49882123f0e22a720956eddee33f5",onClick:this.handleClick,"aria-disabled":e?"true":null,class:b(l,{[t]:true,[o]:true,[`${o}-${p}`]:p!==undefined,[`${o}-${k}`]:k!==undefined,[`${o}-${f}`]:f!==undefined,[`${o}-${w}`]:true,[`${o}-strong`]:m,"in-toolbar":u("ion-toolbar",this.el),"in-toolbar-color":u("ion-toolbar[color]",this.el),"in-buttons":u("ion-buttons",this.el),"button-has-icon-only":g,"button-disabled":e,"ion-activatable":true,"ion-focusable":true})},n(x,Object.assign({key:"95c196fc5bf080ef308532c3627e2a9d68f24996"},y,{class:"button-native",part:"native",disabled:e,onFocus:this.onFocus,onBlur:this.onBlur},v),n("span",{key:"e247013b847158187258d28f37ab23905fe49110",class:"button-inner"},n("slot",{key:"58ac0bd8f643f4392ddbe465fab26eedffe02b7a",name:"icon-only"}),n("slot",{key:"2289d37a37a64472ffe818b3b1126945cebf101e",name:"start"}),n("slot",{key:"b69a915dff465d251f0466449b91450d4a4048a9"}),n("slot",{key:"594a80d6707fd5edabc03e467f7aae3011d020f6",name:"end"})),t==="md"&&n("ion-ripple-effect",{key:"b034770cadefe74922ed6564a17147ddc6c9fdb1",type:this.rippleType})))}get el(){return r(this)}static get watchers(){return{disabled:["disabledChanged"]}}};w.style={ios:k,md:y};const z=".sc-ion-buttons-ios-h{display:flex;align-items:center;transform:translateZ(0);z-index:99}.sc-ion-buttons-ios-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ios-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:5px;--padding-end:5px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-ios-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-ios-s ion-button:not(.button-round){--border-radius:4px}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button{--color:initial;--border-color:initial;--background-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-solid,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-solid{--background:var(--ion-color-contrast);--background-focused:#000;--background-focused-opacity:.12;--background-activated:#000;--background-activated-opacity:.12;--background-hover:var(--ion-color-base);--background-hover-opacity:0.45;--color:var(--ion-color-base);--color-focused:var(--ion-color-base)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-clear,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-clear{--color-activated:var(--ion-color-contrast);--color-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-outline,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-outline{--color-activated:var(--ion-color-base);--color-focused:var(--ion-color-contrast);--background-activated:var(--ion-color-contrast)}.sc-ion-buttons-ios-s .button-clear,.sc-ion-buttons-ios-s .button-outline{--background-activated:transparent;--background-focused:currentColor;--background-hover:transparent}.sc-ion-buttons-ios-s .button-solid:not(.ion-color){--background-focused:#000;--background-focused-opacity:.12;--background-activated:#000;--background-activated-opacity:.12}.sc-ion-buttons-ios-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.65em;line-height:0.67}";const C=z;const I=".sc-ion-buttons-md-h{display:flex;align-items:center;transform:translateZ(0);z-index:99}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-md-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:8px;--padding-end:8px;--box-shadow:none;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-md-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-md-s ion-button:not(.button-round){--border-radius:2px}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button{--color:initial;--color-focused:var(--ion-color-contrast);--color-hover:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-contrast);--background-hover:var(--ion-color-contrast)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-solid,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-solid{--background:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-shade);--background-hover:var(--ion-color-base);--color:var(--ion-color-base);--color-focused:var(--ion-color-base);--color-hover:var(--ion-color-base)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-outline,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-outline{--border-color:var(--ion-color-contrast)}.sc-ion-buttons-md-s .button-has-icon-only.button-clear{--padding-top:12px;--padding-end:12px;--padding-bottom:12px;--padding-start:12px;--border-radius:50%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:3rem;height:3rem}.sc-ion-buttons-md-s .button{--background-hover:currentColor}.sc-ion-buttons-md-s .button-solid{--color:var(--ion-toolbar-background, var(--ion-background-color, #fff));--background:var(--ion-toolbar-color, var(--ion-text-color, #424242));--background-activated:transparent;--background-focused:currentColor}.sc-ion-buttons-md-s .button-outline{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--border-color:currentColor}.sc-ion-buttons-md-s .button-clear{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor}.sc-ion-buttons-md-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.8em}";const M=I;const E=class{constructor(o){t(this,o);this.collapse=false}render(){const t=h(this);return n(i,{key:"2929fd8c4469bab2953c23d47f601706acb104f1",class:{[t]:true,["buttons-collapse"]:this.collapse}})}};E.style={ios:C,md:M};const $=":host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;height:200px;outline:none;font-size:22px;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;text-align:center}:host::-webkit-scrollbar{display:none}:host .picker-item{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;scroll-snap-align:center}:host .picker-item-empty,:host .picker-item[disabled]{cursor:default}:host .picker-item-empty,:host(:not([disabled])) .picker-item[disabled]{scroll-snap-align:none}:host([disabled]){overflow-y:hidden}:host .picker-item[disabled]{opacity:0.4}:host(.picker-column-active) .picker-item.picker-item-active{color:var(--ion-color-base)}@media (any-hover: hover){:host(:focus){outline:none;background:rgba(var(--ion-color-base-rgb), 0.2)}}";const T=$;const j=":host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;height:200px;outline:none;font-size:22px;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;text-align:center}:host::-webkit-scrollbar{display:none}:host .picker-item{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;scroll-snap-align:center}:host .picker-item-empty,:host .picker-item[disabled]{cursor:default}:host .picker-item-empty,:host(:not([disabled])) .picker-item[disabled]{scroll-snap-align:none}:host([disabled]){overflow-y:hidden}:host .picker-item[disabled]{opacity:0.4}:host(.picker-column-active) .picker-item.picker-item-active{color:var(--ion-color-base)}@media (any-hover: hover){:host(:focus){outline:none;background:rgba(var(--ion-color-base-rgb), 0.2)}}:host .picker-item-active{color:var(--ion-color-base)}";const N=j;const O=class{constructor(n){t(this,n);this.ionChange=o(this,"ionChange",7);this.isScrolling=false;this.isColumnVisible=false;this.canExitInputMode=true;this.centerPickerItemInView=(t,o=true,n=true)=>{const{el:i,isColumnVisible:r}=this;if(r){const r=t.offsetTop-3*t.clientHeight+t.clientHeight/2;if(i.scrollTop!==r){this.canExitInputMode=n;i.scroll({top:r,left:0,behavior:o?"smooth":undefined})}}};this.setPickerItemActiveState=(t,o)=>{if(o){t.classList.add(L);t.part.add(A)}else{t.classList.remove(L);t.part.remove(A)}};this.inputModeChange=t=>{if(!this.numericInput){return}const{useInputMode:o,inputModeColumn:n}=t.detail;const i=n===undefined||n===this.el;if(!o||!i){this.setInputModeActive(false);return}this.setInputModeActive(true)};this.setInputModeActive=t=>{if(this.isScrolling){this.scrollEndCallback=()=>{this.isActive=t};return}this.isActive=t};this.initializeScrollListener=()=>{const t=p("ios");const{el:o}=this;let n;let i=this.activeItem;const r=()=>{s((()=>{if(n){clearTimeout(n);n=undefined}if(!this.isScrolling){t&&g();this.isScrolling=true}const r=o.getBoundingClientRect();const e=r.x+r.width/2;const a=r.y+r.height/2;const s=o.shadowRoot.elementFromPoint(e,a);if(i!==null){this.setPickerItemActiveState(i,false)}if(s===null||s.disabled){return}if(s!==i){t&&f();if(this.canExitInputMode){this.exitInputMode()}}i=s;this.setPickerItemActiveState(s,true);n=setTimeout((()=>{this.isScrolling=false;t&&m();const{scrollEndCallback:o}=this;if(o){o();this.scrollEndCallback=undefined}this.canExitInputMode=true;const n=s.getAttribute("data-index");if(n===null){return}const i=parseInt(n,10);const r=this.items[i];if(r.value!==this.value){this.setValue(r.value)}}),250)}))};s((()=>{o.addEventListener("scroll",r);this.destroyScrollListener=()=>{o.removeEventListener("scroll",r)}}))};this.exitInputMode=()=>{const{parentEl:t}=this;if(t==null)return;t.exitInputMode();this.el.classList.remove("picker-column-active")};this.isActive=false;this.disabled=false;this.items=[];this.value=undefined;this.color="primary";this.numericInput=false}valueChange(){if(this.isColumnVisible){this.scrollActiveItemIntoView()}}componentWillLoad(){const t=t=>{const o=t[t.length-1];if(o.isIntersecting){const{activeItem:t,el:o}=this;this.isColumnVisible=true;const n=c(o).querySelector(`.${L}`);if(n){this.setPickerItemActiveState(n,false)}this.scrollActiveItemIntoView();if(t){this.setPickerItemActiveState(t,true)}this.initializeScrollListener()}else{this.isColumnVisible=false;if(this.destroyScrollListener){this.destroyScrollListener();this.destroyScrollListener=undefined}}};new IntersectionObserver(t,{threshold:.001}).observe(this.el);const o=this.parentEl=this.el.closest("ion-picker-internal");if(o!==null){o.addEventListener("ionInputModeChange",(t=>this.inputModeChange(t)))}}componentDidRender(){var t;const{activeItem:o,items:n,isColumnVisible:i,value:r}=this;if(i){if(o){this.scrollActiveItemIntoView()}else if(((t=n[0])===null||t===void 0?void 0:t.value)!==r){this.setValue(n[0].value)}}}async scrollActiveItemIntoView(){const t=this.activeItem;if(t){this.centerPickerItemInView(t,false,false)}}async setValue(t){const{items:o}=this;this.value=t;const n=o.find((o=>o.value===t&&o.disabled!==true));if(n){this.ionChange.emit(n)}}get activeItem(){const t=`.picker-item[data-value="${this.value}"]${this.disabled?"":":not([disabled])"}`;return c(this.el).querySelector(t)}render(){const{items:t,color:o,disabled:r,isActive:e,numericInput:a}=this;const s=h(this);return n(i,{key:"42a034f2533d30d19f96a121eb74d5f757e1c684",exportparts:`${F}, ${A}`,disabled:r,tabindex:r?null:0,class:b(o,{[s]:true,["picker-column-active"]:e,["picker-column-numeric-input"]:a})},n("div",{key:"85efccb40c87d473c06026b8041d57b40d2369c3",class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{key:"9fae4dd6697f23acba18c218ba250ea77954b18d",class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{key:"f117afeb204a4f6bb34a1cd0e1b786fa479d8b32",class:"picker-item picker-item-empty","aria-hidden":"true"}," "),t.map(((t,o)=>{const i=r||t.disabled||false;return n("button",{tabindex:"-1",class:{"picker-item":true},"data-value":t.value,"data-index":o,onClick:t=>{this.centerPickerItemInView(t.target,true)},disabled:i,part:F},t.text)})),n("div",{key:"28aa37f9ce90e88b9c3a5b2c399e3066e9f339e1",class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{key:"ef4ae6bee2b17918f0c2aba9d5c720c1d95987e4",class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{key:"564967bc8e42a9018163850da3a967a933b3de7b",class:"picker-item picker-item-empty","aria-hidden":"true"}," "))}get el(){return r(this)}static get watchers(){return{value:["valueChange"]}}};const L="picker-item-active";const F="wheel-item";const A="active";O.style={ios:T,md:N};const R=":host{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}@supports (inset-inline-start: 0){:host .picker-before{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host .picker-before{left:0}:host-context([dir=rtl]) .picker-before{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)) .picker-before{left:unset;right:unset;right:0}}}:host .picker-after{top:116px;height:84px}@supports (inset-inline-start: 0){:host .picker-after{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host .picker-after{left:0}:host-context([dir=rtl]) .picker-after{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)) .picker-after{left:unset;right:unset;right:0}}}:host .picker-highlight{border-radius:8px;left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;transform:translateY(-50%);background:var(--wheel-highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column-internal:first-of-type){text-align:start}:host ::slotted(ion-picker-column-internal:last-of-type){text-align:end}:host ::slotted(ion-picker-column-internal:only-child){text-align:center}:host .picker-before{background:linear-gradient(to bottom, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-after{background:linear-gradient(to top, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-highlight{background:var(--wheel-highlight-background, var(--ion-color-step-150, #eeeeef))}";const V=R;const _=":host{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}@supports (inset-inline-start: 0){:host .picker-before{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host .picker-before{left:0}:host-context([dir=rtl]) .picker-before{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)) .picker-before{left:unset;right:unset;right:0}}}:host .picker-after{top:116px;height:84px}@supports (inset-inline-start: 0){:host .picker-after{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host .picker-after{left:0}:host-context([dir=rtl]) .picker-after{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)) .picker-after{left:unset;right:unset;right:0}}}:host .picker-highlight{border-radius:8px;left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;transform:translateY(-50%);background:var(--wheel-highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column-internal:first-of-type){text-align:start}:host ::slotted(ion-picker-column-internal:last-of-type){text-align:end}:host ::slotted(ion-picker-column-internal:only-child){text-align:center}:host .picker-before{background:linear-gradient(to bottom, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}:host .picker-after{background:linear-gradient(to top, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 30%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}";const B=_;const D=class{constructor(n){t(this,n);this.ionInputModeChange=o(this,"ionInputModeChange",7);this.useInputMode=false;this.isInHighlightBounds=t=>{const{highlightEl:o}=this;if(!o){return false}const n=o.getBoundingClientRect();const i=t.clientX<n.left||t.clientX>n.right;const r=t.clientY<n.top||t.clientY>n.bottom;if(i||r){return false}return true};this.onFocusOut=t=>{const{relatedTarget:o}=t;if(!o||o.tagName!=="ION-PICKER-COLUMN-INTERNAL"&&o!==this.inputEl){this.exitInputMode()}};this.onFocusIn=t=>{const{target:o}=t;if(o.tagName!=="ION-PICKER-COLUMN-INTERNAL"){return}if(!this.actionOnClick){const t=o;const n=t.numericInput;if(n){this.enterInputMode(t,false)}else{this.exitInputMode()}}};this.onClick=()=>{const{actionOnClick:t}=this;if(t){t();this.actionOnClick=undefined}};this.onPointerDown=t=>{const{useInputMode:o,inputModeColumn:n,el:i}=this;if(this.isInHighlightBounds(t)){if(o){if(t.target.tagName==="ION-PICKER-COLUMN-INTERNAL"){if(n&&n===t.target){this.actionOnClick=()=>{this.enterInputMode()}}else{this.actionOnClick=()=>{this.enterInputMode(t.target)}}}else{this.actionOnClick=()=>{this.exitInputMode()}}}else{const o=i.querySelectorAll("ion-picker-column-internal.picker-column-numeric-input");const n=o.length===1?t.target:undefined;this.actionOnClick=()=>{this.enterInputMode(n)}}return}this.actionOnClick=()=>{this.exitInputMode()}};this.enterInputMode=(t,o=true)=>{const{inputEl:n,el:i}=this;if(!n){return}const r=i.querySelector("ion-picker-column-internal.picker-column-numeric-input");if(!r){return}this.useInputMode=true;this.inputModeColumn=t;if(o){if(this.destroyKeypressListener){this.destroyKeypressListener();this.destroyKeypressListener=undefined}n.focus()}else{i.addEventListener("keypress",this.onKeyPress);this.destroyKeypressListener=()=>{i.removeEventListener("keypress",this.onKeyPress)}}this.emitInputModeChange()};this.onKeyPress=t=>{const{inputEl:o}=this;if(!o){return}const n=parseInt(t.key,10);if(!Number.isNaN(n)){o.value+=t.key;this.onInputChange()}};this.selectSingleColumn=()=>{const{inputEl:t,inputModeColumn:o,singleColumnSearchTimeout:n}=this;if(!t||!o){return}const i=o.items.filter((t=>t.disabled!==true));if(n){clearTimeout(n)}this.singleColumnSearchTimeout=setTimeout((()=>{t.value="";this.singleColumnSearchTimeout=undefined}),1e3);if(t.value.length>=3){const o=t.value.length-2;const n=t.value.substring(o);t.value=n;this.selectSingleColumn();return}const r=i.find((({text:o})=>{const n=o.replace(/^0+(?=[1-9])|0+(?=0$)/,"");return n===t.value}));if(r){o.setValue(r.value);return}if(t.value.length===2){const o=t.value.substring(t.value.length-1);t.value=o;this.selectSingleColumn()}};this.searchColumn=(t,o,n="start")=>{const i=n==="start"?/^0+/:/0$/;const r=t.items.find((({text:t,disabled:n})=>n!==true&&t.replace(i,"")===o));if(r){t.setValue(r.value)}};this.selectMultiColumn=()=>{const{inputEl:t,el:o}=this;if(!t){return}const n=Array.from(o.querySelectorAll("ion-picker-column-internal")).filter((t=>t.numericInput));const i=n[0];const r=n[1];let e=t.value;let a;switch(e.length){case 1:this.searchColumn(i,e);break;case 2:const o=t.value.substring(0,1);e=o==="0"||o==="1"?t.value:o;this.searchColumn(i,e);if(e.length===1){a=t.value.substring(t.value.length-1);this.searchColumn(r,a,"end")}break;case 3:const n=t.value.substring(0,1);e=n==="0"||n==="1"?t.value.substring(0,2):n;this.searchColumn(i,e);a=e.length===1?t.value.substring(1):t.value.substring(2);this.searchColumn(r,a,"end");break;case 4:const s=t.value.substring(0,1);e=s==="0"||s==="1"?t.value.substring(0,2):s;this.searchColumn(i,e);const c=e.length===1?t.value.substring(1,t.value.length):t.value.substring(2,t.value.length);this.searchColumn(r,c,"end");break;default:const d=t.value.length-4;const l=t.value.substring(d);t.value=l;this.selectMultiColumn();break}};this.onInputChange=()=>{const{useInputMode:t,inputEl:o,inputModeColumn:n}=this;if(!t||!o){return}if(n){this.selectSingleColumn()}else{this.selectMultiColumn()}};this.emitInputModeChange=()=>{const{useInputMode:t,inputModeColumn:o}=this;this.ionInputModeChange.emit({useInputMode:t,inputModeColumn:o})}}preventTouchStartPropagation(t){t.stopPropagation()}componentWillLoad(){c(this.el).addEventListener("focusin",this.onFocusIn);c(this.el).addEventListener("focusout",this.onFocusOut)}async exitInputMode(){const{inputEl:t,useInputMode:o}=this;if(!o||!t){return}this.useInputMode=false;this.inputModeColumn=undefined;t.blur();t.value="";if(this.destroyKeypressListener){this.destroyKeypressListener();this.destroyKeypressListener=undefined}this.emitInputModeChange()}render(){return n(i,{key:"01cbd466787242ad070b01909714089570b4d67f",onPointerDown:t=>this.onPointerDown(t),onClick:()=>this.onClick()},n("input",{key:"7ff8c0a74c107610a6f0dd9fbc2fc7a4a6dc2468","aria-hidden":"true",tabindex:-1,inputmode:"numeric",type:"number",onKeyDown:t=>{var o;if(t.key==="Enter"){(o=this.inputEl)===null||o===void 0?void 0:o.blur()}},ref:t=>this.inputEl=t,onInput:()=>this.onInputChange(),onBlur:()=>this.exitInputMode()}),n("div",{key:"4700c9d877f54ae8f3fb173122193c27637f70a4",class:"picker-before"}),n("div",{key:"7ceae834b15d559f3819ec2116f83669cf6665fc",class:"picker-after"}),n("div",{key:"2d3bfda76279c2ee14edc067c53651be23b8b525",class:"picker-highlight",ref:t=>this.highlightEl=t}),n("slot",{key:"4797def7a3882a8a911ad47949b76f58a9f448d1"}))}get el(){return r(this)}};D.style={ios:V,md:B};export{w as ion_button,E as ion_buttons,O as ion_picker_column_internal,D as ion_picker_internal};
2
- //# sourceMappingURL=p-bba60e3b.entry.js.map
1
+ import{r as t,i as o,h as n,H as i,d as r}from"./p-7f507bcb.js";import{q as e,h as a,r as s,g as c}from"./p-25270f1a.js";import{p as d}from"./p-d6769f21.js";import{o as l,c as b,h as u}from"./p-669fab6c.js";import{g as h,a as p}from"./p-f1ef82a9.js";import{a as g,b as f,c as m}from"./p-c8020dbc.js";import"./p-21b22219.js";import"./p-7efd6867.js";const v=':host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;white-space:nowrap;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #3880ff);--background:transparent;--color:var(--ion-color-primary, #3880ff)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--ion-color-primary, #3880ff)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:flex;position:relative;align-items:center;width:100%;height:100%;min-height:inherit;transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;box-sizing:border-box;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){flex-shrink:0}::slotted(ion-icon){font-size:1.35em;pointer-events:none}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=icon-only]){font-size:1.8em}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-base)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}:host{--border-radius:14px;--padding-top:13px;--padding-bottom:13px;--padding-start:1em;--padding-end:1em;--transition:background-color, opacity 100ms linear;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:4px;margin-bottom:4px;min-height:3.1em;font-size:min(1rem, 48px);font-weight:500;letter-spacing:0}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, #3171e0);--background-focused:var(--ion-color-primary-shade, #3171e0);--background-hover:var(--ion-color-primary-tint, #4c8dff);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1}:host(.button-outline){--border-radius:14px;--border-width:1px;--border-style:solid;--background-activated:var(--ion-color-primary, #3880ff);--background-focused:var(--ion-color-primary, #3880ff);--background-hover:transparent;--background-focused-opacity:.1;--color-activated:var(--ion-color-primary-contrast, #fff)}:host(.button-clear){--background-activated:transparent;--background-activated-opacity:0;--background-focused:var(--ion-color-primary, #3880ff);--background-hover:transparent;--background-focused-opacity:.1;font-size:min(1.0625rem, 51px);font-weight:normal}:host(.in-buttons){font-size:clamp(17px, 1.0625rem, 21.08px);font-weight:400}:host(.button-large){--border-radius:16px;--padding-top:17px;--padding-start:1em;--padding-end:1em;--padding-bottom:17px;min-height:3.1em;font-size:min(1.25rem, 60px)}:host(.button-small){--border-radius:6px;--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:min(0.8125rem, 39px)}:host(.button-has-icon-only){--padding-top:0;--padding-bottom:0}:host(.button-round){--border-radius:64px;--padding-top:0;--padding-start:26px;--padding-end:26px;--padding-bottom:0}:host(.button-strong){font-weight:600}:host(.button-outline.ion-focused.ion-color) .button-native,:host(.button-clear.ion-focused.ion-color) .button-native{color:var(--ion-color-base)}:host(.button-outline.ion-focused.ion-color) .button-native::after,:host(.button-clear.ion-focused.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.button-clear:not(.ion-activated):hover),:host(.button-outline:not(.ion-activated):hover){opacity:0.6}:host(.button-clear.ion-color:hover) .button-native,:host(.button-outline.ion-color:hover) .button-native{color:var(--ion-color-base)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:transparent}:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}:host(:hover.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color):not(.ion-activated)) .button-native::after{background:#fff;opacity:0.1}}:host(.button-clear.ion-activated){opacity:0.4}:host(.button-outline.ion-activated.ion-color) .button-native{color:var(--ion-color-contrast)}:host(.button-outline.ion-activated.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--color));color:var(--ion-toolbar-background, var(--background), var(--ion-color-primary-contrast, #fff))}';const k=v;const x=':host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;white-space:nowrap;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--ion-color-primary, #3880ff);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #3880ff);--background:transparent;--color:var(--ion-color-primary, #3880ff)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--ion-color-primary, #3880ff)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:flex;position:relative;align-items:center;width:100%;height:100%;min-height:inherit;transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;box-sizing:border-box;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{display:flex;position:relative;flex-flow:row nowrap;flex-shrink:0;align-items:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){flex-shrink:0}::slotted(ion-icon){font-size:1.35em;pointer-events:none}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=icon-only]){font-size:1.8em}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{left:0;right:0;top:0;bottom:0;position:absolute;content:"";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-base)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}:host{--border-radius:4px;--padding-top:8px;--padding-bottom:8px;--padding-start:1.1em;--padding-end:1.1em;--transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1),\n background-color 15ms linear,\n color 15ms linear;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:4px;margin-bottom:4px;min-height:36px;font-size:0.875rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase}:host(.button-solid){--background-activated:transparent;--background-hover:var(--ion-color-primary-contrast, #fff);--background-focused:var(--ion-color-primary-contrast, #fff);--background-activated-opacity:0;--background-focused-opacity:.24;--background-hover-opacity:.08;--box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}:host(.button-solid.ion-activated){--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12)}:host(.button-outline){--border-width:2px;--border-style:solid;--box-shadow:none;--background-activated:transparent;--background-focused:var(--ion-color-primary, #3880ff);--background-hover:var(--ion-color-primary, #3880ff);--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04}:host(.button-outline.ion-activated.ion-color) .button-native{background:transparent}:host(.button-clear){--background-activated:transparent;--background-focused:var(--ion-color-primary, #3880ff);--background-hover:var(--ion-color-primary, #3880ff);--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04}:host(.button-round){--border-radius:64px;--padding-top:0;--padding-start:26px;--padding-end:26px;--padding-bottom:0}:host(.button-large){--padding-top:14px;--padding-start:1em;--padding-end:1em;--padding-bottom:14px;min-height:2.8em;font-size:1.25rem}:host(.button-small){--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:0.8125rem}:host(.button-has-icon-only){--padding-top:0;--padding-bottom:0}:host(.button-strong){font-weight:bold}::slotted(ion-icon[slot=icon-only]){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-contrast)}:host(.button-clear.ion-color.ion-focused) .button-native::after,:host(.button-outline.ion-color.ion-focused) .button-native::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-contrast)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-background, var(--color));color:var(--ion-toolbar-color, var(--background), var(--ion-color-primary-contrast, #fff))}';const y=x;const w=class{constructor(n){t(this,n);this.ionFocus=o(this,"ionFocus",7);this.ionBlur=o(this,"ionBlur",7);this.inItem=false;this.inListHeader=false;this.inToolbar=false;this.formButtonEl=null;this.formEl=null;this.inheritedAttributes={};this.handleClick=t=>{const{el:o}=this;if(this.type==="button"){l(this.href,t,this.routerDirection,this.routerAnimation)}else if(e(o)){this.submitForm(t)}};this.onFocus=()=>{this.ionFocus.emit()};this.onBlur=()=>{this.ionBlur.emit()};this.color=undefined;this.buttonType="button";this.disabled=false;this.expand=undefined;this.fill=undefined;this.routerDirection="forward";this.routerAnimation=undefined;this.download=undefined;this.href=undefined;this.rel=undefined;this.shape=undefined;this.size=undefined;this.strong=false;this.target=undefined;this.type="button";this.form=undefined}disabledChanged(){const{disabled:t}=this;if(this.formButtonEl){this.formButtonEl.disabled=t}}renderHiddenButton(){const t=this.formEl=this.findForm();if(t){const{formButtonEl:o}=this;if(o!==null&&t.contains(o)){return}const n=this.formButtonEl=document.createElement("button");n.type=this.type;n.style.display="none";n.disabled=this.disabled;t.appendChild(n)}}componentWillLoad(){this.inToolbar=!!this.el.closest("ion-buttons");this.inListHeader=!!this.el.closest("ion-list-header");this.inItem=!!this.el.closest("ion-item")||!!this.el.closest("ion-item-divider");this.inheritedAttributes=a(this.el)}get hasIconOnly(){return!!this.el.querySelector('[slot="icon-only"]')}get rippleType(){const t=this.fill===undefined||this.fill==="clear";if(t&&this.hasIconOnly&&this.inToolbar){return"unbounded"}return"bounded"}findForm(){const{form:t}=this;if(t instanceof HTMLFormElement){return t}if(typeof t==="string"){const o=document.getElementById(t);if(o){if(o instanceof HTMLFormElement){return o}else{d(`Form with selector: "#${t}" could not be found. Verify that the id is attached to a <form> element.`,this.el);return null}}else{d(`Form with selector: "#${t}" could not be found. Verify that the id is correct and the form is rendered in the DOM.`,this.el);return null}}if(t!==undefined){d(`The provided "form" element is invalid. Verify that the form is a HTMLFormElement and rendered in the DOM.`,this.el);return null}return this.el.closest("form")}submitForm(t){if(this.formEl&&this.formButtonEl){t.preventDefault();this.formButtonEl.click()}}render(){const t=h(this);const{buttonType:o,type:r,disabled:e,rel:a,target:s,size:c,href:d,color:l,expand:p,hasIconOnly:g,shape:f,strong:m,inheritedAttributes:v}=this;const k=c===undefined&&this.inItem?"small":c;const x=d===undefined?"button":"a";const y=x==="button"?{type:r}:{download:this.download,href:d,rel:a,target:s};let w=this.fill;if(w==null){w=this.inToolbar||this.inListHeader?"clear":"solid"}{r!=="button"&&this.renderHiddenButton()}return n(i,{key:"54569350aae49882123f0e22a720956eddee33f5",onClick:this.handleClick,"aria-disabled":e?"true":null,class:b(l,{[t]:true,[o]:true,[`${o}-${p}`]:p!==undefined,[`${o}-${k}`]:k!==undefined,[`${o}-${f}`]:f!==undefined,[`${o}-${w}`]:true,[`${o}-strong`]:m,"in-toolbar":u("ion-toolbar",this.el),"in-toolbar-color":u("ion-toolbar[color]",this.el),"in-buttons":u("ion-buttons",this.el),"button-has-icon-only":g,"button-disabled":e,"ion-activatable":true,"ion-focusable":true})},n(x,Object.assign({key:"95c196fc5bf080ef308532c3627e2a9d68f24996"},y,{class:"button-native",part:"native",disabled:e,onFocus:this.onFocus,onBlur:this.onBlur},v),n("span",{key:"e247013b847158187258d28f37ab23905fe49110",class:"button-inner"},n("slot",{key:"58ac0bd8f643f4392ddbe465fab26eedffe02b7a",name:"icon-only"}),n("slot",{key:"2289d37a37a64472ffe818b3b1126945cebf101e",name:"start"}),n("slot",{key:"b69a915dff465d251f0466449b91450d4a4048a9"}),n("slot",{key:"594a80d6707fd5edabc03e467f7aae3011d020f6",name:"end"})),t==="md"&&n("ion-ripple-effect",{key:"b034770cadefe74922ed6564a17147ddc6c9fdb1",type:this.rippleType})))}get el(){return r(this)}static get watchers(){return{disabled:["disabledChanged"]}}};w.style={ios:k,md:y};const z=".sc-ion-buttons-ios-h{display:flex;align-items:center;transform:translateZ(0);z-index:99}.sc-ion-buttons-ios-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ios-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:5px;--padding-end:5px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-ios-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-ios-s ion-button:not(.button-round){--border-radius:4px}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button{--color:initial;--border-color:initial;--background-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-solid,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-solid{--background:var(--ion-color-contrast);--background-focused:#000;--background-focused-opacity:.12;--background-activated:#000;--background-activated-opacity:.12;--background-hover:var(--ion-color-base);--background-hover-opacity:0.45;--color:var(--ion-color-base);--color-focused:var(--ion-color-base)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-clear,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-clear{--color-activated:var(--ion-color-contrast);--color-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-outline,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-outline{--color-activated:var(--ion-color-base);--color-focused:var(--ion-color-contrast);--background-activated:var(--ion-color-contrast)}.sc-ion-buttons-ios-s .button-clear,.sc-ion-buttons-ios-s .button-outline{--background-activated:transparent;--background-focused:currentColor;--background-hover:transparent}.sc-ion-buttons-ios-s .button-solid:not(.ion-color){--background-focused:#000;--background-focused-opacity:.12;--background-activated:#000;--background-activated-opacity:.12}.sc-ion-buttons-ios-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.65em;line-height:0.67}";const C=z;const I=".sc-ion-buttons-md-h{display:flex;align-items:center;transform:translateZ(0);z-index:99}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-md-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:8px;--padding-end:8px;--box-shadow:none;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-md-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-md-s ion-button:not(.button-round){--border-radius:2px}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button{--color:initial;--color-focused:var(--ion-color-contrast);--color-hover:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-contrast);--background-hover:var(--ion-color-contrast)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-solid,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-solid{--background:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-shade);--background-hover:var(--ion-color-base);--color:var(--ion-color-base);--color-focused:var(--ion-color-base);--color-hover:var(--ion-color-base)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-outline,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-outline{--border-color:var(--ion-color-contrast)}.sc-ion-buttons-md-s .button-has-icon-only.button-clear{--padding-top:12px;--padding-end:12px;--padding-bottom:12px;--padding-start:12px;--border-radius:50%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:3rem;height:3rem}.sc-ion-buttons-md-s .button{--background-hover:currentColor}.sc-ion-buttons-md-s .button-solid{--color:var(--ion-toolbar-background, var(--ion-background-color, #fff));--background:var(--ion-toolbar-color, var(--ion-text-color, #424242));--background-activated:transparent;--background-focused:currentColor}.sc-ion-buttons-md-s .button-outline{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--border-color:currentColor}.sc-ion-buttons-md-s .button-clear{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor}.sc-ion-buttons-md-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.8em}";const M=I;const E=class{constructor(o){t(this,o);this.collapse=false}render(){const t=h(this);return n(i,{key:"2929fd8c4469bab2953c23d47f601706acb104f1",class:{[t]:true,["buttons-collapse"]:this.collapse}})}};E.style={ios:C,md:M};const $=":host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;height:200px;outline:none;font-size:22px;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;text-align:center}:host::-webkit-scrollbar{display:none}:host .picker-item{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;scroll-snap-align:center}:host .picker-item-empty,:host .picker-item[disabled]{cursor:default}:host .picker-item-empty,:host(:not([disabled])) .picker-item[disabled]{scroll-snap-align:none}:host([disabled]){overflow-y:hidden}:host .picker-item[disabled]{opacity:0.4}:host(.picker-column-active) .picker-item.picker-item-active{color:var(--ion-color-base)}@media (any-hover: hover){:host(:focus){outline:none;background:rgba(var(--ion-color-base-rgb), 0.2)}}";const T=$;const j=":host{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0px;padding-bottom:0px;height:200px;outline:none;font-size:22px;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;text-align:center}:host::-webkit-scrollbar{display:none}:host .picker-item{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;height:34px;border:0px;outline:none;background:transparent;color:inherit;font-family:var(--ion-font-family, inherit);font-size:inherit;line-height:34px;text-align:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;overflow:hidden;scroll-snap-align:center}:host .picker-item-empty,:host .picker-item[disabled]{cursor:default}:host .picker-item-empty,:host(:not([disabled])) .picker-item[disabled]{scroll-snap-align:none}:host([disabled]){overflow-y:hidden}:host .picker-item[disabled]{opacity:0.4}:host(.picker-column-active) .picker-item.picker-item-active{color:var(--ion-color-base)}@media (any-hover: hover){:host(:focus){outline:none;background:rgba(var(--ion-color-base-rgb), 0.2)}}:host .picker-item-active{color:var(--ion-color-base)}";const N=j;const O=class{constructor(n){t(this,n);this.ionChange=o(this,"ionChange",7);this.isScrolling=false;this.isColumnVisible=false;this.canExitInputMode=true;this.centerPickerItemInView=(t,o=true,n=true)=>{const{el:i,isColumnVisible:r}=this;if(r){const r=t.offsetTop-3*t.clientHeight+t.clientHeight/2;if(i.scrollTop!==r){this.canExitInputMode=n;i.scroll({top:r,left:0,behavior:o?"smooth":undefined})}}};this.setPickerItemActiveState=(t,o)=>{if(o){t.classList.add(L);t.part.add(A)}else{t.classList.remove(L);t.part.remove(A)}};this.inputModeChange=t=>{if(!this.numericInput){return}const{useInputMode:o,inputModeColumn:n}=t.detail;const i=n===undefined||n===this.el;if(!o||!i){this.setInputModeActive(false);return}this.setInputModeActive(true)};this.setInputModeActive=t=>{if(this.isScrolling){this.scrollEndCallback=()=>{this.isActive=t};return}this.isActive=t};this.initializeScrollListener=()=>{const t=p("ios");const{el:o}=this;let n;let i=this.activeItem;const r=()=>{s((()=>{if(n){clearTimeout(n);n=undefined}if(!this.isScrolling){t&&g();this.isScrolling=true}const r=o.getBoundingClientRect();const e=r.x+r.width/2;const a=r.y+r.height/2;const s=o.shadowRoot.elementFromPoint(e,a);if(i!==null){this.setPickerItemActiveState(i,false)}if(s===null||s.disabled){return}if(s!==i){t&&f();if(this.canExitInputMode){this.exitInputMode()}}i=s;this.setPickerItemActiveState(s,true);n=setTimeout((()=>{this.isScrolling=false;t&&m();const{scrollEndCallback:o}=this;if(o){o();this.scrollEndCallback=undefined}this.canExitInputMode=true;const n=s.getAttribute("data-index");if(n===null){return}const i=parseInt(n,10);const r=this.items[i];if(r.value!==this.value){this.setValue(r.value)}}),250)}))};s((()=>{o.addEventListener("scroll",r);this.destroyScrollListener=()=>{o.removeEventListener("scroll",r)}}))};this.exitInputMode=()=>{const{parentEl:t}=this;if(t==null)return;t.exitInputMode();this.el.classList.remove("picker-column-active")};this.isActive=false;this.disabled=false;this.items=[];this.value=undefined;this.color="primary";this.numericInput=false}valueChange(){if(this.isColumnVisible){this.scrollActiveItemIntoView()}}componentWillLoad(){const t=t=>{const o=t[t.length-1];if(o.isIntersecting){const{activeItem:t,el:o}=this;this.isColumnVisible=true;const n=c(o).querySelector(`.${L}`);if(n){this.setPickerItemActiveState(n,false)}this.scrollActiveItemIntoView();if(t){this.setPickerItemActiveState(t,true)}this.initializeScrollListener()}else{this.isColumnVisible=false;if(this.destroyScrollListener){this.destroyScrollListener();this.destroyScrollListener=undefined}}};new IntersectionObserver(t,{threshold:.001}).observe(this.el);const o=this.parentEl=this.el.closest("ion-picker-internal");if(o!==null){o.addEventListener("ionInputModeChange",(t=>this.inputModeChange(t)))}}componentDidRender(){var t;const{activeItem:o,items:n,isColumnVisible:i,value:r}=this;if(i){if(o){this.scrollActiveItemIntoView()}else if(((t=n[0])===null||t===void 0?void 0:t.value)!==r){this.setValue(n[0].value)}}}async scrollActiveItemIntoView(){const t=this.activeItem;if(t){this.centerPickerItemInView(t,false,false)}}async setValue(t){const{items:o}=this;this.value=t;const n=o.find((o=>o.value===t&&o.disabled!==true));if(n){this.ionChange.emit(n)}}get activeItem(){const t=`.picker-item[data-value="${this.value}"]${this.disabled?"":":not([disabled])"}`;return c(this.el).querySelector(t)}render(){const{items:t,color:o,disabled:r,isActive:e,numericInput:a}=this;const s=h(this);return n(i,{key:"42a034f2533d30d19f96a121eb74d5f757e1c684",exportparts:`${F}, ${A}`,disabled:r,tabindex:r?null:0,class:b(o,{[s]:true,["picker-column-active"]:e,["picker-column-numeric-input"]:a})},n("div",{key:"85efccb40c87d473c06026b8041d57b40d2369c3",class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{key:"9fae4dd6697f23acba18c218ba250ea77954b18d",class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{key:"f117afeb204a4f6bb34a1cd0e1b786fa479d8b32",class:"picker-item picker-item-empty","aria-hidden":"true"}," "),t.map(((t,o)=>{const i=r||t.disabled||false;return n("button",{tabindex:"-1",class:{"picker-item":true},"data-value":t.value,"data-index":o,onClick:t=>{this.centerPickerItemInView(t.target,true)},disabled:i,part:F},t.text)})),n("div",{key:"28aa37f9ce90e88b9c3a5b2c399e3066e9f339e1",class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{key:"ef4ae6bee2b17918f0c2aba9d5c720c1d95987e4",class:"picker-item picker-item-empty","aria-hidden":"true"}," "),n("div",{key:"564967bc8e42a9018163850da3a967a933b3de7b",class:"picker-item picker-item-empty","aria-hidden":"true"}," "))}get el(){return r(this)}static get watchers(){return{value:["valueChange"]}}};const L="picker-item-active";const F="wheel-item";const A="active";O.style={ios:T,md:N};const R=":host{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}@supports (inset-inline-start: 0){:host .picker-before{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host .picker-before{left:0}:host-context([dir=rtl]) .picker-before{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)) .picker-before{left:unset;right:unset;right:0}}}:host .picker-after{top:116px;height:84px}@supports (inset-inline-start: 0){:host .picker-after{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host .picker-after{left:0}:host-context([dir=rtl]) .picker-after{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)) .picker-after{left:unset;right:unset;right:0}}}:host .picker-highlight{border-radius:8px;left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;transform:translateY(-50%);background:var(--wheel-highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column-internal:first-of-type){text-align:start}:host ::slotted(ion-picker-column-internal:last-of-type){text-align:end}:host ::slotted(ion-picker-column-internal:only-child){text-align:center}:host .picker-before{background:linear-gradient(to bottom, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-after{background:linear-gradient(to top, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8) 100%)}:host .picker-highlight{background:var(--wheel-highlight-background, var(--ion-color-step-150, #eeeeef))}";const V=R;const _=":host{display:flex;position:relative;align-items:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;transform:translateZ(0);z-index:1;pointer-events:none}:host .picker-before{top:0;height:83px}@supports (inset-inline-start: 0){:host .picker-before{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host .picker-before{left:0}:host-context([dir=rtl]) .picker-before{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)) .picker-before{left:unset;right:unset;right:0}}}:host .picker-after{top:116px;height:84px}@supports (inset-inline-start: 0){:host .picker-after{inset-inline-start:0}}@supports not (inset-inline-start: 0){:host .picker-after{left:0}:host-context([dir=rtl]) .picker-after{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){:host(:dir(rtl)) .picker-after{left:unset;right:unset;right:0}}}:host .picker-highlight{border-radius:8px;left:0;right:0;top:50%;bottom:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;position:absolute;width:calc(100% - 16px);height:34px;transform:translateY(-50%);background:var(--wheel-highlight-background);z-index:-1}:host input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host ::slotted(ion-picker-column-internal:first-of-type){text-align:start}:host ::slotted(ion-picker-column-internal:last-of-type){text-align:end}:host ::slotted(ion-picker-column-internal:only-child){text-align:center}:host .picker-before{background:linear-gradient(to bottom, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}:host .picker-after{background:linear-gradient(to top, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1) 30%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0) 90%)}";const B=_;const D=class{constructor(n){t(this,n);this.ionInputModeChange=o(this,"ionInputModeChange",7);this.useInputMode=false;this.isInHighlightBounds=t=>{const{highlightEl:o}=this;if(!o){return false}const n=o.getBoundingClientRect();const i=t.clientX<n.left||t.clientX>n.right;const r=t.clientY<n.top||t.clientY>n.bottom;if(i||r){return false}return true};this.onFocusOut=t=>{const{relatedTarget:o}=t;if(!o||o.tagName!=="ION-PICKER-COLUMN-INTERNAL"&&o!==this.inputEl){this.exitInputMode()}};this.onFocusIn=t=>{const{target:o}=t;if(o.tagName!=="ION-PICKER-COLUMN-INTERNAL"){return}if(!this.actionOnClick){const t=o;const n=t.numericInput;if(n){this.enterInputMode(t,false)}else{this.exitInputMode()}}};this.onClick=()=>{const{actionOnClick:t}=this;if(t){t();this.actionOnClick=undefined}};this.onPointerDown=t=>{const{useInputMode:o,inputModeColumn:n,el:i}=this;if(this.isInHighlightBounds(t)){if(o){if(t.target.tagName==="ION-PICKER-COLUMN-INTERNAL"){if(n&&n===t.target){this.actionOnClick=()=>{this.enterInputMode()}}else{this.actionOnClick=()=>{this.enterInputMode(t.target)}}}else{this.actionOnClick=()=>{this.exitInputMode()}}}else{const o=i.querySelectorAll("ion-picker-column-internal.picker-column-numeric-input");const n=o.length===1?t.target:undefined;this.actionOnClick=()=>{this.enterInputMode(n)}}return}this.actionOnClick=()=>{this.exitInputMode()}};this.enterInputMode=(t,o=true)=>{const{inputEl:n,el:i}=this;if(!n){return}const r=i.querySelector("ion-picker-column-internal.picker-column-numeric-input");if(!r){return}this.useInputMode=true;this.inputModeColumn=t;if(o){if(this.destroyKeypressListener){this.destroyKeypressListener();this.destroyKeypressListener=undefined}n.focus()}else{i.addEventListener("keypress",this.onKeyPress);this.destroyKeypressListener=()=>{i.removeEventListener("keypress",this.onKeyPress)}}this.emitInputModeChange()};this.onKeyPress=t=>{const{inputEl:o}=this;if(!o){return}const n=parseInt(t.key,10);if(!Number.isNaN(n)){o.value+=t.key;this.onInputChange()}};this.selectSingleColumn=()=>{const{inputEl:t,inputModeColumn:o,singleColumnSearchTimeout:n}=this;if(!t||!o){return}const i=o.items.filter((t=>t.disabled!==true));if(n){clearTimeout(n)}this.singleColumnSearchTimeout=setTimeout((()=>{t.value="";this.singleColumnSearchTimeout=undefined}),1e3);if(t.value.length>=3){const o=t.value.length-2;const n=t.value.substring(o);t.value=n;this.selectSingleColumn();return}const r=i.find((({text:o})=>{const n=o.replace(/^0+(?=[1-9])|0+(?=0$)/,"");return n===t.value}));if(r){o.setValue(r.value);return}if(t.value.length===2){const o=t.value.substring(t.value.length-1);t.value=o;this.selectSingleColumn()}};this.searchColumn=(t,o,n="start")=>{const i=n==="start"?/^0+/:/0$/;const r=t.items.find((({text:t,disabled:n})=>n!==true&&t.replace(i,"")===o));if(r){t.setValue(r.value)}};this.selectMultiColumn=()=>{const{inputEl:t,el:o}=this;if(!t){return}const n=Array.from(o.querySelectorAll("ion-picker-column-internal")).filter((t=>t.numericInput));const i=n[0];const r=n[1];let e=t.value;let a;switch(e.length){case 1:this.searchColumn(i,e);break;case 2:const o=t.value.substring(0,1);e=o==="0"||o==="1"?t.value:o;this.searchColumn(i,e);if(e.length===1){a=t.value.substring(t.value.length-1);this.searchColumn(r,a,"end")}break;case 3:const n=t.value.substring(0,1);e=n==="0"||n==="1"?t.value.substring(0,2):n;this.searchColumn(i,e);a=e.length===1?t.value.substring(1):t.value.substring(2);this.searchColumn(r,a,"end");break;case 4:const s=t.value.substring(0,1);e=s==="0"||s==="1"?t.value.substring(0,2):s;this.searchColumn(i,e);const c=e.length===1?t.value.substring(1,t.value.length):t.value.substring(2,t.value.length);this.searchColumn(r,c,"end");break;default:const d=t.value.length-4;const l=t.value.substring(d);t.value=l;this.selectMultiColumn();break}};this.onInputChange=()=>{const{useInputMode:t,inputEl:o,inputModeColumn:n}=this;if(!t||!o){return}if(n){this.selectSingleColumn()}else{this.selectMultiColumn()}};this.emitInputModeChange=()=>{const{useInputMode:t,inputModeColumn:o}=this;this.ionInputModeChange.emit({useInputMode:t,inputModeColumn:o})}}preventTouchStartPropagation(t){t.stopPropagation()}componentWillLoad(){c(this.el).addEventListener("focusin",this.onFocusIn);c(this.el).addEventListener("focusout",this.onFocusOut)}async exitInputMode(){const{inputEl:t,useInputMode:o}=this;if(!o||!t){return}this.useInputMode=false;this.inputModeColumn=undefined;t.blur();t.value="";if(this.destroyKeypressListener){this.destroyKeypressListener();this.destroyKeypressListener=undefined}this.emitInputModeChange()}render(){return n(i,{key:"01cbd466787242ad070b01909714089570b4d67f",onPointerDown:t=>this.onPointerDown(t),onClick:()=>this.onClick()},n("input",{key:"7ff8c0a74c107610a6f0dd9fbc2fc7a4a6dc2468","aria-hidden":"true",tabindex:-1,inputmode:"numeric",type:"number",onKeyDown:t=>{var o;if(t.key==="Enter"){(o=this.inputEl)===null||o===void 0?void 0:o.blur()}},ref:t=>this.inputEl=t,onInput:()=>this.onInputChange(),onBlur:()=>this.exitInputMode()}),n("div",{key:"4700c9d877f54ae8f3fb173122193c27637f70a4",class:"picker-before"}),n("div",{key:"7ceae834b15d559f3819ec2116f83669cf6665fc",class:"picker-after"}),n("div",{key:"2d3bfda76279c2ee14edc067c53651be23b8b525",class:"picker-highlight",ref:t=>this.highlightEl=t}),n("slot",{key:"4797def7a3882a8a911ad47949b76f58a9f448d1"}))}get el(){return r(this)}};D.style={ios:V,md:B};export{w as ion_button,E as ion_buttons,O as ion_picker_column_internal,D as ion_picker_internal};
2
+ //# sourceMappingURL=p-39cc0ada.entry.js.map
package/dist/elements/p-4056decf.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as t,i as o,f as i,j as s,h as n,H as e,d as r}from"./p-7f507bcb.js";import{j as a,a as l}from"./p-25270f1a.js";import{g as c,a as h}from"./p-f1ef82a9.js";import{i as f}from"./p-4d0cb38d.js";import{c as d,h as p}from"./p-669fab6c.js";const u=':host{--background:var(--ion-background-color, #fff);--color:var(--ion-text-color, #000);--padding-top:0px;--padding-bottom:0px;--padding-start:0px;--padding-end:0px;--keyboard-offset:0px;--offset-top:0px;--offset-bottom:0px;--overflow:auto;display:block;position:relative;flex:1;width:100%;height:100%;margin:0 !important;padding:0 !important;font-family:var(--ion-font-family, inherit);contain:size style}:host(.ion-color) .inner-scroll{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.outer-content){--background:var(--ion-color-step-50, #f2f2f2)}#background-content{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);position:absolute;background:var(--background)}.inner-scroll{left:0px;right:0px;top:calc(var(--offset-top) * -1);bottom:calc(var(--offset-bottom) * -1);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:calc(var(--padding-top) + var(--offset-top));padding-bottom:calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));position:absolute;color:var(--color);box-sizing:border-box;overflow:hidden;touch-action:pan-x pan-y pinch-zoom}.scroll-y,.scroll-x{-webkit-overflow-scrolling:touch;z-index:0;will-change:scroll-position}.scroll-y{overflow-y:var(--overflow);overscroll-behavior-y:contain}.scroll-x{overflow-x:var(--overflow);overscroll-behavior-x:contain}.overscroll::before,.overscroll::after{position:absolute;width:1px;height:1px;content:""}.overscroll::before{bottom:-1px}.overscroll::after{top:-1px}:host(.content-sizing){display:flex;flex-direction:column;min-height:0;contain:none}:host(.content-sizing) .inner-scroll{position:relative;top:0;bottom:0;margin-top:calc(var(--offset-top) * -1);margin-bottom:calc(var(--offset-bottom) * -1)}.transition-effect{display:none;position:absolute;width:100%;height:100vh;opacity:0;pointer-events:none}:host(.content-ltr) .transition-effect{left:-100%;}:host(.content-rtl) .transition-effect{right:-100%;}.transition-cover{position:absolute;right:0;width:100%;height:100%;background:black;opacity:0.1}.transition-shadow{display:block;position:absolute;width:100%;height:100%;box-shadow:inset -9px 0 9px 0 rgba(0, 0, 100, 0.03)}:host(.content-ltr) .transition-shadow{right:0;}:host(.content-rtl) .transition-shadow{left:0;transform:scaleX(-1)}::slotted([slot=fixed]){position:absolute;transform:translateZ(0)}';const b=u;const v=class{constructor(i){t(this,i);this.ionScrollStart=o(this,"ionScrollStart",7);this.ionScroll=o(this,"ionScroll",7);this.ionScrollEnd=o(this,"ionScrollEnd",7);this.watchDog=null;this.isScrolling=false;this.lastScroll=0;this.queued=false;this.cTop=-1;this.cBottom=-1;this.isMainContent=true;this.resizeTimeout=null;this.tabsElement=null;this.detail={scrollTop:0,scrollLeft:0,type:"scroll",event:undefined,startX:0,startY:0,startTime:0,currentX:0,currentY:0,velocityX:0,velocityY:0,deltaX:0,deltaY:0,currentTime:0,data:undefined,isScrolling:true};this.color=undefined;this.fullscreen=false;this.forceOverscroll=undefined;this.scrollX=false;this.scrollY=true;this.scrollEvents=false}connectedCallback(){this.isMainContent=this.el.closest("ion-menu, ion-popover, ion-modal")===null;if(a(this.el)){const t=this.tabsElement=this.el.closest("ion-tabs");if(t!==null){this.tabsLoadCallback=()=>this.resize();t.addEventListener("ionTabBarLoaded",this.tabsLoadCallback)}}}disconnectedCallback(){this.onScrollEnd();if(a(this.el)){const{tabsElement:t,tabsLoadCallback:o}=this;if(t!==null&&o!==undefined){t.removeEventListener("ionTabBarLoaded",o)}this.tabsElement=null;this.tabsLoadCallback=undefined}}onResize(){if(this.resizeTimeout){clearTimeout(this.resizeTimeout);this.resizeTimeout=null}this.resizeTimeout=setTimeout((()=>{if(this.el.offsetParent===null){return}this.resize()}),100)}shouldForceOverscroll(){const{forceOverscroll:t}=this;const o=c(this);return t===undefined?o==="ios"&&h("ios"):t}resize(){{if(this.fullscreen){i((()=>this.readDimensions()))}else if(this.cTop!==0||this.cBottom!==0){this.cTop=this.cBottom=0;s(this)}}}readDimensions(){const t=m(this.el);const o=Math.max(this.el.offsetTop,0);const i=Math.max(t.offsetHeight-o-this.el.offsetHeight,0);const n=o!==this.cTop||i!==this.cBottom;if(n){this.cTop=o;this.cBottom=i;s(this)}}onScroll(t){const o=Date.now();const s=!this.isScrolling;this.lastScroll=o;if(s){this.onScrollStart()}if(!this.queued&&this.scrollEvents){this.queued=true;i((o=>{this.queued=false;this.detail.event=t;x(this.detail,this.scrollEl,o,s);this.ionScroll.emit(this.detail)}))}}async getScrollElement(){if(!this.scrollEl){await new Promise((t=>l(this.el,t)))}return Promise.resolve(this.scrollEl)}async getBackgroundElement(){if(!this.backgroundContentEl){await new Promise((t=>l(this.el,t)))}return Promise.resolve(this.backgroundContentEl)}scrollToTop(t=0){return this.scrollToPoint(undefined,0,t)}async scrollToBottom(t=0){const o=await this.getScrollElement();const i=o.scrollHeight-o.clientHeight;return this.scrollToPoint(undefined,i,t)}async scrollByPoint(t,o,i){const s=await this.getScrollElement();return this.scrollToPoint(t+s.scrollLeft,o+s.scrollTop,i)}async scrollToPoint(t,o,i=0){const s=await this.getScrollElement();if(i<32){if(o!=null){s.scrollTop=o}if(t!=null){s.scrollLeft=t}return}let n;let e=0;const r=new Promise((t=>n=t));const a=s.scrollTop;const l=s.scrollLeft;const c=o!=null?o-a:0;const h=t!=null?t-l:0;const f=t=>{const o=Math.min(1,(t-e)/i)-1;const r=Math.pow(o,3)+1;if(c!==0){s.scrollTop=Math.floor(r*c+a)}if(h!==0){s.scrollLeft=Math.floor(r*h+l)}if(r<1){requestAnimationFrame(f)}else{n()}};requestAnimationFrame((t=>{e=t;f(t)}));return r}onScrollStart(){this.isScrolling=true;this.ionScrollStart.emit({isScrolling:true});if(this.watchDog){clearInterval(this.watchDog)}this.watchDog=setInterval((()=>{if(this.lastScroll<Date.now()-120){this.onScrollEnd()}}),100)}onScrollEnd(){if(this.watchDog)clearInterval(this.watchDog);this.watchDog=null;if(this.isScrolling){this.isScrolling=false;this.ionScrollEnd.emit({isScrolling:false})}}render(){const{isMainContent:t,scrollX:o,scrollY:i,el:s}=this;const r=f(s)?"rtl":"ltr";const a=c(this);const l=this.shouldForceOverscroll();const h=a==="ios";const u=t?"main":"div";this.resize();return n(e,{key:"e13815c0e6f6095150b112d3a1aaf2f509aa0d0b",class:d(this.color,{[a]:true,"content-sizing":p("ion-popover",this.el),overscroll:l,[`content-${r}`]:true}),style:{"--offset-top":`${this.cTop}px`,"--offset-bottom":`${this.cBottom}px`}},n("div",{key:"8006c4a10d8f7dc83c646246961d018a8097236e",ref:t=>this.backgroundContentEl=t,id:"background-content",part:"background"}),n(u,{key:"4dd2f58421493f7a4ca42f8f5d7b85cda8e320ea",class:{"inner-scroll":true,"scroll-x":o,"scroll-y":i,overscroll:(o||i)&&l},ref:t=>this.scrollEl=t,onScroll:this.scrollEvents?t=>this.onScroll(t):undefined,part:"scroll"},n("slot",{key:"37904f8f1d8319156cd901feb21930ef674fe0f7"})),h?n("div",{class:"transition-effect"},n("div",{class:"transition-cover"}),n("div",{class:"transition-shadow"})):null,n("slot",{key:"8f696583903af0548d064dca1a6bae060e127485",name:"fixed"}))}get el(){return r(this)}};const g=t=>{var o;if(t.parentElement){return t.parentElement}if((o=t.parentNode)===null||o===void 0?void 0:o.host){return t.parentNode.host}return null};const m=t=>{const o=t.closest("ion-tabs");if(o){return o}const i=t.closest("ion-app, ion-page, .ion-page, page-inner, .popover-content");if(i){return i}return g(t)};const x=(t,o,i,s)=>{const n=t.currentX;const e=t.currentY;const r=t.currentTime;const a=o.scrollLeft;const l=o.scrollTop;const c=i-r;if(s){t.startTime=i;t.startX=a;t.startY=l;t.velocityX=t.velocityY=0}t.currentTime=i;t.currentX=t.scrollLeft=a;t.currentY=t.scrollTop=l;t.deltaX=a-t.startX;t.deltaY=l-t.startY;if(c>0&&c<100){const o=(a-n)/c;const i=(l-e)/c;t.velocityX=o*.7+t.velocityX*.3;t.velocityY=i*.7+t.velocityY*.3}};v.style=b;export{v as ion_content};
2
+ //# sourceMappingURL=p-4056decf.entry.js.map
package/dist/elements/p-4056decf.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["contentCss","IonContentStyle0","Content","constructor","hostRef","this","watchDog","isScrolling","lastScroll","queued","cTop","cBottom","isMainContent","resizeTimeout","tabsElement","detail","scrollTop","scrollLeft","type","event","undefined","startX","startY","startTime","currentX","currentY","velocityX","velocityY","deltaX","deltaY","currentTime","data","color","fullscreen","forceOverscroll","scrollX","scrollY","scrollEvents","connectedCallback","el","closest","hasLazyBuild","closestTabs","tabsLoadCallback","resize","addEventListener","disconnectedCallback","onScrollEnd","removeEventListener","onResize","clearTimeout","setTimeout","offsetParent","shouldForceOverscroll","mode","getIonMode","isPlatform","readTask","readDimensions","forceUpdate","page","getPageElement","top","Math","max","offsetTop","bottom","offsetHeight","dirty","onScroll","ev","timeStamp","Date","now","shouldStart","onScrollStart","ts","updateScrollDetail","scrollEl","ionScroll","emit","getScrollElement","Promise","resolve","componentOnReady","getBackgroundElement","backgroundContentEl","scrollToTop","duration","scrollToPoint","scrollToBottom","y","scrollHeight","clientHeight","scrollByPoint","x","promise","r","fromY","fromX","step","linearTime","min","easedT","pow","floor","requestAnimationFrame","ionScrollStart","clearInterval","setInterval","ionScrollEnd","render","rtl","isRTL","transitionShadow","TagType","h","Host","key","class","createColorClasses","hostContext","overscroll","style","ref","id","part","name","getParentElement","_a","parentElement","parentNode","host","tabs","timestamp","prevX","prevY","prevT","timeDelta"],"sources":["../node_modules/@ionic/core/dist/collection/components/content/content.css?tag=ion-content&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/content/content.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n:host {\n /**\n * @prop --background: Background of the content\n *\n * @prop --color: Color of the content\n *\n * @prop --padding-top: Top padding of the content\n * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the content\n * @prop --padding-bottom: Bottom padding of the content\n * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the content\n *\n * @prop --keyboard-offset: Keyboard offset of the content\n *\n * @prop --offset-top: Offset top of the content\n * @prop --offset-bottom: Offset bottom of the content\n */\n --background: var(--ion-background-color, #fff);\n --color: var(--ion-text-color, #000);\n --padding-top: 0px;\n --padding-bottom: 0px;\n --padding-start: 0px;\n --padding-end: 0px;\n --keyboard-offset: 0px;\n --offset-top: 0px;\n --offset-bottom: 0px;\n --overflow: auto;\n display: block;\n position: relative;\n flex: 1;\n width: 100%;\n height: 100%;\n /* stylelint-disable */\n margin: 0 !important;\n padding: 0 !important;\n /* stylelint-enable */\n font-family: var(--ion-font-family, inherit);\n contain: size style;\n}\n\n:host(.ion-color) .inner-scroll {\n background: var(--ion-color-base);\n color: var(--ion-color-contrast);\n}\n\n:host(.outer-content) {\n --background: var(--ion-color-step-50, #f2f2f2);\n}\n\n#background-content {\n left: 0px;\n right: 0px;\n top: calc(var(--offset-top) * -1);\n bottom: calc(var(--offset-bottom) * -1);\n position: absolute;\n background: var(--background);\n}\n\n.inner-scroll {\n left: 0px;\n right: 0px;\n top: calc(var(--offset-top) * -1);\n bottom: calc(var(--offset-bottom) * -1);\n -webkit-padding-start: var(--padding-start);\n padding-inline-start: var(--padding-start);\n -webkit-padding-end: var(--padding-end);\n padding-inline-end: var(--padding-end);\n padding-top: calc(var(--padding-top) + var(--offset-top));\n padding-bottom: calc(var(--padding-bottom) + var(--keyboard-offset) + var(--offset-bottom));\n position: absolute;\n color: var(--color);\n box-sizing: border-box;\n overflow: hidden;\n /**\n * touch-action: manipulation is an alias\n * for this, but WebKit has an issue\n * where pointercancel events are not fired\n * when scrolling: https://bugs.webkit.org/show_bug.cgi?id=240917\n * Using the long form below avoids the issue.\n */\n touch-action: pan-x pan-y pinch-zoom;\n}\n\n.scroll-y,\n.scroll-x {\n -webkit-overflow-scrolling: touch;\n /**\n * This adds `.inner-scroll` as part of the\n * stacking context in WebKit. Without it,\n * children of ion-content are treated as\n * siblings rather than descendants. This\n * can result in the children being put\n * into their own layers, degrading\n * scrolling performance.\n *\n * An optimization called \"layer backing\n * sharing\" usually kicks in to prevent\n * this, but having translate3d defeats\n * this optimization.\n *\n * See: https://bugs.webkit.org/show_bug.cgi?id=216701\n */\n z-index: 0;\n will-change: scroll-position;\n}\n\n.scroll-y {\n overflow-y: var(--overflow);\n overscroll-behavior-y: contain;\n}\n\n.scroll-x {\n overflow-x: var(--overflow);\n overscroll-behavior-x: contain;\n}\n\n.overscroll::before,\n.overscroll::after {\n position: absolute;\n width: 1px;\n height: 1px;\n content: \"\";\n}\n\n.overscroll::before {\n bottom: -1px;\n}\n\n.overscroll::after {\n top: -1px;\n}\n\n:host(.content-sizing) {\n display: flex;\n flex-direction: column;\n /**\n * This resolves a sizing issue in popovers where extra long content\n * would overflow the popover's height, preventing scrolling. It's a\n * quirk of flexbox that forces the content to shrink to fit.\n *\n * overflow: hidden can't be used here because it prevents the visual\n * effect from showing on translucent headers.\n */\n min-height: 0;\n contain: none;\n}\n\n:host(.content-sizing) .inner-scroll {\n position: relative;\n /**\n * Because the outer content has display: flex here (to help enable\n * scrolling in a popover), offsetting via `top` (such as when using\n * a translucent header) creates white space under the content. Use\n * a negative margin instead to keep the bottom in place. (A similar\n * thing happens with `bottom` and footers.)\n */\n top: 0;\n bottom: 0;\n margin-top: calc(var(--offset-top) * -1);\n margin-bottom: calc(var(--offset-bottom) * -1);\n}\n\n.transition-effect {\n display: none;\n position: absolute;\n width: 100%;\n height: 100vh;\n opacity: 0;\n pointer-events: none;\n}\n\n:host(.content-ltr) .transition-effect {\n /* stylelint-disable property-disallowed-list */\n left: -100%;\n /* stylelint-enable property-disallowed-list */\n}\n\n:host(.content-rtl) .transition-effect {\n /* stylelint-disable property-disallowed-list */\n right: -100%;\n /* stylelint-enable property-disallowed-list */\n}\n\n.transition-cover {\n position: absolute;\n /* stylelint-disable property-disallowed-list */\n right: 0;\n /* stylelint-enable property-disallowed-list */\n width: 100%;\n height: 100%;\n background: black;\n opacity: 0.1;\n}\n\n.transition-shadow {\n display: block;\n position: absolute;\n width: 100%;\n height: 100%;\n box-shadow: inset -9px 0 9px 0 rgba(0, 0, 100, 0.03);\n}\n\n:host(.content-ltr) .transition-shadow {\n /* stylelint-disable property-disallowed-list */\n right: 0;\n /* stylelint-enable property-disallowed-list */\n}\n\n:host(.content-rtl) .transition-shadow {\n /* stylelint-disable property-disallowed-list */\n left: 0;\n /* stylelint-enable property-disallowed-list */\n transform: scaleX(-1);\n}\n\n::slotted([slot=fixed]) {\n position: absolute;\n /**\n * When presenting ion-content inside of an ion-modal, the .inner-scroll\n * element is composited. In WebKit, the fixed content is not composited\n * causing it to appear under the main scrollable content as a result.\n * The fixed content is correctly composited in other browsers. Adding\n * the translateZ forces the fixed content to be composited so it correctly\n * shows on top of the scrollable content. Setting a negative z-index will\n * still allow the fixed content to appear under the scroll content if specified.\n */\n transform: translateZ(0);\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Build, Host, forceUpdate, h, readTask } from \"@stencil/core\";\nimport { componentOnReady, hasLazyBuild } from \"../../utils/helpers\";\nimport { isPlatform } from \"../../utils/platform\";\nimport { isRTL } from \"../../utils/rtl/index\";\nimport { createColorClasses, hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @slot - Content is placed in the scrollable area if provided without a slot.\n * @slot fixed - Should be used for fixed content that should not scroll.\n *\n * @part background - The background of the content.\n * @part scroll - The scrollable container of the content.\n */\nexport class Content {\n constructor() {\n this.watchDog = null;\n this.isScrolling = false;\n this.lastScroll = 0;\n this.queued = false;\n this.cTop = -1;\n this.cBottom = -1;\n this.isMainContent = true;\n this.resizeTimeout = null;\n this.tabsElement = null;\n // Detail is used in a hot loop in the scroll event, by allocating it here\n // V8 will be able to inline any read/write to it since it's a monomorphic class.\n // https://mrale.ph/blog/2015/01/11/whats-up-with-monomorphism.html\n this.detail = {\n scrollTop: 0,\n scrollLeft: 0,\n type: 'scroll',\n event: undefined,\n startX: 0,\n startY: 0,\n startTime: 0,\n currentX: 0,\n currentY: 0,\n velocityX: 0,\n velocityY: 0,\n deltaX: 0,\n deltaY: 0,\n currentTime: 0,\n data: undefined,\n isScrolling: true,\n };\n this.color = undefined;\n this.fullscreen = false;\n this.forceOverscroll = undefined;\n this.scrollX = false;\n this.scrollY = true;\n this.scrollEvents = false;\n }\n connectedCallback() {\n this.isMainContent = this.el.closest('ion-menu, ion-popover, ion-modal') === null;\n /**\n * The fullscreen content offsets need to be\n * computed after the tab bar has loaded. Since\n * lazy evaluation means components are not hydrated\n * at the same time, we need to wait for the ionTabBarLoaded\n * event to fire. This does not impact dist-custom-elements\n * because there is no hydration there.\n */\n if (hasLazyBuild(this.el)) {\n /**\n * We need to cache the reference to the tabs.\n * If just the content is unmounted then we won't\n * be able to query for the closest tabs on disconnectedCallback\n * since the content has been removed from the DOM tree.\n */\n const closestTabs = (this.tabsElement = this.el.closest('ion-tabs'));\n if (closestTabs !== null) {\n /**\n * When adding and removing the event listener\n * we need to make sure we pass the same function reference\n * otherwise the event listener will not be removed properly.\n * We can't only pass `this.resize` because \"this\" in the function\n * context becomes a reference to IonTabs instead of IonContent.\n *\n * Additionally, we listen for ionTabBarLoaded on the IonTabs\n * instance rather than the IonTabBar instance. It's possible for\n * a tab bar to be conditionally rendered/mounted. Since ionTabBarLoaded\n * bubbles, we can catch any instances of child tab bars loading by listening\n * on IonTabs.\n */\n this.tabsLoadCallback = () => this.resize();\n closestTabs.addEventListener('ionTabBarLoaded', this.tabsLoadCallback);\n }\n }\n }\n disconnectedCallback() {\n this.onScrollEnd();\n if (hasLazyBuild(this.el)) {\n /**\n * The event listener and tabs caches need to\n * be cleared otherwise this will create a memory\n * leak where the IonTabs instance can never be\n * garbage collected.\n */\n const { tabsElement, tabsLoadCallback } = this;\n if (tabsElement !== null && tabsLoadCallback !== undefined) {\n tabsElement.removeEventListener('ionTabBarLoaded', tabsLoadCallback);\n }\n this.tabsElement = null;\n this.tabsLoadCallback = undefined;\n }\n }\n /**\n * Rotating certain devices can update\n * the safe area insets. As a result,\n * the fullscreen feature on ion-content\n * needs to be recalculated.\n *\n * We listen for \"resize\" because we\n * do not care what the orientation of\n * the device is. Other APIs\n * such as ScreenOrientation or\n * the deviceorientation event must have\n * permission from the user first whereas\n * the \"resize\" event does not.\n *\n * We also throttle the callback to minimize\n * thrashing when quickly resizing a window.\n */\n onResize() {\n if (this.resizeTimeout) {\n clearTimeout(this.resizeTimeout);\n this.resizeTimeout = null;\n }\n this.resizeTimeout = setTimeout(() => {\n /**\n * Resize should only happen\n * if the content is visible.\n * When the content is hidden\n * then offsetParent will be null.\n */\n if (this.el.offsetParent === null) {\n return;\n }\n this.resize();\n }, 100);\n }\n shouldForceOverscroll() {\n const { forceOverscroll } = this;\n const mode = getIonMode(this);\n return forceOverscroll === undefined ? mode === 'ios' && isPlatform('ios') : forceOverscroll;\n }\n resize() {\n /**\n * Only force update if the component is rendered in a browser context.\n * Using `forceUpdate` in a server context with pre-rendering can lead to an infinite loop.\n * The `hydrateDocument` function in `@stencil/core` will render the `ion-content`, but\n * `forceUpdate` will trigger another render, locking up the server.\n *\n * TODO: Remove if STENCIL-834 determines Stencil will account for this.\n */\n if (Build.isBrowser) {\n if (this.fullscreen) {\n readTask(() => this.readDimensions());\n }\n else if (this.cTop !== 0 || this.cBottom !== 0) {\n this.cTop = this.cBottom = 0;\n forceUpdate(this);\n }\n }\n }\n readDimensions() {\n const page = getPageElement(this.el);\n const top = Math.max(this.el.offsetTop, 0);\n const bottom = Math.max(page.offsetHeight - top - this.el.offsetHeight, 0);\n const dirty = top !== this.cTop || bottom !== this.cBottom;\n if (dirty) {\n this.cTop = top;\n this.cBottom = bottom;\n forceUpdate(this);\n }\n }\n onScroll(ev) {\n const timeStamp = Date.now();\n const shouldStart = !this.isScrolling;\n this.lastScroll = timeStamp;\n if (shouldStart) {\n this.onScrollStart();\n }\n if (!this.queued && this.scrollEvents) {\n this.queued = true;\n readTask((ts) => {\n this.queued = false;\n this.detail.event = ev;\n updateScrollDetail(this.detail, this.scrollEl, ts, shouldStart);\n this.ionScroll.emit(this.detail);\n });\n }\n }\n /**\n * Get the element where the actual scrolling takes place.\n * This element can be used to subscribe to `scroll` events or manually modify\n * `scrollTop`. However, it's recommended to use the API provided by `ion-content`:\n *\n * i.e. Using `ionScroll`, `ionScrollStart`, `ionScrollEnd` for scrolling events\n * and `scrollToPoint()` to scroll the content into a certain point.\n */\n async getScrollElement() {\n /**\n * If this gets called in certain early lifecycle hooks (ex: Vue onMounted),\n * scrollEl won't be defined yet with the custom elements build, so wait for it to load in.\n */\n if (!this.scrollEl) {\n await new Promise((resolve) => componentOnReady(this.el, resolve));\n }\n return Promise.resolve(this.scrollEl);\n }\n /**\n * Returns the background content element.\n * @internal\n */\n async getBackgroundElement() {\n if (!this.backgroundContentEl) {\n await new Promise((resolve) => componentOnReady(this.el, resolve));\n }\n return Promise.resolve(this.backgroundContentEl);\n }\n /**\n * Scroll to the top of the component.\n *\n * @param duration The amount of time to take scrolling to the top. Defaults to `0`.\n */\n scrollToTop(duration = 0) {\n return this.scrollToPoint(undefined, 0, duration);\n }\n /**\n * Scroll to the bottom of the component.\n *\n * @param duration The amount of time to take scrolling to the bottom. Defaults to `0`.\n */\n async scrollToBottom(duration = 0) {\n const scrollEl = await this.getScrollElement();\n const y = scrollEl.scrollHeight - scrollEl.clientHeight;\n return this.scrollToPoint(undefined, y, duration);\n }\n /**\n * Scroll by a specified X/Y distance in the component.\n *\n * @param x The amount to scroll by on the horizontal axis.\n * @param y The amount to scroll by on the vertical axis.\n * @param duration The amount of time to take scrolling by that amount.\n */\n async scrollByPoint(x, y, duration) {\n const scrollEl = await this.getScrollElement();\n return this.scrollToPoint(x + scrollEl.scrollLeft, y + scrollEl.scrollTop, duration);\n }\n /**\n * Scroll to a specified X/Y location in the component.\n *\n * @param x The point to scroll to on the horizontal axis.\n * @param y The point to scroll to on the vertical axis.\n * @param duration The amount of time to take scrolling to that point. Defaults to `0`.\n */\n async scrollToPoint(x, y, duration = 0) {\n const el = await this.getScrollElement();\n if (duration < 32) {\n if (y != null) {\n el.scrollTop = y;\n }\n if (x != null) {\n el.scrollLeft = x;\n }\n return;\n }\n let resolve;\n let startTime = 0;\n const promise = new Promise((r) => (resolve = r));\n const fromY = el.scrollTop;\n const fromX = el.scrollLeft;\n const deltaY = y != null ? y - fromY : 0;\n const deltaX = x != null ? x - fromX : 0;\n // scroll loop\n const step = (timeStamp) => {\n const linearTime = Math.min(1, (timeStamp - startTime) / duration) - 1;\n const easedT = Math.pow(linearTime, 3) + 1;\n if (deltaY !== 0) {\n el.scrollTop = Math.floor(easedT * deltaY + fromY);\n }\n if (deltaX !== 0) {\n el.scrollLeft = Math.floor(easedT * deltaX + fromX);\n }\n if (easedT < 1) {\n // do not use DomController here\n // must use nativeRaf in order to fire in the next frame\n requestAnimationFrame(step);\n }\n else {\n resolve();\n }\n };\n // chill out for a frame first\n requestAnimationFrame((ts) => {\n startTime = ts;\n step(ts);\n });\n return promise;\n }\n onScrollStart() {\n this.isScrolling = true;\n this.ionScrollStart.emit({\n isScrolling: true,\n });\n if (this.watchDog) {\n clearInterval(this.watchDog);\n }\n // watchdog\n this.watchDog = setInterval(() => {\n if (this.lastScroll < Date.now() - 120) {\n this.onScrollEnd();\n }\n }, 100);\n }\n onScrollEnd() {\n if (this.watchDog)\n clearInterval(this.watchDog);\n this.watchDog = null;\n if (this.isScrolling) {\n this.isScrolling = false;\n this.ionScrollEnd.emit({\n isScrolling: false,\n });\n }\n }\n render() {\n const { isMainContent, scrollX, scrollY, el } = this;\n const rtl = isRTL(el) ? 'rtl' : 'ltr';\n const mode = getIonMode(this);\n const forceOverscroll = this.shouldForceOverscroll();\n const transitionShadow = mode === 'ios';\n const TagType = isMainContent ? 'main' : 'div';\n this.resize();\n return (h(Host, { key: 'e13815c0e6f6095150b112d3a1aaf2f509aa0d0b', class: createColorClasses(this.color, {\n [mode]: true,\n 'content-sizing': hostContext('ion-popover', this.el),\n overscroll: forceOverscroll,\n [`content-${rtl}`]: true,\n }), style: {\n '--offset-top': `${this.cTop}px`,\n '--offset-bottom': `${this.cBottom}px`,\n } }, h(\"div\", { key: '8006c4a10d8f7dc83c646246961d018a8097236e', ref: (el) => (this.backgroundContentEl = el), id: \"background-content\", part: \"background\" }), h(TagType, { key: '4dd2f58421493f7a4ca42f8f5d7b85cda8e320ea', class: {\n 'inner-scroll': true,\n 'scroll-x': scrollX,\n 'scroll-y': scrollY,\n overscroll: (scrollX || scrollY) && forceOverscroll,\n }, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: \"scroll\" }, h(\"slot\", { key: '37904f8f1d8319156cd901feb21930ef674fe0f7' })), transitionShadow ? (h(\"div\", { class: \"transition-effect\" }, h(\"div\", { class: \"transition-cover\" }), h(\"div\", { class: \"transition-shadow\" }))) : null, h(\"slot\", { key: '8f696583903af0548d064dca1a6bae060e127485', name: \"fixed\" })));\n }\n static get is() { return \"ion-content\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"content.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"content.css\"]\n };\n }\n static get properties() {\n return {\n \"color\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Color\",\n \"resolved\": \"\\\"danger\\\" | \\\"dark\\\" | \\\"light\\\" | \\\"medium\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"success\\\" | \\\"tertiary\\\" | \\\"warning\\\" | string & Record<never, never> | undefined\",\n \"references\": {\n \"Color\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::Color\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n },\n \"attribute\": \"color\",\n \"reflect\": true\n },\n \"fullscreen\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the content will scroll behind the headers\\nand footers. This effect can easily be seen by setting the toolbar\\nto transparent.\"\n },\n \"attribute\": \"fullscreen\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"forceOverscroll\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean | undefined\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true` and the content does not cause an overflow scroll, the scroll interaction will cause a bounce.\\nIf the content exceeds the bounds of ionContent, nothing will change.\\nNote, this does not disable the system bounce on iOS. That is an OS level setting.\"\n },\n \"attribute\": \"force-overscroll\",\n \"reflect\": false\n },\n \"scrollX\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If you want to enable the content scrolling in the X axis, set this property to `true`.\"\n },\n \"attribute\": \"scroll-x\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"scrollY\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If you want to disable the content scrolling in the Y axis, set this property to `false`.\"\n },\n \"attribute\": \"scroll-y\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"scrollEvents\": {\n \"type\": \"boolean\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Because of performance reasons, ionScroll events are disabled by default, in order to enable them\\nand start listening from (ionScroll), set this property to `true`.\"\n },\n \"attribute\": \"scroll-events\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n }\n };\n }\n static get events() {\n return [{\n \"method\": \"ionScrollStart\",\n \"name\": \"ionScrollStart\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the scroll has started. This event is disabled by default.\\nSet `scrollEvents` to `true` to enable.\"\n },\n \"complexType\": {\n \"original\": \"ScrollBaseDetail\",\n \"resolved\": \"ScrollBaseDetail\",\n \"references\": {\n \"ScrollBaseDetail\": {\n \"location\": \"import\",\n \"path\": \"./content-interface\",\n \"id\": \"src/components/content/content-interface.ts::ScrollBaseDetail\"\n }\n }\n }\n }, {\n \"method\": \"ionScroll\",\n \"name\": \"ionScroll\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted while scrolling. This event is disabled by default.\\nSet `scrollEvents` to `true` to enable.\"\n },\n \"complexType\": {\n \"original\": \"ScrollDetail\",\n \"resolved\": \"ScrollDetail\",\n \"references\": {\n \"ScrollDetail\": {\n \"location\": \"import\",\n \"path\": \"./content-interface\",\n \"id\": \"src/components/content/content-interface.ts::ScrollDetail\"\n }\n }\n }\n }, {\n \"method\": \"ionScrollEnd\",\n \"name\": \"ionScrollEnd\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Emitted when the scroll has ended. This event is disabled by default.\\nSet `scrollEvents` to `true` to enable.\"\n },\n \"complexType\": {\n \"original\": \"ScrollBaseDetail\",\n \"resolved\": \"ScrollBaseDetail\",\n \"references\": {\n \"ScrollBaseDetail\": {\n \"location\": \"import\",\n \"path\": \"./content-interface\",\n \"id\": \"src/components/content/content-interface.ts::ScrollBaseDetail\"\n }\n }\n }\n }];\n }\n static get methods() {\n return {\n \"getScrollElement\": {\n \"complexType\": {\n \"signature\": \"() => Promise<HTMLElement>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n }\n },\n \"return\": \"Promise<HTMLElement>\"\n },\n \"docs\": {\n \"text\": \"Get the element where the actual scrolling takes place.\\nThis element can be used to subscribe to `scroll` events or manually modify\\n`scrollTop`. However, it's recommended to use the API provided by `ion-content`:\\n\\ni.e. Using `ionScroll`, `ionScrollStart`, `ionScrollEnd` for scrolling events\\nand `scrollToPoint()` to scroll the content into a certain point.\",\n \"tags\": []\n }\n },\n \"getBackgroundElement\": {\n \"complexType\": {\n \"signature\": \"() => Promise<HTMLElement>\",\n \"parameters\": [],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n },\n \"HTMLElement\": {\n \"location\": \"global\",\n \"id\": \"global::HTMLElement\"\n }\n },\n \"return\": \"Promise<HTMLElement>\"\n },\n \"docs\": {\n \"text\": \"Returns the background content element.\",\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": undefined\n }]\n }\n },\n \"scrollToTop\": {\n \"complexType\": {\n \"signature\": \"(duration?: number) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"duration\",\n \"type\": \"number\",\n \"docs\": \"The amount of time to take scrolling to the top. Defaults to `0`.\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Scroll to the top of the component.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"duration The amount of time to take scrolling to the top. Defaults to `0`.\"\n }]\n }\n },\n \"scrollToBottom\": {\n \"complexType\": {\n \"signature\": \"(duration?: number) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"duration\",\n \"type\": \"number\",\n \"docs\": \"The amount of time to take scrolling to the bottom. Defaults to `0`.\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Scroll to the bottom of the component.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"duration The amount of time to take scrolling to the bottom. Defaults to `0`.\"\n }]\n }\n },\n \"scrollByPoint\": {\n \"complexType\": {\n \"signature\": \"(x: number, y: number, duration: number) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"x\",\n \"type\": \"number\",\n \"docs\": \"The amount to scroll by on the horizontal axis.\"\n }, {\n \"name\": \"y\",\n \"type\": \"number\",\n \"docs\": \"The amount to scroll by on the vertical axis.\"\n }, {\n \"name\": \"duration\",\n \"type\": \"number\",\n \"docs\": \"The amount of time to take scrolling by that amount.\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Scroll by a specified X/Y distance in the component.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"x The amount to scroll by on the horizontal axis.\"\n }, {\n \"name\": \"param\",\n \"text\": \"y The amount to scroll by on the vertical axis.\"\n }, {\n \"name\": \"param\",\n \"text\": \"duration The amount of time to take scrolling by that amount.\"\n }]\n }\n },\n \"scrollToPoint\": {\n \"complexType\": {\n \"signature\": \"(x: number | undefined | null, y: number | undefined | null, duration?: number) => Promise<void>\",\n \"parameters\": [{\n \"name\": \"x\",\n \"type\": \"number | null | undefined\",\n \"docs\": \"The point to scroll to on the horizontal axis.\"\n }, {\n \"name\": \"y\",\n \"type\": \"number | null | undefined\",\n \"docs\": \"The point to scroll to on the vertical axis.\"\n }, {\n \"name\": \"duration\",\n \"type\": \"number\",\n \"docs\": \"The amount of time to take scrolling to that point. Defaults to `0`.\"\n }],\n \"references\": {\n \"Promise\": {\n \"location\": \"global\",\n \"id\": \"global::Promise\"\n }\n },\n \"return\": \"Promise<void>\"\n },\n \"docs\": {\n \"text\": \"Scroll to a specified X/Y location in the component.\",\n \"tags\": [{\n \"name\": \"param\",\n \"text\": \"x The point to scroll to on the horizontal axis.\"\n }, {\n \"name\": \"param\",\n \"text\": \"y The point to scroll to on the vertical axis.\"\n }, {\n \"name\": \"param\",\n \"text\": \"duration The amount of time to take scrolling to that point. Defaults to `0`.\"\n }]\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"resize\",\n \"method\": \"onResize\",\n \"target\": \"window\",\n \"capture\": false,\n \"passive\": true\n }];\n }\n}\nconst getParentElement = (el) => {\n var _a;\n if (el.parentElement) {\n // normal element with a parent element\n return el.parentElement;\n }\n if ((_a = el.parentNode) === null || _a === void 0 ? void 0 : _a.host) {\n // shadow dom's document fragment\n return el.parentNode.host;\n }\n return null;\n};\nconst getPageElement = (el) => {\n const tabs = el.closest('ion-tabs');\n if (tabs) {\n return tabs;\n }\n /**\n * If we're in a popover, we need to use its wrapper so we can account for space\n * between the popover and the edges of the screen. But if the popover contains\n * its own page element, we should use that instead.\n */\n const page = el.closest('ion-app, ion-page, .ion-page, page-inner, .popover-content');\n if (page) {\n return page;\n }\n return getParentElement(el);\n};\n// ******** DOM READ ****************\nconst updateScrollDetail = (detail, el, timestamp, shouldStart) => {\n const prevX = detail.currentX;\n const prevY = detail.currentY;\n const prevT = detail.currentTime;\n const currentX = el.scrollLeft;\n const currentY = el.scrollTop;\n const timeDelta = timestamp - prevT;\n if (shouldStart) {\n // remember the start positions\n detail.startTime = timestamp;\n detail.startX = currentX;\n detail.startY = currentY;\n detail.velocityX = detail.velocityY = 0;\n }\n detail.currentTime = timestamp;\n detail.currentX = detail.scrollLeft = currentX;\n detail.currentY = detail.scrollTop = currentY;\n detail.deltaX = currentX - detail.startX;\n detail.deltaY = currentY - detail.startY;\n if (timeDelta > 0 && timeDelta < 100) {\n const velocityX = (currentX - prevX) / timeDelta;\n const velocityY = (currentY - prevY) / timeDelta;\n detail.velocityX = velocityX * 0.7 + detail.velocityX * 0.3;\n detail.velocityY = velocityY * 0.7 + detail.velocityY * 0.3;\n }\n};\n"],"mappings":"mPAAA,MAAMA,EAAa,o7EACnB,MAAAC,EAAeD,E,MCeFE,EAAO,MAChB,WAAAC,CAAAC,G,yIACIC,KAAKC,SAAW,KAChBD,KAAKE,YAAc,MACnBF,KAAKG,WAAa,EAClBH,KAAKI,OAAS,MACdJ,KAAKK,MAAQ,EACbL,KAAKM,SAAW,EAChBN,KAAKO,cAAgB,KACrBP,KAAKQ,cAAgB,KACrBR,KAAKS,YAAc,KAInBT,KAAKU,OAAS,CACVC,UAAW,EACXC,WAAY,EACZC,KAAM,SACNC,MAAOC,UACPC,OAAQ,EACRC,OAAQ,EACRC,UAAW,EACXC,SAAU,EACVC,SAAU,EACVC,UAAW,EACXC,UAAW,EACXC,OAAQ,EACRC,OAAQ,EACRC,YAAa,EACbC,KAAMX,UACNb,YAAa,MAEjBF,KAAK2B,MAAQZ,UACbf,KAAK4B,WAAa,MAClB5B,KAAK6B,gBAAkBd,UACvBf,KAAK8B,QAAU,MACf9B,KAAK+B,QAAU,KACf/B,KAAKgC,aAAe,K,CAExB,iBAAAC,GACIjC,KAAKO,cAAgBP,KAAKkC,GAAGC,QAAQ,sCAAwC,KAS7E,GAAIC,EAAapC,KAAKkC,IAAK,CAOvB,MAAMG,EAAerC,KAAKS,YAAcT,KAAKkC,GAAGC,QAAQ,YACxD,GAAIE,IAAgB,KAAM,CActBrC,KAAKsC,iBAAmB,IAAMtC,KAAKuC,SACnCF,EAAYG,iBAAiB,kBAAmBxC,KAAKsC,iB,GAIjE,oBAAAG,GACIzC,KAAK0C,cACL,GAAIN,EAAapC,KAAKkC,IAAK,CAOvB,MAAMzB,YAAEA,EAAW6B,iBAAEA,GAAqBtC,KAC1C,GAAIS,IAAgB,MAAQ6B,IAAqBvB,UAAW,CACxDN,EAAYkC,oBAAoB,kBAAmBL,E,CAEvDtC,KAAKS,YAAc,KACnBT,KAAKsC,iBAAmBvB,S,EAoBhC,QAAA6B,GACI,GAAI5C,KAAKQ,cAAe,CACpBqC,aAAa7C,KAAKQ,eAClBR,KAAKQ,cAAgB,I,CAEzBR,KAAKQ,cAAgBsC,YAAW,KAO5B,GAAI9C,KAAKkC,GAAGa,eAAiB,KAAM,CAC/B,M,CAEJ/C,KAAKuC,QAAQ,GACd,I,CAEP,qBAAAS,GACI,MAAMnB,gBAAEA,GAAoB7B,KAC5B,MAAMiD,EAAOC,EAAWlD,MACxB,OAAO6B,IAAoBd,UAAYkC,IAAS,OAASE,EAAW,OAAStB,C,CAEjF,MAAAU,GASyB,CACjB,GAAIvC,KAAK4B,WAAY,CACjBwB,GAAS,IAAMpD,KAAKqD,kB,MAEnB,GAAIrD,KAAKK,OAAS,GAAKL,KAAKM,UAAY,EAAG,CAC5CN,KAAKK,KAAOL,KAAKM,QAAU,EAC3BgD,EAAYtD,K,GAIxB,cAAAqD,GACI,MAAME,EAAOC,EAAexD,KAAKkC,IACjC,MAAMuB,EAAMC,KAAKC,IAAI3D,KAAKkC,GAAG0B,UAAW,GACxC,MAAMC,EAASH,KAAKC,IAAIJ,EAAKO,aAAeL,EAAMzD,KAAKkC,GAAG4B,aAAc,GACxE,MAAMC,EAAQN,IAAQzD,KAAKK,MAAQwD,IAAW7D,KAAKM,QACnD,GAAIyD,EAAO,CACP/D,KAAKK,KAAOoD,EACZzD,KAAKM,QAAUuD,EACfP,EAAYtD,K,EAGpB,QAAAgE,CAASC,GACL,MAAMC,EAAYC,KAAKC,MACvB,MAAMC,GAAerE,KAAKE,YAC1BF,KAAKG,WAAa+D,EAClB,GAAIG,EAAa,CACbrE,KAAKsE,e,CAET,IAAKtE,KAAKI,QAAUJ,KAAKgC,aAAc,CACnChC,KAAKI,OAAS,KACdgD,GAAUmB,IACNvE,KAAKI,OAAS,MACdJ,KAAKU,OAAOI,MAAQmD,EACpBO,EAAmBxE,KAAKU,OAAQV,KAAKyE,SAAUF,EAAIF,GACnDrE,KAAK0E,UAAUC,KAAK3E,KAAKU,OAAO,G,EAY5C,sBAAMkE,GAKF,IAAK5E,KAAKyE,SAAU,OACV,IAAII,SAASC,GAAYC,EAAiB/E,KAAKkC,GAAI4C,I,CAE7D,OAAOD,QAAQC,QAAQ9E,KAAKyE,S,CAMhC,0BAAMO,GACF,IAAKhF,KAAKiF,oBAAqB,OACrB,IAAIJ,SAASC,GAAYC,EAAiB/E,KAAKkC,GAAI4C,I,CAE7D,OAAOD,QAAQC,QAAQ9E,KAAKiF,oB,CAOhC,WAAAC,CAAYC,EAAW,GACnB,OAAOnF,KAAKoF,cAAcrE,UAAW,EAAGoE,E,CAO5C,oBAAME,CAAeF,EAAW,GAC5B,MAAMV,QAAiBzE,KAAK4E,mBAC5B,MAAMU,EAAIb,EAASc,aAAed,EAASe,aAC3C,OAAOxF,KAAKoF,cAAcrE,UAAWuE,EAAGH,E,CAS5C,mBAAMM,CAAcC,EAAGJ,EAAGH,GACtB,MAAMV,QAAiBzE,KAAK4E,mBAC5B,OAAO5E,KAAKoF,cAAcM,EAAIjB,EAAS7D,WAAY0E,EAAIb,EAAS9D,UAAWwE,E,CAS/E,mBAAMC,CAAcM,EAAGJ,EAAGH,EAAW,GACjC,MAAMjD,QAAWlC,KAAK4E,mBACtB,GAAIO,EAAW,GAAI,CACf,GAAIG,GAAK,KAAM,CACXpD,EAAGvB,UAAY2E,C,CAEnB,GAAII,GAAK,KAAM,CACXxD,EAAGtB,WAAa8E,C,CAEpB,M,CAEJ,IAAIZ,EACJ,IAAI5D,EAAY,EAChB,MAAMyE,EAAU,IAAId,SAASe,GAAOd,EAAUc,IAC9C,MAAMC,EAAQ3D,EAAGvB,UACjB,MAAMmF,EAAQ5D,EAAGtB,WACjB,MAAMY,EAAS8D,GAAK,KAAOA,EAAIO,EAAQ,EACvC,MAAMtE,EAASmE,GAAK,KAAOA,EAAII,EAAQ,EAEvC,MAAMC,EAAQ7B,IACV,MAAM8B,EAAatC,KAAKuC,IAAI,GAAI/B,EAAYhD,GAAaiE,GAAY,EACrE,MAAMe,EAASxC,KAAKyC,IAAIH,EAAY,GAAK,EACzC,GAAIxE,IAAW,EAAG,CACdU,EAAGvB,UAAY+C,KAAK0C,MAAMF,EAAS1E,EAASqE,E,CAEhD,GAAItE,IAAW,EAAG,CACdW,EAAGtB,WAAa8C,KAAK0C,MAAMF,EAAS3E,EAASuE,E,CAEjD,GAAII,EAAS,EAAG,CAGZG,sBAAsBN,E,KAErB,CACDjB,G,GAIRuB,uBAAuB9B,IACnBrD,EAAYqD,EACZwB,EAAKxB,EAAG,IAEZ,OAAOoB,C,CAEX,aAAArB,GACItE,KAAKE,YAAc,KACnBF,KAAKsG,eAAe3B,KAAK,CACrBzE,YAAa,OAEjB,GAAIF,KAAKC,SAAU,CACfsG,cAAcvG,KAAKC,S,CAGvBD,KAAKC,SAAWuG,aAAY,KACxB,GAAIxG,KAAKG,WAAagE,KAAKC,MAAQ,IAAK,CACpCpE,KAAK0C,a,IAEV,I,CAEP,WAAAA,GACI,GAAI1C,KAAKC,SACLsG,cAAcvG,KAAKC,UACvBD,KAAKC,SAAW,KAChB,GAAID,KAAKE,YAAa,CAClBF,KAAKE,YAAc,MACnBF,KAAKyG,aAAa9B,KAAK,CACnBzE,YAAa,O,EAIzB,MAAAwG,GACI,MAAMnG,cAAEA,EAAauB,QAAEA,EAAOC,QAAEA,EAAOG,GAAEA,GAAOlC,KAChD,MAAM2G,EAAMC,EAAM1E,GAAM,MAAQ,MAChC,MAAMe,EAAOC,EAAWlD,MACxB,MAAM6B,EAAkB7B,KAAKgD,wBAC7B,MAAM6D,EAAmB5D,IAAS,MAClC,MAAM6D,EAAUvG,EAAgB,OAAS,MACzCP,KAAKuC,SACL,OAAQwE,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAOC,EAAmBnH,KAAK2B,MAAO,CACjGsB,CAACA,GAAO,KACR,iBAAkBmE,EAAY,cAAepH,KAAKkC,IAClDmF,WAAYxF,EACZ,CAAC,WAAW8E,KAAQ,OACpBW,MAAO,CACP,eAAgB,GAAGtH,KAAKK,SACxB,kBAAmB,GAAGL,KAAKM,cAC1ByG,EAAE,MAAO,CAAEE,IAAK,2CAA4CM,IAAMrF,GAAQlC,KAAKiF,oBAAsB/C,EAAKsF,GAAI,qBAAsBC,KAAM,eAAiBV,EAAED,EAAS,CAAEG,IAAK,2CAA4CC,MAAO,CACjO,eAAgB,KAChB,WAAYpF,EACZ,WAAYC,EACZsF,YAAavF,GAAWC,IAAYF,GACrC0F,IAAM9C,GAAczE,KAAKyE,SAAWA,EAAWT,SAAUhE,KAAKgC,aAAgBiC,GAAOjE,KAAKgE,SAASC,GAAMlD,UAAW0G,KAAM,UAAYV,EAAE,OAAQ,CAAEE,IAAK,8CAAgDJ,EAAoBE,EAAE,MAAO,CAAEG,MAAO,qBAAuBH,EAAE,MAAO,CAAEG,MAAO,qBAAuBH,EAAE,MAAO,CAAEG,MAAO,uBAA2B,KAAMH,EAAE,OAAQ,CAAEE,IAAK,2CAA4CS,KAAM,U,2BA4Xlb,MAAMC,EAAoBzF,IACtB,IAAI0F,EACJ,GAAI1F,EAAG2F,cAAe,CAElB,OAAO3F,EAAG2F,a,CAEd,IAAKD,EAAK1F,EAAG4F,cAAgB,MAAQF,SAAY,OAAS,EAAIA,EAAGG,KAAM,CAEnE,OAAO7F,EAAG4F,WAAWC,I,CAEzB,OAAO,IAAI,EAEf,MAAMvE,EAAkBtB,IACpB,MAAM8F,EAAO9F,EAAGC,QAAQ,YACxB,GAAI6F,EAAM,CACN,OAAOA,C,CAOX,MAAMzE,EAAOrB,EAAGC,QAAQ,8DACxB,GAAIoB,EAAM,CACN,OAAOA,C,CAEX,OAAOoE,EAAiBzF,EAAG,EAG/B,MAAMsC,EAAqB,CAAC9D,EAAQwB,EAAI+F,EAAW5D,KAC/C,MAAM6D,EAAQxH,EAAOS,SACrB,MAAMgH,EAAQzH,EAAOU,SACrB,MAAMgH,EAAQ1H,EAAOe,YACrB,MAAMN,EAAWe,EAAGtB,WACpB,MAAMQ,EAAWc,EAAGvB,UACpB,MAAM0H,EAAYJ,EAAYG,EAC9B,GAAI/D,EAAa,CAEb3D,EAAOQ,UAAY+G,EACnBvH,EAAOM,OAASG,EAChBT,EAAOO,OAASG,EAChBV,EAAOW,UAAYX,EAAOY,UAAY,C,CAE1CZ,EAAOe,YAAcwG,EACrBvH,EAAOS,SAAWT,EAAOE,WAAaO,EACtCT,EAAOU,SAAWV,EAAOC,UAAYS,EACrCV,EAAOa,OAASJ,EAAWT,EAAOM,OAClCN,EAAOc,OAASJ,EAAWV,EAAOO,OAClC,GAAIoH,EAAY,GAAKA,EAAY,IAAK,CAClC,MAAMhH,GAAaF,EAAW+G,GAASG,EACvC,MAAM/G,GAAaF,EAAW+G,GAASE,EACvC3H,EAAOW,UAAYA,EAAY,GAAMX,EAAOW,UAAY,GACxDX,EAAOY,UAAYA,EAAY,GAAMZ,EAAOY,UAAY,E","ignoreList":[]}
package/dist/elements/p-4918fd10.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as o,j as t,h as r,H as a,d as n}from"./p-7f507bcb.js";import{c as e,h as i}from"./p-669fab6c.js";import{g as d}from"./p-f1ef82a9.js";const s=":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:flex;position:relative;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;box-sizing:border-box}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-color-step-50, #f7f7f7));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}.toolbar-content{flex:1;order:4;min-width:0}:host(.toolbar-segment) .toolbar-content{display:inline-flex}:host(.toolbar-searchbar) .toolbar-container{padding-top:0;padding-bottom:0}:host(.toolbar-searchbar) ::slotted(*){align-self:start}:host(.toolbar-searchbar) ::slotted(ion-chip){margin-top:3px}::slotted(ion-buttons){min-height:38px}::slotted([slot=start]){order:2}::slotted([slot=secondary]){order:3}::slotted([slot=primary]){order:5;text-align:end}::slotted([slot=end]){order:6;text-align:end}:host(.toolbar-title-large) .toolbar-container{flex-wrap:wrap;align-items:flex-start}:host(.toolbar-title-large) .toolbar-content ion-title{flex:1;order:8;min-width:100%}";const l=s;const c=":host{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-contrast)}:host(.ion-color) .toolbar-background{background:var(--ion-color-base)}.toolbar-container{-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:flex;position:relative;flex-direction:row;align-items:center;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;box-sizing:border-box}.toolbar-background{left:0;right:0;top:0;bottom:0;position:absolute;transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));z-index:-1;pointer-events:none}::slotted(ion-progress-bar){left:0;right:0;bottom:0;position:absolute}:host{--background:var(--ion-toolbar-background, var(--ion-background-color, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #424242));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, #c1c4cd)));--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--min-height:56px}.toolbar-content{flex:1;order:3;min-width:0;max-width:100%}::slotted(.buttons-first-slot){-webkit-margin-start:4px;margin-inline-start:4px}::slotted(.buttons-last-slot){-webkit-margin-end:4px;margin-inline-end:4px}::slotted([slot=start]){order:2}::slotted([slot=secondary]){order:4}::slotted([slot=primary]){order:5;text-align:end}::slotted([slot=end]){order:6;text-align:end}";const b=c;const p=class{constructor(t){o(this,t);this.childrenStyles=new Map;this.color=undefined}componentWillLoad(){const o=Array.from(this.el.querySelectorAll("ion-buttons"));const t=o.find((o=>o.slot==="start"));if(t){t.classList.add("buttons-first-slot")}const r=o.reverse();const a=r.find((o=>o.slot==="end"))||r.find((o=>o.slot==="primary"))||r.find((o=>o.slot==="secondary"));if(a){a.classList.add("buttons-last-slot")}}childrenStyle(o){o.stopPropagation();const r=o.target.tagName;const a=o.detail;const n={};const e=this.childrenStyles.get(r)||{};let i=false;Object.keys(a).forEach((o=>{const t=`toolbar-${o}`;const r=a[o];if(r!==e[t]){i=true}if(r){n[t]=true}}));if(i){this.childrenStyles.set(r,n);t(this)}}render(){const o=d(this);const t={};this.childrenStyles.forEach((o=>{Object.assign(t,o)}));return r(a,{key:"8907ed75fbb2b1dced55c481bba6363f1dca815b",class:Object.assign(Object.assign({},t),e(this.color,{[o]:true,"in-toolbar":i("ion-toolbar",this.el)}))},r("div",{key:"6bfa09b08d6517f0d680f53b739854cecd631bc9",class:"toolbar-background"}),r("div",{key:"1531bd6dd9e0a5843309bba854b744c453037ad0",class:"toolbar-container"},r("slot",{key:"881b41697d386eae651b019128573f0fa432cd33",name:"start"}),r("slot",{key:"64a284e6eae5311ac3125dfadb4bb32bdba9d089",name:"secondary"}),r("div",{key:"c1f47503563b38084b27d7ba54f17ec478482b94",class:"toolbar-content"},r("slot",{key:"9a85acfba72252705619ae32acae9c14f81aa57d"})),r("slot",{key:"89e08bd761dc6940dbebc5d06f5f080af204aa72",name:"primary"}),r("slot",{key:"a1cb7d95627f8a3d24dd4b9c11718fc164f53674",name:"end"})))}get el(){return n(this)}};p.style={ios:l,md:b};export{p as ion_toolbar};
2
+ //# sourceMappingURL=p-4918fd10.entry.js.map
package/dist/elements/p-4918fd10.entry.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"names":["toolbarIosCss","IonToolbarIosStyle0","toolbarMdCss","IonToolbarMdStyle0","Toolbar","constructor","hostRef","this","childrenStyles","Map","color","undefined","componentWillLoad","buttons","Array","from","el","querySelectorAll","firstButtons","find","button","slot","classList","add","buttonsReversed","reverse","lastButtons","childrenStyle","ev","stopPropagation","tagName","target","updatedStyles","detail","newStyles","childStyles","get","hasStyleChange","Object","keys","forEach","key","childKey","newValue","set","forceUpdate","render","mode","getIonMode","value","assign","h","Host","class","createColorClasses","hostContext","name"],"sources":["../node_modules/@ionic/core/dist/collection/components/toolbar/toolbar.ios.css?tag=ion-toolbar&mode=ios&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/toolbar/toolbar.md.css?tag=ion-toolbar&mode=md&encapsulation=shadow","../node_modules/@ionic/core/dist/collection/components/toolbar/toolbar.js"],"sourcesContent":["/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n:host {\n /**\n * @prop --background: Background of the toolbar\n *\n * @prop --border-color: Color of the toolbar border\n * @prop --border-style: Style of the toolbar border\n * @prop --border-width: Width of the toolbar border\n *\n * @prop --color: Color of the toolbar text\n *\n * @prop --min-height: Minimum height of the toolbar\n *\n * @prop --opacity: Opacity of the toolbar background\n *\n * @prop --padding-top: Top padding of the toolbar\n * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the toolbar\n * @prop --padding-bottom: Bottom padding of the toolbar\n * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the toolbar\n */\n --border-width: 0;\n --border-style: solid;\n --opacity: 1;\n --opacity-scale: 1;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n display: block;\n position: relative;\n width: 100%;\n padding-right: var(--ion-safe-area-right);\n padding-left: var(--ion-safe-area-left);\n color: var(--color);\n font-family: var(--ion-font-family, inherit);\n contain: content;\n z-index: 10;\n box-sizing: border-box;\n}\n\n:host(.ion-color) {\n color: var(--ion-color-contrast);\n}\n\n:host(.ion-color) .toolbar-background {\n background: var(--ion-color-base);\n}\n\n.toolbar-container {\n -webkit-padding-start: var(--padding-start);\n padding-inline-start: var(--padding-start);\n -webkit-padding-end: var(--padding-end);\n padding-inline-end: var(--padding-end);\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n display: flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n min-height: var(--min-height);\n contain: content;\n overflow: hidden;\n z-index: 10;\n box-sizing: border-box;\n}\n\n.toolbar-background {\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n transform: translateZ(0);\n border-width: var(--border-width);\n border-style: var(--border-style);\n border-color: var(--border-color);\n background: var(--background);\n contain: strict;\n opacity: calc(var(--opacity) * var(--opacity-scale));\n z-index: -1;\n pointer-events: none;\n}\n\n::slotted(ion-progress-bar) {\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n:host {\n --background: var(--ion-toolbar-background, var(--ion-color-step-50, #f7f7f7));\n --color: var(--ion-toolbar-color, var(--ion-text-color, #000));\n --border-color: var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));\n --padding-top: 3px;\n --padding-bottom: 3px;\n --padding-start: 4px;\n --padding-end: 4px;\n --min-height: 44px;\n}\n\n.toolbar-content {\n flex: 1;\n order: 4;\n min-width: 0;\n}\n\n:host(.toolbar-segment) .toolbar-content {\n display: inline-flex;\n}\n\n:host(.toolbar-searchbar) .toolbar-container {\n padding-top: 0;\n padding-bottom: 0;\n}\n\n:host(.toolbar-searchbar) ::slotted(*) {\n align-self: start;\n}\n\n:host(.toolbar-searchbar) ::slotted(ion-chip) {\n margin-top: 3px;\n}\n\n::slotted(ion-buttons) {\n min-height: 38px;\n}\n\n::slotted([slot=start]) {\n order: 2;\n}\n\n::slotted([slot=secondary]) {\n order: 3;\n}\n\n::slotted([slot=primary]) {\n order: 5;\n text-align: end;\n}\n\n::slotted([slot=end]) {\n order: 6;\n text-align: end;\n}\n\n:host(.toolbar-title-large) .toolbar-container {\n flex-wrap: wrap;\n align-items: flex-start;\n}\n\n:host(.toolbar-title-large) .toolbar-content ion-title {\n flex: 1;\n order: 8;\n min-width: 100%;\n}","/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n:host {\n /**\n * @prop --background: Background of the toolbar\n *\n * @prop --border-color: Color of the toolbar border\n * @prop --border-style: Style of the toolbar border\n * @prop --border-width: Width of the toolbar border\n *\n * @prop --color: Color of the toolbar text\n *\n * @prop --min-height: Minimum height of the toolbar\n *\n * @prop --opacity: Opacity of the toolbar background\n *\n * @prop --padding-top: Top padding of the toolbar\n * @prop --padding-end: Right padding if direction is left-to-right, and left padding if direction is right-to-left of the toolbar\n * @prop --padding-bottom: Bottom padding of the toolbar\n * @prop --padding-start: Left padding if direction is left-to-right, and right padding if direction is right-to-left of the toolbar\n */\n --border-width: 0;\n --border-style: solid;\n --opacity: 1;\n --opacity-scale: 1;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n display: block;\n position: relative;\n width: 100%;\n padding-right: var(--ion-safe-area-right);\n padding-left: var(--ion-safe-area-left);\n color: var(--color);\n font-family: var(--ion-font-family, inherit);\n contain: content;\n z-index: 10;\n box-sizing: border-box;\n}\n\n:host(.ion-color) {\n color: var(--ion-color-contrast);\n}\n\n:host(.ion-color) .toolbar-background {\n background: var(--ion-color-base);\n}\n\n.toolbar-container {\n -webkit-padding-start: var(--padding-start);\n padding-inline-start: var(--padding-start);\n -webkit-padding-end: var(--padding-end);\n padding-inline-end: var(--padding-end);\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n display: flex;\n position: relative;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n min-height: var(--min-height);\n contain: content;\n overflow: hidden;\n z-index: 10;\n box-sizing: border-box;\n}\n\n.toolbar-background {\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n position: absolute;\n transform: translateZ(0);\n border-width: var(--border-width);\n border-style: var(--border-style);\n border-color: var(--border-color);\n background: var(--background);\n contain: strict;\n opacity: calc(var(--opacity) * var(--opacity-scale));\n z-index: -1;\n pointer-events: none;\n}\n\n::slotted(ion-progress-bar) {\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n}\n\n/**\n * Convert a font size to a dynamic font size.\n * Fonts that participate in Dynamic Type should use\n * dynamic font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param unit (optional) - The unit to convert to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a maximum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * a minimum font size.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * Convert a font size to a dynamic font size but impose\n * maximum and minimum font sizes.\n * @param size - The initial font size including the unit (i.e. px or pt)\n * @param minScale - The minimum scale of the font (i.e. 0.8 for a minimum 80% scale).\n * @param maxScale - The maximum scale of the font (i.e. 2.5 for a maximum 250% scale).\n * @param unit (optional) - The unit to convert the initial font size to. Use this if you want to\n * convert to a unit other than $baselineUnit.\n */\n/**\n * A heuristic that applies CSS to tablet\n * viewports.\n *\n * Usage:\n * @include tablet-viewport() {\n * :host {\n * background-color: green;\n * }\n * }\n */\n/**\n * A heuristic that applies CSS to mobile\n * viewports (i.e. phones, not tablets).\n *\n * Usage:\n * @include mobile-viewport() {\n * :host {\n * background-color: blue;\n * }\n * }\n */\n:host {\n --background: var(--ion-toolbar-background, var(--ion-background-color, #fff));\n --color: var(--ion-toolbar-color, var(--ion-text-color, #424242));\n --border-color: var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, #c1c4cd)));\n --padding-top: 0;\n --padding-bottom: 0;\n --padding-start: 0;\n --padding-end: 0;\n --min-height: 56px;\n}\n\n.toolbar-content {\n flex: 1;\n order: 3;\n min-width: 0;\n max-width: 100%;\n}\n\n::slotted(.buttons-first-slot) {\n -webkit-margin-start: 4px;\n margin-inline-start: 4px;\n}\n\n::slotted(.buttons-last-slot) {\n -webkit-margin-end: 4px;\n margin-inline-end: 4px;\n}\n\n::slotted([slot=start]) {\n order: 2;\n}\n\n::slotted([slot=secondary]) {\n order: 4;\n}\n\n::slotted([slot=primary]) {\n order: 5;\n text-align: end;\n}\n\n::slotted([slot=end]) {\n order: 6;\n text-align: end;\n}","/*!\n * (C) Ionic http://ionicframework.com - MIT License\n */\nimport { Host, forceUpdate, h } from \"@stencil/core\";\nimport { createColorClasses, hostContext } from \"../../utils/theme\";\nimport { getIonMode } from \"../../global/ionic-global\";\n/**\n * @virtualProp {\"ios\" | \"md\"} mode - The mode determines which platform styles to use.\n *\n * @slot - Content is placed between the named slots if provided without a slot.\n * @slot start - Content is placed to the left of the toolbar text in LTR, and to the right in RTL.\n * @slot secondary - Content is placed to the left of the toolbar text in `ios` mode, and directly to the right in `md` mode.\n * @slot primary - Content is placed to the right of the toolbar text in `ios` mode, and to the far right in `md` mode.\n * @slot end - Content is placed to the right of the toolbar text in LTR, and to the left in RTL.\n */\nexport class Toolbar {\n constructor() {\n this.childrenStyles = new Map();\n this.color = undefined;\n }\n componentWillLoad() {\n const buttons = Array.from(this.el.querySelectorAll('ion-buttons'));\n const firstButtons = buttons.find((button) => {\n return button.slot === 'start';\n });\n if (firstButtons) {\n firstButtons.classList.add('buttons-first-slot');\n }\n const buttonsReversed = buttons.reverse();\n const lastButtons = buttonsReversed.find((button) => button.slot === 'end') ||\n buttonsReversed.find((button) => button.slot === 'primary') ||\n buttonsReversed.find((button) => button.slot === 'secondary');\n if (lastButtons) {\n lastButtons.classList.add('buttons-last-slot');\n }\n }\n childrenStyle(ev) {\n ev.stopPropagation();\n const tagName = ev.target.tagName;\n const updatedStyles = ev.detail;\n const newStyles = {};\n const childStyles = this.childrenStyles.get(tagName) || {};\n let hasStyleChange = false;\n Object.keys(updatedStyles).forEach((key) => {\n const childKey = `toolbar-${key}`;\n const newValue = updatedStyles[key];\n if (newValue !== childStyles[childKey]) {\n hasStyleChange = true;\n }\n if (newValue) {\n newStyles[childKey] = true;\n }\n });\n if (hasStyleChange) {\n this.childrenStyles.set(tagName, newStyles);\n forceUpdate(this);\n }\n }\n render() {\n const mode = getIonMode(this);\n const childStyles = {};\n this.childrenStyles.forEach((value) => {\n Object.assign(childStyles, value);\n });\n return (h(Host, { key: '8907ed75fbb2b1dced55c481bba6363f1dca815b', class: Object.assign(Object.assign({}, childStyles), createColorClasses(this.color, {\n [mode]: true,\n 'in-toolbar': hostContext('ion-toolbar', this.el),\n })) }, h(\"div\", { key: '6bfa09b08d6517f0d680f53b739854cecd631bc9', class: \"toolbar-background\" }), h(\"div\", { key: '1531bd6dd9e0a5843309bba854b744c453037ad0', class: \"toolbar-container\" }, h(\"slot\", { key: '881b41697d386eae651b019128573f0fa432cd33', name: \"start\" }), h(\"slot\", { key: '64a284e6eae5311ac3125dfadb4bb32bdba9d089', name: \"secondary\" }), h(\"div\", { key: 'c1f47503563b38084b27d7ba54f17ec478482b94', class: \"toolbar-content\" }, h(\"slot\", { key: '9a85acfba72252705619ae32acae9c14f81aa57d' })), h(\"slot\", { key: '89e08bd761dc6940dbebc5d06f5f080af204aa72', name: \"primary\" }), h(\"slot\", { key: 'a1cb7d95627f8a3d24dd4b9c11718fc164f53674', name: \"end\" }))));\n }\n static get is() { return \"ion-toolbar\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"ios\": [\"toolbar.ios.scss\"],\n \"md\": [\"toolbar.md.scss\"]\n };\n }\n static get styleUrls() {\n return {\n \"ios\": [\"toolbar.ios.css\"],\n \"md\": [\"toolbar.md.css\"]\n };\n }\n static get properties() {\n return {\n \"color\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"Color\",\n \"resolved\": \"\\\"danger\\\" | \\\"dark\\\" | \\\"light\\\" | \\\"medium\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"success\\\" | \\\"tertiary\\\" | \\\"warning\\\" | string & Record<never, never> | undefined\",\n \"references\": {\n \"Color\": {\n \"location\": \"import\",\n \"path\": \"../../interface\",\n \"id\": \"src/interface.d.ts::Color\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The color to use from your application's color palette.\\nDefault options are: `\\\"primary\\\"`, `\\\"secondary\\\"`, `\\\"tertiary\\\"`, `\\\"success\\\"`, `\\\"warning\\\"`, `\\\"danger\\\"`, `\\\"light\\\"`, `\\\"medium\\\"`, and `\\\"dark\\\"`.\\nFor more information on colors, see [theming](/docs/theming/basics).\"\n },\n \"attribute\": \"color\",\n \"reflect\": true\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"ionStyle\",\n \"method\": \"childrenStyle\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n"],"mappings":"+IAAA,MAAMA,EAAgB,o0EACtB,MAAAC,EAAeD,ECDf,MAAME,EAAe,+gEACrB,MAAAC,EAAeD,E,MCcFE,EAAO,MAChB,WAAAC,CAAAC,G,UACIC,KAAKC,eAAiB,IAAIC,IAC1BF,KAAKG,MAAQC,S,CAEjB,iBAAAC,GACI,MAAMC,EAAUC,MAAMC,KAAKR,KAAKS,GAAGC,iBAAiB,gBACpD,MAAMC,EAAeL,EAAQM,MAAMC,GACxBA,EAAOC,OAAS,UAE3B,GAAIH,EAAc,CACdA,EAAaI,UAAUC,IAAI,qB,CAE/B,MAAMC,EAAkBX,EAAQY,UAChC,MAAMC,EAAcF,EAAgBL,MAAMC,GAAWA,EAAOC,OAAS,SACjEG,EAAgBL,MAAMC,GAAWA,EAAOC,OAAS,aACjDG,EAAgBL,MAAMC,GAAWA,EAAOC,OAAS,cACrD,GAAIK,EAAa,CACbA,EAAYJ,UAAUC,IAAI,oB,EAGlC,aAAAI,CAAcC,GACVA,EAAGC,kBACH,MAAMC,EAAUF,EAAGG,OAAOD,QAC1B,MAAME,EAAgBJ,EAAGK,OACzB,MAAMC,EAAY,GAClB,MAAMC,EAAc5B,KAAKC,eAAe4B,IAAIN,IAAY,GACxD,IAAIO,EAAiB,MACrBC,OAAOC,KAAKP,GAAeQ,SAASC,IAChC,MAAMC,EAAW,WAAWD,IAC5B,MAAME,EAAWX,EAAcS,GAC/B,GAAIE,IAAaR,EAAYO,GAAW,CACpCL,EAAiB,I,CAErB,GAAIM,EAAU,CACVT,EAAUQ,GAAY,I,KAG9B,GAAIL,EAAgB,CAChB9B,KAAKC,eAAeoC,IAAId,EAASI,GACjCW,EAAYtC,K,EAGpB,MAAAuC,GACI,MAAMC,EAAOC,EAAWzC,MACxB,MAAM4B,EAAc,GACpB5B,KAAKC,eAAegC,SAASS,IACzBX,OAAOY,OAAOf,EAAac,EAAM,IAErC,OAAQE,EAAEC,EAAM,CAAEX,IAAK,2CAA4CY,MAAOf,OAAOY,OAAOZ,OAAOY,OAAO,GAAIf,GAAcmB,EAAmB/C,KAAKG,MAAO,CAC/IqC,CAACA,GAAO,KACR,aAAcQ,EAAY,cAAehD,KAAKS,QAC3CmC,EAAE,MAAO,CAAEV,IAAK,2CAA4CY,MAAO,uBAAyBF,EAAE,MAAO,CAAEV,IAAK,2CAA4CY,MAAO,qBAAuBF,EAAE,OAAQ,CAAEV,IAAK,2CAA4Ce,KAAM,UAAYL,EAAE,OAAQ,CAAEV,IAAK,2CAA4Ce,KAAM,cAAgBL,EAAE,MAAO,CAAEV,IAAK,2CAA4CY,MAAO,mBAAqBF,EAAE,OAAQ,CAAEV,IAAK,8CAAgDU,EAAE,OAAQ,CAAEV,IAAK,2CAA4Ce,KAAM,YAAcL,EAAE,OAAQ,CAAEV,IAAK,2CAA4Ce,KAAM,S","ignoreList":[]}
package/dist/elements/{p-af43acbb.entry.js → p-4c0808b4.entry.js} RENAMED
@@ -1,2 +1,2 @@
1
- import{r as t,e as s,w as e,h as i,H as n,d as o}from"./p-3c2b721e.js";import{r}from"./p-9e7f0522.js";import{i as a}from"./p-4d0cb38d.js";import{c,h}from"./p-669fab6c.js";import{g as l}from"./p-2dddbb15.js";const d=":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);border-radius:8px;overflow:hidden;z-index:0}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.065)}:host(.in-toolbar){-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:auto}:host(.in-toolbar:not(.ion-color)){background:var(--ion-toolbar-segment-background, var(--background))}:host(.in-toolbar-color:not(.ion-color)){background:rgba(var(--ion-color-contrast-rgb), 0.11)}";const u=d;const f=":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:transparent;grid-auto-columns:minmax(auto, 360px)}:host(.in-toolbar){min-height:var(--min-height)}:host(.segment-scrollable) ::slotted(ion-segment-button){min-width:auto}";const g=f;const m=class{constructor(e){t(this,e);this.ionChange=s(this,"ionChange",7);this.ionSelect=s(this,"ionSelect",7);this.ionStyle=s(this,"ionStyle",7);this.onClick=t=>{const s=t.target;const e=this.checked;if(s.tagName==="ION-SEGMENT"){return}this.value=s.value;if(s!==e){this.emitValueChange()}if(this.scrollable||!this.swipeGesture){if(e){this.checkButton(e,s)}else{this.setCheckedClasses()}}};this.getSegmentButton=t=>{var s,e;const i=this.getButtons().filter((t=>!t.disabled));const n=i.findIndex((t=>t===document.activeElement));switch(t){case"first":return i[0];case"last":return i[i.length-1];case"next":return(s=i[n+1])!==null&&s!==void 0?s:i[0];case"previous":return(e=i[n-1])!==null&&e!==void 0?e:i[i.length-1];default:return null}};this.activated=false;this.color=undefined;this.disabled=false;this.scrollable=false;this.swipeGesture=true;this.value=undefined;this.selectOnFocus=false}colorChanged(t,s){if(s===undefined&&t!==undefined||s!==undefined&&t===undefined){this.emitStyle()}}swipeGestureChanged(){this.gestureChanged()}valueChanged(t){this.ionSelect.emit({value:t});this.scrollActiveButtonIntoView()}disabledChanged(){this.gestureChanged();const t=this.getButtons();for(const s of t){s.disabled=this.disabled}}gestureChanged(){if(this.gesture){this.gesture.enable(!this.scrollable&&!this.disabled&&this.swipeGesture)}}connectedCallback(){this.emitStyle()}componentWillLoad(){this.emitStyle()}async componentDidLoad(){this.setCheckedClasses();this.ionSelect.emit({value:this.value});r((()=>{this.scrollActiveButtonIntoView(false)}));this.gesture=(await import("./p-b943833e.js")).createGesture({el:this.el,gestureName:"segment",gesturePriority:100,threshold:0,passive:false,onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.gestureChanged();if(this.disabled){this.disabledChanged()}}onStart(t){this.valueBeforeGesture=this.value;this.activate(t)}onMove(t){this.setNextIndex(t)}onEnd(t){this.setActivated(false);this.setNextIndex(t,true);t.event.stopImmediatePropagation();const s=this.value;if(s!==undefined){if(this.valueBeforeGesture!==s){this.emitValueChange()}}this.valueBeforeGesture=undefined}emitValueChange(){const{value:t}=this;this.ionChange.emit({value:t})}getButtons(){return Array.from(this.el.querySelectorAll("ion-segment-button"))}get checked(){return this.getButtons().find((t=>t.value===this.value))}setActivated(t){const s=this.getButtons();s.forEach((s=>{if(t){s.classList.add("segment-button-activated")}else{s.classList.remove("segment-button-activated")}}));this.activated=t}activate(t){const s=t.event.target;const e=this.getButtons();const i=e.find((t=>t.value===this.value));if(s.tagName!=="ION-SEGMENT-BUTTON"){return}if(!i){this.value=s.value;this.setCheckedClasses()}if(this.value===s.value){this.setActivated(true)}}getIndicator(t){const s=t.shadowRoot||t;return s.querySelector(".segment-button-indicator")}checkButton(t,s){const i=this.getIndicator(t);const n=this.getIndicator(s);if(i===null||n===null){return}const o=i.getBoundingClientRect();const r=n.getBoundingClientRect();const a=o.width/r.width;const c=o.left-r.left;const h=`translate3d(${c}px, 0, 0) scaleX(${a})`;e((()=>{n.classList.remove("segment-button-indicator-animated");n.style.setProperty("transform",h);n.getBoundingClientRect();n.classList.add("segment-button-indicator-animated");n.style.setProperty("transform","")}));this.value=s.value;this.setCheckedClasses()}setCheckedClasses(){const t=this.getButtons();const s=t.findIndex((t=>t.value===this.value));const e=s+1;for(const s of t){s.classList.remove("segment-button-after-checked")}if(e<t.length){t[e].classList.add("segment-button-after-checked")}}scrollActiveButtonIntoView(t=true){const{scrollable:s,value:e,el:i}=this;if(s){const s=this.getButtons();const n=s.find((t=>t.value===e));if(n!==undefined){const s=i.getBoundingClientRect();const e=n.getBoundingClientRect();const o=e.x-s.x;const r=o-s.width/2+e.width/2;i.scrollBy({top:0,left:r,behavior:t?"smooth":"instant"})}}}setNextIndex(t,s=false){const e=a(this.el);const i=this.activated;const n=this.getButtons();const o=n.findIndex((t=>t.value===this.value));const r=n[o];let c;let h;if(o===-1){return}const l=r.getBoundingClientRect();const d=l.left;const u=l.width;const f=t.currentX;const g=l.top+l.height/2;const m=this.el.getRootNode();const b=m.elementFromPoint(f,g);const p=e?f>d+u:f<d;const v=e?f<d:f>d+u;if(i&&!s){if(p){const t=o-1;if(t>=0){h=t}}else if(v){if(i&&!s){const t=o+1;if(t<n.length){h=t}}}if(h!==undefined&&!n[h].disabled){c=n[h]}}if(!i&&s){c=b}if(c!=null){if(c.tagName==="ION-SEGMENT"){return false}if(r!==c){this.checkButton(r,c)}}return true}emitStyle(){this.ionStyle.emit({segment:true})}onKeyDown(t){const s=a(this.el);let e=this.selectOnFocus;let i;switch(t.key){case"ArrowRight":t.preventDefault();i=s?this.getSegmentButton("previous"):this.getSegmentButton("next");break;case"ArrowLeft":t.preventDefault();i=s?this.getSegmentButton("next"):this.getSegmentButton("previous");break;case"Home":t.preventDefault();i=this.getSegmentButton("first");break;case"End":t.preventDefault();i=this.getSegmentButton("last");break;case" ":case"Enter":t.preventDefault();i=document.activeElement;e=true}if(!i){return}if(e){const t=this.checked;this.checkButton(t||i,i);if(i!==t){this.emitValueChange()}}i.setFocus()}render(){const t=l(this);return i(n,{key:"01c94f9fcc51fb5a7612588c87155a130b7c8a9d",role:"tablist",onClick:this.onClick,class:c(this.color,{[t]:true,"in-toolbar":h("ion-toolbar",this.el),"in-toolbar-color":h("ion-toolbar[color]",this.el),"segment-activated":this.activated,"segment-disabled":this.disabled,"segment-scrollable":this.scrollable})},i("slot",{key:"b0afdfcb7506a765df42d1d6eb4e1d81bf8fd92a"}))}get el(){return o(this)}static get watchers(){return{color:["colorChanged"],swipeGesture:["swipeGestureChanged"],value:["valueChanged"],disabled:["disabledChanged"]}}};m.style={ios:u,md:g};export{m as ion_segment};
2
- //# sourceMappingURL=p-af43acbb.entry.js.map
1
+ import{r as t,i as s,w as i,h as e,H as n,d as o}from"./p-7f507bcb.js";import{r}from"./p-25270f1a.js";import{i as a}from"./p-4d0cb38d.js";import{c,h}from"./p-669fab6c.js";import{g as l}from"./p-f1ef82a9.js";const u=":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.065);border-radius:8px;overflow:hidden;z-index:0}:host(.ion-color){background:rgba(var(--ion-color-base-rgb), 0.065)}:host(.in-toolbar){-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;width:auto}:host(.in-toolbar:not(.ion-color)){background:var(--ion-toolbar-segment-background, var(--background))}:host(.in-toolbar-color:not(.ion-color)){background:rgba(var(--ion-color-contrast-rgb), 0.11)}";const d=u;const f=":host{--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;align-items:stretch;justify-content:center;width:100%;background:var(--background);font-family:var(--ion-font-family, inherit);text-align:center;contain:paint;user-select:none}:host(.segment-scrollable){justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--background:transparent;grid-auto-columns:minmax(auto, 360px)}:host(.in-toolbar){min-height:var(--min-height)}:host(.segment-scrollable) ::slotted(ion-segment-button){min-width:auto}";const g=f;const m=class{constructor(i){t(this,i);this.ionChange=s(this,"ionChange",7);this.ionSelect=s(this,"ionSelect",7);this.ionStyle=s(this,"ionStyle",7);this.onClick=t=>{const s=t.target;const i=this.checked;if(s.tagName==="ION-SEGMENT"){return}this.value=s.value;if(s!==i){this.emitValueChange()}if(this.scrollable||!this.swipeGesture){if(i){this.checkButton(i,s)}else{this.setCheckedClasses()}}};this.getSegmentButton=t=>{var s,i;const e=this.getButtons().filter((t=>!t.disabled));const n=e.findIndex((t=>t===document.activeElement));switch(t){case"first":return e[0];case"last":return e[e.length-1];case"next":return(s=e[n+1])!==null&&s!==void 0?s:e[0];case"previous":return(i=e[n-1])!==null&&i!==void 0?i:e[e.length-1];default:return null}};this.activated=false;this.color=undefined;this.disabled=false;this.scrollable=false;this.swipeGesture=true;this.value=undefined;this.selectOnFocus=false}colorChanged(t,s){if(s===undefined&&t!==undefined||s!==undefined&&t===undefined){this.emitStyle()}}swipeGestureChanged(){this.gestureChanged()}valueChanged(t){this.ionSelect.emit({value:t});this.scrollActiveButtonIntoView()}disabledChanged(){this.gestureChanged();const t=this.getButtons();for(const s of t){s.disabled=this.disabled}}gestureChanged(){if(this.gesture){this.gesture.enable(!this.scrollable&&!this.disabled&&this.swipeGesture)}}connectedCallback(){this.emitStyle()}componentWillLoad(){this.emitStyle()}async componentDidLoad(){this.setCheckedClasses();this.ionSelect.emit({value:this.value});r((()=>{this.scrollActiveButtonIntoView(false)}));this.gesture=(await import("./p-b943833e.js")).createGesture({el:this.el,gestureName:"segment",gesturePriority:100,threshold:0,passive:false,onStart:t=>this.onStart(t),onMove:t=>this.onMove(t),onEnd:t=>this.onEnd(t)});this.gestureChanged();if(this.disabled){this.disabledChanged()}}onStart(t){this.valueBeforeGesture=this.value;this.activate(t)}onMove(t){this.setNextIndex(t)}onEnd(t){this.setActivated(false);this.setNextIndex(t,true);t.event.stopImmediatePropagation();const s=this.value;if(s!==undefined){if(this.valueBeforeGesture!==s){this.emitValueChange()}}this.valueBeforeGesture=undefined}emitValueChange(){const{value:t}=this;this.ionChange.emit({value:t})}getButtons(){return Array.from(this.el.querySelectorAll("ion-segment-button"))}get checked(){return this.getButtons().find((t=>t.value===this.value))}setActivated(t){const s=this.getButtons();s.forEach((s=>{if(t){s.classList.add("segment-button-activated")}else{s.classList.remove("segment-button-activated")}}));this.activated=t}activate(t){const s=t.event.target;const i=this.getButtons();const e=i.find((t=>t.value===this.value));if(s.tagName!=="ION-SEGMENT-BUTTON"){return}if(!e){this.value=s.value;this.setCheckedClasses()}if(this.value===s.value){this.setActivated(true)}}getIndicator(t){const s=t.shadowRoot||t;return s.querySelector(".segment-button-indicator")}checkButton(t,s){const e=this.getIndicator(t);const n=this.getIndicator(s);if(e===null||n===null){return}const o=e.getBoundingClientRect();const r=n.getBoundingClientRect();const a=o.width/r.width;const c=o.left-r.left;const h=`translate3d(${c}px, 0, 0) scaleX(${a})`;i((()=>{n.classList.remove("segment-button-indicator-animated");n.style.setProperty("transform",h);n.getBoundingClientRect();n.classList.add("segment-button-indicator-animated");n.style.setProperty("transform","")}));this.value=s.value;this.setCheckedClasses()}setCheckedClasses(){const t=this.getButtons();const s=t.findIndex((t=>t.value===this.value));const i=s+1;for(const s of t){s.classList.remove("segment-button-after-checked")}if(i<t.length){t[i].classList.add("segment-button-after-checked")}}scrollActiveButtonIntoView(t=true){const{scrollable:s,value:i,el:e}=this;if(s){const s=this.getButtons();const n=s.find((t=>t.value===i));if(n!==undefined){const s=e.getBoundingClientRect();const i=n.getBoundingClientRect();const o=i.x-s.x;const r=o-s.width/2+i.width/2;e.scrollBy({top:0,left:r,behavior:t?"smooth":"instant"})}}}setNextIndex(t,s=false){const i=a(this.el);const e=this.activated;const n=this.getButtons();const o=n.findIndex((t=>t.value===this.value));const r=n[o];let c;let h;if(o===-1){return}const l=r.getBoundingClientRect();const u=l.left;const d=l.width;const f=t.currentX;const g=l.top+l.height/2;const m=this.el.getRootNode();const b=m.elementFromPoint(f,g);const p=i?f>u+d:f<u;const v=i?f<u:f>u+d;if(e&&!s){if(p){const t=o-1;if(t>=0){h=t}}else if(v){if(e&&!s){const t=o+1;if(t<n.length){h=t}}}if(h!==undefined&&!n[h].disabled){c=n[h]}}if(!e&&s){c=b}if(c!=null){if(c.tagName==="ION-SEGMENT"){return false}if(r!==c){this.checkButton(r,c)}}return true}emitStyle(){this.ionStyle.emit({segment:true})}onKeyDown(t){const s=a(this.el);let i=this.selectOnFocus;let e;switch(t.key){case"ArrowRight":t.preventDefault();e=s?this.getSegmentButton("previous"):this.getSegmentButton("next");break;case"ArrowLeft":t.preventDefault();e=s?this.getSegmentButton("next"):this.getSegmentButton("previous");break;case"Home":t.preventDefault();e=this.getSegmentButton("first");break;case"End":t.preventDefault();e=this.getSegmentButton("last");break;case" ":case"Enter":t.preventDefault();e=document.activeElement;i=true}if(!e){return}if(i){const t=this.checked;this.checkButton(t||e,e);if(e!==t){this.emitValueChange()}}e.setFocus()}render(){const t=l(this);return e(n,{key:"01c94f9fcc51fb5a7612588c87155a130b7c8a9d",role:"tablist",onClick:this.onClick,class:c(this.color,{[t]:true,"in-toolbar":h("ion-toolbar",this.el),"in-toolbar-color":h("ion-toolbar[color]",this.el),"segment-activated":this.activated,"segment-disabled":this.disabled,"segment-scrollable":this.scrollable})},e("slot",{key:"b0afdfcb7506a765df42d1d6eb4e1d81bf8fd92a"}))}get el(){return o(this)}static get watchers(){return{color:["colorChanged"],swipeGesture:["swipeGestureChanged"],value:["valueChanged"],disabled:["disabledChanged"]}}};m.style={ios:d,md:g};export{m as ion_segment};
2
+ //# sourceMappingURL=p-4c0808b4.entry.js.map
package/dist/elements/p-4cf87b24.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ import{r as t,i,h as s,d as e}from"./p-7f507bcb.js";import{g as a}from"./p-bc04bd54.js";import{a as n,d as h}from"./p-8206b1f1.js";import{s as o,j as r}from"./p-25270f1a.js";import{c as d}from"./p-3a4d289f.js";import{t as c}from"./p-18d4a4f4.js";import{g as l,c as f}from"./p-f1ef82a9.js";const u=":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";const m=u;const p=class{constructor(s){t(this,s);this.ionNavWillLoad=i(this,"ionNavWillLoad",7);this.ionNavWillChange=i(this,"ionNavWillChange",3);this.ionNavDidChange=i(this,"ionNavDidChange",3);this.lockController=d();this.gestureOrAnimationInProgress=false;this.mode=l(this);this.delegate=undefined;this.animated=true;this.animation=undefined;this.swipeHandler=undefined}swipeHandlerChanged(){if(this.gesture){this.gesture.enable(this.swipeHandler!==undefined)}}async connectedCallback(){const t=()=>{this.gestureOrAnimationInProgress=true;if(this.swipeHandler){this.swipeHandler.onStart()}};this.gesture=(await import("./p-7a563988.js")).createSwipeBackGesture(this.el,(()=>!this.gestureOrAnimationInProgress&&!!this.swipeHandler&&this.swipeHandler.canStart()),(()=>t()),(t=>{var i;return(i=this.ani)===null||i===void 0?void 0:i.progressStep(t)}),((t,i,s)=>{if(this.ani){this.ani.onFinish((()=>{this.gestureOrAnimationInProgress=false;if(this.swipeHandler){this.swipeHandler.onEnd(t)}}),{oneTimeCallback:true});let e=t?-.001:.001;if(!t){this.ani.easing("cubic-bezier(1, 0, 0.68, 0.28)");e+=a([0,0],[1,0],[.68,.28],[1,1],i)[0]}else{e+=a([0,0],[.32,.72],[0,1],[1,1],i)[0]}this.ani.progressEnd(t?1:0,e,s)}else{this.gestureOrAnimationInProgress=false}}));this.swipeHandlerChanged()}componentWillLoad(){this.ionNavWillLoad.emit()}disconnectedCallback(){if(this.gesture){this.gesture.destroy();this.gesture=undefined}}async commit(t,i,s){const e=await this.lockController.lock();let a=false;try{a=await this.transition(t,i,s)}catch(t){console.error(t)}e();return a}async setRouteId(t,i,s,e){const a=await this.setRoot(t,i,{duration:s==="root"?0:undefined,direction:s==="back"?"back":"forward",animationBuilder:e});return{changed:a,element:this.activeEl}}async getRouteId(){const t=this.activeEl;return t?{id:t.tagName,element:t,params:this.activeParams}:undefined}async setRoot(t,i,s){if(this.activeComponent===t&&o(i,this.activeParams)){return false}const e=this.activeEl;const a=await n(this.delegate,this.el,t,["ion-page","ion-page-invisible"],i);this.activeComponent=t;this.activeEl=a;this.activeParams=i;await this.commit(a,e,s);await h(this.delegate,e);return true}async transition(t,i,s={}){if(i===t){return false}this.ionNavWillChange.emit();const{el:e,mode:a}=this;const n=this.animated&&f.getBoolean("animated",true);const h=s.animationBuilder||this.animation||f.get("navAnimation");await c(Object.assign(Object.assign({mode:a,animated:n,enteringEl:t,leavingEl:i,baseEl:e,deepWait:r(e),progressCallback:s.progressAnimation?t=>{if(t!==undefined&&!this.gestureOrAnimationInProgress){this.gestureOrAnimationInProgress=true;t.onFinish((()=>{this.gestureOrAnimationInProgress=false;if(this.swipeHandler){this.swipeHandler.onEnd(false)}}),{oneTimeCallback:true});t.progressEnd(0,0,0)}else{this.ani=t}}:undefined},s),{animationBuilder:h}));this.ionNavDidChange.emit();return true}render(){return s("slot",{key:"0949db1bcfde67b462abe9cae72c7a7fd70ea678"})}get el(){return e(this)}static get watchers(){return{swipeHandler:["swipeHandlerChanged"]}}};p.style=m;export{p as ion_router_outlet};
2
+ //# sourceMappingURL=p-4cf87b24.entry.js.map