@ionic/core 8.7.16-dev.11769623699.1fe289a4 → 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 +11 -14
- 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-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-f6ca543c.entry.js +0 -4
- package/dist/ionic/p-nP9c7bo5.js +0 -4
- package/dist/ionic/p-of4jy1ch.js +0 -4
|
@@ -3,18 +3,19 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var helpers = require('./helpers-
|
|
6
|
+
var index = require('./index-DjlJwy91.js');
|
|
7
|
+
var helpers = require('./helpers-DF1tCuxf.js');
|
|
8
|
+
var validity = require('./validity-QmuwEptc.js');
|
|
8
9
|
var dir = require('./dir-Cn0z1rJH.js');
|
|
9
|
-
var theme = require('./theme-
|
|
10
|
-
var ionicGlobal = require('./ionic-global-
|
|
10
|
+
var theme = require('./theme-IlOsGAz7.js');
|
|
11
|
+
var ionicGlobal = require('./ionic-global-Dq_E1GCa.js');
|
|
11
12
|
require('./focus-visible-BIj-I3-C.js');
|
|
12
13
|
|
|
13
|
-
const inputOtpIonicCss = "
|
|
14
|
+
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)}";
|
|
14
15
|
|
|
15
|
-
const inputOtpIosCss = "
|
|
16
|
+
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))))}";
|
|
16
17
|
|
|
17
|
-
const inputOtpMdCss = "
|
|
18
|
+
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))}";
|
|
18
19
|
|
|
19
20
|
const InputOTP = class {
|
|
20
21
|
constructor(hostRef) {
|
|
@@ -24,6 +25,13 @@ const InputOTP = class {
|
|
|
24
25
|
this.ionComplete = index.createEvent(this, "ionComplete", 7);
|
|
25
26
|
this.ionBlur = index.createEvent(this, "ionBlur", 7);
|
|
26
27
|
this.ionFocus = index.createEvent(this, "ionFocus", 7);
|
|
28
|
+
if (hostRef.$hostElement$["s-ei"]) {
|
|
29
|
+
this.internals = hostRef.$hostElement$["s-ei"];
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
this.internals = hostRef.$hostElement$.attachInternals();
|
|
33
|
+
hostRef.$hostElement$["s-ei"] = this.internals;
|
|
34
|
+
}
|
|
27
35
|
this.inheritedAttributes = {};
|
|
28
36
|
this.inputRefs = [];
|
|
29
37
|
this.inputId = `ion-input-otp-${inputIds++}`;
|
|
@@ -362,6 +370,12 @@ const InputOTP = class {
|
|
|
362
370
|
(_b = inputRefs[nextEmptyIndex]) === null || _b === void 0 ? void 0 : _b.focus();
|
|
363
371
|
};
|
|
364
372
|
}
|
|
373
|
+
/**
|
|
374
|
+
* Update element internals when disabled prop changes
|
|
375
|
+
*/
|
|
376
|
+
disabledChanged() {
|
|
377
|
+
this.updateElementInternals();
|
|
378
|
+
}
|
|
365
379
|
/**
|
|
366
380
|
* Sets focus to an input box.
|
|
367
381
|
* @param index - The index of the input box to focus (0-based).
|
|
@@ -382,6 +396,7 @@ const InputOTP = class {
|
|
|
382
396
|
valueChanged() {
|
|
383
397
|
this.initializeValues();
|
|
384
398
|
this.updateTabIndexes();
|
|
399
|
+
this.updateElementInternals();
|
|
385
400
|
}
|
|
386
401
|
/**
|
|
387
402
|
* Processes the separators prop into an array of numbers.
|
|
@@ -438,6 +453,7 @@ const InputOTP = class {
|
|
|
438
453
|
}
|
|
439
454
|
componentDidLoad() {
|
|
440
455
|
this.updateTabIndexes();
|
|
456
|
+
this.updateElementInternals();
|
|
441
457
|
}
|
|
442
458
|
/**
|
|
443
459
|
* Get the regex pattern for allowed characters.
|
|
@@ -514,6 +530,47 @@ const InputOTP = class {
|
|
|
514
530
|
this.ionComplete.emit({ value: newValue });
|
|
515
531
|
}
|
|
516
532
|
}
|
|
533
|
+
/**
|
|
534
|
+
* Gets the value of the input group as a string for form submission.
|
|
535
|
+
* Returns an empty string if the value is null or undefined.
|
|
536
|
+
*/
|
|
537
|
+
getValue() {
|
|
538
|
+
return this.value != null ? this.value.toString() : '';
|
|
539
|
+
}
|
|
540
|
+
/**
|
|
541
|
+
* Called when the form state is restored.
|
|
542
|
+
* Restores the component's value.
|
|
543
|
+
*/
|
|
544
|
+
formStateRestoreCallback(value) {
|
|
545
|
+
this.value = value;
|
|
546
|
+
}
|
|
547
|
+
/**
|
|
548
|
+
* Called when the form is reset.
|
|
549
|
+
* Resets the component's value.
|
|
550
|
+
*/
|
|
551
|
+
formResetCallback() {
|
|
552
|
+
this.value = '';
|
|
553
|
+
}
|
|
554
|
+
/**
|
|
555
|
+
* Updates the form value and reports validity state to the browser via
|
|
556
|
+
* ElementInternals. This should be called when the component loads, when
|
|
557
|
+
* the disabled prop changes, and when the value changes to ensure the form
|
|
558
|
+
* value stays in sync and validation state is updated.
|
|
559
|
+
*/
|
|
560
|
+
updateElementInternals() {
|
|
561
|
+
var _a;
|
|
562
|
+
// Disabled form controls should not be included in form data
|
|
563
|
+
// Pass null to setFormValue when disabled to exclude it from form submission
|
|
564
|
+
const value = this.disabled ? null : this.getValue();
|
|
565
|
+
// ElementInternals may not be fully available in test environments
|
|
566
|
+
// so we need to check if the method exists before calling it
|
|
567
|
+
if (typeof this.internals.setFormValue === 'function') {
|
|
568
|
+
this.internals.setFormValue(value);
|
|
569
|
+
}
|
|
570
|
+
// Use the first input element for validity reporting since all inputs
|
|
571
|
+
// share the same validation state
|
|
572
|
+
validity.reportValidityToElementInternals((_a = this.inputRefs[0]) !== null && _a !== void 0 ? _a : null, this.internals);
|
|
573
|
+
}
|
|
517
574
|
/**
|
|
518
575
|
* Emits an `ionChange` event.
|
|
519
576
|
* This API should be called for user committed changes.
|
|
@@ -620,7 +677,7 @@ const InputOTP = class {
|
|
|
620
677
|
const tabbableIndex = this.getTabbableIndex();
|
|
621
678
|
const pattern = this.getPattern();
|
|
622
679
|
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()) !== '';
|
|
623
|
-
return (index.h(index.Host, { key: '
|
|
680
|
+
return (index.h(index.Host, { key: '126bef771f8ed7a0daed6b8a488e92447c34a789', class: theme.createColorClasses(color, {
|
|
624
681
|
[mode]: true,
|
|
625
682
|
'has-focus': hasFocus,
|
|
626
683
|
[`input-otp-size-${size}`]: true,
|
|
@@ -628,13 +685,15 @@ const InputOTP = class {
|
|
|
628
685
|
[`input-otp-fill-${fill}`]: true,
|
|
629
686
|
'input-otp-disabled': disabled,
|
|
630
687
|
'input-otp-readonly': readonly,
|
|
631
|
-
}) }, index.h("div", Object.assign({ key: '
|
|
688
|
+
}) }, index.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$1) => (index.h(index.Fragment, null, index.h("div", { class: "native-wrapper", part: "container" }, index.h("input", { class: "native-input", part: "native", id: `${inputId}-${index$1}`, "aria-label": `Input ${index$1 + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index$1 === tabbableIndex ? 0 : -1, value: inputValues[index$1] || '', autocomplete: "one-time-code", ref: (el) => (inputRefs[index$1] = el), onInput: this.onInput(index$1), onBlur: this.onBlur, onFocus: this.onFocus(index$1), onKeyDown: this.onKeyDown(index$1), onPaste: this.onPaste })), this.showSeparator(index$1) && index.h("div", { class: "input-otp-separator", part: "separator" }))))), index.h("div", { key: '0f104b086ffb0f506354b0f1f5ac52d73f498380', class: {
|
|
632
689
|
'input-otp-description': true,
|
|
633
690
|
'input-otp-description-hidden': !hasDescription,
|
|
634
|
-
} }, index.h("slot", { key: '
|
|
691
|
+
}, part: "description" }, index.h("slot", { key: '0f3f8b788335a58469e9a8042abcf8e9ae7f07ec' }))));
|
|
635
692
|
}
|
|
693
|
+
static get formAssociated() { return true; }
|
|
636
694
|
get el() { return index.getElement(this); }
|
|
637
695
|
static get watchers() { return {
|
|
696
|
+
"disabled": ["disabledChanged"],
|
|
638
697
|
"value": ["valueChanged"],
|
|
639
698
|
"separators": ["processSeparators"],
|
|
640
699
|
"length": ["processSeparators"]
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var theme = require('./theme-
|
|
6
|
+
var index = require('./index-DjlJwy91.js');
|
|
7
|
+
var theme = require('./theme-IlOsGAz7.js');
|
|
8
8
|
var index$1 = require('./index-DqmRDbxg.js');
|
|
9
|
-
var ionicGlobal = require('./ionic-global-
|
|
9
|
+
var ionicGlobal = require('./ionic-global-Dq_E1GCa.js');
|
|
10
10
|
|
|
11
11
|
const eyeSlashSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik01My45MiwzNC42MkE4LDgsMCwxLDAsNDIuMDgsNDUuMzhMNjEuMzIsNjYuNTVDMjUsODguODQsOS4zOCwxMjMuMiw4LjY5LDEyNC43NmE4LDgsMCwwLDAsMCw2LjVjLjM1Ljc5LDguODIsMTkuNTcsMjcuNjUsMzguNEM2MS40MywxOTQuNzQsOTMuMTIsMjA4LDEyOCwyMDhhMTI3LjExLDEyNy4xMSwwLDAsMCw1Mi4wNy0xMC44M2wyMiwyNC4yMWE4LDgsMCwxLDAsMTEuODQtMTAuNzZabTQ3LjMzLDc1Ljg0LDQxLjY3LDQ1Ljg1YTMyLDMyLDAsMCwxLTQxLjY3LTQ1Ljg1Wk0xMjgsMTkyYy0zMC43OCwwLTU3LjY3LTExLjE5LTc5LjkzLTMzLjI1QTEzMy4xNiwxMzMuMTYsMCwwLDEsMjUsMTI4YzQuNjktOC43OSwxOS42Ni0zMy4zOSw0Ny4zNS00OS4zOGwxOCwxOS43NWE0OCw0OCwwLDAsMCw2My42Niw3MGwxNC43MywxNi4yQTExMiwxMTIsMCwwLDEsMTI4LDE5MlptNi05NS40M2E4LDgsMCwwLDEsMy0xNS43Miw0OC4xNiw0OC4xNiwwLDAsMSwzOC43Nyw0Mi42NCw4LDgsMCwwLDEtNy4yMiw4LjcxLDYuMzksNi4zOSwwLDAsMS0uNzUsMCw4LDgsMCwwLDEtOC03LjI2QTMyLjA5LDMyLjA5LDAsMCwwLDEzNCw5Ni41N1ptMTEzLjI4LDM0LjY5Yy0uNDIuOTQtMTAuNTUsMjMuMzctMzMuMzYsNDMuOGE4LDgsMCwxLDEtMTAuNjctMTEuOTJBMTMyLjc3LDEzMi43NywwLDAsMCwyMzEuMDUsMTI4YTEzMy4xNSwxMzMuMTUsMCwwLDAtMjMuMTItMzAuNzdDMTg1LjY3LDc1LjE5LDE1OC43OCw2NCwxMjgsNjRhMTE4LjM3LDExOC4zNywwLDAsMC0xOS4zNiwxLjU3QTgsOCwwLDEsMSwxMDYsNDkuNzksMTM0LDEzNCwwLDAsMSwxMjgsNDhjMzQuODgsMCw2Ni41NywxMy4yNiw5MS42NiwzOC4zNSwxOC44MywxOC44MywyNy4zLDM3LjYyLDI3LjY1LDM4LjQxQTgsOCwwLDAsMSwyNDcuMzEsMTMxLjI2WiIvPjwvc3ZnPg==';
|
|
12
12
|
|
|
@@ -101,16 +101,16 @@ const InputPasswordToggle = class {
|
|
|
101
101
|
const { color, inputPasswordHideIcon, inputPasswordShowIcon, type } = this;
|
|
102
102
|
const mode = ionicGlobal.getIonMode(this);
|
|
103
103
|
const isPasswordVisible = type === 'text';
|
|
104
|
-
return (index.h(index.Host, { key: '
|
|
104
|
+
return (index.h(index.Host, { key: 'e3c21d5bedebeadb57c0c9b7f065d15ab0d49e4a', class: theme.createColorClasses(color, {
|
|
105
105
|
[mode]: true,
|
|
106
|
-
}) }, index.h("ion-button", { key: '
|
|
106
|
+
}) }, index.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) => {
|
|
107
107
|
/**
|
|
108
108
|
* This prevents mobile browsers from
|
|
109
109
|
* blurring the input when the password toggle
|
|
110
110
|
* button is activated.
|
|
111
111
|
*/
|
|
112
112
|
ev.preventDefault();
|
|
113
|
-
}, onClick: this.togglePasswordVisibility }, index.h("ion-icon", { key: '
|
|
113
|
+
}, onClick: this.togglePasswordVisibility }, index.h("ion-icon", { key: 'af9a7e202fe0b3f75f10b3e13bf1e5fb653194d1', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
|
|
114
114
|
}
|
|
115
115
|
get el() { return index.getElement(this); }
|
|
116
116
|
static get watchers() { return {
|
|
@@ -3,15 +3,15 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-DjlJwy91.js');
|
|
7
7
|
var x = require('./x-BTF99yFH.js');
|
|
8
|
-
var notchController = require('./notch-controller-
|
|
9
|
-
var validity = require('./validity-
|
|
10
|
-
var helpers = require('./helpers-
|
|
11
|
-
var input_utils = require('./input.utils-
|
|
12
|
-
var theme = require('./theme-
|
|
8
|
+
var notchController = require('./notch-controller-qvgjFR8h.js');
|
|
9
|
+
var validity = require('./validity-QmuwEptc.js');
|
|
10
|
+
var helpers = require('./helpers-DF1tCuxf.js');
|
|
11
|
+
var input_utils = require('./input.utils-BBh_FWGy.js');
|
|
12
|
+
var theme = require('./theme-IlOsGAz7.js');
|
|
13
13
|
var index$1 = require('./index-DqmRDbxg.js');
|
|
14
|
-
var ionicGlobal = require('./ionic-global-
|
|
14
|
+
var ionicGlobal = require('./ionic-global-Dq_E1GCa.js');
|
|
15
15
|
require('./focus-visible-BIj-I3-C.js');
|
|
16
16
|
|
|
17
17
|
const inputIonicCss = ".sc-ion-input-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--border-style:solid;--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;padding:0 !important;color:var(--color)}ion-item[slot=start].sc-ion-input-ionic-h,ion-item [slot=start].sc-ion-input-ionic-h,ion-item[slot=end].sc-ion-input-ionic-h,ion-item [slot=end].sc-ion-input-ionic-h{width:auto}.ion-color.sc-ion-input-ionic-h{--highlight-color-focused:current-color(base)}.native-input.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:inline-block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;height:100%;max-height:100%;border:0;outline:none;background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:1}.native-input.sc-ion-input-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-input.sc-ion-input-ionic:-webkit-autofill{background-color:transparent}.native-input.sc-ion-input-ionic:invalid{-webkit-box-shadow:none;box-shadow:none}.native-input.sc-ion-input-ionic::-ms-clear{display:none}.cloned-input.sc-ion-input-ionic{position:absolute;pointer-events:none}.cloned-input.sc-ion-input-ionic:disabled{opacity:1}.input-clear-icon.sc-ion-input-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:auto;margin-bottom:auto;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;background-position:center;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:0;outline:none;background-color:transparent;background-repeat:no-repeat;visibility:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}.in-item-color.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{color:inherit}.has-value.sc-ion-input-ionic-h .input-clear-icon.sc-ion-input-ionic{visibility:visible}.input-wrapper.sc-ion-input-ionic{-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);border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:stretch;align-items:stretch;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.native-wrapper.sc-ion-input-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;width:100%}.ion-touched.ion-invalid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-input-ionic-h{--highlight-color:var(--highlight-color-valid)}.input-bottom.sc-ion-input-ionic{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);white-space:normal}.has-focus.ion-valid.sc-ion-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:var(--highlight-color)}.input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:none;color:var(--highlight-color-invalid)}.input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:block}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{display:block}.ion-touched.ion-invalid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic{display:none}.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic{-webkit-margin-start:auto;margin-inline-start:auto;white-space:nowrap}.has-focus.sc-ion-input-ionic-h input.sc-ion-input-ionic{caret-color:var(--highlight-color)}.label-text-wrapper.sc-ion-input-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text.sc-ion-input-ionic,.sc-ion-input-ionic-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-input-ionic,.input-outline-notch-hidden.sc-ion-input-ionic{display:none}.input-wrapper.sc-ion-input-ionic input.sc-ion-input-ionic{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.input-label-placement-start.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:row;flex-direction:row}.input-label-placement-end.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.input-label-placement-fixed.sc-ion-input-ionic-h .label-text.sc-ion-input-ionic{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.input-label-placement-stacked.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .input-wrapper.sc-ion-input-ionic{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:left top;transform-origin:left top;max-width:100%;z-index:2}[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-label-placement-stacked.sc-ion-input-ionic-h input.sc-ion-input-ionic,.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}.input-label-placement-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:0}.has-focus.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic,.has-value.input-label-placement-floating.sc-ion-input-ionic-h input.sc-ion-input-ionic{opacity:1}.sc-ion-input-ionic-h[disabled].sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[disabled] .sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[readonly].sc-ion-input-ionic-s>ion-input-password-toggle,.sc-ion-input-ionic-h[readonly] .sc-ion-input-ionic-s>ion-input-password-toggle{visibility:hidden}.input-fill-outline.sc-ion-input-ionic-h{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--border-color:var(--token-primitives-neutral-500, #a2a2a2)}.input-fill-solid.sc-ion-input-ionic-h{--background:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9));--border-color:var(--token-bg-input-bold-default, var(--token-primitives-neutral-200, #eae9e9))}.input-fill-solid.has-focus.ion-valid.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic,.input-fill-solid.ion-touched.ion-invalid.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{--border-color:var(--highlight-color)}@media (any-hover: hover){.sc-ion-input-ionic-h:hover{--border-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7))}}.input-fill-solid.input-disabled.sc-ion-input-ionic-h{--background:var(--token-bg-input-bold-disabled, var(--token-primitives-neutral-300, #e0e0e0));--placeholder-color:var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2))}.input-fill-solid.input-readonly.sc-ion-input-ionic-h{--background:var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0));--border-color:var(--token-bg-input-bold-read-only, var(--token-primitives-neutral-300, #e0e0e0))}.input-fill-solid.has-focus.sc-ion-input-ionic-h{--border-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7))}.sc-ion-input-ionic-h{--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--highlight-color-valid: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)));--placeholder-color:var(--token-primitives-neutral-800, #626262);--placeholder-opacity:1;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}.input-outline.sc-ion-input-ionic{right:0;left:0;top:0;bottom:0;border-radius:var(--border-radius);position:absolute;width:100%;height:100%;pointer-events:none;border:var(--border-width) var(--border-style) var(--border-color)}.label-floating.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px))}.input-wrapper.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;border-bottom:none;background:transparent}.label-text-wrapper.sc-ion-input-ionic{position:relative}.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:left top;transform-origin:left top;max-width:calc(100% - var(--padding-start) - var(--padding-end))}[dir=rtl].sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .sc-ion-input-ionic-h -no-combinator.input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl].input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic,[dir=rtl] .input-label-placement-stacked.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.input-label-placement-stacked.sc-ion-input-ionic-h:dir(rtl) .label-text-wrapper.sc-ion-input-ionic{-webkit-transform-origin:right top;transform-origin:right top}}.input-bottom.sc-ion-input-ionic{border-top:none}.native-wrapper.sc-ion-input-ionic{border-radius:inherit;-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);min-height:var(--token-scale-1000, 40px);background:var(--background)}.input-size-medium.sc-ion-input-ionic-h{--padding-start:var(--token-space-300, var(--token-scale-300, 12px));--padding-end:var(--token-space-300, var(--token-scale-300, 12px))}.input-size-large.sc-ion-input-ionic-h{--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px))}.input-size-xlarge.sc-ion-input-ionic-h{--padding-start:var(--token-space-500, var(--token-scale-500, 20px));--padding-end:var(--token-space-500, var(--token-scale-500, 20px))}.input-size-medium.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{min-height:var(--token-scale-1000, 40px)}.input-size-large.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{min-height:var(--token-scale-1200, 48px)}.input-size-xlarge.sc-ion-input-ionic-h .native-wrapper.sc-ion-input-ionic{min-height:var(--token-scale-1400, 56px)}.input-shape-soft.sc-ion-input-ionic-h{--border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)))}.input-shape-round.sc-ion-input-ionic-h{--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)))}.input-shape-rectangular.sc-ion-input-ionic-h{--border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)))}.input-size-medium.sc-ion-input-ionic-h ion-input-password-toggle.sc-ion-input-ionic{--size:var(--token-scale-1000, 40px)}.input-size-large.sc-ion-input-ionic-h ion-input-password-toggle.sc-ion-input-ionic{--size:var(--token-scale-1200, 48px)}.input-size-xlarge.sc-ion-input-ionic-h ion-input-password-toggle.sc-ion-input-ionic{--size:var(--token-scale-1400, 56px)}.native-wrapper.sc-ion-input-ionic::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--token-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:text}.sc-ion-input-ionic-s>[slot=start],.sc-ion-input-ionic-s>[slot=end],.input-clear-icon.sc-ion-input-ionic{z-index:2}.sc-ion-input-ionic-s>[slot=start]{-webkit-margin-end:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}.sc-ion-input-ionic-s>[slot=end]{-webkit-margin-start:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-start:var(--token-space-200, var(--token-scale-200, 8px))}.input-clear-icon.sc-ion-input-ionic{width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px);color:var(--token-primitives-neutral-1000, #3b3b3b)}.input-clear-icon.sc-ion-input-ionic:focus-visible{border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));opacity:1}.input-clear-icon.sc-ion-input-ionic ion-icon.sc-ion-input-ionic{width:100%;height:100%}.sc-ion-input-ionic-h:not(:focus-within) .input-clear-icon.sc-ion-input-ionic{display:none}.label-text-wrapper.sc-ion-input-ionic{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-primitives-neutral-1000, #3b3b3b)}.label-floating.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{-webkit-transform:none;transform:none}.input-bottom.sc-ion-input-ionic{padding-left:0;padding-right:0;padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:0;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}.input-bottom.sc-ion-input-ionic .error-text.sc-ion-input-ionic{color:var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)))}.input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}.has-focus.ion-valid.sc-ion-input-ionic-h .helper-text.sc-ion-input-ionic{color:var(--highlight-color-valid)}.has-focus.ion-valid.sc-ion-input-ionic-h,.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-width:var(--token-border-size-025, var(--token-scale-025, 1px))}@media (any-hover: hover){.sc-ion-input-ionic-h:hover{--border-color:var(--token-primitives-neutral-600, #8c8c8c)}}.input-disabled.sc-ion-input-ionic-h{--color:var(--token-primitives-neutral-500, #a2a2a2);--background:var(--token-primitives-neutral-100, #f3f3f3);--border-color:var(--token-primitives-neutral-300, #e0e0e0);--placeholder-color:var(--token-primitives-neutral-500, #a2a2a2);pointer-events:none}.input-disabled.sc-ion-input-ionic-h:not(.ion-valid) .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .counter.sc-ion-input-ionic,.input-disabled.sc-ion-input-ionic-h .label-text-wrapper.sc-ion-input-ionic{color:var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2))}.input-disabled.has-focus.ion-valid.sc-ion-input-ionic-h{--border-color:rgba(var(--token-semantics-success-base-rgb, 27, 164, 51), 0.6)}.input-disabled.ion-touched.ion-invalid.sc-ion-input-ionic-h{--border-color:rgba(var(--token-semantics-danger-base-rgb, 229, 41, 41), 0.6)}.input-disabled.ion-color.sc-ion-input-ionic-h{--border-color:rgba(var(--ion-color-base-rgb), 0.6)}.input-disabled.has-focus.ion-valid.sc-ion-input-ionic-h .input-bottom.sc-ion-input-ionic .helper-text.sc-ion-input-ionic,.input-disabled.ion-touched.ion-invalid.sc-ion-input-ionic-h .error-text.sc-ion-input-ionic{opacity:0.6}.input-readonly.sc-ion-input-ionic-h{--background:var(--token-primitives-neutral-100, #f3f3f3)}.has-focus.sc-ion-input-ionic-h{--border-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--border-width:var(--token-border-size-050, var(--token-scale-050, 2px))}.has-focus.sc-ion-input-ionic-h .input-highlight.sc-ion-input-ionic{-webkit-transform:scale(1);transform:scale(1)}";
|
|
@@ -593,7 +593,7 @@ const Input = class {
|
|
|
593
593
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
594
594
|
*/
|
|
595
595
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
596
|
-
return (index.h(index.Host, { key: '
|
|
596
|
+
return (index.h(index.Host, { key: 'e8bd77f9ff53452bc1ea9de20263cf865fd6359e', class: theme.createColorClasses(this.color, {
|
|
597
597
|
[theme$1]: true,
|
|
598
598
|
'has-value': hasValue,
|
|
599
599
|
'has-focus': hasFocus,
|
|
@@ -606,7 +606,7 @@ const Input = class {
|
|
|
606
606
|
'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
|
|
607
607
|
'input-disabled': disabled,
|
|
608
608
|
'input-readonly': readonly,
|
|
609
|
-
}) }, index.h("label", { key: '
|
|
609
|
+
}) }, index.h("label", { key: 'a3955d9d3ec7181dfc719dfac56974e2faf87503', class: "input-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), index.h("div", { key: 'b5d63e3dc7862d07c4254e43360992538c50cee7', class: "native-wrapper", onClick: this.onLabelClick },
|
|
610
610
|
/**
|
|
611
611
|
* For the ionic theme, we render the outline container here
|
|
612
612
|
* instead of higher up, so it can be positioned relative to
|
|
@@ -616,14 +616,14 @@ const Input = class {
|
|
|
616
616
|
* <label> element, ensuring that clicking the label text
|
|
617
617
|
* focuses the input.
|
|
618
618
|
*/
|
|
619
|
-
theme$1 === 'ionic' && index.h("div", { key: '
|
|
619
|
+
theme$1 === 'ionic' && index.h("div", { key: '89f3b9c3b4e463391089e86fb469091934b7d941', class: "input-outline" }), index.h("slot", { key: '05dcb36c19a5e552d228109275d80c087382599c', name: "start" }), index.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 && (index.h("button", { key: '9f390f1bb877f2f59b8729e8dea7f871d9ab0ec5', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
|
|
620
620
|
/**
|
|
621
621
|
* This prevents mobile browsers from
|
|
622
622
|
* blurring the input when the clear
|
|
623
623
|
* button is activated.
|
|
624
624
|
*/
|
|
625
625
|
ev.preventDefault();
|
|
626
|
-
}, onClick: this.clearTextInput }, index.h("ion-icon", { key: '
|
|
626
|
+
}, onClick: this.clearTextInput }, index.h("ion-icon", { key: 'a54aadb55162087ab1677380dbb11e92e2f5476c', "aria-hidden": "true", icon: inputClearIcon }))), index.h("slot", { key: '44b57c79f4b1ccfaf797ce33ee1223799598a8dd', name: "end" })), shouldRenderHighlight && index.h("div", { key: 'ff7611b1ce5c77b9ab21cffae37769c8cd86f296', class: "input-highlight" })), this.renderBottomContent()));
|
|
627
627
|
}
|
|
628
628
|
get el() { return index.getElement(this); }
|
|
629
629
|
static get watchers() { return {
|
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var theme = require('./theme-
|
|
8
|
-
var ionicGlobal = require('./ionic-global-
|
|
9
|
-
var helpers = require('./helpers-
|
|
10
|
-
var index$1 = require('./index-
|
|
6
|
+
var index = require('./index-DjlJwy91.js');
|
|
7
|
+
var theme = require('./theme-IlOsGAz7.js');
|
|
8
|
+
var ionicGlobal = require('./ionic-global-Dq_E1GCa.js');
|
|
9
|
+
var helpers = require('./helpers-DF1tCuxf.js');
|
|
10
|
+
var index$1 = require('./index-C2sRwpb7.js');
|
|
11
11
|
var watchOptions = require('./watch-options-CviOsrTS.js');
|
|
12
12
|
require('./focus-visible-BIj-I3-C.js');
|
|
13
13
|
|
|
@@ -70,14 +70,14 @@ const ItemOption = class {
|
|
|
70
70
|
href: this.href,
|
|
71
71
|
target: this.target,
|
|
72
72
|
};
|
|
73
|
-
return (index.h(index.Host, { key: '
|
|
73
|
+
return (index.h(index.Host, { key: 'c36a39053b339086ee45e30a5051256fecf1e9d6', onClick: this.onClick, class: theme.createColorClasses(this.color, {
|
|
74
74
|
[theme$1]: true,
|
|
75
75
|
[`item-option-${shape}`]: shape !== undefined,
|
|
76
76
|
[`item-option-${hue}`]: hue !== undefined,
|
|
77
77
|
'item-option-disabled': disabled,
|
|
78
78
|
'item-option-expandable': expandable,
|
|
79
79
|
'ion-activatable': true,
|
|
80
|
-
}) }, index.h(TagType, Object.assign({ key: '
|
|
80
|
+
}) }, index.h(TagType, Object.assign({ key: '8fa60eb0b2538cd1afe7ad26d0ba9ea0a152b754' }, attrs, { class: "button-native", part: "native", disabled: disabled }), index.h("span", { key: 'd444dd749c3abfdb43f66ac8eae49c3e3b3b9960', class: "button-inner" }, index.h("slot", { key: 'b8164b8893c95c6d4ae9d79a5755eb52c3a1af22', name: "top" }), index.h("div", { key: '6c840ac03adc45b6dce2f11d64b143a3208e2071', class: "horizontal-wrapper" }, index.h("slot", { key: '8c08ea25119e1831b9320c2f2e61461d45158611', name: "start" }), index.h("slot", { key: 'dfc5823b66fcfdcad6277105bd86590958632fdd', name: "icon-only" }), index.h("slot", { key: '30d0d597802daca4a534055e3f326c38a77c5cf8' }), index.h("slot", { key: 'bc58e8826067ad905b81608ad0344ed4dedd3a07', name: "end" })), index.h("slot", { key: '59c3e025a00824c163dbcbeb359ba82871ba06f2', name: "bottom" })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '046a2ae39dbec7aebcbac3e250d80016065ed0f0' }))));
|
|
81
81
|
}
|
|
82
82
|
get el() { return index.getElement(this); }
|
|
83
83
|
};
|
|
@@ -112,7 +112,7 @@ const ItemOptions = class {
|
|
|
112
112
|
render() {
|
|
113
113
|
const theme = ionicGlobal.getIonTheme(this);
|
|
114
114
|
const isEnd = helpers.isEndSide(this.side);
|
|
115
|
-
return (index.h(index.Host, { key: '
|
|
115
|
+
return (index.h(index.Host, { key: 'cc55282505679d51fb90ebf30869e930c71afbd4', class: {
|
|
116
116
|
[theme]: true,
|
|
117
117
|
// Used internally for styling
|
|
118
118
|
[`item-options-${theme}`]: true,
|
|
@@ -524,7 +524,7 @@ const ItemSliding = class {
|
|
|
524
524
|
}
|
|
525
525
|
render() {
|
|
526
526
|
const theme = ionicGlobal.getIonTheme(this);
|
|
527
|
-
return (index.h(index.Host, { key: '
|
|
527
|
+
return (index.h(index.Host, { key: '79cd09dd43183008f470b31abb7b3606f653a98b', class: {
|
|
528
528
|
[theme]: true,
|
|
529
529
|
'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
|
|
530
530
|
'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,
|
|
@@ -3,12 +3,12 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-DjlJwy91.js');
|
|
7
7
|
var caretRight = require('./caret-right-CRCgv98E.js');
|
|
8
|
-
var helpers = require('./helpers-
|
|
9
|
-
var theme = require('./theme-
|
|
8
|
+
var helpers = require('./helpers-DF1tCuxf.js');
|
|
9
|
+
var theme = require('./theme-IlOsGAz7.js');
|
|
10
10
|
var index$1 = require('./index-DqmRDbxg.js');
|
|
11
|
-
var ionicGlobal = require('./ionic-global-
|
|
11
|
+
var ionicGlobal = require('./ionic-global-Dq_E1GCa.js');
|
|
12
12
|
require('./focus-visible-BIj-I3-C.js');
|
|
13
13
|
|
|
14
14
|
const itemIonicCss = ":host{--border-radius:0px;--border-width:0px;--border-style:solid;--padding-top:0px;--padding-bottom:0px;--padding-end:0px;--padding-start:0px;--inner-border-width:0px;--inner-padding-top:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;--inner-padding-end:0px;--inner-box-shadow:none;--detail-icon-color:initial;--detail-icon-font-size:1.25em;--detail-icon-opacity:0.25;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;outline:none;color:var(--color);text-align:initial;text-decoration:none;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-activated) .item-native{color:var(--color-activated)}:host(.ion-activated) .item-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.ion-focused) .item-native{color:var(--color-focused)}:host(.ion-focused) .item-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(.ion-activatable:not(.ion-focused):hover) .item-native{color:var(--color-hover)}:host(.ion-activatable:not(.ion-focused):hover) .item-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.item-control-needs-pointer-cursor){cursor:pointer}:host(.item-interactive-disabled:not(.item-multiple-inputs)){cursor:default;pointer-events:none}:host(.item-disabled){cursor:default;opacity:0.3;pointer-events:none}.item-native{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-right:var(--padding-end);padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:inherit;overflow:inherit;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]) .item-native{padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}[dir=rtl] .item-native{padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}@supports selector(:dir(rtl)){.item-native:dir(rtl){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}}.item-native::-moz-focus-inner{border:0}.item-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0;-webkit-transition:var(--transition);transition:var(--transition);z-index:-1}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.item-inner{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);padding-right:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-left:var(--inner-padding-start);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]) .item-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}[dir=rtl] .item-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}@supports selector(:dir(rtl)){.item-inner:dir(rtl){padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}}.item-detail-icon{-webkit-margin-start:calc(var(--inner-padding-end) / 2);margin-inline-start:calc(var(--inner-padding-end) / 2);-webkit-margin-end:-6px;margin-inline-end:-6px;color:var(--detail-icon-color);font-size:var(--detail-icon-font-size);opacity:var(--detail-icon-opacity)}::slotted(ion-icon){font-size:1.6em}::slotted(ion-button){--margin-top:0;--margin-bottom:0;--margin-start:0;--margin-end:0;z-index:1}::slotted(ion-label:not([slot=end])){-ms-flex:1;flex:1;width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:100%}:host(.item-input){-ms-flex-align:center;align-items:center}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.item-label-stacked),:host(.item-label-floating){-ms-flex-align:start;align-items:start}:host(.item-label-stacked) .input-wrapper,:host(.item-label-floating) .input-wrapper{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host(.item-multiple-inputs) ::slotted(ion-checkbox),:host(.item-multiple-inputs) ::slotted(ion-datetime),:host(.item-multiple-inputs) ::slotted(ion-radio){position:relative}:host(.item-textarea){-ms-flex-align:stretch;align-items:stretch}::slotted(ion-reorder[slot]){margin-top:0;margin-bottom:0}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--background-activated:var(--token-bg-select-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));--border-color:var(--token-primitives-neutral-300, #e0e0e0);--border-style:var(--token-border-style-solid, solid);--border-width:0 0 var(--token-border-size-025, var(--token-scale-025, 1px)) 0;--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));--detail-icon-font-size:var(--token-scale-600, 24px);--detail-icon-opacity:1;--min-height:var(--token-scale-1800, 72px);--padding-top:var(--token-space-200, var(--token-scale-200, 8px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));font-size:var(--token-font-size-400, 16px);font-weight:var(--token-font-weight-medium, 500);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}.item-inner{min-height:initial}.item-detail-icon{-webkit-margin-end:0;margin-inline-end:0}slot[name=start]::slotted(*){-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}slot[name=end]::slotted(*){-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px))}::slotted(ion-icon:not(.item-detail-icon)){color:var(--token-primitives-neutral-1000, #3b3b3b);font-size:var(--token-scale-1000, 40px)}:host(.item-disabled) .item-native::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none}:host(.ion-activated) .item-native{background:var(--background-activated)}:host(.ion-focused) .item-native::after{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;border-width:var(--token-border-size-050, var(--token-scale-050, 2px));border-style:var(--token-border-style-solid, solid);border-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));content:\"\"}:host(.item-lines-full){--border-width:var(--token-border-size-0, var(--token-scale-0, 0px)) var(--token-border-size-0, var(--token-scale-0, 0px)) var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-size-0, var(--token-scale-0, 0px))}:host(.item-lines-inset){--inner-border-width:var(--token-border-size-0, var(--token-scale-0, 0px)) var(--token-border-size-0, var(--token-scale-0, 0px)) var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-size-0, var(--token-scale-0, 0px))}:host(.item-lines-inset),:host(.item-lines-none){--border-width:var(--token-border-size-0, var(--token-scale-0, 0px))}:host(.item-lines-full),:host(.item-lines-none){--inner-border-width:var(--token-border-size-0, var(--token-scale-0, 0px))}:host(.in-select-modal){--background-focused:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));--background-focused-opacity:0}:host(.in-select-modal.ion-focused) .item-native{--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}";
|
|
@@ -308,11 +308,11 @@ const ItemDivider = class {
|
|
|
308
308
|
}
|
|
309
309
|
render() {
|
|
310
310
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
311
|
-
return (index.h(index.Host, { key: '
|
|
311
|
+
return (index.h(index.Host, { key: 'f026528e983b0b77cd059400d961d012dec9caae', class: theme.createColorClasses(this.color, {
|
|
312
312
|
[theme$1]: true,
|
|
313
313
|
'item-divider-sticky': this.sticky,
|
|
314
314
|
item: true,
|
|
315
|
-
}) }, index.h("slot", { key: '
|
|
315
|
+
}) }, index.h("slot", { key: '409f111b2b37782bd242af5f3205d871d85b6254', name: "start" }), index.h("div", { key: '6811502ae39e51104b46f4f3b272631017a91e4a', class: "item-divider-inner" }, index.h("div", { key: 'c7cf5918a8e8f891426fda028586b36f21909b00', class: "item-divider-wrapper" }, index.h("slot", { key: '7db6745917458bb6d854c0662bbf0394142d2996' })), index.h("slot", { key: 'bad5e02a4d4852fc6e106552b314a42842a0b2e7', name: "end" }))));
|
|
316
316
|
}
|
|
317
317
|
get el() { return index.getElement(this); }
|
|
318
318
|
};
|
|
@@ -334,7 +334,7 @@ const ItemGroup = class {
|
|
|
334
334
|
}
|
|
335
335
|
render() {
|
|
336
336
|
const theme = ionicGlobal.getIonTheme(this);
|
|
337
|
-
return (index.h(index.Host, { key: '
|
|
337
|
+
return (index.h(index.Host, { key: '3fb0784b321736344604e259cfb05c6307159bed', role: "group", class: {
|
|
338
338
|
[theme]: true,
|
|
339
339
|
// Used internally for styling
|
|
340
340
|
[`item-group-${theme}`]: true,
|
|
@@ -403,13 +403,13 @@ const Label = class {
|
|
|
403
403
|
render() {
|
|
404
404
|
const position = this.position;
|
|
405
405
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
406
|
-
return (index.h(index.Host, { key: '
|
|
406
|
+
return (index.h(index.Host, { key: '583b4ed56decb1f5ce39ea6f58fbaa6d4fde01a5', class: theme.createColorClasses(this.color, {
|
|
407
407
|
[theme$1]: true,
|
|
408
408
|
'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
|
|
409
409
|
[`label-${position}`]: position !== undefined,
|
|
410
410
|
[`label-no-animate`]: this.noAnimate,
|
|
411
411
|
'label-rtl': document.dir === 'rtl',
|
|
412
|
-
}) }, index.h("slot", { key: '
|
|
412
|
+
}) }, index.h("slot", { key: '89467c7725dc79d73d51442cb5a233e244cef1b3' })));
|
|
413
413
|
}
|
|
414
414
|
get el() { return index.getElement(this); }
|
|
415
415
|
static get watchers() { return {
|
|
@@ -469,7 +469,7 @@ const List = class {
|
|
|
469
469
|
const theme = ionicGlobal.getIonTheme(this);
|
|
470
470
|
const shape = this.getShape();
|
|
471
471
|
const { lines, inset } = this;
|
|
472
|
-
return (index.h(index.Host, { key: '
|
|
472
|
+
return (index.h(index.Host, { key: 'dcdfb595a6b45307f9810e1ded25ba635c947940', role: "list", class: {
|
|
473
473
|
[theme]: true,
|
|
474
474
|
// Used internally for styling
|
|
475
475
|
[`list-${theme}`]: true,
|
|
@@ -500,10 +500,10 @@ const ListHeader = class {
|
|
|
500
500
|
render() {
|
|
501
501
|
const { lines } = this;
|
|
502
502
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
503
|
-
return (index.h(index.Host, { key: '
|
|
503
|
+
return (index.h(index.Host, { key: '984b0c19c652d264ce1a9832777948a9b5b84326', class: theme.createColorClasses(this.color, {
|
|
504
504
|
[theme$1]: true,
|
|
505
505
|
[`list-header-lines-${lines}`]: lines !== undefined,
|
|
506
|
-
}) }, index.h("div", { key: '
|
|
506
|
+
}) }, index.h("div", { key: '1bf4519d8aa94fe4b98c6f54aba74dbcbb52fab0', class: "list-header-inner" }, index.h("slot", { key: '8d7fa8eca680fe3da8b8e4e01b3f885672c9c2bb' }))));
|
|
507
507
|
}
|
|
508
508
|
};
|
|
509
509
|
ListHeader.style = {
|
|
@@ -524,9 +524,9 @@ const Note = class {
|
|
|
524
524
|
}
|
|
525
525
|
render() {
|
|
526
526
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
527
|
-
return (index.h(index.Host, { key: '
|
|
527
|
+
return (index.h(index.Host, { key: 'a8470df6b8fb8ca327a282fc23705bc230f13a40', class: theme.createColorClasses(this.color, {
|
|
528
528
|
[theme$1]: true,
|
|
529
|
-
}) }, index.h("slot", { key: '
|
|
529
|
+
}) }, index.h("slot", { key: '07cbdef68f010b06638f359f70dff3f1d659d899' })));
|
|
530
530
|
}
|
|
531
531
|
};
|
|
532
532
|
Note.style = {
|
|
@@ -562,11 +562,11 @@ const SkeletonText = class {
|
|
|
562
562
|
const animated = this.animated && index.config.getBoolean('animated', true);
|
|
563
563
|
const inMedia = theme.hostContext('ion-avatar', this.el) || theme.hostContext('ion-thumbnail', this.el);
|
|
564
564
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
565
|
-
return (index.h(index.Host, { key: '
|
|
565
|
+
return (index.h(index.Host, { key: '5014563646b6c5213750d503babce3013b66ec96', class: {
|
|
566
566
|
[theme$1]: true,
|
|
567
567
|
'skeleton-text-animated': animated,
|
|
568
568
|
'in-media': inMedia,
|
|
569
|
-
} }, index.h("span", { key: '
|
|
569
|
+
} }, index.h("span", { key: '4b816883b1c71bb1db66d8b2b084559f7cb489bd' }, "\u00A0")));
|
|
570
570
|
}
|
|
571
571
|
get el() { return index.getElement(this); }
|
|
572
572
|
};
|
|
@@ -3,16 +3,16 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var config = require('./config-
|
|
8
|
-
var helpers = require('./helpers-
|
|
6
|
+
var index = require('./index-DjlJwy91.js');
|
|
7
|
+
var config = require('./config-CPCkFfH2.js');
|
|
8
|
+
var helpers = require('./helpers-DF1tCuxf.js');
|
|
9
9
|
var lockController = require('./lock-controller-aDB9wrEf.js');
|
|
10
|
-
var overlays = require('./overlays-
|
|
11
|
-
var theme = require('./theme-
|
|
12
|
-
var ionicGlobal = require('./ionic-global-
|
|
13
|
-
var animation = require('./animation-
|
|
10
|
+
var overlays = require('./overlays-CA-nLfRi.js');
|
|
11
|
+
var theme = require('./theme-IlOsGAz7.js');
|
|
12
|
+
var ionicGlobal = require('./ionic-global-Dq_E1GCa.js');
|
|
13
|
+
var animation = require('./animation-C04i0Aq2.js');
|
|
14
14
|
require('./focus-visible-BIj-I3-C.js');
|
|
15
|
-
require('./framework-delegate-
|
|
15
|
+
require('./framework-delegate-C7fZ8bup.js');
|
|
16
16
|
require('./gesture-controller-dtqlP_q4.js');
|
|
17
17
|
|
|
18
18
|
/**
|
|
@@ -279,9 +279,9 @@ const Loading = class {
|
|
|
279
279
|
* Otherwise, don't set aria-labelledby.
|
|
280
280
|
*/
|
|
281
281
|
const ariaLabelledBy = message !== undefined ? msgId : null;
|
|
282
|
-
return (index.h(index.Host, Object.assign({ key: '
|
|
282
|
+
return (index.h(index.Host, Object.assign({ key: '0c475f8e28e680e28e09317557795fc56e0835d8', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
|
|
283
283
|
zIndex: `${40000 + this.overlayIndex}`,
|
|
284
|
-
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: '
|
|
284
|
+
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: 'd7e88feb6df8edbc326a84d07b294618f7ce6adc', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: 'f9622f45b2d9e913c325b228a1e6ed03cf2b98e8', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: 'f4dfdce70c4515878b247d0cc116b5cec2cf79a4', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (index.h("div", { key: '6d4475e00c444eb3d217813ae8cc1a02a97b969e', class: "loading-spinner" }, index.h("ion-spinner", { key: 'd9ad8dd56ec7677c18d06936c1a1b21a0a6a87a8', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), index.h("div", { key: 'bd3159e18f33ec25d3480d47ce33fa7dfd1f1460', tabindex: "0", "aria-hidden": "true" })));
|
|
285
285
|
}
|
|
286
286
|
get el() { return index.getElement(this); }
|
|
287
287
|
static get watchers() { return {
|