@ionic/core 8.8.7-dev.11779467048.1641d05e → 8.8.7-dev.11779921691.1777274a
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/index.js +1 -1
- package/components/ion-accordion-group.js +1 -1
- package/components/ion-accordion.js +1 -1
- package/components/ion-action-sheet.js +1 -1
- package/components/ion-alert.js +1 -1
- package/components/ion-app.js +1 -1
- package/components/ion-avatar.js +1 -1
- package/components/ion-back-button.js +1 -1
- package/components/ion-backdrop.js +1 -1
- package/components/ion-badge.js +1 -1
- package/components/ion-breadcrumb.js +1 -1
- package/components/ion-breadcrumbs.js +1 -1
- package/components/ion-button.js +1 -1
- package/components/ion-buttons.js +1 -1
- package/components/ion-card-content.js +1 -1
- package/components/ion-card-header.js +1 -1
- package/components/ion-card-subtitle.js +1 -1
- package/components/ion-card-title.js +1 -1
- package/components/ion-card.js +1 -1
- package/components/ion-checkbox.js +1 -1
- package/components/ion-chip.js +1 -1
- package/components/ion-col.js +1 -1
- package/components/ion-content.js +1 -1
- package/components/ion-datetime-button.js +1 -1
- package/components/ion-datetime.js +1 -1
- package/components/ion-divider.js +1 -1
- package/components/ion-fab-button.js +1 -1
- package/components/ion-fab-list.js +1 -1
- package/components/ion-fab.js +1 -1
- package/components/ion-footer.js +1 -1
- package/components/ion-grid.js +1 -1
- package/components/ion-header.js +1 -1
- package/components/ion-icon.js +1 -1
- package/components/ion-img.js +1 -1
- package/components/ion-infinite-scroll-content.js +1 -1
- package/components/ion-infinite-scroll.js +1 -1
- package/components/ion-input-otp.js +1 -1
- package/components/ion-input-password-toggle.js +1 -1
- package/components/ion-input.js +1 -1
- package/components/ion-item-divider.js +1 -1
- package/components/ion-item-group.js +1 -1
- package/components/ion-item-option.js +1 -1
- package/components/ion-item-options.js +1 -1
- package/components/ion-item-sliding.js +1 -1
- package/components/ion-item.js +1 -1
- package/components/ion-label.js +1 -1
- package/components/ion-list-header.js +1 -1
- package/components/ion-list.js +1 -1
- package/components/ion-loading.js +1 -1
- package/components/ion-menu-button.js +1 -1
- package/components/ion-menu-toggle.js +1 -1
- package/components/ion-menu.js +1 -1
- package/components/ion-modal.js +1 -1
- package/components/ion-nav-link.js +1 -1
- package/components/ion-nav.js +1 -1
- package/components/ion-note.js +1 -1
- package/components/ion-picker-column-option.js +1 -1
- package/components/ion-picker-column.js +1 -1
- package/components/ion-picker-legacy-column.js +1 -1
- package/components/ion-picker-legacy.js +1 -1
- package/components/ion-picker.js +1 -1
- package/components/ion-popover.js +1 -1
- package/components/ion-progress-bar.js +1 -1
- package/components/ion-radio-group.js +1 -1
- package/components/ion-radio.js +1 -1
- package/components/ion-range.js +1 -1
- package/components/ion-refresher-content.js +1 -1
- package/components/ion-refresher.js +1 -1
- package/components/ion-reorder-group.js +1 -1
- package/components/ion-reorder.js +1 -1
- package/components/ion-ripple-effect.js +1 -1
- package/components/ion-route-redirect.js +1 -1
- package/components/ion-route.js +1 -1
- package/components/ion-router-link.js +1 -1
- package/components/ion-router-outlet.js +1 -1
- package/components/ion-router.js +1 -1
- package/components/ion-row.js +1 -1
- package/components/ion-searchbar.js +1 -1
- package/components/ion-segment-button.js +1 -1
- package/components/ion-segment-content.js +1 -1
- package/components/ion-segment-view.js +1 -1
- package/components/ion-segment.js +1 -1
- package/components/ion-select-modal.js +1 -1
- package/components/ion-select-option.js +1 -1
- package/components/ion-select-popover.js +1 -1
- package/components/ion-select.js +1 -1
- package/components/ion-skeleton-text.js +1 -1
- package/components/ion-spinner.js +1 -1
- package/components/ion-split-pane.js +1 -1
- package/components/ion-tab-bar.js +1 -1
- package/components/ion-tab-button.js +1 -1
- package/components/ion-tab.js +1 -1
- package/components/ion-tabs.js +1 -1
- package/components/ion-text.js +1 -1
- package/components/ion-textarea.js +1 -1
- package/components/ion-thumbnail.js +1 -1
- package/components/ion-title.js +1 -1
- package/components/ion-toast.js +1 -1
- package/components/ion-toggle.js +1 -1
- package/components/ion-toolbar.js +1 -1
- package/components/p-0sJvNkUu.js +4 -0
- package/components/{p-BcbmT6b3.js → p-7nmSk-Eb.js} +1 -1
- package/components/p-B1O3xdmF.js +4 -0
- package/components/p-BBB8g5Ql.js +4 -0
- package/components/p-BF7rwwG7.js +4 -0
- package/components/p-BHffbls9.js +4 -0
- package/components/p-BKBdJW0R.js +4 -0
- package/components/p-BKGLpdvY.js +4 -0
- package/components/p-BRrh2GWk.js +4 -0
- package/components/{p-BFCM_1oE.js → p-BTWFHAhB.js} +1 -1
- package/components/p-BVOTx9Tr.js +4 -0
- package/components/p-BVbPiSCE.js +4 -0
- package/components/p-BVgmZpV7.js +4 -0
- package/components/{p-CIoAIKEr.js → p-B_4LVR66.js} +1 -1
- package/components/p-BbwW7nXw.js +4 -0
- package/components/p-BePFSJjb.js +4 -0
- package/components/{p-zWP0sUV_.js → p-BilWM2xi.js} +1 -1
- package/components/p-Bnkcvm0_.js +4 -0
- package/components/p-Bp4m7lZT.js +4 -0
- package/components/p-BuQDh8MN.js +4 -0
- package/components/p-C4Uuc-Js.js +4 -0
- package/components/p-CF0UKsA-.js +4 -0
- package/components/p-CMETcSJz.js +4 -0
- package/components/p-CTDfzuym.js +4 -0
- package/components/p-CZwQlWO7.js +4 -0
- package/components/p-CkS5LcG3.js +4 -0
- package/components/p-CrC3J6IY.js +4 -0
- package/components/p-D9SzdDbV.js +4 -0
- package/components/p-DCoLfY48.js +4 -0
- package/components/p-DGHsHldT.js +4 -0
- package/components/p-DK2cppki.js +4 -0
- package/components/p-DMwGijtW.js +4 -0
- package/components/p-DPLIhs_Y.js +4 -0
- package/components/p-DRj_omR8.js +4 -0
- package/components/p-DWBdx_rf.js +4 -0
- package/{dist/ionic/p-CbkICFBN.js → components/p-DXBx6hf_.js} +1 -1
- package/components/p-DZwp0os_.js +4 -0
- package/components/{p-BErKjY03.js → p-DbQt4Kex.js} +1 -1
- package/components/p-DbrEqORq.js +4 -0
- package/{dist/ionic/p-C8IHbcuP.js → components/p-Dh41Mgrr.js} +1 -1
- package/components/p-Dh8YROlw.js +4 -0
- package/components/{p-lIOqnNXn.js → p-Dmd-3R4x.js} +1 -1
- package/components/p-DqL8Jl6C.js +4 -0
- package/components/p-DuOk1CH-.js +4 -0
- package/components/p-Op_wuLsj.js +4 -0
- package/components/p-SikZM1Bp.js +4 -0
- package/components/p-f1voQRQ1.js +4 -0
- package/components/p-fkeHL2Sd.js +4 -0
- package/components/p-gKV0T98m.js +4 -0
- package/components/{p-C8ktKu9j.js → p-jgONJj5a.js} +1 -1
- package/components/p-k6-su0sW.js +4 -0
- package/components/p-l7FroJh2.js +4 -0
- package/components/p-nFFDLHOE.js +4 -0
- package/components/p-pdE-O9G9.js +4 -0
- package/{dist/ionic/p-CWJdc8f_.js → components/p-u-SCu4et.js} +1 -1
- package/css/core.css +1 -1
- package/css/core.css.map +1 -1
- package/css/display.css.map +1 -1
- package/css/flex-utils.css.map +1 -1
- package/css/float-elements.css.map +1 -1
- package/css/global.bundle.css +1 -1
- package/css/global.bundle.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/global.bundle.ionic.css +1 -1
- package/css/ionic/global.bundle.ionic.css.map +1 -1
- package/css/ionic/link.ionic.css.map +1 -1
- package/css/ionic/structure.ionic.css.map +1 -1
- package/css/ionic/typography.ionic.css +1 -1
- package/css/ionic/typography.ionic.css.map +1 -1
- package/css/ionic/utils.bundle.ionic.css.map +1 -1
- package/css/ionic.bundle.css +1 -1
- package/css/ionic.bundle.css.map +1 -1
- package/css/padding.css.map +1 -1
- package/css/palettes/dark.always.css +1 -1
- package/css/palettes/dark.always.css.map +1 -1
- package/css/palettes/dark.class.css +1 -1
- package/css/palettes/dark.class.css.map +1 -1
- package/css/palettes/dark.system.css +1 -1
- package/css/palettes/dark.system.css.map +1 -1
- package/css/palettes/high-contrast-dark.always.css +1 -1
- package/css/palettes/high-contrast-dark.always.css.map +1 -1
- package/css/palettes/high-contrast-dark.class.css +1 -1
- package/css/palettes/high-contrast-dark.class.css.map +1 -1
- package/css/palettes/high-contrast-dark.system.css +1 -1
- package/css/palettes/high-contrast-dark.system.css.map +1 -1
- package/css/palettes/high-contrast.always.css +1 -1
- package/css/palettes/high-contrast.always.css.map +1 -1
- package/css/palettes/high-contrast.class.css +1 -1
- package/css/palettes/high-contrast.class.css.map +1 -1
- package/css/palettes/high-contrast.system.css +1 -1
- package/css/palettes/high-contrast.system.css.map +1 -1
- package/css/structure.css.map +1 -1
- package/css/text-alignment.css.map +1 -1
- package/css/text-transformation.css.map +1 -1
- package/css/typography.css +1 -1
- package/css/typography.css.map +1 -1
- package/css/utils.bundle.css.map +1 -1
- package/dist/cjs/{animation-DknMeJ3x.js → animation-CoqRs93a.js} +3 -3
- package/dist/cjs/{app-globals-DtAeky3x.js → app-globals-CzPyigGz.js} +1 -1
- package/dist/cjs/badge-position-DFPHXWP9.js +176 -0
- package/dist/cjs/{button-active-JoIWyYri.js → button-active-lwEZiey1.js} +4 -4
- package/dist/cjs/{capacitor-BnRBm_ys.js → capacitor-F7SUc7Ly.js} +1 -1
- package/dist/cjs/{data-DuOuKG7I.js → data-BsQBKyvn.js} +3 -3
- package/dist/cjs/{framework-delegate-Dx9FrqAC.js → framework-delegate-C1LqXDzY.js} +4 -5
- package/dist/cjs/{haptic-D3Ay9mmg.js → haptic-CBZc4WH_.js} +1 -1
- package/dist/cjs/{index-CzcLEdQ5.js → index-BDthk8R7.js} +1885 -0
- package/dist/cjs/{index-BJlwOs11.js → index-BbhXd9Zs.js} +2 -2
- package/dist/cjs/{index-DMJjUhXH.js → index-Cbme57mm.js} +3 -5
- package/dist/cjs/{index-BJrpF9T3.js → index-DhXmkpe3.js} +3 -4
- package/dist/cjs/{index-Cer2Qy4I.js → index-HkS255C9.js} +6 -7
- package/dist/cjs/{index-D_mPAIqF.js → index-cV9SaEZV.js} +11 -12
- package/dist/cjs/index.cjs.js +15 -18
- package/dist/cjs/{input-shims-Dn33gFln.js → input-shims-eCRI_jn9.js} +15 -17
- package/dist/cjs/{input.utils-DnVnhWEF.js → input.utils-CvLAucXh.js} +4 -5
- package/dist/cjs/ion-accordion_2.cjs.entry.js +31 -34
- package/dist/cjs/ion-action-sheet.cjs.entry.js +34 -37
- package/dist/cjs/ion-alert.cjs.entry.js +44 -47
- package/dist/cjs/ion-app_8.cjs.entry.js +115 -116
- package/dist/cjs/ion-avatar_3.cjs.entry.js +66 -86
- package/dist/cjs/ion-back-button.cjs.entry.js +19 -22
- package/dist/cjs/ion-backdrop.cjs.entry.js +5 -5
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +36 -39
- package/dist/cjs/ion-button_2.cjs.entry.js +54 -34
- package/dist/cjs/ion-card_5.cjs.entry.js +36 -39
- package/dist/cjs/ion-checkbox.cjs.entry.js +23 -26
- package/dist/cjs/ion-chip.cjs.entry.js +51 -51
- package/dist/cjs/ion-col_3.cjs.entry.js +14 -16
- package/dist/cjs/ion-datetime-button.cjs.entry.js +19 -22
- package/dist/cjs/ion-datetime_3.cjs.entry.js +123 -126
- package/dist/cjs/ion-divider.cjs.entry.js +5 -5
- package/dist/cjs/ion-fab_3.cjs.entry.js +27 -30
- package/dist/cjs/ion-img.cjs.entry.js +10 -12
- package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +25 -27
- package/dist/cjs/ion-input-otp.cjs.entry.js +19 -22
- package/dist/cjs/ion-input-password-toggle.cjs.entry.js +16 -17
- package/dist/cjs/ion-input.cjs.entry.js +42 -45
- package/dist/cjs/ion-item-option_3.cjs.entry.js +66 -319
- package/dist/cjs/ion-item_8.cjs.entry.js +71 -83
- package/dist/cjs/ion-loading.cjs.entry.js +27 -30
- package/dist/cjs/ion-menu_3.cjs.entry.js +55 -58
- package/dist/cjs/ion-modal.cjs.entry.js +71 -74
- package/dist/cjs/ion-nav_2.cjs.entry.js +41 -43
- package/dist/cjs/ion-picker-column-option.cjs.entry.js +9 -12
- package/dist/cjs/ion-picker-column.cjs.entry.js +14 -17
- package/dist/cjs/ion-picker.cjs.entry.js +9 -11
- package/dist/cjs/ion-popover.cjs.entry.js +36 -39
- package/dist/cjs/ion-progress-bar.cjs.entry.js +28 -41
- package/dist/cjs/ion-radio_2.cjs.entry.js +31 -34
- package/dist/cjs/ion-range.cjs.entry.js +50 -53
- package/dist/cjs/ion-refresher_2.cjs.entry.js +65 -67
- package/dist/cjs/ion-reorder_2.cjs.entry.js +23 -25
- package/dist/cjs/ion-ripple-effect.cjs.entry.js +7 -7
- package/dist/cjs/ion-route_4.cjs.entry.js +36 -39
- package/dist/cjs/ion-searchbar.cjs.entry.js +38 -41
- package/dist/cjs/ion-segment-content.cjs.entry.js +3 -3
- package/dist/cjs/ion-segment-view.cjs.entry.js +6 -6
- package/dist/cjs/ion-segment_2.cjs.entry.js +35 -38
- package/dist/cjs/ion-select-modal.cjs.entry.js +26 -29
- package/dist/cjs/ion-select_3.cjs.entry.js +74 -77
- package/dist/cjs/ion-spinner.cjs.entry.js +26 -41
- package/dist/cjs/ion-split-pane.cjs.entry.js +12 -13
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +90 -34
- package/dist/cjs/ion-tab_2.cjs.entry.js +27 -27
- package/dist/cjs/ion-text.cjs.entry.js +7 -8
- package/dist/cjs/ion-textarea.cjs.entry.js +35 -38
- package/dist/cjs/ion-toast.cjs.entry.js +41 -44
- package/dist/cjs/ion-toggle.cjs.entry.js +33 -36
- package/dist/cjs/{ionic-global-CSEbHD_F.js → ionic-global-DMWqcBn0.js} +240 -108
- package/dist/cjs/ionic.cjs.js +7 -7
- package/dist/cjs/{ios.transition-UCjoxA3D.js → ios.transition-DcJ6Bw2k.js} +4 -6
- package/dist/cjs/{keyboard-Bhav6x-R.js → keyboard-BCj7bSvQ.js} +4 -4
- package/dist/cjs/{keyboard-Dsczf-iT.js → keyboard-Jy7okGc5.js} +1 -1
- package/dist/cjs/{keyboard-controller-tqGDP9SU.js → keyboard-controller-CPJ4vSr0.js} +4 -4
- package/dist/cjs/loader.cjs.js +5 -5
- package/dist/cjs/{md.transition-CNwlchQn.js → md.transition-DAjf1hlJ.js} +4 -6
- package/dist/cjs/{notch-controller-CgtkBzy0.js → notch-controller-gGuWI1C7.js} +3 -3
- package/dist/cjs/{overlays-C54DhaTC.js → overlays-H4z8xPi9.js} +28 -206
- package/dist/cjs/{select-option-render-C7klBX2H.js → select-option-render-CZtiyFs7.js} +8 -8
- package/dist/cjs/{status-tap-CTY2dMsZ.js → status-tap-CPZvSRKr.js} +7 -9
- package/dist/cjs/{swipe-back-jJFi5KCB.js → swipe-back-CMubrxt-.js} +2 -4
- package/dist/collection/collection-manifest.json +0 -6
- package/dist/collection/components/action-sheet/action-sheet.ionic.css +2 -4
- package/dist/collection/components/action-sheet/action-sheet.ios.css +9 -10
- package/dist/collection/components/action-sheet/action-sheet.md.css +2 -3
- package/dist/collection/components/alert/alert.ionic.css +20 -22
- package/dist/collection/components/alert/alert.ios.css +13 -15
- package/dist/collection/components/alert/alert.md.css +19 -20
- package/dist/collection/components/avatar/avatar.ionic.css +0 -94
- package/dist/collection/components/avatar/avatar.js +22 -7
- package/dist/collection/components/avatar/avatar.md.css +0 -16
- package/dist/collection/components/back-button/back-button.ios.css +1 -1
- package/dist/collection/components/back-button/back-button.js +2 -2
- package/dist/collection/components/badge/badge.css +256 -0
- package/dist/collection/components/badge/badge.interfaces.js +7 -0
- package/dist/collection/components/badge/badge.js +72 -76
- package/dist/collection/components/breadcrumb/breadcrumb.ios.css +9 -9
- package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
- package/dist/collection/components/breadcrumb/breadcrumb.md.css +9 -9
- package/dist/collection/components/button/button.ionic.css +18 -68
- package/dist/collection/components/button/button.ios.css +17 -32
- package/dist/collection/components/button/button.js +27 -5
- package/dist/collection/components/button/button.md.css +16 -31
- package/dist/collection/components/card/card.ios.css +1 -1
- package/dist/collection/components/card/card.js +2 -2
- package/dist/collection/components/card/card.md.css +1 -1
- package/dist/collection/components/card-subtitle/card-subtitle.ios.css +1 -1
- package/dist/collection/components/card-subtitle/card-subtitle.md.css +1 -1
- package/dist/collection/components/card-title/card-title.md.css +1 -1
- package/dist/collection/components/checkbox/checkbox.ios.css +5 -5
- package/dist/collection/components/checkbox/checkbox.md.css +5 -5
- package/dist/collection/components/chip/chip.css +406 -0
- package/dist/collection/components/chip/chip.js +111 -57
- package/dist/collection/components/col/col.js +2 -3
- package/dist/collection/components/content/content.css +66 -126
- package/dist/collection/components/content/content.js +25 -24
- package/dist/collection/components/datetime/datetime.ios.css +8 -8
- package/dist/collection/components/datetime/datetime.md.css +7 -7
- package/dist/collection/components/datetime-button/datetime-button.ios.css +2 -2
- package/dist/collection/components/datetime-button/datetime-button.md.css +1 -1
- package/dist/collection/components/fab-button/fab-button.ios.css +17 -17
- package/dist/collection/components/fab-button/fab-button.js +2 -2
- package/dist/collection/components/fab-button/fab-button.md.css +6 -6
- 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.ios.css +3 -3
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +3 -3
- package/dist/collection/components/input/input.ios.css +7 -7
- package/dist/collection/components/input/input.js +6 -6
- package/dist/collection/components/input/input.md.css +15 -15
- package/dist/collection/components/input-otp/input-otp.ionic.css +2 -2
- package/dist/collection/components/input-otp/input-otp.ios.css +16 -16
- package/dist/collection/components/input-otp/input-otp.js +3 -3
- package/dist/collection/components/input-otp/input-otp.md.css +16 -16
- package/dist/collection/components/input-password-toggle/input-password-toggle.js +3 -3
- package/dist/collection/components/item/item.ios.css +1 -1
- package/dist/collection/components/item/item.js +2 -2
- package/dist/collection/components/item/item.md.css +2 -2
- package/dist/collection/components/item-divider/item-divider.css +351 -0
- package/dist/collection/components/item-divider/item-divider.js +6 -13
- package/dist/collection/components/item-group/item-group.js +1 -1
- package/dist/collection/components/item-option/item-option.ionic.css +8 -8
- package/dist/collection/components/item-option/item-option.ios.css +3 -3
- package/dist/collection/components/item-option/item-option.js +2 -2
- package/dist/collection/components/item-option/item-option.md.css +2 -2
- package/dist/collection/components/item-options/item-options.ios.css +1 -1
- package/dist/collection/components/item-options/item-options.js +1 -1
- package/dist/collection/components/item-options/item-options.md.css +1 -1
- package/dist/collection/components/item-sliding/{item-sliding.native.css → item-sliding.css} +9 -78
- package/dist/collection/components/item-sliding/item-sliding.js +38 -284
- package/dist/collection/components/label/label.ios.css +1 -1
- package/dist/collection/components/label/label.js +2 -2
- package/dist/collection/components/label/label.md.css +2 -2
- package/dist/collection/components/list/list.js +1 -1
- package/dist/collection/components/list-header/list-header.ios.css +2 -2
- package/dist/collection/components/list-header/list-header.js +2 -2
- package/dist/collection/components/list-header/list-header.md.css +1 -1
- package/dist/collection/components/loading/loading.ios.css +2 -2
- package/dist/collection/components/loading/loading.js +2 -2
- package/dist/collection/components/loading/loading.md.css +3 -3
- package/dist/collection/components/menu/menu.js +2 -2
- package/dist/collection/components/menu-button/menu-button.ios.css +1 -1
- 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.ios.css +1 -1
- package/dist/collection/components/modal/modal.js +4 -4
- package/dist/collection/components/modal/modal.md.css +1 -1
- package/dist/collection/components/nav/nav.js +3 -3
- package/dist/collection/components/nav-link/nav-link.js +1 -1
- package/dist/collection/components/note/note.ios.css +1 -1
- package/dist/collection/components/note/note.js +2 -2
- package/dist/collection/components/note/note.md.css +1 -1
- package/dist/collection/components/picker/picker.ios.css +1 -1
- package/dist/collection/components/picker-column-option/picker-column-option.js +2 -2
- package/dist/collection/components/picker-legacy/picker.ios.css +2 -2
- package/dist/collection/components/picker-legacy/picker.js +2 -2
- package/dist/collection/components/picker-legacy/picker.md.css +4 -4
- package/dist/collection/components/picker-legacy-column/picker-column.js +2 -2
- package/dist/collection/components/picker-legacy-column/picker-column.md.css +1 -1
- package/dist/collection/components/popover/popover.ios.css +1 -1
- package/dist/collection/components/popover/popover.js +2 -2
- package/dist/collection/components/progress-bar/progress-bar.css +281 -0
- package/dist/collection/components/progress-bar/progress-bar.interfaces.js +4 -0
- package/dist/collection/components/progress-bar/progress-bar.js +30 -30
- package/dist/collection/components/radio/radio.ios.css +2 -2
- package/dist/collection/components/radio/radio.js +3 -3
- package/dist/collection/components/radio/radio.md.css +2 -2
- package/dist/collection/components/radio-group/radio-group.ios.css +2 -2
- package/dist/collection/components/radio-group/radio-group.js +2 -2
- package/dist/collection/components/radio-group/radio-group.md.css +2 -2
- package/dist/collection/components/range/range.ionic.css +1 -1
- package/dist/collection/components/range/range.ios.css +3 -3
- package/dist/collection/components/range/range.js +3 -3
- package/dist/collection/components/range/range.md.css +6 -6
- package/dist/collection/components/refresher/refresher.ios.css +1 -1
- package/dist/collection/components/refresher/refresher.js +3 -3
- package/dist/collection/components/refresher/refresher.md.css +4 -4
- package/dist/collection/components/refresher/refresher.utils.js +2 -2
- 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/router.js +2 -2
- package/dist/collection/components/router/utils/dom.js +2 -2
- package/dist/collection/components/router-link/router-link.css +1 -1
- package/dist/collection/components/router-link/router-link.js +4 -3
- package/dist/collection/components/router-outlet/router-outlet.js +2 -2
- package/dist/collection/components/row/row.js +2 -2
- package/dist/collection/components/searchbar/searchbar.ios.css +3 -3
- package/dist/collection/components/searchbar/searchbar.js +6 -6
- package/dist/collection/components/searchbar/searchbar.md.css +3 -3
- package/dist/collection/components/segment/segment.js +2 -2
- package/dist/collection/components/segment-button/segment-button.ios.css +3 -3
- package/dist/collection/components/segment-button/segment-button.js +2 -2
- package/dist/collection/components/segment-button/segment-button.md.css +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.ios.css +6 -6
- package/dist/collection/components/select/select.js +3 -3
- package/dist/collection/components/select/select.md.css +14 -14
- package/dist/collection/components/select-modal/select-modal.ionic.css +3 -3
- package/dist/collection/components/select-modal/select-modal.ios.css +2 -2
- package/dist/collection/components/select-modal/select-modal.js +1 -1
- package/dist/collection/components/select-modal/select-modal.md.css +5 -5
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/select-popover/select-popover.ionic.css +5 -5
- package/dist/collection/components/select-popover/select-popover.ios.css +1 -1
- package/dist/collection/components/select-popover/select-popover.js +2 -2
- package/dist/collection/components/select-popover/select-popover.md.css +5 -5
- package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
- package/dist/collection/components/spinner/spinner.css +248 -0
- package/dist/collection/components/spinner/spinner.js +27 -31
- package/dist/collection/components/split-pane/split-pane.ios.css +1 -1
- package/dist/collection/components/split-pane/split-pane.js +2 -3
- package/dist/collection/components/split-pane/split-pane.md.css +1 -1
- package/dist/collection/components/tab/tab.js +3 -3
- package/dist/collection/components/tab-bar/tab-bar.ios.css +4 -4
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.md.css +3 -3
- package/dist/collection/components/tab-button/tab-button.ionic.css +0 -61
- package/dist/collection/components/tab-button/tab-button.ios.css +0 -105
- package/dist/collection/components/tab-button/tab-button.js +62 -3
- package/dist/collection/components/tab-button/tab-button.md.css +0 -88
- package/dist/collection/components/tabs/tabs.css +0 -39
- package/dist/collection/components/tabs/tabs.interfaces.js +1 -0
- package/dist/collection/components/tabs/tabs.js +14 -14
- package/dist/collection/components/text/text.js +2 -2
- package/dist/collection/components/textarea/textarea.ionic.css +1 -1
- package/dist/collection/components/textarea/textarea.ios.css +6 -6
- package/dist/collection/components/textarea/textarea.js +5 -5
- package/dist/collection/components/textarea/textarea.md.css +14 -14
- package/dist/collection/components/thumbnail/thumbnail.css +2 -2
- package/dist/collection/components/thumbnail/thumbnail.js +2 -2
- package/dist/collection/components/title/title.js +2 -2
- package/dist/collection/components/toast/toast.ios.css +3 -3
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/toast/toast.md.css +5 -5
- package/dist/collection/components/toggle/toggle.ionic.css +1 -1
- package/dist/collection/components/toggle/toggle.ios.css +4 -4
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/toggle/toggle.md.css +4 -4
- package/dist/collection/components/toolbar/toolbar.ios.css +2 -2
- package/dist/collection/components/toolbar/toolbar.js +2 -2
- package/dist/collection/components/toolbar/toolbar.md.css +1 -1
- package/dist/collection/global/config.js +27 -0
- package/dist/collection/global/ionic-global.js +59 -76
- package/dist/collection/index.js +1 -2
- package/dist/collection/themes/base/dark.tokens.js +218 -0
- package/dist/collection/themes/base/default.tokens.js +157 -0
- package/dist/collection/themes/base/high-contrast-dark.tokens.js +210 -0
- package/dist/collection/themes/base/high-contrast.tokens.js +169 -0
- package/dist/collection/themes/base/light.tokens.js +163 -0
- package/dist/collection/themes/base/shared.tokens.js +15 -0
- package/dist/collection/themes/ionic/dark.tokens.js +5 -0
- package/dist/collection/themes/ionic/default.tokens.js +700 -0
- package/dist/collection/themes/ionic/light.tokens.js +25 -0
- package/dist/collection/themes/ionic/shared.tokens.js +122 -0
- package/dist/collection/themes/ios/dark.tokens.js +18 -0
- package/dist/collection/themes/ios/default.tokens.js +711 -0
- package/dist/collection/themes/ios/high-contrast-dark.tokens.js +6 -0
- package/dist/collection/themes/ios/high-contrast.tokens.js +5 -0
- package/dist/collection/themes/ios/light.tokens.js +4 -0
- package/dist/collection/themes/ios/shared.tokens.js +63 -0
- package/dist/collection/themes/md/dark.tokens.js +23 -0
- package/dist/collection/themes/md/default.tokens.js +819 -0
- package/dist/collection/themes/md/high-contrast-dark.tokens.js +10 -0
- package/dist/collection/themes/md/high-contrast.tokens.js +5 -0
- package/dist/collection/themes/md/light.tokens.js +4 -0
- package/dist/collection/themes/md/shared.tokens.js +127 -0
- package/dist/collection/themes/themes.interfaces.js +1 -0
- package/dist/collection/utils/badge-position.js +171 -0
- package/dist/collection/utils/content/index.js +2 -2
- package/dist/collection/utils/framework-delegate.js +3 -3
- package/dist/collection/utils/helpers.js +40 -0
- package/dist/collection/utils/input-shims/hacks/scroll-padding.js +2 -2
- package/dist/collection/utils/input-shims/input-shims.js +2 -2
- package/dist/collection/utils/media.js +0 -1
- package/dist/collection/utils/menu-controller/index.js +2 -2
- package/dist/collection/utils/overlays.js +12 -189
- package/dist/collection/utils/status-tap.js +2 -2
- package/dist/collection/utils/test/playwright/page/utils/set-content.js +36 -2
- package/dist/collection/utils/theme.js +611 -9
- package/dist/docs.json +1501 -858
- package/dist/esm/{animation-Cqe2x-Pt.js → animation-pTY9wqHp.js} +2 -2
- package/dist/esm/{app-globals-Dk1rB3aE.js → app-globals-BDyWBDAh.js} +1 -1
- package/dist/esm/badge-position-C1Q3qPZy.js +174 -0
- package/dist/esm/{button-active-g6ZnZzDZ.js → button-active-Ca3reU6j.js} +2 -2
- package/dist/esm/{capacitor-C4lYa1nV.js → capacitor-isspMXyk.js} +1 -1
- package/dist/esm/{data-BNKYavC3.js → data-CAYLUmgh.js} +1 -1
- package/dist/esm/{framework-delegate-CjVwn_KZ.js → framework-delegate-reUSF3oT.js} +3 -4
- package/dist/esm/{haptic-_88k1V5U.js → haptic-FwCam9_Q.js} +1 -1
- package/dist/esm/{index-BmkLokUL.js → index-6QFmgmEW.js} +2 -3
- package/dist/esm/{index-Omi_TcwW.js → index-BrrkdT9L.js} +1851 -1
- package/dist/esm/{index-hpH08p5s.js → index-CEhdLZKQ.js} +4 -5
- package/dist/esm/{index-C5t9-ciC.js → index-CQnGY3Fp.js} +2 -4
- package/dist/esm/{index-CGthURny.js → index-DUAoXzCH.js} +3 -4
- package/dist/esm/{index-D4ugF_sT.js → index-V2HKYEdd.js} +1 -1
- package/dist/esm/index.js +10 -13
- package/dist/esm/{input-shims-vDjCsx95.js → input-shims-Cuw1QMqP.js} +8 -10
- package/dist/esm/{input.utils-B9Q5xHp6.js → input.utils-BiYknr4n.js} +2 -3
- package/dist/esm/ion-accordion_2.entry.js +2 -5
- package/dist/esm/ion-action-sheet.entry.js +13 -16
- package/dist/esm/ion-alert.entry.js +13 -16
- package/dist/esm/ion-app_8.entry.js +36 -37
- package/dist/esm/ion-avatar_3.entry.js +60 -80
- package/dist/esm/ion-back-button.entry.js +3 -6
- package/dist/esm/ion-backdrop.entry.js +2 -2
- package/dist/esm/ion-breadcrumb_2.entry.js +5 -8
- package/dist/esm/ion-button_2.entry.js +31 -11
- package/dist/esm/ion-card_5.entry.js +8 -11
- package/dist/esm/ion-checkbox.entry.js +4 -7
- package/dist/esm/ion-chip.entry.js +50 -50
- package/dist/esm/ion-col_3.entry.js +8 -10
- package/dist/esm/ion-datetime-button.entry.js +6 -9
- package/dist/esm/ion-datetime_3.entry.js +17 -20
- package/dist/esm/ion-divider.entry.js +2 -2
- package/dist/esm/ion-fab_3.entry.js +5 -8
- package/dist/esm/ion-img.entry.js +4 -6
- package/dist/esm/ion-infinite-scroll_2.entry.js +10 -12
- package/dist/esm/ion-input-otp.entry.js +8 -11
- package/dist/esm/ion-input-password-toggle.entry.js +5 -6
- package/dist/esm/ion-input.entry.js +11 -14
- package/dist/esm/ion-item-option_3.entry.js +49 -302
- package/dist/esm/ion-item_8.entry.js +28 -40
- package/dist/esm/ion-loading.entry.js +11 -14
- package/dist/esm/ion-menu_3.entry.js +13 -16
- package/dist/esm/ion-modal.entry.js +16 -19
- package/dist/esm/ion-nav_2.entry.js +8 -10
- package/dist/esm/ion-picker-column-option.entry.js +4 -7
- package/dist/esm/ion-picker-column.entry.js +4 -7
- package/dist/esm/ion-picker.entry.js +2 -4
- package/dist/esm/ion-popover.entry.js +9 -12
- package/dist/esm/ion-progress-bar.entry.js +21 -34
- package/dist/esm/ion-radio_2.entry.js +11 -14
- package/dist/esm/ion-range.entry.js +9 -12
- package/dist/esm/ion-refresher_2.entry.js +16 -18
- package/dist/esm/ion-reorder_2.entry.js +8 -10
- package/dist/esm/ion-ripple-effect.entry.js +3 -3
- package/dist/esm/ion-route_4.entry.js +6 -9
- package/dist/esm/ion-searchbar.entry.js +9 -12
- 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 -11
- package/dist/esm/ion-select-modal.entry.js +10 -13
- package/dist/esm/ion-select_3.entry.js +18 -21
- package/dist/esm/ion-spinner.entry.js +18 -33
- package/dist/esm/ion-split-pane.entry.js +7 -8
- package/dist/esm/ion-tab-bar_2.entry.js +75 -19
- package/dist/esm/ion-tab_2.entry.js +19 -19
- package/dist/esm/ion-text.entry.js +4 -5
- package/dist/esm/ion-textarea.entry.js +11 -14
- package/dist/esm/ion-toast.entry.js +10 -13
- package/dist/esm/ion-toggle.entry.js +10 -13
- package/dist/esm/{ionic-global-CAZb-5i-.js → ionic-global-CYPOXYV9.js} +214 -82
- package/dist/esm/ionic.js +5 -5
- package/dist/esm/{ios.transition-CzSncKQg.js → ios.transition-Udz14cFX.js} +4 -6
- package/dist/esm/{keyboard-Cpw6xVLJ.js → keyboard-BJeLQuaz.js} +1 -1
- package/dist/esm/{keyboard-controller-CAc33ylR.js → keyboard-controller-DtjExoRO.js} +3 -3
- package/dist/esm/{keyboard-DJpS2IGK.js → keyboard-uAtaO52Q.js} +4 -4
- package/dist/esm/loader.js +5 -5
- package/dist/esm/{md.transition-DIsWqYBZ.js → md.transition-BjHXd0f9.js} +4 -6
- package/dist/esm/{notch-controller-DiBq57w8.js → notch-controller-oUerJ6nV.js} +2 -2
- package/dist/esm/{overlays-ttYCMKRp.js → overlays-CSQv-GZq.js} +14 -192
- package/dist/esm/{select-option-render-B2qc5ZP7.js → select-option-render-DmisODWi.js} +2 -2
- package/dist/esm/{status-tap-fYFdZg6z.js → status-tap-DRMNWPiL.js} +3 -5
- package/dist/esm/{swipe-back-BzGqTrrq.js → swipe-back-D8jSdnGS.js} +1 -3
- package/dist/html.html-data.json +29 -202
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-01aa6153.entry.js +4 -0
- package/dist/ionic/p-07a3d959.entry.js +4 -0
- package/dist/ionic/p-0b68c8a9.entry.js +4 -0
- package/dist/ionic/p-0d50e1d3.entry.js +4 -0
- package/dist/ionic/p-124bb083.entry.js +4 -0
- package/dist/ionic/p-1f8298b3.entry.js +4 -0
- package/dist/ionic/p-1yGxS_yC.js +4 -0
- package/dist/ionic/p-29273c47.entry.js +4 -0
- package/dist/ionic/p-340449bb.entry.js +4 -0
- package/dist/ionic/p-39a55f1c.entry.js +4 -0
- package/dist/ionic/p-3a362e49.entry.js +4 -0
- package/dist/ionic/p-3a85e733.entry.js +4 -0
- package/dist/ionic/p-3b3dee19.entry.js +4 -0
- package/dist/ionic/p-485c13f3.entry.js +4 -0
- package/dist/ionic/p-4a63756e.entry.js +4 -0
- package/dist/ionic/p-4a6c21f5.entry.js +4 -0
- package/dist/ionic/p-4e8b3cd6.entry.js +4 -0
- package/dist/ionic/p-4f332976.entry.js +4 -0
- package/dist/ionic/{p-9d789053.entry.js → p-576b4ff1.entry.js} +1 -1
- package/dist/ionic/p-62a1e227.entry.js +4 -0
- package/dist/ionic/p-64877060.entry.js +4 -0
- package/dist/ionic/p-678f1511.entry.js +4 -0
- package/dist/ionic/p-6a0b6306.entry.js +4 -0
- package/dist/ionic/p-6c9228d4.entry.js +4 -0
- package/dist/ionic/p-70ab2edf.entry.js +4 -0
- package/dist/ionic/p-74d05699.entry.js +4 -0
- package/dist/ionic/p-77aa1e90.entry.js +4 -0
- package/dist/ionic/p-79be145b.entry.js +4 -0
- package/dist/ionic/p-7ba7526a.entry.js +4 -0
- package/dist/ionic/p-7cffb312.entry.js +4 -0
- package/dist/ionic/p-7e44a4c5.entry.js +4 -0
- package/dist/ionic/{p-45825c2c.entry.js → p-88717a4c.entry.js} +1 -1
- package/dist/ionic/p-918cf662.entry.js +4 -0
- package/dist/ionic/p-9476775d.entry.js +4 -0
- package/dist/ionic/p-9b05cd45.entry.js +4 -0
- package/dist/ionic/p-9b75925d.entry.js +4 -0
- package/dist/ionic/p-9c849562.entry.js +4 -0
- package/dist/ionic/p-9e74defe.entry.js +4 -0
- package/{components/p-oF-CwZ0b.js → dist/ionic/p-B7D6IyeU.js} +1 -1
- package/dist/ionic/p-BQZlX_QW.js +4 -0
- package/dist/ionic/p-BiY-3g9k.js +4 -0
- package/dist/ionic/p-BrrkdT9L.js +5 -0
- package/dist/ionic/p-BzLJp2YK.js +4 -0
- package/dist/ionic/{p-ZqkJDyhe.js → p-CAUIo7pE.js} +1 -1
- package/dist/ionic/p-CQA3_fVT.js +4 -0
- package/dist/ionic/{p-SJmaFQ0H.js → p-CTDx2dNQ.js} +1 -1
- package/dist/ionic/p-CWcwW_B7.js +4 -0
- package/dist/ionic/p-CYLLjyEJ.js +4 -0
- package/dist/ionic/p-Cd5dRcMd.js +4 -0
- package/dist/ionic/p-CeizwFUQ.js +4 -0
- package/{components/p-Cmql_g3_.js → dist/ionic/p-Chp7Hiov.js} +1 -1
- package/{components/p-sK-FK9CT.js → dist/ionic/p-Ckv4csSE.js} +1 -1
- package/dist/ionic/p-CnLgxV__.js +4 -0
- package/dist/ionic/p-CrC3J6IY.js +4 -0
- package/dist/ionic/p-D6sRRFCv.js +4 -0
- package/dist/ionic/p-DBv6epu_.js +4 -0
- package/dist/ionic/p-Dl7gXMai.js +4 -0
- package/dist/ionic/p-Dxq4Ulb1.js +4 -0
- package/dist/ionic/p-YuNpC3uG.js +4 -0
- package/{components/p-BLysWQA1.js → dist/ionic/p-ZdzrkYIV.js} +1 -1
- package/dist/ionic/p-a6c90dec.entry.js +4 -0
- package/dist/ionic/{p-8537b2fb.entry.js → p-a71389be.entry.js} +1 -1
- package/dist/ionic/p-a714ca93.entry.js +4 -0
- package/dist/ionic/p-bcaba3e0.entry.js +4 -0
- package/dist/ionic/p-bd44b49f.entry.js +4 -0
- package/dist/ionic/{p-7d267dc6.entry.js → p-c636b0d3.entry.js} +1 -1
- package/dist/ionic/p-cdc18886.entry.js +4 -0
- package/dist/ionic/p-ce6acd14.entry.js +4 -0
- package/dist/ionic/p-d7b2d59f.entry.js +4 -0
- package/dist/ionic/p-dc2812ee.entry.js +4 -0
- package/dist/ionic/p-de74cc27.entry.js +4 -0
- package/dist/ionic/p-ef1330ac.entry.js +4 -0
- package/dist/ionic/p-f57fea97.entry.js +4 -0
- package/dist/ionic/p-f840d58e.entry.js +4 -0
- package/dist/ionic/p-fK-AnPaq.js +4 -0
- package/dist/ionic/p-fce34e31.entry.js +4 -0
- package/dist/ionic/p-fd014d35.entry.js +4 -0
- package/dist/ionic/p-gBNkhCZy.js +4 -0
- package/dist/ionic/p-gYuHMhs-.js +4 -0
- package/dist/ionic/p-nMHpWRBR.js +4 -0
- package/dist/types/components/avatar/avatar.d.ts +6 -0
- package/dist/types/components/badge/badge.d.ts +30 -17
- package/dist/types/components/badge/badge.interfaces.d.ts +73 -0
- package/dist/types/components/button/button.d.ts +7 -1
- package/dist/types/components/chip/chip.d.ts +45 -14
- package/dist/types/components/chip/chip.interfaces.d.ts +97 -0
- package/dist/types/components/content/content.d.ts +1 -2
- package/dist/types/components/content/{content-interface.d.ts → content.interfaces.d.ts} +18 -0
- package/dist/types/components/item-divider/item-divider.d.ts +0 -1
- package/dist/types/components/item-divider/item-divider.interfaces.d.ts +132 -0
- package/dist/types/components/item-sliding/item-sliding.d.ts +2 -17
- package/dist/types/components/progress-bar/progress-bar.d.ts +9 -4
- package/dist/types/components/progress-bar/progress-bar.interfaces.d.ts +90 -0
- package/dist/types/components/spinner/spinner-configs.d.ts +2 -2
- package/dist/types/components/spinner/spinner.d.ts +8 -4
- package/dist/types/components/spinner/spinner.interfaces.d.ts +72 -0
- package/dist/types/components/tab/tab.d.ts +0 -1
- package/dist/types/components/tab-button/tab-button.d.ts +7 -0
- package/dist/types/components/tabs/tabs.d.ts +1 -1
- package/dist/types/components.d.ts +64 -186
- package/dist/types/global/config.d.ts +9 -1
- package/dist/types/global/ionic-global.d.ts +3 -10
- package/dist/types/index.d.ts +1 -2
- package/dist/types/interface.d.ts +2 -2
- package/dist/types/themes/base/dark.tokens.d.ts +2 -0
- package/dist/types/themes/base/default.tokens.d.ts +2 -0
- package/dist/types/themes/base/high-contrast-dark.tokens.d.ts +2 -0
- package/dist/types/themes/base/high-contrast.tokens.d.ts +2 -0
- package/dist/types/themes/base/light.tokens.d.ts +2 -0
- package/dist/types/themes/base/shared.tokens.d.ts +11 -0
- package/dist/types/themes/ionic/dark.tokens.d.ts +2 -0
- package/dist/types/themes/ionic/default.tokens.d.ts +2 -0
- package/dist/types/themes/ionic/light.tokens.d.ts +2 -0
- package/dist/types/themes/ionic/shared.tokens.d.ts +112 -0
- package/dist/types/themes/ios/dark.tokens.d.ts +2 -0
- package/dist/types/themes/ios/default.tokens.d.ts +2 -0
- package/dist/types/themes/ios/high-contrast-dark.tokens.d.ts +2 -0
- package/dist/types/themes/ios/high-contrast.tokens.d.ts +2 -0
- package/dist/types/themes/ios/light.tokens.d.ts +2 -0
- package/dist/types/themes/ios/shared.tokens.d.ts +56 -0
- package/dist/types/themes/md/dark.tokens.d.ts +2 -0
- package/dist/types/themes/md/default.tokens.d.ts +2 -0
- package/dist/types/themes/md/high-contrast-dark.tokens.d.ts +2 -0
- package/dist/types/themes/md/high-contrast.tokens.d.ts +2 -0
- package/dist/types/themes/md/light.tokens.d.ts +2 -0
- package/dist/types/themes/md/shared.tokens.d.ts +117 -0
- package/dist/types/themes/themes.interfaces.d.ts +278 -0
- package/dist/types/utils/badge-position.d.ts +106 -0
- package/dist/types/utils/config.d.ts +6 -0
- package/dist/types/utils/helpers.d.ts +16 -0
- package/dist/types/utils/platform.d.ts +2 -2
- package/dist/types/utils/theme.d.ts +198 -3
- package/hydrate/index.js +7551 -6874
- package/hydrate/index.mjs +7551 -6874
- package/package.json +6 -4
- package/components/ion-gallery.d.ts +0 -11
- package/components/ion-gallery.js +0 -4
- package/components/p-0sa2JgYA.js +0 -4
- package/components/p-3Ni1Z654.js +0 -4
- package/components/p-9gxM3tAr.js +0 -4
- package/components/p-B636tzQ7.js +0 -4
- package/components/p-B8Oa6a_k.js +0 -4
- package/components/p-BCDEEm9n.js +0 -4
- package/components/p-BDndEqui.js +0 -4
- package/components/p-BFbsici0.js +0 -4
- package/components/p-BLCuPAtN.js +0 -4
- package/components/p-BO4aickU.js +0 -4
- package/components/p-BRWWcnBq.js +0 -4
- package/components/p-BXcCGjEc.js +0 -4
- package/components/p-BbQGmZyu.js +0 -4
- package/components/p-BeVlsaLA.js +0 -4
- package/components/p-Bp__mr16.js +0 -4
- package/components/p-BqDiJgC_.js +0 -4
- package/components/p-BqImG3uk.js +0 -4
- package/components/p-C00Y_WJv.js +0 -4
- package/components/p-C0U8YqYW.js +0 -4
- package/components/p-C38HUpU5.js +0 -4
- package/components/p-C4G6C9fP.js +0 -4
- package/components/p-CKfNwyAb.js +0 -4
- package/components/p-CN-WzkJE.js +0 -4
- package/components/p-CVBkx7m1.js +0 -4
- package/components/p-CVRxImH6.js +0 -4
- package/components/p-Cb9imMZh.js +0 -4
- package/components/p-Cf9-xP7P.js +0 -4
- package/components/p-CjSx8W-k.js +0 -4
- package/components/p-CoFDGTFO.js +0 -4
- package/components/p-CoFqDNc5.js +0 -4
- package/components/p-CykCvfXQ.js +0 -4
- package/components/p-DDw-NYxz.js +0 -4
- package/components/p-DHTe6lDL.js +0 -4
- package/components/p-DH_9VCbD.js +0 -4
- package/components/p-DTtRWhIZ.js +0 -4
- package/components/p-DVcs-2q3.js +0 -4
- package/components/p-DXUyXgVL.js +0 -4
- package/components/p-DaJxRxSQ.js +0 -4
- package/components/p-IMXp2Inn.js +0 -4
- package/components/p-TR4ubkPu.js +0 -4
- package/components/p-XegQjlzJ.js +0 -4
- package/components/p-qZr7hBPz.js +0 -4
- package/components/p-t98_NeNv.js +0 -4
- package/components/p-vCpF32Z7.js +0 -4
- package/components/p-vXpMhGrs.js +0 -4
- package/components/p-wCDzv5Q8.js +0 -4
- package/dist/cjs/focus-visible-BIj-I3-C.js +0 -101
- package/dist/cjs/helpers-DJYxKN5U.js +0 -413
- package/dist/cjs/ion-gallery.cjs.entry.js +0 -510
- package/dist/cjs/theme-IlOsGAz7.js +0 -72
- package/dist/collection/components/badge/badge.ionic.css +0 -275
- package/dist/collection/components/badge/badge.ios.css +0 -295
- package/dist/collection/components/badge/badge.md.css +0 -275
- package/dist/collection/components/chip/chip.ionic.css +0 -217
- package/dist/collection/components/chip/chip.ios.css +0 -265
- package/dist/collection/components/chip/chip.md.css +0 -260
- package/dist/collection/components/gallery/gallery-constants.js +0 -12
- package/dist/collection/components/gallery/gallery.css +0 -100
- package/dist/collection/components/gallery/gallery.js +0 -595
- package/dist/collection/components/gallery/test/utils.js +0 -100
- package/dist/collection/components/item-divider/item-divider.ios.css +0 -369
- package/dist/collection/components/item-divider/item-divider.md.css +0 -425
- package/dist/collection/components/item-sliding/item-sliding.ionic.css +0 -211
- package/dist/collection/components/progress-bar/progress-bar.ionic.css +0 -287
- package/dist/collection/components/progress-bar/progress-bar.ios.css +0 -298
- package/dist/collection/components/progress-bar/progress-bar.md.css +0 -290
- package/dist/collection/components/spinner/spinner.ionic.css +0 -300
- package/dist/collection/components/spinner/spinner.native.css +0 -199
- package/dist/collection/utils/css-value-validation.js +0 -25
- package/dist/esm/focus-visible-vXpMhGrs.js +0 -97
- package/dist/esm/helpers-Do7zwvM1.js +0 -392
- package/dist/esm/ion-gallery.entry.js +0 -508
- package/dist/esm/theme-DaJxRxSQ.js +0 -67
- package/dist/ionic/p-00c0bd38.entry.js +0 -4
- package/dist/ionic/p-06bd033b.entry.js +0 -4
- package/dist/ionic/p-07d3388f.entry.js +0 -4
- package/dist/ionic/p-11nqcMM3.js +0 -4
- package/dist/ionic/p-139d02eb.entry.js +0 -4
- package/dist/ionic/p-1709b0aa.entry.js +0 -4
- package/dist/ionic/p-1c2c1869.entry.js +0 -4
- package/dist/ionic/p-1c4de46b.entry.js +0 -4
- package/dist/ionic/p-1e1c8d61.entry.js +0 -4
- package/dist/ionic/p-1f74b8d4.entry.js +0 -4
- package/dist/ionic/p-2311e660.entry.js +0 -4
- package/dist/ionic/p-2aa7567e.entry.js +0 -4
- package/dist/ionic/p-2ad79c23.entry.js +0 -4
- package/dist/ionic/p-2f8aa0ac.entry.js +0 -4
- package/dist/ionic/p-3331cfa9.entry.js +0 -4
- package/dist/ionic/p-33c34361.entry.js +0 -4
- package/dist/ionic/p-37ccbee4.entry.js +0 -4
- package/dist/ionic/p-3aba19e2.entry.js +0 -4
- package/dist/ionic/p-3f79f594.entry.js +0 -4
- package/dist/ionic/p-48026d15.entry.js +0 -4
- package/dist/ionic/p-488992b6.entry.js +0 -4
- package/dist/ionic/p-5061a8d4.entry.js +0 -4
- package/dist/ionic/p-50b61fab.entry.js +0 -4
- package/dist/ionic/p-50cd2d57.entry.js +0 -4
- package/dist/ionic/p-5274f999.entry.js +0 -4
- package/dist/ionic/p-586d4270.entry.js +0 -4
- package/dist/ionic/p-68c21b2a.entry.js +0 -4
- package/dist/ionic/p-6fbead83.entry.js +0 -4
- package/dist/ionic/p-7054a1b9.entry.js +0 -4
- package/dist/ionic/p-7194f6fa.entry.js +0 -4
- package/dist/ionic/p-72491468.entry.js +0 -4
- package/dist/ionic/p-76307d10.entry.js +0 -4
- package/dist/ionic/p-7d5057c4.entry.js +0 -4
- package/dist/ionic/p-83c693c4.entry.js +0 -4
- package/dist/ionic/p-8f04bd89.entry.js +0 -4
- package/dist/ionic/p-8uDL7fql.js +0 -4
- package/dist/ionic/p-90e653e3.entry.js +0 -4
- package/dist/ionic/p-967576f8.entry.js +0 -4
- package/dist/ionic/p-BsfuYVMP.js +0 -4
- package/dist/ionic/p-Bx0bt2Ar.js +0 -4
- package/dist/ionic/p-C2mpVKI1.js +0 -4
- package/dist/ionic/p-C5zxLmJ_.js +0 -4
- package/dist/ionic/p-CBV-BGvD.js +0 -4
- package/dist/ionic/p-CDn0uNJA.js +0 -4
- package/dist/ionic/p-CFjI63GE.js +0 -4
- package/dist/ionic/p-CHE1xWbg.js +0 -4
- package/dist/ionic/p-CIk5QtPm.js +0 -4
- package/dist/ionic/p-CQKe4n56.js +0 -4
- package/dist/ionic/p-CVp2D--1.js +0 -4
- package/dist/ionic/p-CXqdKf1K.js +0 -4
- package/dist/ionic/p-Cb-0O4h8.js +0 -4
- package/dist/ionic/p-DKWXAwlR.js +0 -4
- package/dist/ionic/p-DaJxRxSQ.js +0 -4
- package/dist/ionic/p-DdyNaGpi.js +0 -4
- package/dist/ionic/p-DoyDJ2X5.js +0 -4
- package/dist/ionic/p-FvDKM4Ax.js +0 -4
- package/dist/ionic/p-Omi_TcwW.js +0 -5
- package/dist/ionic/p-SOASChNu.js +0 -4
- package/dist/ionic/p-acdc21a6.entry.js +0 -4
- package/dist/ionic/p-ae667493.entry.js +0 -4
- package/dist/ionic/p-b2fe6c1c.entry.js +0 -4
- package/dist/ionic/p-b3c9f19c.entry.js +0 -4
- package/dist/ionic/p-b653f4c2.entry.js +0 -4
- package/dist/ionic/p-bb898d47.entry.js +0 -4
- package/dist/ionic/p-bd71a4a7.entry.js +0 -4
- package/dist/ionic/p-d4ed5710.entry.js +0 -4
- package/dist/ionic/p-d6299c37.entry.js +0 -4
- package/dist/ionic/p-dea52cb3.entry.js +0 -4
- package/dist/ionic/p-e18d3fdb.entry.js +0 -4
- package/dist/ionic/p-f02ba305.entry.js +0 -4
- package/dist/ionic/p-fad05840.entry.js +0 -4
- package/dist/ionic/p-fc796d48.entry.js +0 -4
- package/dist/ionic/p-qETiT38a.js +0 -4
- package/dist/ionic/p-vXpMhGrs.js +0 -4
- package/dist/types/components/gallery/gallery-constants.d.ts +0 -9
- package/dist/types/components/gallery/gallery-interface.d.ts +0 -10
- package/dist/types/components/gallery/gallery.d.ts +0 -183
- package/dist/types/components/gallery/test/utils.d.ts +0 -2
- package/dist/types/components/spinner/spinner-interface.d.ts +0 -22
- package/dist/types/utils/css-value-validation.d.ts +0 -12
- /package/dist/collection/components/{content/content-interface.js → chip/chip.interfaces.js} +0 -0
- /package/dist/collection/components/{gallery/gallery-interface.js → content/content.interfaces.js} +0 -0
- /package/dist/collection/components/{spinner/spinner-interface.js → item-divider/item-divider.interfaces.js} +0 -0
- /package/dist/collection/components/{tabs/tabs-interface.js → spinner/spinner.interfaces.js} +0 -0
- /package/dist/types/components/tabs/{tabs-interface.d.ts → tabs.interfaces.d.ts} +0 -0
|
@@ -3,22 +3,19 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var
|
|
7
|
-
var buttonActive = require('./button-active-
|
|
8
|
-
var helpers = require('./helpers-DJYxKN5U.js');
|
|
6
|
+
var focusVisible = require('./index-BDthk8R7.js');
|
|
7
|
+
var buttonActive = require('./button-active-lwEZiey1.js');
|
|
9
8
|
var lockController = require('./lock-controller-aDB9wrEf.js');
|
|
10
|
-
var overlays = require('./overlays-
|
|
11
|
-
var selectOptionRender = require('./select-option-render-
|
|
12
|
-
var
|
|
13
|
-
var
|
|
14
|
-
|
|
15
|
-
require('./
|
|
16
|
-
require('./capacitor-BnRBm_ys.js');
|
|
9
|
+
var overlays = require('./overlays-H4z8xPi9.js');
|
|
10
|
+
var selectOptionRender = require('./select-option-render-CZtiyFs7.js');
|
|
11
|
+
var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
|
|
12
|
+
var animation = require('./animation-CoqRs93a.js');
|
|
13
|
+
require('./haptic-CBZc4WH_.js');
|
|
14
|
+
require('./capacitor-F7SUc7Ly.js');
|
|
17
15
|
require('./index-CAvQ7Tka.js');
|
|
18
16
|
require('./gesture-controller-dtqlP_q4.js');
|
|
19
|
-
require('./
|
|
20
|
-
require('./
|
|
21
|
-
require('./index-BJlwOs11.js');
|
|
17
|
+
require('./framework-delegate-C1LqXDzY.js');
|
|
18
|
+
require('./index-BbhXd9Zs.js');
|
|
22
19
|
|
|
23
20
|
/**
|
|
24
21
|
* iOS Action Sheet Enter Animation
|
|
@@ -104,23 +101,23 @@ const mdLeaveAnimation = (baseEl) => {
|
|
|
104
101
|
.addAnimation([backdropAnimation, wrapperAnimation]);
|
|
105
102
|
};
|
|
106
103
|
|
|
107
|
-
const actionSheetIonicCss = () => `.sc-ion-action-sheet-ionic-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-ionic-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ionic{right:0;left:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ionic{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ionic{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ionic::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ionic{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ionic{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ionic::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic{color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.action-sheet-button-label.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1}.select-option-description.sc-ion-action-sheet-ionic{display:block}.sc-ion-action-sheet-ionic-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-ionic-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ionic{right:0;left:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ionic{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ionic{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ionic::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ionic{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ionic{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ionic::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic{color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.action-sheet-button-label.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1}.select-option-description.sc-ion-action-sheet-ionic{display:block}.action-sheet-button-label.sc-ion-action-sheet-ionic{gap:12px}.select-option-description.sc-ion-action-sheet-ionic{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.sc-ion-action-sheet-ionic-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);--button-background:transparent;--button-background-selected:currentColor;--button-background-selected-opacity:0;--button-background-activated:transparent;--button-background-activated-opacity:0;--button-background-hover:currentColor;--button-background-hover-opacity:0.04;--button-background-focused:currentColor;--button-background-focused-opacity:0.12;--button-color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--button-color-disabled:var(--button-color);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}.action-sheet-wrapper.sc-ion-action-sheet-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-ionic{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:20px;padding-bottom:17px;min-height:60px;color:var(--color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54));font-size:1rem;text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-ionic{padding-left:0;padding-right:0;padding-top:16px;padding-bottom:0;font-size:0.875rem}.action-sheet-group.sc-ion-action-sheet-ionic:first-child{padding-top:0}.action-sheet-group.sc-ion-action-sheet-ionic:last-child{padding-bottom:var(--ion-safe-area-bottom)}.action-sheet-button.sc-ion-action-sheet-ionic{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:12px;padding-bottom:12px;position:relative;min-height:52px;font-size:1rem;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:0;margin-bottom:0;color:var(--color);font-size:1.5rem}.action-sheet-button-inner.sc-ion-action-sheet-ionic{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-ionic{font-weight:bold}.action-sheet-button-label.sc-ion-action-sheet-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.select-option-description.sc-ion-action-sheet-ionic{font-size:var(--token-font-size-350, 0.875rem);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;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));font-size:var(--token-font-size-350, 0.875rem)}`;
|
|
104
|
+
const actionSheetIonicCss = () => `.sc-ion-action-sheet-ionic-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-ionic-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ionic{right:0;left:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ionic{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ionic{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ionic::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ionic{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ionic{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ionic::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic{color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.action-sheet-button-label.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1}.select-option-description.sc-ion-action-sheet-ionic{display:block}.sc-ion-action-sheet-ionic-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-ionic-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ionic{right:0;left:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ionic{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ionic{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ionic::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ionic{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ionic::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ionic{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ionic::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ionic::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic{color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ionic::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ionic:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.action-sheet-button-label.sc-ion-action-sheet-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-action-sheet-ionic{-ms-flex:1;flex:1}.select-option-description.sc-ion-action-sheet-ionic{display:block}.action-sheet-button-label.sc-ion-action-sheet-ionic{gap:12px}.select-option-description.sc-ion-action-sheet-ionic{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-text-color-step-300, #4d4d4d);font-size:0.75rem}.sc-ion-action-sheet-ionic-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);--button-background:transparent;--button-background-selected:currentColor;--button-background-selected-opacity:0;--button-background-activated:transparent;--button-background-activated-opacity:0;--button-background-hover:currentColor;--button-background-hover-opacity:0.04;--button-background-focused:currentColor;--button-background-focused-opacity:0.12;--button-color:var(--ion-text-color-step-150, #262626);--button-color-disabled:var(--button-color);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}.action-sheet-wrapper.sc-ion-action-sheet-ionic{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-ionic{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:20px;padding-bottom:17px;min-height:60px;color:var(--color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54));font-size:1rem;text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-ionic{padding-left:0;padding-right:0;padding-top:16px;padding-bottom:0;font-size:0.875rem}.action-sheet-group.sc-ion-action-sheet-ionic:first-child{padding-top:0}.action-sheet-group.sc-ion-action-sheet-ionic:last-child{padding-bottom:var(--ion-safe-area-bottom)}.action-sheet-button.sc-ion-action-sheet-ionic{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:12px;padding-bottom:12px;position:relative;min-height:52px;font-size:1rem;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-ionic{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:0;margin-bottom:0;color:var(--color);font-size:1.5rem}.action-sheet-button-inner.sc-ion-action-sheet-ionic{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-ionic{font-weight:bold}.action-sheet-button-label.sc-ion-action-sheet-ionic{gap:var(--token-space-300, var(--token-scale-300, 12px))}.select-option-description.sc-ion-action-sheet-ionic{font-size:var(--token-font-size-350, 0.875rem);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;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--token-text-subtle, var(--token-primitives-neutral-1000, #3b3b3b));font-size:var(--token-font-size-350, 0.875rem)}`;
|
|
108
105
|
|
|
109
|
-
const actionSheetIosCss = () => `.sc-ion-action-sheet-ios-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-ios-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ios{right:0;left:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ios{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ios::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ios{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ios{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios{color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.action-sheet-button-label.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-action-sheet-ios{-ms-flex:1;flex:1}.select-option-description.sc-ion-action-sheet-ios{display:block}.action-sheet-button-label.sc-ion-action-sheet-ios{gap:12px}.select-option-description.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d));font-size:0.75rem}.sc-ion-action-sheet-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9)));--backdrop-opacity:var(--ion-backdrop-opacity, 0.4);--button-background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent;--button-background-activated:var(--ion-text-color, #000);--button-background-activated-opacity:0.08;--button-background-hover:currentColor;--button-background-hover-opacity:0.04;--button-background-focused:currentColor;--button-background-focused-opacity:0.12;--button-background-selected:var(--ion-color-step-150, var(--ion-background-color-step-150, var(--ion-background-color, #fff)));--button-background-selected-opacity:1;--button-color:var(--ion-color-primary, #0054e9);--button-color-disabled:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--color:var(--ion-color-step-400, var(--ion-text-color-step-600, #999999));text-align:center}.action-sheet-wrapper.sc-ion-action-sheet-ios{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);padding-bottom:var(--ion-safe-area-bottom, 0);-webkit-box-sizing:content-box;box-sizing:content-box}.action-sheet-container.sc-ion-action-sheet-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}.action-sheet-group.sc-ion-action-sheet-ios{border-radius:13px;margin-bottom:8px}.action-sheet-group.sc-ion-action-sheet-ios:first-child{margin-top:10px}.action-sheet-group.sc-ion-action-sheet-ios:last-child{margin-bottom:10px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-group.sc-ion-action-sheet-ios{background-color:transparent;-webkit-backdrop-filter:saturate(280%) blur(20px);backdrop-filter:saturate(280%) blur(20px)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-title.sc-ion-action-sheet-ios,.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.sc-ion-action-sheet-ios{background-color:transparent;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background-image:linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%), linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4) 50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 50%);background-repeat:no-repeat;background-position:top, bottom;background-size:100% calc(100% - 1px), 100% 1px;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.ion-activated.sc-ion-action-sheet-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.7);background-image:none}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-cancel.sc-ion-action-sheet-ios{background:var(--button-background-selected)}}.action-sheet-title.sc-ion-action-sheet-ios{background:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, transparent)) bottom/100% 1px no-repeat transparent;background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent}.action-sheet-title.sc-ion-action-sheet-ios{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:14px;padding-bottom:13px;color:var(--color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-size:max(13px, 0.8125rem);font-weight:400;text-align:center}.action-sheet-title.action-sheet-has-sub-title.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-sub-title.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:6px;padding-bottom:0;font-size:max(13px, 0.8125rem);font-weight:400}.action-sheet-button.sc-ion-action-sheet-ios{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:14px;padding-bottom:14px;min-height:56px;font-size:max(20px, 1.25rem);contain:content}.action-sheet-button.sc-ion-action-sheet-ios .action-sheet-icon.sc-ion-action-sheet-ios{-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:max(28px, 1.75rem);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios:last-child{background-image:none}.action-sheet-selected.sc-ion-action-sheet-ios{font-weight:bold}.action-sheet-cancel.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-cancel.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-destructive.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-activated.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-focused.sc-ion-action-sheet-ios{color:var(--ion-color-danger, #c5000f)}@media (any-hover: hover){.action-sheet-destructive.sc-ion-action-sheet-ios:hover{color:var(--ion-color-danger, #c5000f)}}`;
|
|
106
|
+
const actionSheetIosCss = () => `.sc-ion-action-sheet-ios-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-ios-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ios{right:0;left:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ios{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ios::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ios{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-ios{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios{color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.action-sheet-button-label.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-action-sheet-ios{-ms-flex:1;flex:1}.select-option-description.sc-ion-action-sheet-ios{display:block}.action-sheet-button-label.sc-ion-action-sheet-ios{gap:12px}.select-option-description.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-text-color-step-300, #4d4d4d);font-size:0.75rem}.sc-ion-action-sheet-ios-h{--background:var(--ion-overlay-background-color, var(--ion-background-color-step-100, #f9f9f9));--backdrop-opacity:var(--ion-backdrop-opacity, 0.4);--button-background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent;--button-background-activated:var(--ion-text-color, #000);--button-background-activated-opacity:0.08;--button-background-hover:currentColor;--button-background-hover-opacity:0.04;--button-background-focused:currentColor;--button-background-focused-opacity:0.12;--button-background-selected:var(--ion-background-color-step-150, var(--ion-background-color, #fff));--button-background-selected-opacity:1;--button-color:var(--ion-color-primary, var(--ion-color-primary-bold));--button-color-disabled:var(--ion-text-color-step-150, #262626);--color:var(--ion-text-color-step-600, #999999);text-align:center}.action-sheet-wrapper.sc-ion-action-sheet-ios{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);padding-bottom:var(--ion-safe-area-bottom, 0);-webkit-box-sizing:content-box;box-sizing:content-box}.action-sheet-container.sc-ion-action-sheet-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}.action-sheet-group.sc-ion-action-sheet-ios{border-radius:13px;margin-bottom:8px}.action-sheet-group.sc-ion-action-sheet-ios:first-child{margin-top:10px}.action-sheet-group.sc-ion-action-sheet-ios:last-child{margin-bottom:10px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-group.sc-ion-action-sheet-ios{background-color:transparent;-webkit-backdrop-filter:saturate(280%) blur(20px);backdrop-filter:saturate(280%) blur(20px)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-title.sc-ion-action-sheet-ios,.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.sc-ion-action-sheet-ios{background-color:transparent;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background-image:linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%), linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4) 50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 50%);background-repeat:no-repeat;background-position:top, bottom;background-size:100% calc(100% - 1px), 100% 1px;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.ion-activated.sc-ion-action-sheet-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.7);background-image:none}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-cancel.sc-ion-action-sheet-ios{background:var(--button-background-selected)}}.action-sheet-title.sc-ion-action-sheet-ios{background:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, transparent)) bottom/100% 1px no-repeat transparent;background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent}.action-sheet-title.sc-ion-action-sheet-ios{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:14px;padding-bottom:13px;color:var(--color, var(--ion-text-color-step-600, #999999));font-size:max(13px, 0.8125rem);font-weight:400;text-align:center}.action-sheet-title.action-sheet-has-sub-title.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-sub-title.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:6px;padding-bottom:0;font-size:max(13px, 0.8125rem);font-weight:400}.action-sheet-button.sc-ion-action-sheet-ios{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:14px;padding-bottom:14px;min-height:56px;font-size:max(20px, 1.25rem);contain:content}.action-sheet-button.sc-ion-action-sheet-ios .action-sheet-icon.sc-ion-action-sheet-ios{-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:max(28px, 1.75rem);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios:last-child{background-image:none}.action-sheet-selected.sc-ion-action-sheet-ios{font-weight:bold}.action-sheet-cancel.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-cancel.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-destructive.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-activated.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-focused.sc-ion-action-sheet-ios{color:var(--ion-color-danger, var(--ion-color-danger-bold))}@media (any-hover: hover){.action-sheet-destructive.sc-ion-action-sheet-ios:hover{color:var(--ion-color-danger, var(--ion-color-danger-bold))}}`;
|
|
110
107
|
|
|
111
|
-
const actionSheetMdCss = () => `.sc-ion-action-sheet-md-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-md-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-md{right:0;left:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-md{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-md:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-md{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto
|
|
108
|
+
const actionSheetMdCss = () => `.sc-ion-action-sheet-md-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;right:0;left:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-md-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-md{right:0;left:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-md{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-md:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-md{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-md::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-md{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-md::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.action-sheet-selected.sc-ion-action-sheet-md{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-md::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-md{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-md::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-md{color:var(--button-color-focused)}.action-sheet-button.ion-focused.sc-ion-action-sheet-md::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-md:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-md:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.action-sheet-button-label.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.select-option-content.sc-ion-action-sheet-md{-ms-flex:1;flex:1}.select-option-description.sc-ion-action-sheet-md{display:block}.action-sheet-button-label.sc-ion-action-sheet-md{gap:12px}.select-option-description.sc-ion-action-sheet-md{padding-left:0;padding-right:0;padding-top:5px;padding-bottom:0;color:var(--ion-text-color-step-300, #4d4d4d);font-size:0.75rem}.sc-ion-action-sheet-md-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);--button-background:transparent;--button-background-selected:currentColor;--button-background-selected-opacity:0;--button-background-activated:transparent;--button-background-activated-opacity:0;--button-background-hover:currentColor;--button-background-hover-opacity:0.04;--button-background-focused:currentColor;--button-background-focused-opacity:0.12;--button-color:var(--ion-text-color-step-150, #262626);--button-color-disabled:var(--button-color);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}.action-sheet-wrapper.sc-ion-action-sheet-md{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:20px;padding-bottom:17px;min-height:60px;color:var(--color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54));font-size:1rem;text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-md{padding-left:0;padding-right:0;padding-top:16px;padding-bottom:0;font-size:0.875rem}.action-sheet-group.sc-ion-action-sheet-md:first-child{padding-top:0}.action-sheet-group.sc-ion-action-sheet-md:last-child{padding-bottom:var(--ion-safe-area-bottom)}.action-sheet-button.sc-ion-action-sheet-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:12px;padding-bottom:12px;position:relative;min-height:52px;font-size:1rem;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:0;margin-bottom:0;color:var(--color);font-size:1.5rem}.action-sheet-button-inner.sc-ion-action-sheet-md{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-md{font-weight:bold}`;
|
|
112
109
|
|
|
113
110
|
const ActionSheet = class {
|
|
114
111
|
constructor(hostRef) {
|
|
115
|
-
|
|
116
|
-
this.didPresent =
|
|
117
|
-
this.willPresent =
|
|
118
|
-
this.willDismiss =
|
|
119
|
-
this.didDismiss =
|
|
120
|
-
this.didPresentShorthand =
|
|
121
|
-
this.willPresentShorthand =
|
|
122
|
-
this.willDismissShorthand =
|
|
123
|
-
this.didDismissShorthand =
|
|
112
|
+
focusVisible.registerInstance(this, hostRef);
|
|
113
|
+
this.didPresent = focusVisible.createEvent(this, "ionActionSheetDidPresent", 7);
|
|
114
|
+
this.willPresent = focusVisible.createEvent(this, "ionActionSheetWillPresent", 7);
|
|
115
|
+
this.willDismiss = focusVisible.createEvent(this, "ionActionSheetWillDismiss", 7);
|
|
116
|
+
this.didDismiss = focusVisible.createEvent(this, "ionActionSheetDidDismiss", 7);
|
|
117
|
+
this.didPresentShorthand = focusVisible.createEvent(this, "didPresent", 7);
|
|
118
|
+
this.willPresentShorthand = focusVisible.createEvent(this, "willPresent", 7);
|
|
119
|
+
this.willDismissShorthand = focusVisible.createEvent(this, "willDismiss", 7);
|
|
120
|
+
this.didDismissShorthand = focusVisible.createEvent(this, "didDismiss", 7);
|
|
124
121
|
this.delegateController = overlays.createDelegateController(this);
|
|
125
122
|
this.lockController = lockController.createLockController();
|
|
126
123
|
this.triggerController = overlays.createTriggerController();
|
|
@@ -408,7 +405,7 @@ const ActionSheet = class {
|
|
|
408
405
|
*/
|
|
409
406
|
const { groupEl, wrapperEl } = this;
|
|
410
407
|
if (!this.gesture && mode === 'ios' && wrapperEl && groupEl) {
|
|
411
|
-
|
|
408
|
+
focusVisible.readTask(() => {
|
|
412
409
|
const isScrollable = groupEl.scrollHeight > groupEl.clientHeight;
|
|
413
410
|
if (!isScrollable) {
|
|
414
411
|
this.gesture = buttonActive.createButtonActiveGesture(wrapperEl, (refEl) => refEl.classList.contains('action-sheet-button'));
|
|
@@ -421,7 +418,7 @@ const ActionSheet = class {
|
|
|
421
418
|
* then we should open action sheet immediately.
|
|
422
419
|
*/
|
|
423
420
|
if (this.isOpen === true) {
|
|
424
|
-
|
|
421
|
+
focusVisible.raf(() => this.present());
|
|
425
422
|
}
|
|
426
423
|
/**
|
|
427
424
|
* When binding values in frameworks such as Angular
|
|
@@ -437,10 +434,10 @@ const ActionSheet = class {
|
|
|
437
434
|
renderActionSheetButtons(filteredButtons) {
|
|
438
435
|
const theme = ionicGlobal.getIonTheme(this);
|
|
439
436
|
const { activeRadioId } = this;
|
|
440
|
-
return filteredButtons.map((b, index
|
|
437
|
+
return filteredButtons.map((b, index) => {
|
|
441
438
|
var _a;
|
|
442
439
|
const isRadio = ((_a = b.htmlAttributes) === null || _a === void 0 ? void 0 : _a.role) === 'radio';
|
|
443
|
-
const buttonId = this.getButtonId(b, index
|
|
440
|
+
const buttonId = this.getButtonId(b, index);
|
|
444
441
|
const radioButtons = this.getRadioButtons();
|
|
445
442
|
const isActiveRadio = isRadio && buttonId === activeRadioId;
|
|
446
443
|
const isFirstRadio = isRadio && b === radioButtons[0];
|
|
@@ -491,29 +488,29 @@ const ActionSheet = class {
|
|
|
491
488
|
endContent: richButton.endContent,
|
|
492
489
|
description: richButton.description,
|
|
493
490
|
};
|
|
494
|
-
return (
|
|
491
|
+
return (focusVisible.h("button", Object.assign({}, htmlAttrs, { role: isRadio ? 'radio' : undefined, type: "button", id: buttonId, class: Object.assign(Object.assign({}, buttonClass(b)), (isRadio && { 'action-sheet-selected': isActiveRadio })), onClick: () => {
|
|
495
492
|
if (isRadio) {
|
|
496
493
|
this.selectRadioButton(b);
|
|
497
494
|
}
|
|
498
495
|
this.buttonClick(b);
|
|
499
|
-
}, disabled: b.disabled, tabIndex: tabIndex }),
|
|
496
|
+
}, disabled: b.disabled, tabIndex: tabIndex }), focusVisible.h("span", { class: "action-sheet-button-inner" }, b.icon && focusVisible.h("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), selectOptionRender.renderOptionLabel(optionLabelOptions, 'action-sheet-button-label', true)), theme === 'md' && focusVisible.h("ion-ripple-effect", null)));
|
|
500
497
|
});
|
|
501
498
|
}
|
|
502
499
|
render() {
|
|
503
500
|
const { header, htmlAttributes, overlayIndex, hasRadioButtons } = this;
|
|
504
|
-
const theme
|
|
501
|
+
const theme = ionicGlobal.getIonTheme(this);
|
|
505
502
|
const allButtons = this.getButtons();
|
|
506
503
|
const cancelButton = allButtons.find((b) => b.role === 'cancel');
|
|
507
504
|
const buttons = allButtons.filter((b) => b.role !== 'cancel');
|
|
508
505
|
const headerID = `action-sheet-${overlayIndex}-header`;
|
|
509
|
-
return (
|
|
506
|
+
return (focusVisible.h(focusVisible.Host, Object.assign({ key: '686ad4bf09a5f90bec0a80381b673f00b798345a', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
|
|
510
507
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
511
|
-
}, class: Object.assign(Object.assign({ [theme
|
|
508
|
+
}, class: Object.assign(Object.assign({ [theme]: true }, focusVisible.getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), focusVisible.h("ion-backdrop", { key: '9a9d56159c030c5a9f23b588350abdc69806d825', tappable: this.backdropDismiss }), focusVisible.h("div", { key: 'd851dd250c9e371f77618aefae1ca17273e56455', tabindex: "0", "aria-hidden": "true" }), focusVisible.h("div", { key: 'b3779f483a4d761b38e73a1f24eb2640c5f2b9ee', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, focusVisible.h("div", { key: '91bc56942ef4530b88d83b6a50c0a9b6e0c7eea5', class: "action-sheet-container" }, focusVisible.h("div", { key: '815ab417de569a79c59b116e2daf651947a8dafc', class: "action-sheet-group", ref: (el) => (this.groupEl = el), role: hasRadioButtons ? 'radiogroup' : undefined }, header !== undefined && (focusVisible.h("div", { key: '065c2d9a7466d5bbfadacae2c3defb7c657c02c7', id: headerID, class: {
|
|
512
509
|
'action-sheet-title': true,
|
|
513
510
|
'action-sheet-has-sub-title': this.subHeader !== undefined,
|
|
514
|
-
} }, header, this.subHeader &&
|
|
511
|
+
} }, header, this.subHeader && focusVisible.h("div", { key: 'f516079993b9db392a19ab6d341d41b72d5958b4', class: "action-sheet-sub-title" }, this.subHeader))), this.renderActionSheetButtons(buttons)), cancelButton && (focusVisible.h("div", { key: 'e1f1a5df31837663a3c386d7be23760ddf5ed84a', class: "action-sheet-group action-sheet-group-cancel" }, focusVisible.h("button", Object.assign({ key: 'a1e87b6f25d1504562547f70b406327c07105578' }, cancelButton.htmlAttributes, { type: "button", class: buttonClass(cancelButton), onClick: () => this.buttonClick(cancelButton) }), focusVisible.h("span", { key: '26d5d7325648b0ebcf9c586ab62825dbc53e77eb', class: "action-sheet-button-inner" }, cancelButton.icon && (focusVisible.h("ion-icon", { key: 'b7ff6919503142323acc87683f83fc4ef32435a9', icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), theme === 'md' && focusVisible.h("ion-ripple-effect", { key: '40fff3b72af7d0399aebf66081a58c57cd45f07f' })))))), focusVisible.h("div", { key: '68d21ad90f00e0bb1f4dde673411bb8d8d675aad', tabindex: "0", "aria-hidden": "true" })));
|
|
515
512
|
}
|
|
516
|
-
get el() { return
|
|
513
|
+
get el() { return focusVisible.getElement(this); }
|
|
517
514
|
static get watchers() { return {
|
|
518
515
|
"buttons": [{
|
|
519
516
|
"buttonsChanged": 0
|
|
@@ -527,7 +524,7 @@ const ActionSheet = class {
|
|
|
527
524
|
}; }
|
|
528
525
|
};
|
|
529
526
|
const buttonClass = (button) => {
|
|
530
|
-
return Object.assign({ 'action-sheet-button': true, 'ion-activatable': !button.disabled, 'ion-focusable': !button.disabled, [`action-sheet-${button.role}`]: button.role !== undefined },
|
|
527
|
+
return Object.assign({ 'action-sheet-button': true, 'ion-activatable': !button.disabled, 'ion-focusable': !button.disabled, [`action-sheet-${button.role}`]: button.role !== undefined }, focusVisible.getClassMap(button.cssClass));
|
|
531
528
|
};
|
|
532
529
|
ActionSheet.style = {
|
|
533
530
|
ionic: actionSheetIonicCss(),
|