@ionic/core 7.5.8-dev.11701806358.1ca1b519 → 7.5.8-dev.11701894917.1c1465bd

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 (196) hide show
  1. package/components/data.js +1 -1
  2. package/components/ion-datetime.js +30 -39
  3. package/components/ion-picker-column-internal.d.ts +11 -0
  4. package/components/ion-picker-column-internal.js +9 -0
  5. package/components/ion-picker-column.js +2 -2
  6. package/components/{ion-picker-legacy.d.ts → ion-picker-internal.d.ts} +4 -4
  7. package/components/ion-picker-internal.js +9 -0
  8. package/components/ion-picker.js +309 -1
  9. package/components/overlays.js +3 -6
  10. package/components/picker-column-internal.js +390 -0
  11. package/components/picker-column.js +317 -363
  12. package/components/{picker.js → picker-internal.js} +16 -16
  13. package/dist/cjs/{data-e7526b58.js → data-36b9094e.js} +1 -1
  14. package/dist/cjs/index.cjs.js +1 -1
  15. package/dist/cjs/ion-action-sheet.cjs.entry.js +1 -1
  16. package/dist/cjs/ion-alert.cjs.entry.js +1 -1
  17. package/dist/cjs/ion-datetime-button.cjs.entry.js +1 -1
  18. package/dist/cjs/ion-datetime_3.cjs.entry.js +35 -29
  19. package/dist/cjs/ion-loading.cjs.entry.js +1 -1
  20. package/dist/cjs/ion-menu_3.cjs.entry.js +1 -1
  21. package/dist/cjs/ion-modal.cjs.entry.js +1 -1
  22. package/dist/cjs/{ion-picker-column.cjs.entry.js → ion-picker-column-internal.cjs.entry.js} +72 -105
  23. package/dist/cjs/{ion-picker.cjs.entry.js → ion-picker-internal.cjs.entry.js} +13 -13
  24. package/dist/cjs/ion-popover.cjs.entry.js +1 -1
  25. package/dist/cjs/ion-select_3.cjs.entry.js +1 -1
  26. package/dist/cjs/ion-toast.cjs.entry.js +1 -1
  27. package/dist/cjs/ionic.cjs.js +1 -1
  28. package/dist/cjs/loader.cjs.js +1 -1
  29. package/dist/cjs/{overlays-e8e05b0e.js → overlays-2c6b1072.js} +3 -6
  30. package/dist/collection/collection-manifest.json +6 -7
  31. package/dist/collection/components/datetime/datetime.ios.css +13 -0
  32. package/dist/collection/components/datetime/datetime.js +16 -19
  33. package/dist/collection/components/datetime/datetime.md.css +13 -0
  34. package/dist/collection/components/datetime/test/datetime.e2e.js +2 -2
  35. package/dist/collection/components/datetime/test/disabled/datetime.spec.js +4 -4
  36. package/dist/collection/components/datetime/test/locale/datetime.e2e.js +2 -2
  37. package/dist/collection/components/datetime/test/minmax/datetime.e2e.js +6 -6
  38. package/dist/collection/components/datetime/test/prefer-wheel/datetime.e2e.js +41 -43
  39. package/dist/collection/components/datetime/test/presentation/datetime.e2e.js +1 -1
  40. package/dist/collection/components/datetime/test/readonly/datetime.e2e.js +2 -2
  41. package/dist/collection/components/datetime/test/values/datetime.e2e.js +12 -15
  42. package/dist/collection/components/datetime/utils/data.js +1 -1
  43. package/dist/collection/components/picker/picker.ios.css +205 -100
  44. package/dist/collection/components/picker/picker.js +743 -461
  45. package/dist/collection/components/picker/picker.md.css +194 -98
  46. package/dist/collection/components/picker/test/basic/picker.e2e.js +13 -99
  47. package/dist/collection/components/{picker-legacy → picker}/test/is-open/picker.e2e.js +4 -4
  48. package/dist/collection/components/{picker-legacy → picker}/test/picker-id.spec.js +5 -5
  49. package/dist/collection/components/{picker-legacy → picker}/test/trigger/picker.e2e.js +1 -1
  50. package/dist/collection/components/picker-column/picker-column.ios.css +160 -120
  51. package/dist/collection/components/picker-column/picker-column.js +329 -514
  52. package/dist/collection/components/picker-column/picker-column.md.css +107 -134
  53. package/dist/collection/components/{picker-legacy-column → picker-column}/test/picker-column-aria.spec.js +3 -3
  54. package/dist/collection/components/{picker-legacy-column → picker-column}/test/picker-column-dynamic.spec.js +2 -2
  55. package/dist/collection/components/{picker-legacy-column → picker-column}/test/picker-column.spec.js +2 -2
  56. package/dist/collection/components/{picker-legacy-column → picker-column}/test/standalone/picker-column.e2e.js +3 -3
  57. package/dist/collection/components/{picker-column-option/picker-column-option.md.css → picker-column-internal/picker-column-internal.ios.css} +53 -6
  58. package/dist/collection/components/picker-column-internal/picker-column-internal.js +565 -0
  59. package/dist/collection/components/{picker-legacy-column/picker-column.md.css → picker-column-internal/picker-column-internal.md.css} +63 -113
  60. package/dist/collection/components/{picker-column/test/basic/picker-column.e2e.js → picker-column-internal/test/basic/picker-column-internal.e2e.js} +8 -8
  61. package/dist/collection/components/picker-column-internal/test/disabled/picker-column-internal.e2e.js +162 -0
  62. package/dist/collection/components/{picker-legacy/picker.md.css → picker-internal/picker-internal.ios.css} +100 -192
  63. package/dist/collection/components/picker-internal/picker-internal.js +544 -0
  64. package/dist/collection/components/{picker-legacy-column/picker-column.ios.css → picker-internal/picker-internal.md.css} +101 -98
  65. package/dist/collection/components/{picker/test/a11y/picker.e2e.js → picker-internal/test/a11y/picker-internal.e2e.js} +2 -2
  66. package/dist/collection/components/picker-internal/test/basic/picker-internal.e2e.js +118 -0
  67. package/dist/collection/components/{picker/test/keyboard-entry/picker.e2e.js → picker-internal/test/keyboard-entry/picker-internal.e2e.js} +22 -23
  68. package/dist/collection/utils/overlays.js +3 -6
  69. package/dist/docs.json +23 -487
  70. package/dist/esm/{data-4b9508c9.js → data-f5c75b4e.js} +1 -1
  71. package/dist/esm/index.js +1 -1
  72. package/dist/esm/ion-action-sheet.entry.js +1 -1
  73. package/dist/esm/ion-alert.entry.js +1 -1
  74. package/dist/esm/ion-datetime-button.entry.js +1 -1
  75. package/dist/esm/ion-datetime_3.entry.js +34 -28
  76. package/dist/esm/ion-loading.entry.js +1 -1
  77. package/dist/esm/ion-menu_3.entry.js +1 -1
  78. package/dist/esm/ion-modal.entry.js +1 -1
  79. package/dist/esm/{ion-picker-column.entry.js → ion-picker-column-internal.entry.js} +72 -105
  80. package/dist/esm/{ion-picker.entry.js → ion-picker-internal.entry.js} +13 -13
  81. package/dist/esm/ion-popover.entry.js +1 -1
  82. package/dist/esm/ion-select_3.entry.js +1 -1
  83. package/dist/esm/ion-toast.entry.js +1 -1
  84. package/dist/esm/ionic.js +1 -1
  85. package/dist/esm/loader.js +1 -1
  86. package/dist/esm/{overlays-fbc5cab5.js → overlays-d23ea6e1.js} +3 -6
  87. package/dist/esm-es5/index.js +1 -1
  88. package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
  89. package/dist/esm-es5/ion-alert.entry.js +1 -1
  90. package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
  91. package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
  92. package/dist/esm-es5/ion-loading.entry.js +1 -1
  93. package/dist/esm-es5/ion-menu_3.entry.js +1 -1
  94. package/dist/esm-es5/ion-modal.entry.js +1 -1
  95. package/dist/esm-es5/ion-picker-column-internal.entry.js +4 -0
  96. package/dist/esm-es5/ion-picker-internal.entry.js +4 -0
  97. package/dist/esm-es5/ion-popover.entry.js +1 -1
  98. package/dist/esm-es5/ion-select_3.entry.js +1 -1
  99. package/dist/esm-es5/ion-toast.entry.js +1 -1
  100. package/dist/esm-es5/ionic.js +1 -1
  101. package/dist/esm-es5/loader.js +1 -1
  102. package/dist/esm-es5/overlays-d23ea6e1.js +4 -0
  103. package/dist/html.html-data.json +1 -152
  104. package/dist/ionic/index.esm.js +1 -1
  105. package/dist/ionic/ionic.esm.js +1 -1
  106. package/dist/ionic/{p-846ee227.entry.js → p-1e57bd24.entry.js} +1 -1
  107. package/dist/ionic/{p-26798a7b.system.entry.js → p-1f620cd4.system.entry.js} +1 -1
  108. package/dist/ionic/{p-5d42b6b4.entry.js → p-27ea6f4e.entry.js} +1 -1
  109. package/dist/ionic/{p-6b7c55cd.entry.js → p-2dc43d20.entry.js} +1 -1
  110. package/dist/ionic/{p-4a36430f.system.entry.js → p-2f2293da.system.entry.js} +1 -1
  111. package/dist/ionic/{p-21c3515a.entry.js → p-2f300cca.entry.js} +1 -1
  112. package/dist/ionic/{p-8017aad2.system.entry.js → p-39a335b6.system.entry.js} +1 -1
  113. package/dist/ionic/{p-4a081ea9.entry.js → p-3b568d18.entry.js} +1 -1
  114. package/dist/ionic/{p-c18de88a.system.entry.js → p-3e3d06a6.system.entry.js} +1 -1
  115. package/dist/ionic/{p-96dbbac1.system.entry.js → p-4df97e3c.system.entry.js} +1 -1
  116. package/dist/ionic/p-60502e3f.system.entry.js +4 -0
  117. package/dist/ionic/{p-563c41f0.system.entry.js → p-60b386c9.system.entry.js} +1 -1
  118. package/dist/ionic/p-67da080d.entry.js +4 -0
  119. package/dist/ionic/p-73ea8f82.system.entry.js +4 -0
  120. package/dist/ionic/p-80fa068e.entry.js +4 -0
  121. package/dist/ionic/{p-a8baa23e.entry.js → p-8780cc2a.entry.js} +1 -1
  122. package/dist/ionic/{p-f910cc73.system.entry.js → p-9eec42cc.system.entry.js} +1 -1
  123. package/dist/ionic/p-ab11130c.system.js +4 -0
  124. package/dist/ionic/p-af16fe62.entry.js +4 -0
  125. package/dist/ionic/{p-73aa7604.entry.js → p-af19a573.entry.js} +1 -1
  126. package/dist/ionic/p-c14f8ac8.js +4 -0
  127. package/dist/ionic/p-cce9f61a.system.entry.js +4 -0
  128. package/dist/ionic/{p-b133e9b4.entry.js → p-ddb30596.entry.js} +1 -1
  129. package/dist/ionic/{p-27bcbbc7.system.entry.js → p-e1e5afe1.system.entry.js} +1 -1
  130. package/dist/ionic/p-e3584231.system.js +1 -1
  131. package/dist/ionic/{p-fbf3a689.system.entry.js → p-e3ad9607.system.entry.js} +1 -1
  132. package/dist/ionic/{p-73190c5f.entry.js → p-f78efbd1.entry.js} +1 -1
  133. package/dist/ionic/{p-54dfc9b5.system.js → p-fff7a57e.system.js} +1 -1
  134. package/dist/types/components/datetime/utils/data.d.ts +2 -2
  135. package/dist/types/components/picker/picker.d.ts +131 -74
  136. package/dist/types/components/picker-column/picker-column.d.ts +39 -105
  137. package/dist/types/components/picker-column-internal/picker-column-internal.d.ts +102 -0
  138. package/dist/types/components/picker-internal/picker-internal-interfaces.d.ts +8 -0
  139. package/dist/types/components/picker-internal/picker-internal.d.ts +102 -0
  140. package/dist/types/components.d.ts +122 -163
  141. package/dist/types/interface.d.ts +1 -1
  142. package/dist/types/utils/config.d.ts +2 -2
  143. package/dist/types/utils/overlays.d.ts +2 -5
  144. package/hydrate/index.js +1151 -1287
  145. package/package.json +1 -1
  146. package/components/ion-picker-column-option.d.ts +0 -11
  147. package/components/ion-picker-column-option.js +0 -9
  148. package/components/ion-picker-legacy-column.d.ts +0 -11
  149. package/components/ion-picker-legacy-column.js +0 -9
  150. package/components/ion-picker-legacy.js +0 -309
  151. package/components/picker-column-option.js +0 -122
  152. package/components/picker-column2.js +0 -379
  153. package/dist/cjs/ion-picker-column-option.cjs.entry.js +0 -104
  154. package/dist/collection/components/picker-column/test/disabled/picker-column.e2e.js +0 -113
  155. package/dist/collection/components/picker-column/test/slots/picker-column.e2e.js +0 -39
  156. package/dist/collection/components/picker-column-option/picker-column-option.ios.css +0 -87
  157. package/dist/collection/components/picker-column-option/picker-column-option.js +0 -173
  158. package/dist/collection/components/picker-column-option/test/a11y/picker-column-option.e2e.js +0 -18
  159. package/dist/collection/components/picker-column-option/test/basic/picker-column-option.e2e.js +0 -37
  160. package/dist/collection/components/picker-legacy/picker.ios.css +0 -367
  161. package/dist/collection/components/picker-legacy/picker.js +0 -817
  162. package/dist/collection/components/picker-legacy/test/basic/picker.e2e.js +0 -25
  163. package/dist/collection/components/picker-legacy-column/picker-column.js +0 -419
  164. package/dist/esm/ion-picker-column-option.entry.js +0 -100
  165. package/dist/esm-es5/ion-picker-column-option.entry.js +0 -4
  166. package/dist/esm-es5/ion-picker-column.entry.js +0 -4
  167. package/dist/esm-es5/ion-picker.entry.js +0 -4
  168. package/dist/esm-es5/overlays-fbc5cab5.js +0 -4
  169. package/dist/ionic/p-23672c82.system.entry.js +0 -4
  170. package/dist/ionic/p-8fa6583d.system.js +0 -4
  171. package/dist/ionic/p-9282b16f.entry.js +0 -4
  172. package/dist/ionic/p-9ba90516.system.entry.js +0 -4
  173. package/dist/ionic/p-afcf4620.entry.js +0 -4
  174. package/dist/ionic/p-c2910c78.entry.js +0 -4
  175. package/dist/ionic/p-c8f0a036.entry.js +0 -4
  176. package/dist/ionic/p-ca8938f4.js +0 -4
  177. package/dist/ionic/p-ca9d1792.system.entry.js +0 -4
  178. package/dist/ionic/p-ffd5dba4.system.entry.js +0 -4
  179. package/dist/types/components/picker/picker-interfaces.d.ts +0 -8
  180. package/dist/types/components/picker-column-option/picker-column-option.d.ts +0 -66
  181. package/dist/types/components/picker-legacy/picker.d.ts +0 -158
  182. package/dist/types/components/picker-legacy-column/picker-column.d.ts +0 -46
  183. /package/dist/collection/components/{picker-legacy → picker}/animations/ios.enter.js +0 -0
  184. /package/dist/collection/components/{picker-legacy → picker}/animations/ios.leave.js +0 -0
  185. /package/dist/collection/components/picker/{picker-interfaces.js → picker-interface.js} +0 -0
  186. /package/dist/collection/components/{picker-legacy-column → picker-column}/test/test.utils.js +0 -0
  187. /package/dist/collection/components/{picker-column/picker-column-interfaces.js → picker-column-internal/picker-column-internal-interfaces.js} +0 -0
  188. /package/dist/collection/components/{picker-legacy/picker-interface.js → picker-internal/picker-internal-interfaces.js} +0 -0
  189. /package/dist/esm-es5/{data-4b9508c9.js → data-f5c75b4e.js} +0 -0
  190. /package/dist/ionic/{p-368f5215.js → p-2aea8b1e.js} +0 -0
  191. /package/dist/ionic/{p-f58981c2.system.js → p-82e3d633.system.js} +0 -0
  192. /package/dist/types/components/{picker-legacy → picker}/animations/ios.enter.d.ts +0 -0
  193. /package/dist/types/components/{picker-legacy → picker}/animations/ios.leave.d.ts +0 -0
  194. /package/dist/types/components/{picker-legacy → picker}/picker-interface.d.ts +0 -0
  195. /package/dist/types/components/{picker-legacy-column → picker-column}/test/test.utils.d.ts +0 -0
  196. /package/dist/types/components/{picker-column/picker-column-interfaces.d.ts → picker-column-internal/picker-column-internal-interfaces.d.ts} +0 -0
@@ -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:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column: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:first-of-type){text-align:start}:host ::slotted(ion-picker-column:last-of-type){text-align:end}:host ::slotted(ion-picker-column: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",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"&&t!==n.inputEl){n.exitInputMode()}};this.onFocusIn=function(r){var t=r.target;if(t.tagName!=="ION-PICKER-COLUMN"){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"){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.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.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")).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,4 +0,0 @@
1
- /*!
2
- * (C) Ionic http://ionicframework.com - MIT License
3
- */
4
- System.register(["./p-d3b030b8.system.js","./p-32ad210f.system.js","./p-4609d030.system.js","./p-b4a51c42.system.js"],(function(t){"use strict";var i,n,o,e,r,a,s;return{setters:[function(t){i=t.r;n=t.h;o=t.H;e=t.f},function(t){r=t.k},function(t){a=t.c},function(t){s=t.b}],execute:function(){var l="button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;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}:host(.option-disabled){opacity:0.4}:host(.option-disabled) button{cursor:default}";var u="button{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;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}:host(.option-disabled){opacity:0.4}:host(.option-disabled) button{cursor:default}:host(.option-active){color:var(--ion-color-base)}";var h=t("ion_picker_column_option",function(){function t(t){i(this,t);this.pickerColumn=null;this.ariaLabel=null;this.disabled=false;this.value=undefined;this.color="primary"}t.prototype.onAriaLabelChange=function(t){this.ariaLabel=t};t.prototype.componentWillLoad=function(){var t=r(this.el,["aria-label"]);this.ariaLabel=t["aria-label"]||null};t.prototype.connectedCallback=function(){this.pickerColumn=this.el.closest("ion-picker-column")};t.prototype.disconnectedCallback=function(){this.pickerColumn=null};t.prototype.componentDidLoad=function(){var t=this.pickerColumn;if(t!==null){t.scrollActiveItemIntoView()}};t.prototype.onClick=function(){var t=this.pickerColumn;if(t!==null){t.setValue(this.value)}};t.prototype.render=function(){var t;var i=this;var e=this,r=e.color,l=e.disabled,u=e.ariaLabel;var h=s(this);return n(o,{class:a(r,(t={},t[h]=true,t["option-disabled"]=l,t))},n("button",{tabindex:"-1","aria-label":u,disabled:l,onClick:function(){return i.onClick()}},n("slot",null)))};Object.defineProperty(t.prototype,"el",{get:function(){return e(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{"aria-label":["onAriaLabelChange"]}},enumerable:false,configurable:true});return t}());h.style={ios:l,md:u}}}}));
@@ -1,8 +0,0 @@
1
- export interface PickerChangeEventDetail {
2
- useInputMode: boolean;
3
- inputModeColumn?: HTMLIonPickerColumnElement;
4
- }
5
- export interface PickerCustomEvent extends CustomEvent {
6
- target: HTMLIonPickerElement;
7
- detail: PickerChangeEventDetail;
8
- }
@@ -1,66 +0,0 @@
1
- import type { ComponentInterface } from '../../stencil-public-runtime';
2
- import type { Color } from '../../interface';
3
- export declare class PickerColumnOption implements ComponentInterface {
4
- /**
5
- * We keep track of the parent picker column
6
- * so we can update the value of it when
7
- * clicking an enable option.
8
- */
9
- private pickerColumn;
10
- el: HTMLElement;
11
- /**
12
- * The aria-label of the option.
13
- *
14
- * If the value changes, then it will trigger a
15
- * re-render of the picker since it's a @State variable.
16
- * Otherwise, the `aria-label` attribute cannot be updated
17
- * after the component is loaded.
18
- */
19
- ariaLabel?: string | null;
20
- /**
21
- * If `true`, the user cannot interact with the picker column option.
22
- */
23
- disabled: boolean;
24
- /**
25
- * The text value of the option.
26
- */
27
- value?: any | null;
28
- /**
29
- * The color to use from your application's color palette.
30
- * Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
31
- * For more information on colors, see [theming](/docs/theming/basics).
32
- */
33
- color?: Color;
34
- /**
35
- * The aria-label of the option has changed after the
36
- * first render and needs to be updated within the component.
37
- *
38
- * @param ariaLbl The new aria-label value.
39
- */
40
- onAriaLabelChange(ariaLbl: string): void;
41
- componentWillLoad(): void;
42
- connectedCallback(): void;
43
- disconnectedCallback(): void;
44
- /**
45
- * The column options can load at any time
46
- * so the options needs to tell the
47
- * parent picker column when it is loaded
48
- * so the picker column can ensure it is
49
- * centered in the view.
50
- *
51
- * We intentionally run this for every
52
- * option. If we only ran this from
53
- * the selected option then if the newly
54
- * loaded options were not selected then
55
- * scrollActiveItemIntoView would not be called.
56
- */
57
- componentDidLoad(): void;
58
- /**
59
- * When an option is clicked update the
60
- * parent picker column value. This
61
- * component will handle centering the option
62
- * in the column view.
63
- */
64
- onClick(): void;
65
- render(): any;
66
- }
@@ -1,158 +0,0 @@
1
- import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
2
- import type { AnimationBuilder, OverlayInterface, FrameworkDelegate } from '../../interface';
3
- import type { OverlayEventDetail } from '../../utils/overlays-interface';
4
- import type { PickerButton, PickerColumn } from './picker-interface';
5
- /**
6
- * @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
7
- */
8
- export declare class Picker implements ComponentInterface, OverlayInterface {
9
- private readonly delegateController;
10
- private readonly lockController;
11
- private readonly triggerController;
12
- private durationTimeout?;
13
- lastFocus?: HTMLElement;
14
- el: HTMLIonPickerLegacyElement;
15
- presented: boolean;
16
- /** @internal */
17
- overlayIndex: number;
18
- /** @internal */
19
- delegate?: FrameworkDelegate;
20
- /** @internal */
21
- hasController: boolean;
22
- /**
23
- * If `true`, the keyboard will be automatically dismissed when the overlay is presented.
24
- */
25
- keyboardClose: boolean;
26
- /**
27
- * Animation to use when the picker is presented.
28
- */
29
- enterAnimation?: AnimationBuilder;
30
- /**
31
- * Animation to use when the picker is dismissed.
32
- */
33
- leaveAnimation?: AnimationBuilder;
34
- /**
35
- * Array of buttons to be displayed at the top of the picker.
36
- */
37
- buttons: PickerButton[];
38
- /**
39
- * Array of columns to be displayed in the picker.
40
- */
41
- columns: PickerColumn[];
42
- /**
43
- * Additional classes to apply for custom CSS. If multiple classes are
44
- * provided they should be separated by spaces.
45
- */
46
- cssClass?: string | string[];
47
- /**
48
- * Number of milliseconds to wait before dismissing the picker.
49
- */
50
- duration: number;
51
- /**
52
- * If `true`, a backdrop will be displayed behind the picker.
53
- */
54
- showBackdrop: boolean;
55
- /**
56
- * If `true`, the picker will be dismissed when the backdrop is clicked.
57
- */
58
- backdropDismiss: boolean;
59
- /**
60
- * If `true`, the picker will animate.
61
- */
62
- animated: boolean;
63
- /**
64
- * Additional attributes to pass to the picker.
65
- */
66
- htmlAttributes?: {
67
- [key: string]: any;
68
- };
69
- /**
70
- * If `true`, the picker will open. If `false`, the picker will close.
71
- * Use this if you need finer grained control over presentation, otherwise
72
- * just use the pickerController or the `trigger` property.
73
- * Note: `isOpen` will not automatically be set back to `false` when
74
- * the picker dismisses. You will need to do that in your code.
75
- */
76
- isOpen: boolean;
77
- onIsOpenChange(newValue: boolean, oldValue: boolean): void;
78
- /**
79
- * An ID corresponding to the trigger element that
80
- * causes the picker to open when clicked.
81
- */
82
- trigger: string | undefined;
83
- triggerChanged(): void;
84
- /**
85
- * Emitted after the picker has presented.
86
- */
87
- didPresent: EventEmitter<void>;
88
- /**
89
- * Emitted before the picker has presented.
90
- */
91
- willPresent: EventEmitter<void>;
92
- /**
93
- * Emitted before the picker has dismissed.
94
- */
95
- willDismiss: EventEmitter<OverlayEventDetail>;
96
- /**
97
- * Emitted after the picker has dismissed.
98
- */
99
- didDismiss: EventEmitter<OverlayEventDetail>;
100
- /**
101
- * Emitted after the picker has presented.
102
- * Shorthand for ionPickerWillDismiss.
103
- */
104
- didPresentShorthand: EventEmitter<void>;
105
- /**
106
- * Emitted before the picker has presented.
107
- * Shorthand for ionPickerWillPresent.
108
- */
109
- willPresentShorthand: EventEmitter<void>;
110
- /**
111
- * Emitted before the picker has dismissed.
112
- * Shorthand for ionPickerWillDismiss.
113
- */
114
- willDismissShorthand: EventEmitter<OverlayEventDetail>;
115
- /**
116
- * Emitted after the picker has dismissed.
117
- * Shorthand for ionPickerDidDismiss.
118
- */
119
- didDismissShorthand: EventEmitter<OverlayEventDetail>;
120
- connectedCallback(): void;
121
- disconnectedCallback(): void;
122
- componentWillLoad(): void;
123
- componentDidLoad(): void;
124
- /**
125
- * Present the picker overlay after it has been created.
126
- */
127
- present(): Promise<void>;
128
- /**
129
- * Dismiss the picker overlay after it has been presented.
130
- *
131
- * @param data Any data to emit in the dismiss events.
132
- * @param role The role of the element that is dismissing the picker.
133
- * This can be useful in a button handler for determining which button was
134
- * clicked to dismiss the picker.
135
- * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
136
- */
137
- dismiss(data?: any, role?: string): Promise<boolean>;
138
- /**
139
- * Returns a promise that resolves when the picker did dismiss.
140
- */
141
- onDidDismiss<T = any>(): Promise<OverlayEventDetail<T>>;
142
- /**
143
- * Returns a promise that resolves when the picker will dismiss.
144
- */
145
- onWillDismiss<T = any>(): Promise<OverlayEventDetail<T>>;
146
- /**
147
- * Get the column that matches the specified name.
148
- *
149
- * @param name The name of the column.
150
- */
151
- getColumn(name: string): Promise<PickerColumn | undefined>;
152
- private buttonClick;
153
- private callButtonHandler;
154
- private getSelected;
155
- private onBackdropTap;
156
- private dispatchCancelHandler;
157
- render(): any;
158
- }
@@ -1,46 +0,0 @@
1
- import type { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
2
- import type { PickerColumn } from '../picker-legacy/picker-interface';
3
- /**
4
- * @internal
5
- */
6
- export declare class PickerColumnCmp implements ComponentInterface {
7
- private bounceFrom;
8
- private lastIndex?;
9
- private minY;
10
- private maxY;
11
- private optHeight;
12
- private rotateFactor;
13
- private scaleFactor;
14
- private velocity;
15
- private y;
16
- private optsEl?;
17
- private gesture?;
18
- private rafId?;
19
- private tmrId?;
20
- private noAnimate;
21
- private colDidChange;
22
- el: HTMLElement;
23
- /**
24
- * Emitted when the selected value has changed
25
- * @internal
26
- */
27
- ionPickerColChange: EventEmitter<PickerColumn>;
28
- /** Picker column data */
29
- col: PickerColumn;
30
- protected colChanged(): void;
31
- connectedCallback(): Promise<void>;
32
- componentDidLoad(): void;
33
- componentDidUpdate(): void;
34
- disconnectedCallback(): void;
35
- private emitColChange;
36
- private setSelected;
37
- private update;
38
- private decelerate;
39
- private indexForY;
40
- private onStart;
41
- private onMove;
42
- private onEnd;
43
- private refresh;
44
- private onDomChange;
45
- render(): any;
46
- }
File without changes