@ionic/core 7.5.8-dev.11701894917.1c1465bd → 7.5.8-dev.11702074871.1238046f

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 (198) hide show
  1. package/components/data.js +1 -1
  2. package/components/ion-datetime.js +39 -30
  3. package/components/ion-picker-column-option.d.ts +11 -0
  4. package/components/ion-picker-column-option.js +9 -0
  5. package/components/ion-picker-column.js +2 -2
  6. package/components/ion-picker-legacy-column.d.ts +11 -0
  7. package/components/ion-picker-legacy-column.js +9 -0
  8. package/components/{ion-picker-internal.d.ts → ion-picker-legacy.d.ts} +4 -4
  9. package/components/ion-picker-legacy.js +309 -0
  10. package/components/ion-picker.js +1 -309
  11. package/components/overlays.js +6 -3
  12. package/components/picker-column-option.js +122 -0
  13. package/components/picker-column.js +351 -322
  14. package/components/picker-column2.js +379 -0
  15. package/components/{picker-internal.js → picker.js} +29 -22
  16. package/dist/cjs/{data-36b9094e.js → data-e7526b58.js} +1 -1
  17. package/dist/cjs/index.cjs.js +1 -1
  18. package/dist/cjs/ion-action-sheet.cjs.entry.js +1 -1
  19. package/dist/cjs/ion-alert.cjs.entry.js +1 -1
  20. package/dist/cjs/ion-datetime-button.cjs.entry.js +1 -1
  21. package/dist/cjs/ion-datetime_3.cjs.entry.js +29 -35
  22. package/dist/cjs/ion-loading.cjs.entry.js +1 -1
  23. package/dist/cjs/ion-menu_3.cjs.entry.js +1 -1
  24. package/dist/cjs/ion-modal.cjs.entry.js +1 -1
  25. package/dist/cjs/ion-picker-column-option.cjs.entry.js +104 -0
  26. package/dist/cjs/{ion-picker-column-internal.cjs.entry.js → ion-picker-column.cjs.entry.js} +104 -87
  27. package/dist/cjs/{ion-picker-internal.cjs.entry.js → ion-picker.cjs.entry.js} +26 -19
  28. package/dist/cjs/ion-popover.cjs.entry.js +1 -1
  29. package/dist/cjs/ion-select_3.cjs.entry.js +1 -1
  30. package/dist/cjs/ion-toast.cjs.entry.js +1 -1
  31. package/dist/cjs/ionic.cjs.js +1 -1
  32. package/dist/cjs/loader.cjs.js +1 -1
  33. package/dist/cjs/{overlays-2c6b1072.js → overlays-e8e05b0e.js} +6 -3
  34. package/dist/collection/collection-manifest.json +7 -6
  35. package/dist/collection/components/datetime/datetime.ios.css +8 -13
  36. package/dist/collection/components/datetime/datetime.js +19 -16
  37. package/dist/collection/components/datetime/datetime.md.css +8 -13
  38. package/dist/collection/components/datetime/test/datetime.e2e.js +2 -2
  39. package/dist/collection/components/datetime/test/disabled/datetime.spec.js +4 -4
  40. package/dist/collection/components/datetime/test/locale/datetime.e2e.js +2 -2
  41. package/dist/collection/components/datetime/test/minmax/datetime.e2e.js +6 -6
  42. package/dist/collection/components/datetime/test/prefer-wheel/datetime.e2e.js +43 -41
  43. package/dist/collection/components/datetime/test/presentation/datetime.e2e.js +1 -1
  44. package/dist/collection/components/datetime/test/readonly/datetime.e2e.js +2 -2
  45. package/dist/collection/components/datetime/test/values/datetime.e2e.js +15 -12
  46. package/dist/collection/components/datetime/utils/data.js +1 -1
  47. package/dist/collection/components/picker/picker.ios.css +113 -211
  48. package/dist/collection/components/picker/picker.js +468 -743
  49. package/dist/collection/components/picker/picker.md.css +109 -198
  50. package/dist/collection/components/{picker-internal/test/a11y/picker-internal.e2e.js → picker/test/a11y/picker.e2e.js} +2 -2
  51. package/dist/collection/components/picker/test/basic/picker.e2e.js +99 -13
  52. package/dist/collection/components/picker/test/custom/picker.e2e.js +85 -0
  53. package/dist/collection/components/{picker-internal/test/keyboard-entry/picker-internal.e2e.js → picker/test/keyboard-entry/picker.e2e.js} +63 -32
  54. package/dist/collection/components/{picker-column-internal/picker-column-internal.md.css → picker-column/picker-column.css} +96 -83
  55. package/dist/collection/components/picker-column/picker-column.js +497 -335
  56. package/dist/collection/components/{picker-column-internal/test/basic/picker-column-internal.e2e.js → picker-column/test/basic/picker-column.e2e.js} +8 -8
  57. package/dist/collection/components/picker-column/test/disabled/picker-column.e2e.js +91 -0
  58. package/dist/collection/components/picker-column/test/slots/picker-column.e2e.js +39 -0
  59. package/dist/collection/components/picker-column-option/picker-column-option.ios.css +87 -0
  60. package/dist/collection/components/picker-column-option/picker-column-option.js +173 -0
  61. package/dist/collection/components/{picker-column-internal/picker-column-internal.ios.css → picker-column-option/picker-column-option.md.css} +6 -53
  62. package/dist/collection/components/picker-column-option/test/a11y/picker-column-option.e2e.js +18 -0
  63. package/dist/collection/components/picker-column-option/test/basic/picker-column-option.e2e.js +37 -0
  64. package/dist/collection/components/picker-column-option/test/picker-column-option.spec.js +29 -0
  65. package/dist/collection/components/{picker-internal/picker-internal.md.css → picker-legacy/picker.ios.css} +207 -98
  66. package/dist/collection/components/picker-legacy/picker.js +817 -0
  67. package/dist/collection/components/{picker-internal/picker-internal.ios.css → picker-legacy/picker.md.css} +192 -100
  68. package/dist/collection/components/picker-legacy/test/basic/picker.e2e.js +25 -0
  69. package/dist/collection/components/{picker → picker-legacy}/test/is-open/picker.e2e.js +4 -4
  70. package/dist/collection/components/{picker → picker-legacy}/test/picker-id.spec.js +5 -5
  71. package/dist/collection/components/{picker → picker-legacy}/test/trigger/picker.e2e.js +1 -1
  72. package/dist/collection/components/picker-legacy-column/picker-column.js +419 -0
  73. package/dist/collection/components/{picker-column → picker-legacy-column}/test/picker-column-aria.spec.js +3 -3
  74. package/dist/collection/components/{picker-column → picker-legacy-column}/test/picker-column-dynamic.spec.js +2 -2
  75. package/dist/collection/components/{picker-column → picker-legacy-column}/test/picker-column.spec.js +2 -2
  76. package/dist/collection/components/{picker-column → picker-legacy-column}/test/standalone/picker-column.e2e.js +3 -3
  77. package/dist/collection/utils/overlays.js +6 -3
  78. package/dist/docs.json +493 -24
  79. package/dist/esm/{data-f5c75b4e.js → data-4b9508c9.js} +1 -1
  80. package/dist/esm/index.js +1 -1
  81. package/dist/esm/ion-action-sheet.entry.js +1 -1
  82. package/dist/esm/ion-alert.entry.js +1 -1
  83. package/dist/esm/ion-datetime-button.entry.js +1 -1
  84. package/dist/esm/ion-datetime_3.entry.js +28 -34
  85. package/dist/esm/ion-loading.entry.js +1 -1
  86. package/dist/esm/ion-menu_3.entry.js +1 -1
  87. package/dist/esm/ion-modal.entry.js +1 -1
  88. package/dist/esm/ion-picker-column-option.entry.js +100 -0
  89. package/dist/esm/{ion-picker-column-internal.entry.js → ion-picker-column.entry.js} +104 -87
  90. package/dist/esm/{ion-picker-internal.entry.js → ion-picker.entry.js} +26 -19
  91. package/dist/esm/ion-popover.entry.js +1 -1
  92. package/dist/esm/ion-select_3.entry.js +1 -1
  93. package/dist/esm/ion-toast.entry.js +1 -1
  94. package/dist/esm/ionic.js +1 -1
  95. package/dist/esm/loader.js +1 -1
  96. package/dist/esm/{overlays-d23ea6e1.js → overlays-fbc5cab5.js} +6 -3
  97. package/dist/esm-es5/index.js +1 -1
  98. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  99. package/dist/esm-es5/ion-alert.entry.js +1 -1
  100. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  101. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  102. package/dist/esm-es5/ion-loading.entry.js +1 -1
  103. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  104. package/dist/esm-es5/ion-modal.entry.js +1 -1
  105. package/dist/esm-es5/ion-picker-column-option.entry.js +4 -0
  106. package/dist/esm-es5/ion-picker-column.entry.js +4 -0
  107. package/dist/esm-es5/ion-picker.entry.js +4 -0
  108. package/dist/esm-es5/ion-popover.entry.js +1 -1
  109. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  110. package/dist/esm-es5/ion-toast.entry.js +1 -1
  111. package/dist/esm-es5/ionic.js +1 -1
  112. package/dist/esm-es5/loader.js +1 -1
  113. package/dist/esm-es5/overlays-fbc5cab5.js +4 -0
  114. package/dist/html.html-data.json +152 -1
  115. package/dist/ionic/index.esm.js +1 -1
  116. package/dist/ionic/ionic.esm.js +1 -1
  117. package/dist/ionic/{p-2f300cca.entry.js → p-21c3515a.entry.js} +1 -1
  118. package/dist/ionic/{p-1f620cd4.system.entry.js → p-26798a7b.system.entry.js} +1 -1
  119. package/dist/ionic/{p-e1e5afe1.system.entry.js → p-27bcbbc7.system.entry.js} +1 -1
  120. package/dist/ionic/p-36d194c5.entry.js +4 -0
  121. package/dist/ionic/{p-3b568d18.entry.js → p-4a081ea9.entry.js} +1 -1
  122. package/dist/ionic/{p-2f2293da.system.entry.js → p-4a36430f.system.entry.js} +1 -1
  123. package/dist/ionic/{p-fff7a57e.system.js → p-54dfc9b5.system.js} +1 -1
  124. package/dist/ionic/{p-60b386c9.system.entry.js → p-563c41f0.system.entry.js} +1 -1
  125. package/dist/ionic/p-5a1aac13.system.entry.js +4 -0
  126. package/dist/ionic/{p-27ea6f4e.entry.js → p-5d42b6b4.entry.js} +1 -1
  127. package/dist/ionic/{p-2dc43d20.entry.js → p-6b7c55cd.entry.js} +1 -1
  128. package/dist/ionic/{p-f78efbd1.entry.js → p-73190c5f.entry.js} +1 -1
  129. package/dist/ionic/{p-af19a573.entry.js → p-73aa7604.entry.js} +1 -1
  130. package/dist/ionic/{p-39a335b6.system.entry.js → p-8017aad2.system.entry.js} +1 -1
  131. package/dist/ionic/{p-1e57bd24.entry.js → p-846ee227.entry.js} +1 -1
  132. package/dist/ionic/p-8e42850f.entry.js +4 -0
  133. package/dist/ionic/p-8fa6583d.system.js +4 -0
  134. package/dist/ionic/{p-4df97e3c.system.entry.js → p-96dbbac1.system.entry.js} +1 -1
  135. package/dist/ionic/p-9f1b2214.entry.js +4 -0
  136. package/dist/ionic/{p-8780cc2a.entry.js → p-a8baa23e.entry.js} +1 -1
  137. package/dist/ionic/p-afcf4620.entry.js +4 -0
  138. package/dist/ionic/{p-ddb30596.entry.js → p-b133e9b4.entry.js} +1 -1
  139. package/dist/ionic/{p-3e3d06a6.system.entry.js → p-c18de88a.system.entry.js} +1 -1
  140. package/dist/ionic/p-c41bff4e.system.entry.js +4 -0
  141. package/dist/ionic/p-ca846d0b.system.entry.js +4 -0
  142. package/dist/ionic/p-ca8938f4.js +4 -0
  143. package/dist/ionic/p-e3584231.system.js +1 -1
  144. package/dist/ionic/{p-9eec42cc.system.entry.js → p-f910cc73.system.entry.js} +1 -1
  145. package/dist/ionic/{p-e3ad9607.system.entry.js → p-fbf3a689.system.entry.js} +1 -1
  146. package/dist/ionic/p-ffd5dba4.system.entry.js +4 -0
  147. package/dist/types/components/datetime/utils/data.d.ts +11 -7
  148. package/dist/types/components/picker/picker-interfaces.d.ts +8 -0
  149. package/dist/types/components/picker/picker.d.ts +74 -131
  150. package/dist/types/components/picker-column/picker-column-interfaces.d.ts +4 -0
  151. package/dist/types/components/picker-column/picker-column.d.ts +99 -39
  152. package/dist/types/components/picker-column-option/picker-column-option.d.ts +66 -0
  153. package/dist/types/components/picker-legacy/picker.d.ts +158 -0
  154. package/dist/types/components/picker-legacy-column/picker-column.d.ts +46 -0
  155. package/dist/types/components.d.ts +155 -122
  156. package/dist/types/interface.d.ts +1 -1
  157. package/dist/types/utils/config.d.ts +2 -2
  158. package/dist/types/utils/overlays.d.ts +5 -2
  159. package/hydrate/index.js +1486 -1362
  160. package/package.json +1 -1
  161. package/components/ion-picker-column-internal.d.ts +0 -11
  162. package/components/ion-picker-column-internal.js +0 -9
  163. package/components/ion-picker-internal.js +0 -9
  164. package/components/picker-column-internal.js +0 -390
  165. package/dist/collection/components/picker-column-internal/picker-column-internal.js +0 -565
  166. package/dist/collection/components/picker-column-internal/test/disabled/picker-column-internal.e2e.js +0 -162
  167. package/dist/collection/components/picker-internal/picker-internal.js +0 -544
  168. package/dist/collection/components/picker-internal/test/basic/picker-internal.e2e.js +0 -118
  169. package/dist/esm-es5/ion-picker-column-internal.entry.js +0 -4
  170. package/dist/esm-es5/ion-picker-internal.entry.js +0 -4
  171. package/dist/esm-es5/overlays-d23ea6e1.js +0 -4
  172. package/dist/ionic/p-60502e3f.system.entry.js +0 -4
  173. package/dist/ionic/p-67da080d.entry.js +0 -4
  174. package/dist/ionic/p-73ea8f82.system.entry.js +0 -4
  175. package/dist/ionic/p-80fa068e.entry.js +0 -4
  176. package/dist/ionic/p-ab11130c.system.js +0 -4
  177. package/dist/ionic/p-af16fe62.entry.js +0 -4
  178. package/dist/ionic/p-c14f8ac8.js +0 -4
  179. package/dist/ionic/p-cce9f61a.system.entry.js +0 -4
  180. package/dist/types/components/picker-column-internal/picker-column-internal-interfaces.d.ts +0 -5
  181. package/dist/types/components/picker-column-internal/picker-column-internal.d.ts +0 -102
  182. package/dist/types/components/picker-internal/picker-internal-interfaces.d.ts +0 -8
  183. package/dist/types/components/picker-internal/picker-internal.d.ts +0 -102
  184. /package/dist/collection/components/{picker-internal/picker-internal-interfaces.js → picker/picker-interfaces.js} +0 -0
  185. /package/dist/collection/components/{picker-column-internal/picker-column-internal-interfaces.js → picker-column/picker-column-interfaces.js} +0 -0
  186. /package/dist/collection/components/{picker → picker-legacy}/animations/ios.enter.js +0 -0
  187. /package/dist/collection/components/{picker → picker-legacy}/animations/ios.leave.js +0 -0
  188. /package/dist/collection/components/{picker → picker-legacy}/picker-interface.js +0 -0
  189. /package/dist/collection/components/{picker-column → picker-legacy-column}/picker-column.ios.css +0 -0
  190. /package/dist/collection/components/{picker-column → picker-legacy-column}/picker-column.md.css +0 -0
  191. /package/dist/collection/components/{picker-column → picker-legacy-column}/test/test.utils.js +0 -0
  192. /package/dist/esm-es5/{data-f5c75b4e.js → data-4b9508c9.js} +0 -0
  193. /package/dist/ionic/{p-2aea8b1e.js → p-368f5215.js} +0 -0
  194. /package/dist/ionic/{p-82e3d633.system.js → p-f58981c2.system.js} +0 -0
  195. /package/dist/types/components/{picker → picker-legacy}/animations/ios.enter.d.ts +0 -0
  196. /package/dist/types/components/{picker → picker-legacy}/animations/ios.leave.d.ts +0 -0
  197. /package/dist/types/components/{picker → picker-legacy}/picker-interface.d.ts +0 -0
  198. /package/dist/types/components/{picker-column → picker-legacy-column}/test/test.utils.d.ts +0 -0
@@ -1,4 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- import{d as o}from"./p-b347cfd1.js";import{b as n,c as e}from"./p-5ecae037.js";import{C as t}from"./p-4180a747.js";import{B as i}from"./p-9b97df10.js";import{OVERLAY_BACK_BUTTON_PRIORITY as a}from"./p-4b3623da.js";import{c as r,f as s,a as d,b as l,g as c}from"./p-23a9d086.js";import{p as u}from"./p-06fee233.js";let m=0,p=0;const v=new WeakMap,f=o=>({create:n=>C(o,n),dismiss:(n,e,t)=>P(document,n,e,o,t),getTop:async()=>E(document,o)}),h=f("ion-alert"),b=f("ion-action-sheet"),w=f("ion-loading"),y=f("ion-modal"),g=f("ion-picker"),k=f("ion-popover"),x=f("ion-toast"),j=o=>{"undefined"!=typeof document&&B(document);const n=m++;o.overlayIndex=n},O=o=>(o.hasAttribute("id")||(o.id="ion-overlay-"+ ++p),o.id),C=(o,n)=>"undefined"!=typeof window&&void 0!==window.customElements?window.customElements.whenDefined(o).then((()=>{const e=document.createElement(o);return e.classList.add("overlay-hidden"),Object.assign(e,Object.assign(Object.assign({},n),{hasController:!0})),q(document).appendChild(e),new Promise((o=>r(e,o)))})):Promise.resolve(),D='[tabindex]:not([tabindex^="-"]):not([hidden]):not([disabled]), input:not([type=hidden]):not([tabindex^="-"]):not([hidden]):not([disabled]), textarea:not([tabindex^="-"]):not([hidden]):not([disabled]), button:not([tabindex^="-"]):not([hidden]):not([disabled]), select:not([tabindex^="-"]):not([hidden]):not([disabled]), .ion-focusable:not([tabindex^="-"]):not([hidden]):not([disabled]), .ion-focusable[disabled="false"]:not([tabindex^="-"]):not([hidden])',T=(o,n)=>{let e=o.querySelector(D);const t=null==e?void 0:e.shadowRoot;t&&(e=t.querySelector(D)||e),e?s(e):n.focus()},A=(o,n)=>{const e=Array.from(o.querySelectorAll(D));let t=e.length>0?e[e.length-1]:null;const i=null==t?void 0:t.shadowRoot;i&&(t=i.querySelector(D)||t),t?t.focus():n.focus()},B=o=>{0===m&&(m=1,o.addEventListener("focus",(n=>{((o,n)=>{const e=E(n,"ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker,ion-popover"),t=o.target;e&&t&&(e.classList.contains("ion-disable-focus-trap")||(e.shadowRoot?(()=>{if(e.contains(t))e.lastFocus=t;else{const o=e.lastFocus;T(e,e),o===n.activeElement&&A(e,e),e.lastFocus=n.activeElement}})():(()=>{if(e===t)e.lastFocus=void 0;else{const o=c(e);if(!o.contains(t))return;const i=o.querySelector(".ion-overlay-wrapper");if(!i)return;if(i.contains(t)||t===o.querySelector("ion-backdrop"))e.lastFocus=t;else{const o=e.lastFocus;T(i,e),o===n.activeElement&&A(i,e),e.lastFocus=n.activeElement}}})()))})(n,o)}),!0),o.addEventListener("ionBackButton",(n=>{const e=E(o);(null==e?void 0:e.backdropDismiss)&&n.detail.register(a,(()=>e.dismiss(void 0,_)))})),o.addEventListener("keydown",(n=>{if("Escape"===n.key){const n=E(o);(null==n?void 0:n.backdropDismiss)&&n.dismiss(void 0,_)}})))},P=(o,n,e,t,i)=>{const a=E(o,t,i);return a?a.dismiss(n,e):Promise.reject("overlay does not exist")},M=(o,n)=>((o,n)=>(void 0===n&&(n="ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker,ion-popover,ion-toast"),Array.from(o.querySelectorAll(n)).filter((o=>o.overlayIndex>0))))(o,n).filter((o=>!o.classList.contains("overlay-hidden"))),E=(o,n,e)=>{const t=M(o,n);return void 0===e?t[t.length-1]:t.find((o=>o.id===e))},G=(o=!1)=>{const n=q(document).querySelector("ion-router-outlet, ion-nav, #ion-view-container-root");n&&(o?n.setAttribute("aria-hidden","true"):n.removeAttribute("aria-hidden"))},I=async(o,t,a,r,s)=>{var d,l;if(o.presented)return;G(!0),document.body.classList.add(i),o.presented=!0,o.willPresent.emit(),null===(d=o.willPresentShorthand)||void 0===d||d.emit();const c=n(o),u=o.enterAnimation?o.enterAnimation:e.get(t,"ios"===c?a:r);await z(o,u,o.el,s)&&(o.didPresent.emit(),null===(l=o.didPresentShorthand)||void 0===l||l.emit()),"ION-TOAST"!==o.el.tagName&&L(o.el),!o.keyboardClose||null!==document.activeElement&&o.el.contains(document.activeElement)||o.el.focus()},L=async o=>{let n=document.activeElement;if(!n)return;const e=null==n?void 0:n.shadowRoot;e&&(n=e.querySelector(D)||n),await o.onDidDismiss(),n.focus()},V=async(t,a,r,s,d,l,c)=>{var u,m;if(!t.presented)return!1;void 0!==o&&1===M(o).length&&(G(!1),document.body.classList.remove(i)),t.presented=!1;try{t.el.style.setProperty("pointer-events","none"),t.willDismiss.emit({data:a,role:r}),null===(u=t.willDismissShorthand)||void 0===u||u.emit({data:a,role:r});const o=n(t),i=t.leaveAnimation?t.leaveAnimation:e.get(s,"ios"===o?d:l);r!==H&&await z(t,i,t.el,c),t.didDismiss.emit({data:a,role:r}),null===(m=t.didDismissShorthand)||void 0===m||m.emit({data:a,role:r}),v.delete(t),t.el.classList.add("overlay-hidden"),t.el.style.removeProperty("pointer-events"),void 0!==t.el.lastFocus&&(t.el.lastFocus=void 0)}catch(o){console.error(o)}return t.el.remove(),!0},q=o=>o.querySelector("ion-app")||o.body,z=async(o,n,t,i)=>{t.classList.remove("overlay-hidden");const a=n(o.el,i);o.animated&&e.getBoolean("animated",!0)||a.duration(0),o.keyboardClose&&a.beforeAddWrite((()=>{const o=t.ownerDocument.activeElement;(null==o?void 0:o.matches("input,ion-input, ion-textarea"))&&o.blur()}));const r=v.get(o)||[];return v.set(o,[...r,a]),await a.play(),!0},F=(o,n)=>{let e;const t=new Promise((o=>e=o));return N(o,n,(o=>{e(o.detail)})),t},N=(o,n,e)=>{const t=i=>{l(o,n,t),e(i)};d(o,n,t)},S=o=>"cancel"===o||o===_,W=o=>o(),$=(o,n)=>{if("function"==typeof o)return e.get("_zoneGate",W)((()=>{try{return o(n)}catch(o){throw o}}))},_="backdrop",H="gesture",J=o=>{let n,e=!1;const i=t(),a=(t=!1)=>{if(n&&!t)return{delegate:n,inline:e};const{el:a,hasController:r,delegate:s}=o;return e=null!==a.parentNode&&!r,n=e?s||i:s,{inline:e,delegate:n}};return{attachViewToDom:async n=>{const{delegate:e}=a(!0);if(e)return await e.attachViewToDom(o.el,n);const{hasController:t}=o;if(t&&void 0!==n)throw new Error("framework delegate is missing");return null},removeViewFromDom:()=>{const{delegate:n}=a();n&&void 0!==o.el&&n.removeViewFromDom(o.el.parentElement,o.el)}}},K=()=>{let o;const n=()=>{o&&(o(),o=void 0)};return{addClickListener:(e,t)=>{n();const i=void 0!==t?document.getElementById(t):null;i?o=((o,n)=>{const e=()=>{n.present()};return o.addEventListener("click",e),()=>{o.removeEventListener("click",e)}})(i,e):u(`A trigger element with the ID "${t}" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on an overlay component.`,e)},removeClickListener:n}};export{_ as B,H as G,h as a,b,k as c,J as d,K as e,I as f,V as g,F as h,S as i,j,O as k,w as l,y as m,v as n,T as o,g as p,E as q,$ as s,x as t}
@@ -1,4 +0,0 @@
1
- var __awaiter=this&&this.__awaiter||function(r,t,e,n){function i(r){return r instanceof e?r:new e((function(t){t(r)}))}return new(e||(e=Promise))((function(e,o){function a(r){try{c(n.next(r))}catch(r){o(r)}}function s(r){try{c(n["throw"](r))}catch(r){o(r)}}function c(r){r.done?e(r.value):i(r.value).then(a,s)}c((n=n.apply(r,t||[])).next())}))};var __generator=this&&this.__generator||function(r,t){var e={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,i,o,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(r){return function(t){return c([r,t])}}function c(s){if(n)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(e=0)),e)try{if(n=1,i&&(o=s[0]&2?i["return"]:s[0]?i["throw"]||((o=i["return"])&&o.call(i),0):i.next)&&!(o=o.call(i,s[1])).done)return o;if(i=0,o)s=[s[0]&2,o.value];switch(s[0]){case 0:case 1:o=s;break;case 4:e.label++;return{value:s[1],done:false};case 5:e.label++;i=s[1];s=[0];continue;case 7:s=e.ops.pop();e.trys.pop();continue;default:if(!(o=e.trys,o=o.length>0&&o[o.length-1])&&(s[0]===6||s[0]===2)){e=0;continue}if(s[0]===3&&(!o||s[1]>o[0]&&s[1]<o[3])){e.label=s[1];break}if(s[0]===6&&e.label<o[1]){e.label=o[1];o=s;break}if(o&&e.label<o[2]){e.label=o[2];e.ops.push(s);break}if(o[2])e.ops.pop();e.trys.pop();continue}s=t.call(r,e)}catch(r){s=[6,r];i=0}finally{n=o=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
2
- /*!
3
- * (C) Ionic http://ionicframework.com - MIT License
4
- */System.register(["./p-d3b030b8.system.js","./p-32ad210f.system.js"],(function(r){"use strict";var t,e,n,i,o,a;return{setters:[function(r){t=r.r;e=r.d;n=r.h;i=r.H;o=r.f},function(r){a=r.g}],execute:function(){var s=":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);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;-webkit-transform:translateY(-50%);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:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));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:-webkit-gradient(linear, left bottom, left top, color-stop(20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), to(rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0.8)));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))}";var c=":host{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:200px;direction:ltr;z-index:0}:host .picker-before,:host .picker-after{position:absolute;width:100%;-webkit-transform:translateZ(0);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;-webkit-transform:translateY(-50%);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:-webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), color-stop(90%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0)));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:-webkit-gradient(linear, left bottom, left top, color-stop(30%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 1)), color-stop(90%, rgba(var(--wheel-fade-background-rgb, var(--background-rgb, var(--ion-background-color-rgb, 255, 255, 255))), 0)));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%)}";var u=r("ion_picker_internal",function(){function r(r){var n=this;t(this,r);this.ionInputModeChange=e(this,"ionInputModeChange",7);this.useInputMode=false;this.isInHighlightBounds=function(r){var t=n.highlightEl;if(!t){return false}var e=t.getBoundingClientRect();var i=r.clientX<e.left||r.clientX>e.right;var o=r.clientY<e.top||r.clientY>e.bottom;if(i||o){return false}return true};this.onFocusOut=function(r){var t=r.relatedTarget;if(!t||t.tagName!=="ION-PICKER-COLUMN-INTERNAL"&&t!==n.inputEl){n.exitInputMode()}};this.onFocusIn=function(r){var t=r.target;if(t.tagName!=="ION-PICKER-COLUMN-INTERNAL"){return}if(!n.actionOnClick){var e=t;var i=e.numericInput;if(i){n.enterInputMode(e,false)}else{n.exitInputMode()}}};this.onClick=function(){var r=n.actionOnClick;if(r){r();n.actionOnClick=undefined}};this.onPointerDown=function(r){var t=n,e=t.useInputMode,i=t.inputModeColumn,o=t.el;if(n.isInHighlightBounds(r)){if(e){if(r.target.tagName==="ION-PICKER-COLUMN-INTERNAL"){if(i&&i===r.target){n.actionOnClick=function(){n.enterInputMode()}}else{n.actionOnClick=function(){n.enterInputMode(r.target)}}}else{n.actionOnClick=function(){n.exitInputMode()}}}else{var a=o.querySelectorAll("ion-picker-column-internal.picker-column-numeric-input");var s=a.length===1?r.target:undefined;n.actionOnClick=function(){n.enterInputMode(s)}}return}n.actionOnClick=function(){n.exitInputMode()}};this.enterInputMode=function(r,t){if(t===void 0){t=true}var e=n,i=e.inputEl,o=e.el;if(!i){return}var a=o.querySelector("ion-picker-column-internal.picker-column-numeric-input");if(!a){return}n.useInputMode=true;n.inputModeColumn=r;if(t){if(n.destroyKeypressListener){n.destroyKeypressListener();n.destroyKeypressListener=undefined}i.focus()}else{o.addEventListener("keypress",n.onKeyPress);n.destroyKeypressListener=function(){o.removeEventListener("keypress",n.onKeyPress)}}n.emitInputModeChange()};this.onKeyPress=function(r){var t=n.inputEl;if(!t){return}var e=parseInt(r.key,10);if(!Number.isNaN(e)){t.value+=r.key;n.onInputChange()}};this.selectSingleColumn=function(){var r=n,t=r.inputEl,e=r.inputModeColumn,i=r.singleColumnSearchTimeout;if(!t||!e){return}var o=e.items.filter((function(r){return r.disabled!==true}));if(i){clearTimeout(i)}n.singleColumnSearchTimeout=setTimeout((function(){t.value="";n.singleColumnSearchTimeout=undefined}),1e3);if(t.value.length>=3){var a=t.value.length-2;var s=t.value.substring(a);t.value=s;n.selectSingleColumn();return}var c=o.find((function(r){var e=r.text;var n=e.replace(/^0+(?=[1-9])|0+(?=0$)/,"");return n===t.value}));if(c){e.setValue(c.value);return}if(t.value.length===2){var u=t.value.substring(t.value.length-1);t.value=u;n.selectSingleColumn()}};this.searchColumn=function(r,t,e){if(e===void 0){e="start"}var n=e==="start"?/^0+/:/0$/;var i=r.items.find((function(r){var e=r.text,i=r.disabled;return i!==true&&e.replace(n,"")===t}));if(i){r.setValue(i.value)}};this.selectMultiColumn=function(){var r=n,t=r.inputEl,e=r.el;if(!t){return}var i=Array.from(e.querySelectorAll("ion-picker-column-internal")).filter((function(r){return r.numericInput}));var o=i[0];var a=i[1];var s=t.value;var c;switch(s.length){case 1:n.searchColumn(o,s);break;case 2:var u=t.value.substring(0,1);s=u==="0"||u==="1"?t.value:u;n.searchColumn(o,s);if(s.length===1){c=t.value.substring(t.value.length-1);n.searchColumn(a,c,"end")}break;case 3:var l=t.value.substring(0,1);s=l==="0"||l==="1"?t.value.substring(0,2):l;n.searchColumn(o,s);c=s.length===1?t.value.substring(1):t.value.substring(2);n.searchColumn(a,c,"end");break;case 4:var f=t.value.substring(0,1);s=f==="0"||f==="1"?t.value.substring(0,2):f;n.searchColumn(o,s);var g=s.length===1?t.value.substring(1,t.value.length):t.value.substring(2,t.value.length);n.searchColumn(a,g,"end");break;default:var b=t.value.length-4;var d=t.value.substring(b);t.value=d;n.selectMultiColumn();break}};this.onInputChange=function(){var r=n,t=r.useInputMode,e=r.inputEl,i=r.inputModeColumn;if(!t||!e){return}if(i){n.selectSingleColumn()}else{n.selectMultiColumn()}};this.emitInputModeChange=function(){var r=n,t=r.useInputMode,e=r.inputModeColumn;n.ionInputModeChange.emit({useInputMode:t,inputModeColumn:e})}}r.prototype.preventTouchStartPropagation=function(r){r.stopPropagation()};r.prototype.componentWillLoad=function(){a(this.el).addEventListener("focusin",this.onFocusIn);a(this.el).addEventListener("focusout",this.onFocusOut)};r.prototype.exitInputMode=function(){return __awaiter(this,void 0,void 0,(function(){var r,t,e;return __generator(this,(function(n){r=this,t=r.inputEl,e=r.useInputMode;if(!e||!t){return[2]}this.useInputMode=false;this.inputModeColumn=undefined;t.blur();t.value="";if(this.destroyKeypressListener){this.destroyKeypressListener();this.destroyKeypressListener=undefined}this.emitInputModeChange();return[2]}))}))};r.prototype.render=function(){var r=this;return n(i,{onPointerDown:function(t){return r.onPointerDown(t)},onClick:function(){return r.onClick()}},n("input",{"aria-hidden":"true",tabindex:-1,inputmode:"numeric",type:"number",ref:function(t){return r.inputEl=t},onInput:function(){return r.onInputChange()},onBlur:function(){return r.exitInputMode()}}),n("div",{class:"picker-before"}),n("div",{class:"picker-after"}),n("div",{class:"picker-highlight",ref:function(t){return r.highlightEl=t}}),n("slot",null))};Object.defineProperty(r.prototype,"el",{get:function(){return o(this)},enumerable:false,configurable:true});return r}());u.style={ios:s,md:c}}}}));
@@ -1,5 +0,0 @@
1
- export interface PickerColumnItem {
2
- text: string;
3
- value: string | number;
4
- disabled?: boolean;
5
- }
@@ -1,102 +0,0 @@
1
- import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
2
- import type { Color } from '../../interface';
3
- import type { PickerColumnItem } from './picker-column-internal-interfaces';
4
- /**
5
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
6
- * @internal
7
- */
8
- export declare class PickerColumnInternal implements ComponentInterface {
9
- private destroyScrollListener?;
10
- private isScrolling;
11
- private scrollEndCallback?;
12
- private isColumnVisible;
13
- private parentEl?;
14
- private canExitInputMode;
15
- isActive: boolean;
16
- el: HTMLIonPickerColumnInternalElement;
17
- /**
18
- * If `true`, the user cannot interact with the picker.
19
- */
20
- disabled: boolean;
21
- /**
22
- * A list of options to be displayed in the picker
23
- */
24
- items: PickerColumnItem[];
25
- /**
26
- * The selected option in the picker.
27
- */
28
- value?: string | number;
29
- /**
30
- * The color to use from your application's color palette.
31
- * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
32
- * For more information on colors, see [theming](/docs/theming/basics).
33
- */
34
- color?: Color;
35
- /**
36
- * If `true`, tapping the picker will
37
- * reveal a number input keyboard that lets
38
- * the user type in values for each picker
39
- * column. This is useful when working
40
- * with time pickers.
41
- *
42
- * @internal
43
- */
44
- numericInput: boolean;
45
- /**
46
- * Emitted when the value has changed.
47
- */
48
- ionChange: EventEmitter<PickerColumnItem>;
49
- valueChange(): void;
50
- /**
51
- * Only setup scroll listeners
52
- * when the picker is visible, otherwise
53
- * the container will have a scroll
54
- * height of 0px.
55
- */
56
- componentWillLoad(): void;
57
- componentDidRender(): void;
58
- /** @internal */
59
- scrollActiveItemIntoView(): Promise<void>;
60
- /**
61
- * Sets the value prop and fires the ionChange event.
62
- * This is used when we need to fire ionChange from
63
- * user-generated events that cannot be caught with normal
64
- * input/change event listeners.
65
- * @internal
66
- */
67
- setValue(value?: string | number): Promise<void>;
68
- private centerPickerItemInView;
69
- private setPickerItemActiveState;
70
- /**
71
- * When ionInputModeChange is emitted, each column
72
- * needs to check if it is the one being made available
73
- * for text entry.
74
- */
75
- private inputModeChange;
76
- /**
77
- * Setting isActive will cause a re-render.
78
- * As a result, we do not want to cause the
79
- * re-render mid scroll as this will cause
80
- * the picker column to jump back to
81
- * whatever value was selected at the
82
- * start of the scroll interaction.
83
- */
84
- private setInputModeActive;
85
- /**
86
- * When the column scrolls, the component
87
- * needs to determine which item is centered
88
- * in the view and will emit an ionChange with
89
- * the item object.
90
- */
91
- private initializeScrollListener;
92
- /**
93
- * Tells the parent picker to
94
- * exit text entry mode. This is only called
95
- * when the selected item changes during scroll, so
96
- * we know that the user likely wants to scroll
97
- * instead of type.
98
- */
99
- private exitInputMode;
100
- get activeItem(): HTMLElement | null;
101
- render(): any;
102
- }
@@ -1,8 +0,0 @@
1
- export interface PickerInternalChangeEventDetail {
2
- useInputMode: boolean;
3
- inputModeColumn?: HTMLIonPickerColumnInternalElement;
4
- }
5
- export interface PickerInternalCustomEvent extends CustomEvent {
6
- target: HTMLIonPickerInternalElement;
7
- detail: PickerInternalChangeEventDetail;
8
- }
@@ -1,102 +0,0 @@
1
- import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
2
- import type { PickerInternalChangeEventDetail } from './picker-internal-interfaces';
3
- /**
4
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
5
- * @internal
6
- */
7
- export declare class PickerInternal implements ComponentInterface {
8
- private inputEl?;
9
- private useInputMode;
10
- private inputModeColumn?;
11
- private highlightEl?;
12
- private actionOnClick?;
13
- private destroyKeypressListener?;
14
- private singleColumnSearchTimeout?;
15
- el: HTMLIonPickerInternalElement;
16
- ionInputModeChange: EventEmitter<PickerInternalChangeEventDetail>;
17
- /**
18
- * When the picker is interacted with
19
- * we need to prevent touchstart so other
20
- * gestures do not fire. For example,
21
- * scrolling on the wheel picker
22
- * in ion-datetime should not cause
23
- * a card modal to swipe to close.
24
- */
25
- preventTouchStartPropagation(ev: TouchEvent): void;
26
- componentWillLoad(): void;
27
- private isInHighlightBounds;
28
- /**
29
- * If we are no longer focused
30
- * on a picker column, then we should
31
- * exit input mode. An exception is made
32
- * for the input in the picker since having
33
- * that focused means we are still in input mode.
34
- */
35
- private onFocusOut;
36
- /**
37
- * When picker columns receive focus
38
- * the parent picker needs to determine
39
- * whether to enter/exit input mode.
40
- */
41
- private onFocusIn;
42
- /**
43
- * On click we need to run an actionOnClick
44
- * function that has been set in onPointerDown
45
- * so that we enter/exit input mode correctly.
46
- */
47
- private onClick;
48
- /**
49
- * Clicking a column also focuses the column on
50
- * certain browsers, so we use onPointerDown
51
- * to tell the onFocusIn function that users
52
- * are trying to click the column rather than
53
- * focus the column using the keyboard. When the
54
- * user completes the click, the onClick function
55
- * runs and runs the actionOnClick callback.
56
- */
57
- private onPointerDown;
58
- /**
59
- * Enters input mode to allow
60
- * for text entry of numeric values.
61
- * If on mobile, we focus a hidden input
62
- * field so that the on screen keyboard
63
- * is brought up. When tabbing using a
64
- * keyboard, picker columns receive an outline
65
- * to indicate they are focused. As a result,
66
- * we should not focus the hidden input as it
67
- * would cause the outline to go away, preventing
68
- * users from having any visual indication of which
69
- * column is focused.
70
- */
71
- private enterInputMode;
72
- /**
73
- * @internal
74
- * Exits text entry mode for the picker
75
- * This method blurs the hidden input
76
- * and cause the keyboard to dismiss.
77
- */
78
- exitInputMode(): Promise<void>;
79
- private onKeyPress;
80
- private selectSingleColumn;
81
- /**
82
- * Searches a list of column items for a particular
83
- * value. This is currently used for numeric values.
84
- * The zeroBehavior can be set to account for leading
85
- * or trailing zeros when looking at the item text.
86
- */
87
- private searchColumn;
88
- private selectMultiColumn;
89
- /**
90
- * Searches the value of the active column
91
- * to determine which value users are trying
92
- * to select
93
- */
94
- private onInputChange;
95
- /**
96
- * Emit ionInputModeChange. Picker columns
97
- * listen for this event to determine whether
98
- * or not their column is "active" for text input.
99
- */
100
- private emitInputModeChange;
101
- render(): any;
102
- }
File without changes