@ionic/core 8.7.16-dev.11769699401.1dc7caf4 → 8.7.16-dev.11770318223.1177a6ea
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.
- package/components/button.js +20 -15
- package/components/checkbox.js +3 -3
- package/components/content.js +3 -3
- package/components/header.js +2 -2
- package/components/helpers.js +18 -4
- package/components/ion-card-content.js +7 -8
- package/components/ion-card-header.js +2 -2
- package/components/ion-card-subtitle.js +2 -2
- package/components/ion-card-title.js +2 -2
- package/components/ion-chip.js +2 -2
- package/components/ion-col.js +2 -2
- package/components/ion-datetime-button.js +2 -2
- package/components/ion-datetime.js +11 -17
- package/components/ion-divider.js +2 -2
- package/components/ion-fab-button.js +2 -2
- package/components/ion-fab-list.js +2 -2
- package/components/ion-fab.js +2 -2
- package/components/ion-footer.js +2 -2
- package/components/ion-grid.js +2 -2
- package/components/ion-img.js +2 -2
- package/components/ion-infinite-scroll-content.js +2 -2
- package/components/ion-infinite-scroll.js +1 -1
- package/components/ion-input-otp.js +62 -7
- package/components/ion-input-password-toggle.js +3 -3
- package/components/ion-input.js +4 -4
- package/components/ion-item-divider.js +2 -2
- package/components/ion-item-group.js +1 -1
- package/components/ion-item-option.js +2 -2
- package/components/ion-item-options.js +1 -1
- package/components/ion-item-sliding.js +1 -1
- package/components/ion-loading.js +2 -2
- package/components/ion-menu-button.js +2 -2
- package/components/ion-menu-toggle.js +2 -2
- package/components/ion-menu.js +2 -2
- package/components/ion-nav-link.js +1 -1
- package/components/ion-nav.js +1 -1
- package/components/ion-note.js +2 -2
- package/components/ion-picker-legacy.js +2 -2
- package/components/ion-progress-bar.js +1 -1
- package/components/ion-range.js +3 -3
- package/components/ion-refresher-content.js +2 -2
- package/components/ion-refresher.js +1 -1
- package/components/ion-reorder-group.js +1 -1
- package/components/ion-reorder.js +2 -2
- package/components/ion-router-link.js +2 -2
- package/components/ion-router-outlet.js +1 -1
- package/components/ion-row.js +2 -2
- package/components/ion-searchbar.js +4 -4
- package/components/ion-segment-button.js +2 -2
- package/components/ion-segment-content.js +1 -1
- package/components/ion-segment-view.js +2 -2
- package/components/ion-segment.js +2 -2
- package/components/ion-select-option.js +1 -1
- package/components/ion-select.js +3 -3
- package/components/ion-skeleton-text.js +2 -2
- package/components/ion-split-pane.js +2 -2
- package/components/ion-tab-bar.js +2 -2
- package/components/ion-tab-button.js +2 -2
- package/components/ion-tab.js +2 -2
- package/components/ion-tabs.js +1 -1
- package/components/ion-text.js +2 -2
- package/components/ion-textarea.js +81 -14
- package/components/ion-thumbnail.js +2 -2
- package/components/ion-toast.js +2 -2
- package/components/ion-toggle.js +3 -3
- package/components/label.js +2 -2
- package/components/list-header.js +2 -2
- package/components/list.js +1 -1
- package/components/modal.js +4 -4
- package/components/overlays.js +93 -2
- package/components/picker-column-option.js +2 -2
- package/components/picker-column.js +3 -3
- package/components/picker-column2.js +2 -2
- package/components/picker.js +2 -2
- package/components/popover.js +2 -2
- package/components/radio-group.js +2 -2
- package/components/radio.js +3 -3
- package/components/ripple-effect.js +1 -1
- package/components/select-modal.js +1 -1
- package/components/select-popover.js +2 -2
- package/components/spinner.js +1 -1
- package/components/theme.js +25 -1
- package/components/title.js +2 -2
- package/components/toolbar.js +2 -2
- package/components/validity.js +32 -1
- package/css/core.css +1 -1
- package/css/core.css.map +1 -1
- package/css/ionic/bundle.ionic.css +1 -1
- package/css/ionic/bundle.ionic.css.map +1 -1
- package/css/ionic/core.ionic.css +1 -1
- package/css/ionic/core.ionic.css.map +1 -1
- package/css/ionic.bundle.css +1 -1
- package/css/ionic.bundle.css.map +1 -1
- package/dist/cjs/{animation-CD5nuON9.js → animation-C04i0Aq2.js} +2 -2
- package/dist/cjs/{app-globals-CoW5jvJu.js → app-globals-BP1XPbBb.js} +1 -1
- package/dist/cjs/{button-active-Dxyabn6T.js → button-active-B9D1nnqS.js} +2 -2
- package/dist/cjs/{capacitor-C8raJ_tU.js → capacitor-CbwHRb4L.js} +1 -1
- package/dist/cjs/{config-C5fsO43a.js → config-CPCkFfH2.js} +1 -1
- package/dist/cjs/{data-MoL8Ckx5.js → data-BpYscHnl.js} +1 -1
- package/dist/cjs/{framework-delegate-Bwdk9vFS.js → framework-delegate-C7fZ8bup.js} +2 -2
- package/dist/cjs/{haptic-BU6_qLwg.js → haptic-CYmISoOJ.js} +1 -1
- package/dist/cjs/{helpers-DnouLczu.js → helpers-DF1tCuxf.js} +19 -5
- package/dist/cjs/{index-C4_FN9N0.js → index-B2l1iL59.js} +4 -4
- package/dist/cjs/{index-JtyffOXl.js → index-BVcv37_B.js} +4 -4
- package/dist/cjs/{index-CADY2xEW.js → index-BioRZa_4.js} +3 -3
- package/dist/cjs/{index-DUoP_H1L.js → index-C2sRwpb7.js} +2 -2
- package/dist/cjs/{index-D6Wc6v08.js → index-DjlJwy91.js} +41 -4
- package/dist/cjs/index.cjs.js +12 -12
- package/dist/cjs/{input-shims-C-YCyXjg.js → input-shims-BYRSBwuG.js} +6 -6
- package/dist/cjs/{input.utils-C3-BwdV0.js → input.utils-BBh_FWGy.js} +3 -3
- package/dist/cjs/ion-accordion_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-action-sheet.cjs.entry.js +10 -10
- package/dist/cjs/ion-alert.cjs.entry.js +11 -11
- package/dist/cjs/ion-app_8.cjs.entry.js +23 -23
- package/dist/cjs/ion-avatar_3.cjs.entry.js +5 -5
- package/dist/cjs/ion-back-button.cjs.entry.js +4 -4
- package/dist/cjs/ion-backdrop.cjs.entry.js +2 -2
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-button_2.cjs.entry.js +23 -18
- package/dist/cjs/ion-card_5.cjs.entry.js +15 -17
- package/dist/cjs/ion-checkbox.cjs.entry.js +8 -8
- package/dist/cjs/ion-chip.cjs.entry.js +5 -5
- package/dist/cjs/ion-col_3.cjs.entry.js +8 -8
- package/dist/cjs/ion-datetime-button.cjs.entry.js +7 -7
- package/dist/cjs/ion-datetime_3.cjs.entry.js +21 -21
- package/dist/cjs/ion-divider.cjs.entry.js +4 -4
- package/dist/cjs/ion-fab_3.cjs.entry.js +10 -10
- package/dist/cjs/ion-img.cjs.entry.js +5 -5
- package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +8 -8
- package/dist/cjs/ion-input-otp.cjs.entry.js +69 -10
- package/dist/cjs/ion-input-password-toggle.cjs.entry.js +6 -6
- package/dist/cjs/ion-input.cjs.entry.js +11 -11
- package/dist/cjs/ion-item-option_3.cjs.entry.js +9 -9
- package/dist/cjs/ion-item_8.cjs.entry.js +16 -16
- package/dist/cjs/ion-loading.cjs.entry.js +10 -10
- package/dist/cjs/ion-menu_3.cjs.entry.js +14 -14
- package/dist/cjs/ion-modal.cjs.entry.js +16 -16
- package/dist/cjs/ion-nav_2.cjs.entry.js +8 -8
- package/dist/cjs/ion-picker-column-option.cjs.entry.js +6 -6
- package/dist/cjs/ion-picker-column.cjs.entry.js +9 -9
- package/dist/cjs/ion-picker.cjs.entry.js +4 -4
- package/dist/cjs/ion-popover.cjs.entry.js +10 -10
- package/dist/cjs/ion-progress-bar.cjs.entry.js +5 -5
- package/dist/cjs/ion-radio_2.cjs.entry.js +10 -10
- package/dist/cjs/ion-range.cjs.entry.js +8 -8
- package/dist/cjs/ion-refresher_2.cjs.entry.js +11 -11
- package/dist/cjs/ion-reorder_2.cjs.entry.js +9 -9
- package/dist/cjs/ion-ripple-effect.cjs.entry.js +3 -3
- package/dist/cjs/ion-route_4.cjs.entry.js +6 -6
- package/dist/cjs/ion-searchbar.cjs.entry.js +8 -8
- package/dist/cjs/ion-segment-content.cjs.entry.js +2 -2
- package/dist/cjs/ion-segment-view.cjs.entry.js +3 -3
- package/dist/cjs/ion-segment_2.cjs.entry.js +8 -8
- package/dist/cjs/ion-select-modal.cjs.entry.js +7 -7
- package/dist/cjs/ion-select_3.cjs.entry.js +14 -14
- package/dist/cjs/ion-spinner.cjs.entry.js +4 -4
- package/dist/cjs/ion-split-pane.cjs.entry.js +4 -4
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +11 -11
- package/dist/cjs/ion-tab_2.cjs.entry.js +6 -6
- package/dist/cjs/ion-text.cjs.entry.js +5 -5
- package/dist/cjs/ion-textarea.cjs.entry.js +88 -18
- package/dist/cjs/ion-toast.cjs.entry.js +10 -10
- package/dist/cjs/ion-toggle.cjs.entry.js +10 -10
- package/dist/cjs/{ionic-global-DpRwOXLK.js → ionic-global-Dq_E1GCa.js} +5 -5
- package/dist/cjs/ionic.cjs.js +4 -4
- package/dist/cjs/{ios.transition-Dt4GT8w5.js → ios.transition-DRha8gOi.js} +5 -5
- package/dist/cjs/{keyboard-B8HJHbg3.js → keyboard-DYFGJjuN.js} +4 -4
- package/dist/cjs/{keyboard-controller-O8n0dTQz.js → keyboard-controller-DNlzZiH-.js} +3 -3
- package/dist/cjs/{keyboard-BlrG3xPK.js → keyboard-sMvh7TE6.js} +1 -1
- package/dist/cjs/loader.cjs.js +4 -4
- package/dist/cjs/{md.transition-BolcQzNP.js → md.transition-Dh46qaSH.js} +5 -5
- package/dist/cjs/{notch-controller-BE80VRju.js → notch-controller-qvgjFR8h.js} +2 -2
- package/dist/cjs/{overlays-CRSQCKrz.js → overlays-CA-nLfRi.js} +97 -6
- package/dist/cjs/{status-tap-e-hyosXV.js → status-tap-BLw3gi_z.js} +3 -3
- package/dist/cjs/{swipe-back-CR060nOX.js → swipe-back-BD2lWufH.js} +2 -2
- package/dist/cjs/{theme-CeDs6Hcv.js → theme-IlOsGAz7.js} +25 -1
- package/dist/cjs/validity-QmuwEptc.js +51 -0
- package/dist/collection/components/button/button.ionic.css +10 -0
- package/dist/collection/components/button/button.ios.css +19 -0
- package/dist/collection/components/button/button.js +17 -12
- package/dist/collection/components/button/button.md.css +24 -0
- package/dist/collection/components/card-content/card-content.ionic.css +4 -7
- package/dist/collection/components/card-content/card-content.ios.css +5 -35
- package/dist/collection/components/card-content/card-content.js +3 -4
- package/dist/collection/components/card-content/card-content.md.css +5 -35
- package/dist/collection/components/card-header/card-header.js +2 -2
- package/dist/collection/components/card-subtitle/card-subtitle.js +2 -2
- package/dist/collection/components/card-title/card-title.js +2 -2
- package/dist/collection/components/checkbox/checkbox.js +3 -3
- package/dist/collection/components/chip/chip.js +2 -2
- package/dist/collection/components/col/col.js +2 -2
- package/dist/collection/components/content/content.js +3 -3
- package/dist/collection/components/datetime/datetime.ionic.css +5 -13
- package/dist/collection/components/datetime/datetime.ios.css +47 -12
- package/dist/collection/components/datetime/datetime.js +4 -4
- package/dist/collection/components/datetime/datetime.md.css +37 -2
- package/dist/collection/components/datetime-button/datetime-button.js +2 -2
- package/dist/collection/components/divider/divider.js +2 -2
- package/dist/collection/components/fab/fab.js +2 -2
- package/dist/collection/components/fab-button/fab-button.js +2 -2
- package/dist/collection/components/fab-list/fab-list.js +2 -2
- package/dist/collection/components/footer/footer.js +2 -2
- package/dist/collection/components/grid/grid.js +2 -2
- package/dist/collection/components/header/header.js +2 -2
- package/dist/collection/components/img/img.js +2 -2
- package/dist/collection/components/infinite-scroll/infinite-scroll.js +1 -1
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
- package/dist/collection/components/input/input.js +4 -4
- package/dist/collection/components/input-otp/input-otp.ionic.css +2 -0
- package/dist/collection/components/input-otp/input-otp.ios.css +3 -0
- package/dist/collection/components/input-otp/input-otp.js +69 -4
- package/dist/collection/components/input-otp/input-otp.md.css +3 -0
- package/dist/collection/components/input-password-toggle/input-password-toggle.js +3 -3
- package/dist/collection/components/item-divider/item-divider.js +2 -2
- package/dist/collection/components/item-group/item-group.js +1 -1
- package/dist/collection/components/item-option/item-option.js +2 -2
- package/dist/collection/components/item-options/item-options.js +1 -1
- package/dist/collection/components/item-sliding/item-sliding.js +1 -1
- package/dist/collection/components/label/label.js +2 -2
- package/dist/collection/components/list/list.js +1 -1
- package/dist/collection/components/list-header/list-header.js +2 -2
- package/dist/collection/components/loading/loading.js +2 -2
- package/dist/collection/components/menu/menu.js +2 -2
- package/dist/collection/components/menu-button/menu-button.js +2 -2
- package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
- package/dist/collection/components/modal/modal.js +4 -4
- package/dist/collection/components/nav/nav.js +1 -1
- package/dist/collection/components/nav-link/nav-link.js +1 -1
- package/dist/collection/components/note/note.js +2 -2
- package/dist/collection/components/picker/picker.js +2 -2
- package/dist/collection/components/picker-column/picker-column.js +3 -3
- package/dist/collection/components/picker-column-option/picker-column-option.js +2 -2
- package/dist/collection/components/picker-legacy/picker.js +2 -2
- package/dist/collection/components/picker-legacy-column/picker-column.js +2 -2
- package/dist/collection/components/popover/popover.js +2 -2
- package/dist/collection/components/progress-bar/progress-bar.js +1 -1
- package/dist/collection/components/radio/radio.js +3 -3
- package/dist/collection/components/radio-group/radio-group.js +2 -2
- package/dist/collection/components/range/range.js +3 -3
- package/dist/collection/components/refresher/refresher.js +1 -1
- package/dist/collection/components/refresher-content/refresher-content.js +2 -2
- package/dist/collection/components/reorder/reorder.js +2 -2
- package/dist/collection/components/reorder-group/reorder-group.js +1 -1
- package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
- package/dist/collection/components/router-link/router-link.js +2 -2
- package/dist/collection/components/router-outlet/router-outlet.js +1 -1
- package/dist/collection/components/row/row.js +2 -2
- package/dist/collection/components/searchbar/searchbar.js +4 -4
- package/dist/collection/components/segment/segment.js +2 -2
- package/dist/collection/components/segment-button/segment-button.js +2 -2
- package/dist/collection/components/segment-content/segment-content.js +1 -1
- package/dist/collection/components/segment-view/segment-view.js +2 -2
- package/dist/collection/components/select/select.js +3 -3
- package/dist/collection/components/select-modal/select-modal.js +1 -1
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/select-popover/select-popover.js +2 -2
- package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-pane/split-pane.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-button/tab-button.js +2 -2
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/text/text.js +2 -2
- package/dist/collection/components/textarea/textarea.ionic.css +13 -20
- package/dist/collection/components/textarea/textarea.ios.css +8 -14
- package/dist/collection/components/textarea/textarea.js +89 -11
- package/dist/collection/components/textarea/textarea.md.css +9 -14
- package/dist/collection/components/thumbnail/thumbnail.js +2 -2
- package/dist/collection/components/title/title.js +2 -2
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/toolbar/toolbar.js +2 -2
- package/dist/collection/utils/focus-trap.js +13 -2
- package/dist/collection/utils/forms/validity.js +31 -0
- package/dist/collection/utils/helpers.js +18 -4
- package/dist/collection/utils/overlays.js +80 -0
- package/dist/collection/utils/theme.js +25 -1
- package/dist/docs.json +178 -15
- package/dist/esm/{animation-BNuoDl-O.js → animation-C5cgFymd.js} +2 -2
- package/dist/esm/{app-globals-tX0s9Zd7.js → app-globals-BQa4bHAm.js} +1 -1
- package/dist/esm/{button-active-BF6GZ_yH.js → button-active-DpavRUgB.js} +2 -2
- package/dist/esm/{capacitor-pzVAlnC0.js → capacitor-Bc47Xxvc.js} +1 -1
- package/dist/esm/{config-mCdtaoPe.js → config-DK9FWNvn.js} +1 -1
- package/dist/esm/{data-DFCY8gnk.js → data-B5lRlGxI.js} +1 -1
- package/dist/esm/{framework-delegate-D2mUP0WI.js → framework-delegate-Dx6tn-_w.js} +2 -2
- package/dist/esm/{haptic-bBvyATla.js → haptic-Dti4RWuD.js} +1 -1
- package/dist/esm/{helpers-Bsml3FcE.js → helpers-6l6yFg3S.js} +19 -5
- package/dist/esm/{index-Bnw-zNoN.js → index-B6MWWbnL.js} +3 -3
- package/dist/esm/{index-BpFi2B8W.js → index-CXCvNx5X.js} +2 -2
- package/dist/esm/{index-BQI9hSZP.js → index-DO9elf_6.js} +4 -4
- package/dist/esm/{index-C8IsBmNU.js → index-gD7P82jx.js} +41 -4
- package/dist/esm/{index-M3l-IyxQ.js → index-urxfV0GK.js} +4 -4
- package/dist/esm/index.js +12 -12
- package/dist/esm/{input-shims-ACbgRt10.js → input-shims-CK_oprMl.js} +6 -6
- package/dist/esm/{input.utils-loPnHH5H.js → input.utils-C3tJs_iL.js} +3 -3
- package/dist/esm/ion-accordion_2.entry.js +4 -4
- package/dist/esm/ion-action-sheet.entry.js +10 -10
- package/dist/esm/ion-alert.entry.js +11 -11
- package/dist/esm/ion-app_8.entry.js +23 -23
- package/dist/esm/ion-avatar_3.entry.js +5 -5
- package/dist/esm/ion-back-button.entry.js +4 -4
- package/dist/esm/ion-backdrop.entry.js +2 -2
- package/dist/esm/ion-breadcrumb_2.entry.js +4 -4
- package/dist/esm/ion-button_2.entry.js +23 -18
- package/dist/esm/ion-card_5.entry.js +15 -17
- package/dist/esm/ion-checkbox.entry.js +8 -8
- package/dist/esm/ion-chip.entry.js +5 -5
- package/dist/esm/ion-col_3.entry.js +8 -8
- package/dist/esm/ion-datetime-button.entry.js +7 -7
- package/dist/esm/ion-datetime_3.entry.js +21 -21
- package/dist/esm/ion-divider.entry.js +4 -4
- package/dist/esm/ion-fab_3.entry.js +10 -10
- package/dist/esm/ion-img.entry.js +5 -5
- package/dist/esm/ion-infinite-scroll_2.entry.js +8 -8
- package/dist/esm/ion-input-otp.entry.js +69 -10
- package/dist/esm/ion-input-password-toggle.entry.js +6 -6
- package/dist/esm/ion-input.entry.js +11 -11
- package/dist/esm/ion-item-option_3.entry.js +9 -9
- package/dist/esm/ion-item_8.entry.js +16 -16
- package/dist/esm/ion-loading.entry.js +10 -10
- package/dist/esm/ion-menu_3.entry.js +14 -14
- package/dist/esm/ion-modal.entry.js +16 -16
- package/dist/esm/ion-nav_2.entry.js +8 -8
- package/dist/esm/ion-picker-column-option.entry.js +6 -6
- package/dist/esm/ion-picker-column.entry.js +9 -9
- package/dist/esm/ion-picker.entry.js +4 -4
- package/dist/esm/ion-popover.entry.js +10 -10
- package/dist/esm/ion-progress-bar.entry.js +5 -5
- package/dist/esm/ion-radio_2.entry.js +10 -10
- package/dist/esm/ion-range.entry.js +8 -8
- package/dist/esm/ion-refresher_2.entry.js +11 -11
- package/dist/esm/ion-reorder_2.entry.js +9 -9
- package/dist/esm/ion-ripple-effect.entry.js +3 -3
- package/dist/esm/ion-route_4.entry.js +6 -6
- package/dist/esm/ion-searchbar.entry.js +8 -8
- package/dist/esm/ion-segment-content.entry.js +2 -2
- package/dist/esm/ion-segment-view.entry.js +3 -3
- package/dist/esm/ion-segment_2.entry.js +8 -8
- package/dist/esm/ion-select-modal.entry.js +7 -7
- package/dist/esm/ion-select_3.entry.js +14 -14
- package/dist/esm/ion-spinner.entry.js +4 -4
- package/dist/esm/ion-split-pane.entry.js +4 -4
- package/dist/esm/ion-tab-bar_2.entry.js +11 -11
- package/dist/esm/ion-tab_2.entry.js +6 -6
- package/dist/esm/ion-text.entry.js +5 -5
- package/dist/esm/ion-textarea.entry.js +88 -18
- package/dist/esm/ion-toast.entry.js +10 -10
- package/dist/esm/ion-toggle.entry.js +10 -10
- package/dist/esm/{ionic-global-2lDD9k7y.js → ionic-global-KnoA5TnE.js} +5 -5
- package/dist/esm/ionic.js +5 -5
- package/dist/esm/{ios.transition-uJxJFbq8.js → ios.transition-D-ZEPllL.js} +5 -5
- package/dist/esm/{keyboard-CU1vRv-b.js → keyboard-C7jpSDLg.js} +1 -1
- package/dist/esm/{keyboard-B-HHSSYU.js → keyboard-CrGPuspU.js} +4 -4
- package/dist/esm/{keyboard-controller-Dplyc4OV.js → keyboard-controller-CFeM2qrY.js} +3 -3
- package/dist/esm/loader.js +5 -5
- package/dist/esm/{md.transition-Dp4NTeSh.js → md.transition-DiPaaGY2.js} +5 -5
- package/dist/esm/{notch-controller-BvFDmO69.js → notch-controller-CEiB8plC.js} +2 -2
- package/dist/esm/{overlays-B037a9Tz.js → overlays-BMHHx7Tm.js} +97 -6
- package/dist/esm/{status-tap-DXVlluKS.js → status-tap-BAJGCN-1.js} +3 -3
- package/dist/esm/{swipe-back-DNhAt9fY.js → swipe-back-bZ7qcCmT.js} +2 -2
- package/dist/esm/{theme-DiVJyqlX.js → theme-DaJxRxSQ.js} +25 -1
- package/dist/esm/validity-BjW8SOqw.js +48 -0
- package/dist/html.html-data.json +28 -1
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-5daa0980.entry.js → p-01dec443.entry.js} +1 -1
- package/dist/ionic/{p-04b1d37a.entry.js → p-01e2ad58.entry.js} +1 -1
- package/dist/ionic/{p-112e1ca9.entry.js → p-04c2c873.entry.js} +1 -1
- package/dist/ionic/{p-28a9d991.entry.js → p-09aab7d0.entry.js} +1 -1
- package/dist/ionic/{p-be82dc77.entry.js → p-0b51f337.entry.js} +1 -1
- package/dist/ionic/{p-616dd053.entry.js → p-131e3b2d.entry.js} +1 -1
- package/dist/ionic/{p-0f124806.entry.js → p-1454c314.entry.js} +1 -1
- package/dist/ionic/p-14c73725.entry.js +4 -0
- package/dist/ionic/p-14d44c66.entry.js +4 -0
- package/dist/ionic/{p-a35678f4.entry.js → p-1af56d46.entry.js} +1 -1
- package/dist/ionic/{p-0744265c.entry.js → p-1c00e5cc.entry.js} +1 -1
- package/dist/ionic/{p-0ac7c560.entry.js → p-25db2a16.entry.js} +1 -1
- package/dist/ionic/{p-60549f06.entry.js → p-2ef8db38.entry.js} +1 -1
- package/dist/ionic/{p-0607ce8e.entry.js → p-31706aa0.entry.js} +1 -1
- package/dist/ionic/{p-19b2060d.entry.js → p-39f88b4f.entry.js} +1 -1
- package/dist/ionic/p-3b163efb.entry.js +4 -0
- package/dist/ionic/{p-ecba552f.entry.js → p-3d69c783.entry.js} +1 -1
- package/dist/ionic/{p-e1d84521.entry.js → p-3d7263e2.entry.js} +1 -1
- package/dist/ionic/p-3f93e610.entry.js +4 -0
- package/dist/ionic/{p-Cq83JWMg.js → p-44OfGWEp.js} +1 -1
- package/dist/ionic/{p-5543b7b8.entry.js → p-45ffc1cb.entry.js} +1 -1
- package/dist/ionic/{p-a89211bd.entry.js → p-4d7a2141.entry.js} +1 -1
- package/dist/ionic/{p-f667945d.entry.js → p-51ddc430.entry.js} +1 -1
- package/dist/ionic/{p-d9c9592a.entry.js → p-69bef533.entry.js} +1 -1
- package/dist/ionic/{p-dacd8666.entry.js → p-717fa143.entry.js} +1 -1
- package/dist/ionic/{p-742fed9f.entry.js → p-7482c8b3.entry.js} +1 -1
- package/dist/ionic/{p-bd295ca7.entry.js → p-74cab2da.entry.js} +1 -1
- package/dist/ionic/p-788de6f7.entry.js +4 -0
- package/dist/ionic/{p-01577340.entry.js → p-7ab2b10c.entry.js} +1 -1
- package/dist/ionic/{p-ecf8e713.entry.js → p-7dc9aa9a.entry.js} +1 -1
- package/dist/ionic/{p-27dbb44c.entry.js → p-7f6069f4.entry.js} +1 -1
- package/dist/ionic/{p-472b2ca3.entry.js → p-8093e290.entry.js} +1 -1
- package/dist/ionic/{p-59a79bd9.entry.js → p-82ca1cae.entry.js} +1 -1
- package/dist/ionic/{p-5f9d9c14.entry.js → p-83c3c072.entry.js} +1 -1
- package/dist/ionic/p-8ddbeb52.entry.js +4 -0
- package/dist/ionic/{p-af1f624e.entry.js → p-9e985573.entry.js} +1 -1
- package/dist/ionic/p-9f29b55e.entry.js +4 -0
- package/dist/ionic/{p-qZR4N8Lu.js → p-B0QqVGqF.js} +1 -1
- package/dist/ionic/p-BAmXMA83.js +4 -0
- package/dist/ionic/p-BIyO17h7.js +4 -0
- package/dist/ionic/p-BjW8SOqw.js +4 -0
- package/dist/ionic/{p-UafGZQ8e.js → p-Br3trE7L.js} +1 -1
- package/dist/ionic/{p-DeEDqH91.js → p-BunTRNUk.js} +1 -1
- package/dist/ionic/p-CCy93Kdo.js +4 -0
- package/dist/ionic/{p-HpOiAvpC.js → p-CDRncjej.js} +1 -1
- package/dist/ionic/{p-CtUK3cKk.js → p-CH4Ab9QE.js} +1 -1
- package/dist/ionic/{p-B3uz75uZ.js → p-CYW7idR0.js} +1 -1
- package/dist/ionic/{p-B-D7Cfki.js → p-Ccfet-fb.js} +1 -1
- package/dist/ionic/p-CdcKo7Br.js +4 -0
- package/dist/ionic/{p-COLHV2ym.js → p-CsyYiC5f.js} +1 -1
- package/dist/ionic/{p-DyaKZbAH.js → p-CtS5hTli.js} +1 -1
- package/dist/ionic/{p-DbQ5QkTP.js → p-Cv5jk_TK.js} +1 -1
- package/dist/ionic/{p-q1ZSn0l7.js → p-CzuA64hv.js} +1 -1
- package/dist/ionic/{p-D-BelbiX.js → p-DGDvjMxF.js} +1 -1
- package/dist/ionic/p-DKogfaNJ.js +4 -0
- package/dist/ionic/p-DOsU-ODO.js +4 -0
- package/dist/ionic/p-DPrmF8Ki.js +4 -0
- package/dist/ionic/p-DYzvRXm5.js +4 -0
- package/dist/ionic/p-DaJxRxSQ.js +4 -0
- package/dist/ionic/{p-CvRDI-Iz.js → p-TL0QOgYo.js} +1 -1
- package/dist/ionic/p-We-0jbXn.js +4 -0
- package/dist/ionic/{p-c082f853.entry.js → p-a0c5e546.entry.js} +1 -1
- package/dist/ionic/{p-0eecce18.entry.js → p-a339cde1.entry.js} +1 -1
- package/dist/ionic/p-a59f21b3.entry.js +4 -0
- package/dist/ionic/{p-d3f64c58.entry.js → p-a5f4fe92.entry.js} +1 -1
- package/dist/ionic/{p-826267d6.entry.js → p-aaff29dd.entry.js} +1 -1
- package/dist/ionic/{p-0c41c8a8.entry.js → p-b4da10d5.entry.js} +1 -1
- package/dist/ionic/{p-8f541b05.entry.js → p-bb04a3d7.entry.js} +1 -1
- package/dist/ionic/{p-a6a37a34.entry.js → p-bc19095e.entry.js} +1 -1
- package/dist/ionic/{p-8ee09d4e.entry.js → p-bd0057bd.entry.js} +1 -1
- package/dist/ionic/{p-da49c0fe.entry.js → p-bf763ab7.entry.js} +1 -1
- package/dist/ionic/{p-cdbfbff6.entry.js → p-c66416de.entry.js} +1 -1
- package/dist/ionic/{p-b475ec18.entry.js → p-d103fef9.entry.js} +1 -1
- package/dist/ionic/{p-68c064ce.entry.js → p-d9c0d206.entry.js} +1 -1
- package/dist/ionic/{p-412d5d9e.entry.js → p-e278c474.entry.js} +1 -1
- package/dist/ionic/{p-6bb99f41.entry.js → p-e8344f8f.entry.js} +1 -1
- package/dist/ionic/{p-04e0ff62.entry.js → p-ec510664.entry.js} +1 -1
- package/dist/ionic/p-eyZt9Ndv.js +4 -0
- package/dist/ionic/{p-8681a2a7.entry.js → p-f0894af8.entry.js} +1 -1
- package/dist/ionic/p-gD7P82jx.js +5 -0
- package/dist/ionic/p-hPTD29t1.js +4 -0
- package/dist/types/components/button/button.d.ts +4 -2
- package/dist/types/components/input-otp/input-otp.d.ts +37 -0
- package/dist/types/components/textarea/textarea.d.ts +36 -0
- package/dist/types/components.d.ts +18 -2
- package/dist/types/utils/focus-trap.d.ts +1 -1
- package/dist/types/utils/forms/validity.d.ts +7 -0
- package/dist/types/utils/theme.d.ts +9 -0
- package/hydrate/index.js +527 -210
- package/hydrate/index.mjs +527 -210
- package/package.json +1 -1
- package/dist/cjs/validity-BpS37YFM.js +0 -19
- package/dist/esm/validity-DJztqcrH.js +0 -17
- package/dist/ionic/p-2dc676b2.entry.js +0 -4
- package/dist/ionic/p-381eb2a4.entry.js +0 -4
- package/dist/ionic/p-57a2d30b.entry.js +0 -4
- package/dist/ionic/p-63a2b52a.entry.js +0 -4
- package/dist/ionic/p-7fe3ea65.entry.js +0 -4
- package/dist/ionic/p-83580e97.entry.js +0 -4
- package/dist/ionic/p-BiTKUjko.js +0 -4
- package/dist/ionic/p-ByhhQryg.js +0 -4
- package/dist/ionic/p-C8IsBmNU.js +0 -5
- package/dist/ionic/p-C8r4dtYR.js +0 -4
- package/dist/ionic/p-CK1xn1Nt.js +0 -4
- package/dist/ionic/p-C_97se21.js +0 -4
- package/dist/ionic/p-DHeUgOSJ.js +0 -4
- package/dist/ionic/p-DJztqcrH.js +0 -4
- package/dist/ionic/p-DM-v_NNE.js +0 -4
- package/dist/ionic/p-DiVJyqlX.js +0 -4
- package/dist/ionic/p-DoGrslUl.js +0 -4
- package/dist/ionic/p-Dq8ap6AD.js +0 -4
- package/dist/ionic/p-add1a5d8.entry.js +0 -4
- package/dist/ionic/p-da0a2ca6.entry.js +0 -4
- package/dist/ionic/p-nP9c7bo5.js +0 -4
- package/dist/ionic/p-of4jy1ch.js +0 -4
|
@@ -3,16 +3,17 @@
|
|
|
3
3
|
*/
|
|
4
4
|
import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
|
|
5
5
|
import { i as inheritAriaAttributes } from './helpers.js';
|
|
6
|
+
import { r as reportValidityToElementInternals } from './validity.js';
|
|
6
7
|
import { p as printIonWarning } from './index4.js';
|
|
7
8
|
import { i as isRTL } from './dir.js';
|
|
8
9
|
import { c as createColorClasses } from './theme.js';
|
|
9
10
|
import { c as getIonMode } from './ionic-global.js';
|
|
10
11
|
|
|
11
|
-
const inputOtpIonicCss = "
|
|
12
|
+
const inputOtpIonicCss = ":host{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--separator-height:var(--separator-width);--highlight-color:var(--highlight-color-focused);display:block;position:relative}.input-otp-group{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);font-family:inherit;font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.has-focus) .native-input{caret-color:var(--highlight-color)}.input-otp-description{text-align:center}.input-otp-description-hidden{display:none}.input-otp-separator{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}:host(.input-otp-disabled),:host(.input-otp-disabled) .native-input:disabled{cursor:not-allowed}:host(.has-focus) .native-input:focus{--border-color:var(--highlight-color);outline:none}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}:host(.has-focus.ion-valid),:host(.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host{--padding-top:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));--padding-start:var(--token-space-0, var(--token-scale-0, 0px));--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));--min-width:var(--token-scale-1000, 40px);--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--border-color:var(--token-border-input-default, var(--token-primitives-neutral-600, #8c8c8c));--separator-width:var(--token-scale-200, 8px);--separator-border-radius:var(--token-border-radius-full, 999px);--separator-color:var(--token-bg-neutral-subtle-press, var(--token-primitives-neutral-400, #d5d5d5));--highlight-color-focused:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--highlight-color-valid:var(--token-border-success, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23)));--highlight-color-invalid:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)));font-size:var(--token-font-size-350, 14px);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none}:host(.has-focus) .native-input:focus{--border-width:var(--token-border-size-050, var(--token-scale-050, 2px))}.input-otp-description{font-size:var(--token-font-size-300, 12px);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.input-otp-size-small){--width:var(--token-scale-1000, 40px);--height:var(--token-scale-1000, 40px)}:host(.input-otp-size-small) .input-otp-group{gap:var(--token-space-200, var(--token-scale-200, 8px))}:host(.input-otp-size-medium){--width:var(--token-scale-1200, 48px);--height:var(--token-scale-1200, 48px)}:host(.input-otp-size-large){--width:var(--token-scale-1400, 56px);--height:var(--token-scale-1400, 56px)}:host(.input-otp-size-medium) .input-otp-group,:host(.input-otp-size-large) .input-otp-group{gap:var(--token-space-300, var(--token-scale-300, 12px))}:host(.input-otp-shape-round){--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)))}:host(.input-otp-shape-soft){--border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)))}:host(.input-otp-shape-rectangular){--border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)))}:host(.input-otp-fill-outline){--background:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff))}:host(.input-otp-fill-solid){--border-color:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9));--background:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9))}:host(.input-otp-disabled){--color:var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2))}:host(.input-otp-fill-outline.input-otp-disabled){--background:var(--token-bg-input-disabled, var(--token-primitives-neutral-100, #f3f3f3));--border-color:var(--token-border-disabled, var(--token-primitives-neutral-300, #e0e0e0))}:host(.input-otp-fill-outline.input-otp-readonly){--background:var(--token-bg-input-read-only, var(--token-primitives-neutral-100, #f3f3f3))}:host(.input-otp-fill-solid.input-otp-disabled){--border-color:var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e0e0e0));--background:var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e0e0e0))}:host(.input-otp-fill-solid.input-otp-readonly){--border-color:var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0));--background:var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0))}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.input-otp-fill-outline.ion-color) .native-input,:host(.input-otp-fill-solid.ion-color) .native-input:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}:host(.input-otp-fill-outline.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-invalid) .native-input{border-color:var(--ion-color-danger, var(--token-bg-danger-base-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222))))}:host(.input-otp-fill-outline.ion-color.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-valid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-valid) .native-input{border-color:var(--ion-color-success, var(--token-bg-success-base-default, var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23))))}:host(.input-otp-fill-outline.input-otp-disabled.ion-color) .native-input{border-color:rgba(var(--ion-color-base-rgb), 0.3)}";
|
|
12
13
|
|
|
13
|
-
const inputOtpIosCss = "
|
|
14
|
+
const inputOtpIosCss = ":host{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--separator-height:var(--separator-width);--highlight-color:var(--highlight-color-focused);display:block;position:relative}.input-otp-group{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);font-family:inherit;font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.has-focus) .native-input{caret-color:var(--highlight-color)}.input-otp-description{text-align:center}.input-otp-description-hidden{display:none}.input-otp-separator{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}:host(.input-otp-disabled),:host(.input-otp-disabled) .native-input:disabled{cursor:not-allowed}:host(.has-focus) .native-input:focus{--border-color:var(--highlight-color);outline:none}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}:host(.has-focus.ion-valid),:host(.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host{--padding-top:16px;--padding-end:0;--padding-bottom:16px;--padding-start:0;--color:initial;--min-width:40px;--border-style:solid;--separator-width:8px;--separator-border-radius:999px;--separator-color:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);font-family:var(--ion-font-family, inherit);font-size:0.875rem}.input-otp-description{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem;line-height:1.25rem}:host(.input-otp-size-small){--width:40px;--height:40px}:host(.input-otp-size-small) .input-otp-group{gap:8px}:host(.input-otp-size-medium){--width:48px;--height:48px}:host(.input-otp-size-large){--width:56px;--height:56px}:host(.input-otp-size-medium) .input-otp-group,:host(.input-otp-size-large) .input-otp-group{gap:12px}:host(.input-otp-shape-round){--border-radius:16px}:host(.input-otp-shape-soft){--border-radius:8px}:host(.input-otp-shape-rectangular){--border-radius:0}:host(.input-otp-fill-outline){--background:none}:host(.input-otp-fill-solid){--border-color:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}:host(.input-otp-disabled){--color:var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6))}:host(.input-otp-fill-outline.input-otp-disabled){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}:host(.input-otp-fill-outline.input-otp-readonly){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}:host(.input-otp-fill-solid.input-otp-disabled),:host(.input-otp-fill-solid.input-otp-readonly){--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.input-otp-fill-outline.ion-color) .native-input,:host(.input-otp-fill-solid.ion-color) .native-input:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}:host(.input-otp-fill-outline.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-invalid) .native-input{border-color:var(--ion-color-danger, #c5000f)}:host(.input-otp-fill-outline.ion-color.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-valid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-valid) .native-input{border-color:var(--ion-color-success, #2dd55b)}:host(.input-otp-fill-outline.input-otp-disabled.ion-color) .native-input{border-color:rgba(var(--ion-color-base-rgb), 0.3)}:host{--border-width:0.55px}:host(.has-focus) .native-input:focus{--border-width:1px}:host(.input-otp-fill-outline){--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))))}";
|
|
14
15
|
|
|
15
|
-
const inputOtpMdCss = "
|
|
16
|
+
const inputOtpMdCss = ":host{--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--separator-height:var(--separator-width);--highlight-color:var(--highlight-color-focused);display:block;position:relative}.input-otp-group{-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:var(--min-width)}.native-input{border-radius:var(--border-radius);width:var(--width);min-width:inherit;height:var(--height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);font-family:inherit;font-size:inherit;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.has-focus) .native-input{caret-color:var(--highlight-color)}.input-otp-description{text-align:center}.input-otp-description-hidden{display:none}.input-otp-separator{border-radius:var(--separator-border-radius);-ms-flex-negative:0;flex-shrink:0;width:var(--separator-width);height:var(--separator-height);background:var(--separator-color)}:host(.input-otp-disabled),:host(.input-otp-disabled) .native-input:disabled{cursor:not-allowed}:host(.has-focus) .native-input:focus{--border-color:var(--highlight-color);outline:none}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}:host(.has-focus.ion-valid),:host(.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host{--padding-top:16px;--padding-end:0;--padding-bottom:16px;--padding-start:0;--color:initial;--min-width:40px;--border-style:solid;--separator-width:8px;--separator-border-radius:999px;--separator-color:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);font-family:var(--ion-font-family, inherit);font-size:0.875rem}.input-otp-description{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem;line-height:1.25rem}:host(.input-otp-size-small){--width:40px;--height:40px}:host(.input-otp-size-small) .input-otp-group{gap:8px}:host(.input-otp-size-medium){--width:48px;--height:48px}:host(.input-otp-size-large){--width:56px;--height:56px}:host(.input-otp-size-medium) .input-otp-group,:host(.input-otp-size-large) .input-otp-group{gap:12px}:host(.input-otp-shape-round){--border-radius:16px}:host(.input-otp-shape-soft){--border-radius:8px}:host(.input-otp-shape-rectangular){--border-radius:0}:host(.input-otp-fill-outline){--background:none}:host(.input-otp-fill-solid){--border-color:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}:host(.input-otp-disabled){--color:var(--ion-color-step-350, var(--ion-text-color-step-650, #a6a6a6))}:host(.input-otp-fill-outline.input-otp-disabled){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}:host(.input-otp-fill-outline.input-otp-readonly){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2))}:host(.input-otp-fill-solid.input-otp-disabled),:host(.input-otp-fill-solid.input-otp-readonly){--border-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.input-otp-fill-outline.ion-color) .native-input,:host(.input-otp-fill-solid.ion-color) .native-input:focus{border-color:rgba(var(--ion-color-base-rgb), 0.6)}:host(.input-otp-fill-outline.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-invalid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-invalid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-invalid) .native-input{border-color:var(--ion-color-danger, #c5000f)}:host(.input-otp-fill-outline.ion-color.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.ion-valid) .native-input,:host(.input-otp-fill-outline.ion-color.has-focus.ion-valid) .native-input,:host(.input-otp-fill-solid.ion-color.has-focus.ion-valid) .native-input{border-color:var(--ion-color-success, #2dd55b)}:host(.input-otp-fill-outline.input-otp-disabled.ion-color) .native-input{border-color:rgba(var(--ion-color-base-rgb), 0.3)}:host{--border-width:1px}:host(.has-focus) .native-input:focus{--border-width:2px}:host(.input-otp-fill-outline){--border-color:var(--ion-color-step-300, var(--ion-background-color-step-300, #b3b3b3))}";
|
|
16
17
|
|
|
17
18
|
const InputOTP = /*@__PURE__*/ proxyCustomElement(class InputOTP extends HTMLElement {
|
|
18
19
|
constructor(registerHost) {
|
|
@@ -20,11 +21,13 @@ const InputOTP = /*@__PURE__*/ proxyCustomElement(class InputOTP extends HTMLEle
|
|
|
20
21
|
if (registerHost !== false) {
|
|
21
22
|
this.__registerHost();
|
|
22
23
|
}
|
|
24
|
+
this.__attachShadow();
|
|
23
25
|
this.ionInput = createEvent(this, "ionInput", 7);
|
|
24
26
|
this.ionChange = createEvent(this, "ionChange", 7);
|
|
25
27
|
this.ionComplete = createEvent(this, "ionComplete", 7);
|
|
26
28
|
this.ionBlur = createEvent(this, "ionBlur", 7);
|
|
27
29
|
this.ionFocus = createEvent(this, "ionFocus", 7);
|
|
30
|
+
this.internals = this.attachInternals();
|
|
28
31
|
this.inheritedAttributes = {};
|
|
29
32
|
this.inputRefs = [];
|
|
30
33
|
this.inputId = `ion-input-otp-${inputIds++}`;
|
|
@@ -363,6 +366,12 @@ const InputOTP = /*@__PURE__*/ proxyCustomElement(class InputOTP extends HTMLEle
|
|
|
363
366
|
(_b = inputRefs[nextEmptyIndex]) === null || _b === void 0 ? void 0 : _b.focus();
|
|
364
367
|
};
|
|
365
368
|
}
|
|
369
|
+
/**
|
|
370
|
+
* Update element internals when disabled prop changes
|
|
371
|
+
*/
|
|
372
|
+
disabledChanged() {
|
|
373
|
+
this.updateElementInternals();
|
|
374
|
+
}
|
|
366
375
|
/**
|
|
367
376
|
* Sets focus to an input box.
|
|
368
377
|
* @param index - The index of the input box to focus (0-based).
|
|
@@ -383,6 +392,7 @@ const InputOTP = /*@__PURE__*/ proxyCustomElement(class InputOTP extends HTMLEle
|
|
|
383
392
|
valueChanged() {
|
|
384
393
|
this.initializeValues();
|
|
385
394
|
this.updateTabIndexes();
|
|
395
|
+
this.updateElementInternals();
|
|
386
396
|
}
|
|
387
397
|
/**
|
|
388
398
|
* Processes the separators prop into an array of numbers.
|
|
@@ -439,6 +449,7 @@ const InputOTP = /*@__PURE__*/ proxyCustomElement(class InputOTP extends HTMLEle
|
|
|
439
449
|
}
|
|
440
450
|
componentDidLoad() {
|
|
441
451
|
this.updateTabIndexes();
|
|
452
|
+
this.updateElementInternals();
|
|
442
453
|
}
|
|
443
454
|
/**
|
|
444
455
|
* Get the regex pattern for allowed characters.
|
|
@@ -515,6 +526,47 @@ const InputOTP = /*@__PURE__*/ proxyCustomElement(class InputOTP extends HTMLEle
|
|
|
515
526
|
this.ionComplete.emit({ value: newValue });
|
|
516
527
|
}
|
|
517
528
|
}
|
|
529
|
+
/**
|
|
530
|
+
* Gets the value of the input group as a string for form submission.
|
|
531
|
+
* Returns an empty string if the value is null or undefined.
|
|
532
|
+
*/
|
|
533
|
+
getValue() {
|
|
534
|
+
return this.value != null ? this.value.toString() : '';
|
|
535
|
+
}
|
|
536
|
+
/**
|
|
537
|
+
* Called when the form state is restored.
|
|
538
|
+
* Restores the component's value.
|
|
539
|
+
*/
|
|
540
|
+
formStateRestoreCallback(value) {
|
|
541
|
+
this.value = value;
|
|
542
|
+
}
|
|
543
|
+
/**
|
|
544
|
+
* Called when the form is reset.
|
|
545
|
+
* Resets the component's value.
|
|
546
|
+
*/
|
|
547
|
+
formResetCallback() {
|
|
548
|
+
this.value = '';
|
|
549
|
+
}
|
|
550
|
+
/**
|
|
551
|
+
* Updates the form value and reports validity state to the browser via
|
|
552
|
+
* ElementInternals. This should be called when the component loads, when
|
|
553
|
+
* the disabled prop changes, and when the value changes to ensure the form
|
|
554
|
+
* value stays in sync and validation state is updated.
|
|
555
|
+
*/
|
|
556
|
+
updateElementInternals() {
|
|
557
|
+
var _a;
|
|
558
|
+
// Disabled form controls should not be included in form data
|
|
559
|
+
// Pass null to setFormValue when disabled to exclude it from form submission
|
|
560
|
+
const value = this.disabled ? null : this.getValue();
|
|
561
|
+
// ElementInternals may not be fully available in test environments
|
|
562
|
+
// so we need to check if the method exists before calling it
|
|
563
|
+
if (typeof this.internals.setFormValue === 'function') {
|
|
564
|
+
this.internals.setFormValue(value);
|
|
565
|
+
}
|
|
566
|
+
// Use the first input element for validity reporting since all inputs
|
|
567
|
+
// share the same validation state
|
|
568
|
+
reportValidityToElementInternals((_a = this.inputRefs[0]) !== null && _a !== void 0 ? _a : null, this.internals);
|
|
569
|
+
}
|
|
518
570
|
/**
|
|
519
571
|
* Emits an `ionChange` event.
|
|
520
572
|
* This API should be called for user committed changes.
|
|
@@ -621,7 +673,7 @@ const InputOTP = /*@__PURE__*/ proxyCustomElement(class InputOTP extends HTMLEle
|
|
|
621
673
|
const tabbableIndex = this.getTabbableIndex();
|
|
622
674
|
const pattern = this.getPattern();
|
|
623
675
|
const hasDescription = ((_b = (_a = el.querySelector('.input-otp-description')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) !== '';
|
|
624
|
-
return (h(Host, { key: '
|
|
676
|
+
return (h(Host, { key: '126bef771f8ed7a0daed6b8a488e92447c34a789', class: createColorClasses(color, {
|
|
625
677
|
[mode]: true,
|
|
626
678
|
'has-focus': hasFocus,
|
|
627
679
|
[`input-otp-size-${size}`]: true,
|
|
@@ -629,13 +681,15 @@ const InputOTP = /*@__PURE__*/ proxyCustomElement(class InputOTP extends HTMLEle
|
|
|
629
681
|
[`input-otp-fill-${fill}`]: true,
|
|
630
682
|
'input-otp-disabled': disabled,
|
|
631
683
|
'input-otp-readonly': readonly,
|
|
632
|
-
}) }, h("div", Object.assign({ key: '
|
|
684
|
+
}) }, h("div", Object.assign({ key: '21b793dcf64bf259a70a2c96b70083b1a7638aa6', role: "group", "aria-label": "One-time password input", class: "input-otp-group", part: "group" }, inheritedAttributes), Array.from({ length }).map((_, index) => (h(Fragment, null, h("div", { class: "native-wrapper", part: "container" }, h("input", { class: "native-input", part: "native", id: `${inputId}-${index}`, "aria-label": `Input ${index + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: "one-time-code", ref: (el) => (inputRefs[index] = el), onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && h("div", { class: "input-otp-separator", part: "separator" }))))), h("div", { key: '0f104b086ffb0f506354b0f1f5ac52d73f498380', class: {
|
|
633
685
|
'input-otp-description': true,
|
|
634
686
|
'input-otp-description-hidden': !hasDescription,
|
|
635
|
-
} }, h("slot", { key: '
|
|
687
|
+
}, part: "description" }, h("slot", { key: '0f3f8b788335a58469e9a8042abcf8e9ae7f07ec' }))));
|
|
636
688
|
}
|
|
689
|
+
static get formAssociated() { return true; }
|
|
637
690
|
get el() { return this; }
|
|
638
691
|
static get watchers() { return {
|
|
692
|
+
"disabled": ["disabledChanged"],
|
|
639
693
|
"value": ["valueChanged"],
|
|
640
694
|
"separators": ["processSeparators"],
|
|
641
695
|
"length": ["processSeparators"]
|
|
@@ -645,7 +699,7 @@ const InputOTP = /*@__PURE__*/ proxyCustomElement(class InputOTP extends HTMLEle
|
|
|
645
699
|
ios: inputOtpIosCss,
|
|
646
700
|
md: inputOtpMdCss
|
|
647
701
|
}; }
|
|
648
|
-
}, [
|
|
702
|
+
}, [353, "ion-input-otp", {
|
|
649
703
|
"autocapitalize": [1],
|
|
650
704
|
"color": [513],
|
|
651
705
|
"disabled": [516],
|
|
@@ -664,6 +718,7 @@ const InputOTP = /*@__PURE__*/ proxyCustomElement(class InputOTP extends HTMLEle
|
|
|
664
718
|
"previousInputValues": [32],
|
|
665
719
|
"setFocus": [64]
|
|
666
720
|
}, undefined, {
|
|
721
|
+
"disabled": ["disabledChanged"],
|
|
667
722
|
"value": ["valueChanged"],
|
|
668
723
|
"separators": ["processSeparators"],
|
|
669
724
|
"length": ["processSeparators"]
|
|
@@ -107,16 +107,16 @@ const InputPasswordToggle = /*@__PURE__*/ proxyCustomElement(class InputPassword
|
|
|
107
107
|
const { color, inputPasswordHideIcon, inputPasswordShowIcon, type } = this;
|
|
108
108
|
const mode = getIonMode(this);
|
|
109
109
|
const isPasswordVisible = type === 'text';
|
|
110
|
-
return (h(Host, { key: '
|
|
110
|
+
return (h(Host, { key: 'e3c21d5bedebeadb57c0c9b7f065d15ab0d49e4a', class: createColorClasses(color, {
|
|
111
111
|
[mode]: true,
|
|
112
|
-
}) }, h("ion-button", { key: '
|
|
112
|
+
}) }, h("ion-button", { key: '0a83d58e059bc3b7ef604270e92351d7fa5d129c', mode: mode, color: color, fill: "clear", shape: "round", "aria-label": isPasswordVisible ? 'Hide password' : 'Show password', "aria-pressed": isPasswordVisible ? 'true' : 'false', type: "button", onPointerDown: (ev) => {
|
|
113
113
|
/**
|
|
114
114
|
* This prevents mobile browsers from
|
|
115
115
|
* blurring the input when the password toggle
|
|
116
116
|
* button is activated.
|
|
117
117
|
*/
|
|
118
118
|
ev.preventDefault();
|
|
119
|
-
}, onClick: this.togglePasswordVisibility }, h("ion-icon", { key: '
|
|
119
|
+
}, onClick: this.togglePasswordVisibility }, h("ion-icon", { key: 'af9a7e202fe0b3f75f10b3e13bf1e5fb653194d1', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
|
|
120
120
|
}
|
|
121
121
|
get el() { return this; }
|
|
122
122
|
static get watchers() { return {
|
package/components/ion-input.js
CHANGED
|
@@ -595,7 +595,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class Input extends HTMLElement {
|
|
|
595
595
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
596
596
|
*/
|
|
597
597
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
598
|
-
return (h(Host, { key: '
|
|
598
|
+
return (h(Host, { key: 'e8bd77f9ff53452bc1ea9de20263cf865fd6359e', class: createColorClasses(this.color, {
|
|
599
599
|
[theme]: true,
|
|
600
600
|
'has-value': hasValue,
|
|
601
601
|
'has-focus': hasFocus,
|
|
@@ -608,7 +608,7 @@ const Input = /*@__PURE__*/ proxyCustomElement(class Input extends HTMLElement {
|
|
|
608
608
|
'in-item-color': hostContext('ion-item.ion-color', this.el),
|
|
609
609
|
'input-disabled': disabled,
|
|
610
610
|
'input-readonly': readonly,
|
|
611
|
-
}) }, h("label", { key: '
|
|
611
|
+
}) }, h("label", { key: 'a3955d9d3ec7181dfc719dfac56974e2faf87503', class: "input-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), h("div", { key: 'b5d63e3dc7862d07c4254e43360992538c50cee7', class: "native-wrapper", onClick: this.onLabelClick },
|
|
612
612
|
/**
|
|
613
613
|
* For the ionic theme, we render the outline container here
|
|
614
614
|
* instead of higher up, so it can be positioned relative to
|
|
@@ -618,14 +618,14 @@ const Input = /*@__PURE__*/ proxyCustomElement(class Input extends HTMLElement {
|
|
|
618
618
|
* <label> element, ensuring that clicking the label text
|
|
619
619
|
* focuses the input.
|
|
620
620
|
*/
|
|
621
|
-
theme === 'ionic' && h("div", { key: '
|
|
621
|
+
theme === 'ionic' && h("div", { key: '89f3b9c3b4e463391089e86fb469091934b7d941', class: "input-outline" }), h("slot", { key: '05dcb36c19a5e552d228109275d80c087382599c', name: "start" }), h("input", Object.assign({ key: '17f25585ff28268d5c3090ce952672005c19000e', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (h("button", { key: '9f390f1bb877f2f59b8729e8dea7f871d9ab0ec5', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
|
|
622
622
|
/**
|
|
623
623
|
* This prevents mobile browsers from
|
|
624
624
|
* blurring the input when the clear
|
|
625
625
|
* button is activated.
|
|
626
626
|
*/
|
|
627
627
|
ev.preventDefault();
|
|
628
|
-
}, onClick: this.clearTextInput }, h("ion-icon", { key: '
|
|
628
|
+
}, onClick: this.clearTextInput }, h("ion-icon", { key: 'a54aadb55162087ab1677380dbb11e92e2f5476c', "aria-hidden": "true", icon: inputClearIcon }))), h("slot", { key: '44b57c79f4b1ccfaf797ce33ee1223799598a8dd', name: "end" })), shouldRenderHighlight && h("div", { key: 'ff7611b1ce5c77b9ab21cffae37769c8cd86f296', class: "input-highlight" })), this.renderBottomContent()));
|
|
629
629
|
}
|
|
630
630
|
get el() { return this; }
|
|
631
631
|
static get watchers() { return {
|
|
@@ -29,11 +29,11 @@ const ItemDivider = /*@__PURE__*/ proxyCustomElement(class ItemDivider extends H
|
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
31
|
const theme = getIonTheme(this);
|
|
32
|
-
return (h(Host, { key: '
|
|
32
|
+
return (h(Host, { key: 'f026528e983b0b77cd059400d961d012dec9caae', class: createColorClasses(this.color, {
|
|
33
33
|
[theme]: true,
|
|
34
34
|
'item-divider-sticky': this.sticky,
|
|
35
35
|
item: true,
|
|
36
|
-
}) }, h("slot", { key: '
|
|
36
|
+
}) }, h("slot", { key: '409f111b2b37782bd242af5f3205d871d85b6254', name: "start" }), h("div", { key: '6811502ae39e51104b46f4f3b272631017a91e4a', class: "item-divider-inner" }, h("div", { key: 'c7cf5918a8e8f891426fda028586b36f21909b00', class: "item-divider-wrapper" }, h("slot", { key: '7db6745917458bb6d854c0662bbf0394142d2996' })), h("slot", { key: 'bad5e02a4d4852fc6e106552b314a42842a0b2e7', name: "end" }))));
|
|
37
37
|
}
|
|
38
38
|
get el() { return this; }
|
|
39
39
|
static get style() { return {
|
|
@@ -19,7 +19,7 @@ const ItemGroup = /*@__PURE__*/ proxyCustomElement(class ItemGroup extends HTMLE
|
|
|
19
19
|
}
|
|
20
20
|
render() {
|
|
21
21
|
const theme = getIonTheme(this);
|
|
22
|
-
return (h(Host, { key: '
|
|
22
|
+
return (h(Host, { key: '3fb0784b321736344604e259cfb05c6307159bed', role: "group", class: {
|
|
23
23
|
[theme]: true,
|
|
24
24
|
// Used internally for styling
|
|
25
25
|
[`item-group-${theme}`]: true,
|
|
@@ -69,14 +69,14 @@ const ItemOption = /*@__PURE__*/ proxyCustomElement(class ItemOption extends HTM
|
|
|
69
69
|
href: this.href,
|
|
70
70
|
target: this.target,
|
|
71
71
|
};
|
|
72
|
-
return (h(Host, { key: '
|
|
72
|
+
return (h(Host, { key: 'c36a39053b339086ee45e30a5051256fecf1e9d6', onClick: this.onClick, class: createColorClasses(this.color, {
|
|
73
73
|
[theme]: true,
|
|
74
74
|
[`item-option-${shape}`]: shape !== undefined,
|
|
75
75
|
[`item-option-${hue}`]: hue !== undefined,
|
|
76
76
|
'item-option-disabled': disabled,
|
|
77
77
|
'item-option-expandable': expandable,
|
|
78
78
|
'ion-activatable': true,
|
|
79
|
-
}) }, h(TagType, Object.assign({ key: '
|
|
79
|
+
}) }, h(TagType, Object.assign({ key: '8fa60eb0b2538cd1afe7ad26d0ba9ea0a152b754' }, attrs, { class: "button-native", part: "native", disabled: disabled }), h("span", { key: 'd444dd749c3abfdb43f66ac8eae49c3e3b3b9960', class: "button-inner" }, h("slot", { key: 'b8164b8893c95c6d4ae9d79a5755eb52c3a1af22', name: "top" }), h("div", { key: '6c840ac03adc45b6dce2f11d64b143a3208e2071', class: "horizontal-wrapper" }, h("slot", { key: '8c08ea25119e1831b9320c2f2e61461d45158611', name: "start" }), h("slot", { key: 'dfc5823b66fcfdcad6277105bd86590958632fdd', name: "icon-only" }), h("slot", { key: '30d0d597802daca4a534055e3f326c38a77c5cf8' }), h("slot", { key: 'bc58e8826067ad905b81608ad0344ed4dedd3a07', name: "end" })), h("slot", { key: '59c3e025a00824c163dbcbeb359ba82871ba06f2', name: "bottom" })), theme === 'md' && h("ion-ripple-effect", { key: '046a2ae39dbec7aebcbac3e250d80016065ed0f0' }))));
|
|
80
80
|
}
|
|
81
81
|
get el() { return this; }
|
|
82
82
|
static get style() { return {
|
|
@@ -33,7 +33,7 @@ const ItemOptions = /*@__PURE__*/ proxyCustomElement(class ItemOptions extends H
|
|
|
33
33
|
render() {
|
|
34
34
|
const theme = getIonTheme(this);
|
|
35
35
|
const isEnd = isEndSide(this.side);
|
|
36
|
-
return (h(Host, { key: '
|
|
36
|
+
return (h(Host, { key: 'cc55282505679d51fb90ebf30869e930c71afbd4', class: {
|
|
37
37
|
[theme]: true,
|
|
38
38
|
// Used internally for styling
|
|
39
39
|
[`item-options-${theme}`]: true,
|
|
@@ -399,7 +399,7 @@ const ItemSliding = /*@__PURE__*/ proxyCustomElement(class ItemSliding extends H
|
|
|
399
399
|
}
|
|
400
400
|
render() {
|
|
401
401
|
const theme = getIonTheme(this);
|
|
402
|
-
return (h(Host, { key: '
|
|
402
|
+
return (h(Host, { key: '79cd09dd43183008f470b31abb7b3606f653a98b', class: {
|
|
403
403
|
[theme]: true,
|
|
404
404
|
'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
|
|
405
405
|
'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,
|
|
@@ -280,9 +280,9 @@ const Loading = /*@__PURE__*/ proxyCustomElement(class Loading extends HTMLEleme
|
|
|
280
280
|
* Otherwise, don't set aria-labelledby.
|
|
281
281
|
*/
|
|
282
282
|
const ariaLabelledBy = message !== undefined ? msgId : null;
|
|
283
|
-
return (h(Host, Object.assign({ key: '
|
|
283
|
+
return (h(Host, Object.assign({ key: '0c475f8e28e680e28e09317557795fc56e0835d8', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
|
|
284
284
|
zIndex: `${40000 + this.overlayIndex}`,
|
|
285
|
-
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: '
|
|
285
|
+
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), h("ion-backdrop", { key: 'd7e88feb6df8edbc326a84d07b294618f7ce6adc', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'f9622f45b2d9e913c325b228a1e6ed03cf2b98e8', tabindex: "0", "aria-hidden": "true" }), h("div", { key: 'f4dfdce70c4515878b247d0cc116b5cec2cf79a4', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (h("div", { key: '6d4475e00c444eb3d217813ae8cc1a02a97b969e', class: "loading-spinner" }, h("ion-spinner", { key: 'd9ad8dd56ec7677c18d06936c1a1b21a0a6a87a8', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), h("div", { key: 'bd3159e18f33ec25d3480d47ce33fa7dfd1f1460', tabindex: "0", "aria-hidden": "true" })));
|
|
286
286
|
}
|
|
287
287
|
get el() { return this; }
|
|
288
288
|
static get watchers() { return {
|
|
@@ -74,7 +74,7 @@ const MenuButton = /*@__PURE__*/ proxyCustomElement(class MenuButton extends HTM
|
|
|
74
74
|
type: this.type,
|
|
75
75
|
};
|
|
76
76
|
const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
|
|
77
|
-
return (h(Host, { key: '
|
|
77
|
+
return (h(Host, { key: '206b8482b58e7ee49ea89393a15e9cf30578297b', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses(color, {
|
|
78
78
|
[theme]: true,
|
|
79
79
|
button: true, // ion-buttons target .button
|
|
80
80
|
'menu-button-hidden': hidden,
|
|
@@ -83,7 +83,7 @@ const MenuButton = /*@__PURE__*/ proxyCustomElement(class MenuButton extends HTM
|
|
|
83
83
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
84
84
|
'ion-activatable': true,
|
|
85
85
|
'ion-focusable': true,
|
|
86
|
-
}) }, h("button", Object.assign({ key: '
|
|
86
|
+
}) }, h("button", Object.assign({ key: '33017f0cde4835383f65b82f24e088dc2cf46517' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), h("span", { key: '63aadc2910f7fd7ae070fe108822c51441dd8ea5', class: "button-inner" }, h("slot", { key: '6696b67329bdf6a0a7db0739d16717eb9ffc5f3b' }, h("ion-icon", { key: '7f88dd0caa7003db810bce76189ecbaba9ff6317', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && h("ion-ripple-effect", { key: '1a2063529bb63cc055fb4bb7d1ad3032df2a74b4', type: "unbounded" }))));
|
|
87
87
|
}
|
|
88
88
|
get el() { return this; }
|
|
89
89
|
static get style() { return {
|
|
@@ -36,10 +36,10 @@ const MenuToggle = /*@__PURE__*/ proxyCustomElement(class MenuToggle extends HTM
|
|
|
36
36
|
render() {
|
|
37
37
|
const theme = getIonTheme(this);
|
|
38
38
|
const hidden = this.autoHide && !this.visible;
|
|
39
|
-
return (h(Host, { key: '
|
|
39
|
+
return (h(Host, { key: 'c3ddce789a90d720769919ebf854d05cc75f599e', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
|
|
40
40
|
[theme]: true,
|
|
41
41
|
'menu-toggle-hidden': hidden,
|
|
42
|
-
} }, h("slot", { key: '
|
|
42
|
+
} }, h("slot", { key: 'f1334ba9d20148b673a0b6185ab5ef92f448f720' })));
|
|
43
43
|
}
|
|
44
44
|
static get style() { return menuToggleCss; }
|
|
45
45
|
}, [257, "ion-menu-toggle", {
|
package/components/ion-menu.js
CHANGED
|
@@ -668,14 +668,14 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
|
|
|
668
668
|
* the ionBackButton listener in the menu controller
|
|
669
669
|
* will handle closing the menu when Escape is pressed.
|
|
670
670
|
*/
|
|
671
|
-
return (h(Host, { key: '
|
|
671
|
+
return (h(Host, { key: '12bd2c4e9aa2f314ffc45d7f43290bd9910ca8b0', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
|
|
672
672
|
[theme]: true,
|
|
673
673
|
[`menu-type-${type}`]: true,
|
|
674
674
|
'menu-enabled': !disabled,
|
|
675
675
|
[`menu-side-${side}`]: true,
|
|
676
676
|
'menu-pane-visible': isPaneVisible,
|
|
677
677
|
'split-pane-side': hostContext('ion-split-pane', el),
|
|
678
|
-
} }, h("div", { key: '
|
|
678
|
+
} }, h("div", { key: 'd43e12f2502ae5da847eb0d2a70d0a3945733739', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '19977e6584bdbb5b01e6e0a4a7f4558087175b33' })), h("ion-backdrop", { key: '22e79a7edca409248bd3637474d6783f1d7de1b3', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
|
|
679
679
|
}
|
|
680
680
|
get el() { return this; }
|
|
681
681
|
static get watchers() { return {
|
|
@@ -38,7 +38,7 @@ const NavLink = /*@__PURE__*/ proxyCustomElement(class NavLink extends HTMLEleme
|
|
|
38
38
|
};
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
|
-
return h(Host, { key: '
|
|
41
|
+
return h(Host, { key: '61246716bdf9556db90e07680bc1a289f9658d5c', onClick: this.onClick });
|
|
42
42
|
}
|
|
43
43
|
get el() { return this; }
|
|
44
44
|
}, [256, "ion-nav-link", {
|
package/components/ion-nav.js
CHANGED
|
@@ -906,7 +906,7 @@ const Nav = /*@__PURE__*/ proxyCustomElement(class Nav extends HTMLElement {
|
|
|
906
906
|
}
|
|
907
907
|
}
|
|
908
908
|
render() {
|
|
909
|
-
return h("slot", { key: '
|
|
909
|
+
return h("slot", { key: 'd6dd0b1e0ba59381a139f4a49de3eb8351fa87a4' });
|
|
910
910
|
}
|
|
911
911
|
get el() { return this; }
|
|
912
912
|
static get watchers() { return {
|
package/components/ion-note.js
CHANGED
|
@@ -21,9 +21,9 @@ const Note = /*@__PURE__*/ proxyCustomElement(class Note extends HTMLElement {
|
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
23
|
const theme = getIonTheme(this);
|
|
24
|
-
return (h(Host, { key: '
|
|
24
|
+
return (h(Host, { key: 'a8470df6b8fb8ca327a282fc23705bc230f13a40', class: createColorClasses(this.color, {
|
|
25
25
|
[theme]: true,
|
|
26
|
-
}) }, h("slot", { key: '
|
|
26
|
+
}) }, h("slot", { key: '07cbdef68f010b06638f359f70dff3f1d659d899' })));
|
|
27
27
|
}
|
|
28
28
|
static get style() { return {
|
|
29
29
|
ionic: ionicNoteMdCss,
|
|
@@ -265,11 +265,11 @@ const Picker = /*@__PURE__*/ proxyCustomElement(class Picker extends HTMLElement
|
|
|
265
265
|
render() {
|
|
266
266
|
const { htmlAttributes } = this;
|
|
267
267
|
const theme = getIonTheme(this);
|
|
268
|
-
return (h(Host, Object.assign({ key: '
|
|
268
|
+
return (h(Host, Object.assign({ key: 'efcc823fad9cb37c1379bef4f4b84c6461f3a3a6', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
|
|
269
269
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
270
270
|
}, class: Object.assign({ [theme]: true,
|
|
271
271
|
// Used internally for styling
|
|
272
|
-
[`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), h("ion-backdrop", { key: '
|
|
272
|
+
[`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), h("ion-backdrop", { key: '3f44bf34e039210ae149c590c393ee9f7fb85da0', visible: this.showBackdrop, tappable: this.backdropDismiss }), h("div", { key: 'c2a51a89c525b1a22cbc8583cd30f41c3c356d4f', tabindex: "0", "aria-hidden": "true" }), h("div", { key: '23837ffe309d0aad9b8ea09d7ac94d21040ef0d7', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, h("div", { key: '91ba7e553d570768142715ded4bcc27fceedbce4', class: "picker-toolbar" }, this.buttons.map((b) => (h("div", { class: buttonWrapperClass(b) }, h("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass(b) }, b.text))))), h("div", { key: '22661cafeb555f1435ec1e0a122404a48136095b', class: "picker-columns" }, h("div", { key: '5f3db32468b8c60f63c70d81a27b18cce6f2e259', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => h("ion-picker-legacy-column", { col: c })), h("div", { key: '1bae6b170125b1671a480506ba73636b42b65909', class: "picker-below-highlight" }))), h("div", { key: '91beb94ce537122fbd6cd0c2bd3c00f908d0fefe', tabindex: "0", "aria-hidden": "true" })));
|
|
273
273
|
}
|
|
274
274
|
get el() { return this; }
|
|
275
275
|
static get watchers() { return {
|
|
@@ -60,7 +60,7 @@ const ProgressBar = /*@__PURE__*/ proxyCustomElement(class ProgressBar extends H
|
|
|
60
60
|
const shape = this.getShape();
|
|
61
61
|
// If the progress is displayed as a solid bar.
|
|
62
62
|
const progressSolid = buffer === 1;
|
|
63
|
-
return (h(Host, { key: '
|
|
63
|
+
return (h(Host, { key: '9adef68c31bdf39d48199e01587f8d5295d4c6af', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses(color, {
|
|
64
64
|
[theme]: true,
|
|
65
65
|
[`progress-bar-${type}`]: true,
|
|
66
66
|
'progress-paused': paused,
|
package/components/ion-range.js
CHANGED
|
@@ -728,7 +728,7 @@ const Range = /*@__PURE__*/ proxyCustomElement(class Range extends HTMLElement {
|
|
|
728
728
|
const needsEndAdjustment = inItem && !hasEndContent;
|
|
729
729
|
const theme = getIonTheme(this);
|
|
730
730
|
renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
|
|
731
|
-
return (h(Host, { key: '
|
|
731
|
+
return (h(Host, { key: 'abffed8811679954ae1ccded14b09c1070aec868', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses(this.color, {
|
|
732
732
|
[theme]: true,
|
|
733
733
|
'in-item': inItem,
|
|
734
734
|
'range-disabled': disabled,
|
|
@@ -737,10 +737,10 @@ const Range = /*@__PURE__*/ proxyCustomElement(class Range extends HTMLElement {
|
|
|
737
737
|
[`range-label-placement-${labelPlacement}`]: true,
|
|
738
738
|
'range-item-start-adjustment': needsStartAdjustment,
|
|
739
739
|
'range-item-end-adjustment': needsEndAdjustment,
|
|
740
|
-
}) }, h("label", { key: '
|
|
740
|
+
}) }, h("label", { key: '4296d7310d335ba9783d96e982159e8563a3ea35', class: "range-wrapper", id: "range-label" }, h("div", { key: '8087acc009ee1287f0ddd483669cd6284ff84004', class: {
|
|
741
741
|
'label-text-wrapper': true,
|
|
742
742
|
'label-text-wrapper-hidden': !hasLabel,
|
|
743
|
-
}, part: "label" }, label !== undefined ? h("div", { class: "label-text" }, label) : h("slot", { name: "label" })), h("div", { key: '
|
|
743
|
+
}, part: "label" }, label !== undefined ? h("div", { class: "label-text" }, label) : h("slot", { name: "label" })), h("div", { key: 'fa1207cbb99ccb9a9cc60c2409977c1b925476b0', class: "native-wrapper" }, h("slot", { key: 'fdbe6f0c142f3511e1b526f6d4df195c105660c5', name: "start" }), this.renderRangeSlider(), h("slot", { key: '3f03f148fbd461a7a87c8f2da5e5cba37213ef30', name: "end" })))));
|
|
744
744
|
}
|
|
745
745
|
get el() { return this; }
|
|
746
746
|
static get watchers() { return {
|
|
@@ -61,9 +61,9 @@ const RefresherContent = /*@__PURE__*/ proxyCustomElement(class RefresherContent
|
|
|
61
61
|
const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
|
|
62
62
|
const theme = getIonTheme(this);
|
|
63
63
|
const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : caretBackSharp;
|
|
64
|
-
return (h(Host, { key: '
|
|
64
|
+
return (h(Host, { key: '3a3a3fb44f8397bb8e5019b51254ada8c26ae371', class: {
|
|
65
65
|
[theme]: true,
|
|
66
|
-
} }, h("div", { key: '
|
|
66
|
+
} }, h("div", { key: '3e63966e8c2b262b1f9d4a5545dbdd00e97a4c68', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (h("div", { key: 'd4c8fa7151cee666520a40050c58f6e8201b14a5', class: "refresher-pulling-icon" }, h("div", { key: '2f45a17fe5fe51e81e2d7bd580fd60ce754c5989', class: "spinner-arrow-container" }, h("ion-spinner", { key: '210cd5f152453a283dbc579f545c683e3af84ea3', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (h("div", { key: '060c8d531e90478121113f59989ac29809f48947', class: "arrow-container" }, h("ion-icon", { key: '7c30ddd2c1a6e2274e7d57f792733017c663197b', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (h("div", { key: '3dee253d56c871195dcd59eaedc2b867ac578319', class: "refresher-pulling-icon" }, h("ion-icon", { key: '46b859328da272449f316ea8f68f3c3dd545c2e7', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), h("div", { key: '56660f9f6cff1006c5552df3a9430124689d42cb', class: "refresher-refreshing" }, this.refreshingSpinner && (h("div", { key: 'e8232281f251e5d0d22972fa8e38176edc3d9e5d', class: "refresher-refreshing-icon" }, h("ion-spinner", { key: '70f42df444c4669f393137f218ba9d635f76a26c', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
|
|
67
67
|
}
|
|
68
68
|
get el() { return this; }
|
|
69
69
|
static get style() { return {
|
|
@@ -700,7 +700,7 @@ const Refresher = /*@__PURE__*/ proxyCustomElement(class Refresher extends HTMLE
|
|
|
700
700
|
}
|
|
701
701
|
render() {
|
|
702
702
|
const theme = getIonTheme(this);
|
|
703
|
-
return (h(Host, { key: '
|
|
703
|
+
return (h(Host, { key: 'fdf580e687c1cd7c507a7357ea87a03270ff9f0b', slot: "fixed", class: {
|
|
704
704
|
[theme]: true,
|
|
705
705
|
// Used internally for styling
|
|
706
706
|
[`refresher-${theme}`]: true,
|
|
@@ -264,7 +264,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
264
264
|
}
|
|
265
265
|
render() {
|
|
266
266
|
const theme = getIonTheme(this);
|
|
267
|
-
return (h(Host, { key: '
|
|
267
|
+
return (h(Host, { key: 'df12858536c409c76552fe79b88827b3c4a5d9c5', class: {
|
|
268
268
|
[theme]: true,
|
|
269
269
|
'reorder-enabled': !this.disabled,
|
|
270
270
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|