@ionic/core 8.8.7-dev.11779400352.127ba526 → 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-J7srYGKf.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-C-Vjb84N.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-Hci_7vw_.js → overlays-H4z8xPi9.js} +18 -19
- 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 -7
- 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 +2 -2
- 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 +1835 -1276
- 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-rwDDzEs4.js → overlays-CSQv-GZq.js} +4 -5
- 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 -244
- 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-d604defc.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-fdf0e290.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 -215
- 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 +2898 -2173
- package/hydrate/index.mjs +2898 -2173
- package/package.json +6 -4
- package/components/ion-gallery-item.d.ts +0 -11
- package/components/ion-gallery-item.js +0 -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-6_r-Odtt.js +0 -4
- package/components/p-9gxM3tAr.js +0 -4
- package/components/p-B-oPDoNQ.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-BLHs-wsh.js +0 -4
- package/components/p-BO4aickU.js +0 -4
- package/components/p-BbQGmZyu.js +0 -4
- package/components/p-BdmDSErh.js +0 -4
- package/components/p-BeVlsaLA.js +0 -4
- package/components/p-BhkRbo3L.js +0 -4
- package/components/p-Bp__mr16.js +0 -4
- package/components/p-BqDiJgC_.js +0 -4
- package/components/p-C00Y_WJv.js +0 -4
- package/components/p-C0U8YqYW.js +0 -4
- package/components/p-C4dDZdpz.js +0 -4
- package/components/p-C75do9pU.js +0 -4
- package/components/p-CKfNwyAb.js +0 -4
- package/components/p-CSf_VKpz.js +0 -4
- package/components/p-CVBkx7m1.js +0 -4
- package/components/p-Cb9imMZh.js +0 -4
- package/components/p-Cf9-xP7P.js +0 -4
- package/components/p-CieebRr6.js +0 -4
- package/components/p-CjSx8W-k.js +0 -4
- package/components/p-Ct1_qpJ-.js +0 -4
- package/components/p-CtiqM786.js +0 -4
- package/components/p-CvljGih0.js +0 -4
- package/components/p-D42P_qbe.js +0 -4
- package/components/p-DDw-NYxz.js +0 -4
- package/components/p-DVcs-2q3.js +0 -4
- package/components/p-DZOqbnq2.js +0 -4
- package/components/p-DaJxRxSQ.js +0 -4
- package/components/p-Ddl4_R29.js +0 -4
- package/components/p-KF2RUDHO.js +0 -4
- package/components/p-XegQjlzJ.js +0 -4
- package/components/p-lEYPO4ZC.js +0 -4
- package/components/p-n94Bzx6_.js +0 -4
- package/components/p-t98_NeNv.js +0 -4
- package/components/p-vCpF32Z7.js +0 -4
- package/components/p-vGxjPSKT.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-item.cjs.entry.js +0 -72
- package/dist/cjs/ion-gallery.cjs.entry.js +0 -559
- 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 -76
- package/dist/collection/components/gallery/gallery.js +0 -644
- package/dist/collection/components/gallery/test/utils.js +0 -100
- package/dist/collection/components/gallery-item/gallery-item.css +0 -87
- package/dist/collection/components/gallery-item/gallery-item.js +0 -87
- 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-item.entry.js +0 -70
- package/dist/esm/ion-gallery.entry.js +0 -557
- package/dist/esm/theme-DaJxRxSQ.js +0 -67
- package/dist/ionic/p-02a1a45c.entry.js +0 -4
- package/dist/ionic/p-07d3388f.entry.js +0 -4
- package/dist/ionic/p-0c3bf0a7.entry.js +0 -4
- package/dist/ionic/p-0ef2fcda.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-1ab01507.entry.js +0 -4
- package/dist/ionic/p-21ca5788.entry.js +0 -4
- package/dist/ionic/p-229c8fb5.entry.js +0 -4
- package/dist/ionic/p-2311e660.entry.js +0 -4
- package/dist/ionic/p-2981a0bd.entry.js +0 -4
- package/dist/ionic/p-2a66b899.entry.js +0 -4
- package/dist/ionic/p-2c252788.entry.js +0 -4
- package/dist/ionic/p-2d5a2511.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-3d939d55.entry.js +0 -4
- package/dist/ionic/p-3fd97ea9.entry.js +0 -4
- package/dist/ionic/p-432c5888.entry.js +0 -4
- package/dist/ionic/p-455ac83a.entry.js +0 -4
- package/dist/ionic/p-488992b6.entry.js +0 -4
- package/dist/ionic/p-4a0260e6.entry.js +0 -4
- package/dist/ionic/p-503219b5.entry.js +0 -4
- package/dist/ionic/p-5b164421.entry.js +0 -4
- package/dist/ionic/p-636aa79b.entry.js +0 -4
- package/dist/ionic/p-65159e09.entry.js +0 -4
- package/dist/ionic/p-68c21b2a.entry.js +0 -4
- package/dist/ionic/p-6911beb3.entry.js +0 -4
- package/dist/ionic/p-6ec1e450.entry.js +0 -4
- package/dist/ionic/p-6fbead83.entry.js +0 -4
- package/dist/ionic/p-7194f6fa.entry.js +0 -4
- package/dist/ionic/p-76de7898.entry.js +0 -4
- package/dist/ionic/p-7761b69d.entry.js +0 -4
- package/dist/ionic/p-8291455b.entry.js +0 -4
- package/dist/ionic/p-83c0eb9b.entry.js +0 -4
- package/dist/ionic/p-874945f3.entry.js +0 -4
- package/dist/ionic/p-8uDL7fql.js +0 -4
- package/dist/ionic/p-92427c9d.entry.js +0 -4
- package/dist/ionic/p-9f914d43.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-C4uUM9DM.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-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-b8f7e970.entry.js +0 -4
- package/dist/ionic/p-bb2d2635.entry.js +0 -4
- package/dist/ionic/p-bd3ae730.entry.js +0 -4
- package/dist/ionic/p-c1d6501a.entry.js +0 -4
- package/dist/ionic/p-c55a5578.entry.js +0 -4
- package/dist/ionic/p-cecceb9f.entry.js +0 -4
- package/dist/ionic/p-dd1e95c5.entry.js +0 -4
- package/dist/ionic/p-e342b205.entry.js +0 -4
- package/dist/ionic/p-e5976b28.entry.js +0 -4
- package/dist/ionic/p-e73a7fe2.entry.js +0 -4
- package/dist/ionic/p-f02ba305.entry.js +0 -4
- package/dist/ionic/p-fc01563c.entry.js +0 -4
- package/dist/ionic/p-fe073307.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 -191
- package/dist/types/components/gallery/test/utils.d.ts +0 -2
- package/dist/types/components/gallery-item/gallery-item.d.ts +0 -25
- 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
|
@@ -1,21 +1,18 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance,
|
|
4
|
+
import { r as registerInstance, a as createEvent, m as inheritAriaAttributes, j as config, h, n as createColorClasses, o as openURL, q as hostContext, f as Host, i as getElement } from './index-BrrkdT9L.js';
|
|
5
5
|
import { c as caretRightSvg } from './caret-right-BYSs-jZz.js';
|
|
6
|
-
import { i as inheritAriaAttributes } from './helpers-Do7zwvM1.js';
|
|
7
|
-
import { c as createColorClasses, o as openURL, h as hostContext } from './theme-DaJxRxSQ.js';
|
|
8
6
|
import { m as ellipsisHorizontal, n as chevronForwardOutline } from './index-D2tu5BUg.js';
|
|
9
|
-
import { c as getIonTheme } from './ionic-global-
|
|
10
|
-
import './focus-visible-vXpMhGrs.js';
|
|
7
|
+
import { c as getIonTheme } from './ionic-global-CYPOXYV9.js';
|
|
11
8
|
|
|
12
9
|
const dotsThreeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNDAsMTI4YTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDE0MCwxMjhabTU2LTEyYTEyLDEyLDAsMSwwLDEyLDEyQTEyLDEyLDAsMCwwLDE5NiwxMTZaTTYwLDExNmExMiwxMiwwLDEsMCwxMiwxMkExMiwxMiwwLDAsMCw2MCwxMTZaIi8+PC9zdmc+';
|
|
13
10
|
|
|
14
|
-
const ionicBreadcrumbMdCss = () => `:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-
|
|
11
|
+
const ionicBreadcrumbMdCss = () => `:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-text-color-step-400, #677483);--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--ion-text-color-step-200, #35404e);--background-focused:var(--ion-background-color-step-50, #fff)}:host(.breadcrumb-active){font-weight:500}.breadcrumb-native{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px}.breadcrumb-separator{-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:-1px}:host(.ion-focused) .breadcrumb-native{border-radius:4px;-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12)}.breadcrumb-separator{color:var(--ion-text-color-step-450, #73849a)}::slotted(ion-icon){color:var(--ion-text-color-step-450, #7d8894);font-size:1.125rem}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-text-color-step-150, #222d3a)}.breadcrumbs-collapsed-indicator{border-radius:2px;background:var(--ion-background-color-step-100, #eef1f3);color:var(--ion-text-color-step-450, #73849a)}.breadcrumbs-collapsed-indicator:hover{opacity:0.7}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-background-color-step-150, #dfe5e8)}`;
|
|
15
12
|
|
|
16
|
-
const breadcrumbIosCss = () => `:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-
|
|
13
|
+
const breadcrumbIosCss = () => `:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-text-color-step-150, #2d4665);--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--color-active);--background-focused:var(--ion-background-color-step-50, rgba(233, 237, 243, 0.7));font-size:clamp(16px, 1rem, 22px)}:host(.breadcrumb-active){font-weight:600}.breadcrumb-native{border-radius:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:5px;padding-bottom:5px;border:1px solid transparent}:host(.ion-focused) .breadcrumb-native{border-radius:8px}:host(.in-breadcrumbs-color.ion-focused) .breadcrumb-native,:host(.ion-color.ion-focused) .breadcrumb-native{background:rgba(var(--ion-color-base-rgb), 0.1);color:var(--ion-color-base)}:host(.ion-focused) ::slotted(ion-icon),:host(.in-breadcrumbs-color.ion-focused) ::slotted(ion-icon),:host(.ion-color.ion-focused) ::slotted(ion-icon){color:var(--ion-text-color-step-250, #445b78)}.breadcrumb-separator{color:var(--ion-text-color-step-450, #73849a)}::slotted(ion-icon){color:var(--ion-text-color-step-600, #92a0b3);font-size:min(1.125rem, 21.6px)}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-text-color-step-150, #242d39)}.breadcrumbs-collapsed-indicator{border-radius:4px;background:var(--ion-background-color-step-100, #e9edf3);color:var(--ion-text-color-step-450, #73849a)}.breadcrumbs-collapsed-indicator:hover{opacity:0.45}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-background-color-step-150, #d9e0ea)}.breadcrumbs-collapsed-indicator ion-icon{font-size:min(1.375rem, 22px)}`;
|
|
17
14
|
|
|
18
|
-
const breadcrumbMdCss = () => `:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-
|
|
15
|
+
const breadcrumbMdCss = () => `:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-text-color-step-400, #677483);--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--ion-text-color-step-200, #35404e);--background-focused:var(--ion-background-color-step-50, #fff)}:host(.breadcrumb-active){font-weight:500}.breadcrumb-native{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px}.breadcrumb-separator{-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:-1px}:host(.ion-focused) .breadcrumb-native{border-radius:4px;-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12)}.breadcrumb-separator{color:var(--ion-text-color-step-450, #73849a)}::slotted(ion-icon){color:var(--ion-text-color-step-450, #7d8894);font-size:1.125rem}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-text-color-step-150, #222d3a)}.breadcrumbs-collapsed-indicator{border-radius:2px;background:var(--ion-background-color-step-100, #eef1f3);color:var(--ion-text-color-step-450, #73849a)}.breadcrumbs-collapsed-indicator:hover{opacity:0.7}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-background-color-step-150, #dfe5e8)}`;
|
|
19
16
|
|
|
20
17
|
const Breadcrumb = class {
|
|
21
18
|
constructor(hostRef) {
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance,
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
import './focus-visible-vXpMhGrs.js';
|
|
4
|
+
import { r as registerInstance, a as createEvent, o as openURL, E as hasShadowDom, l as forceUpdate, q as hostContext, m as inheritAriaAttributes, k as printIonWarning, h, n as createColorClasses$1, f as Host, i as getElement, F as getAssetPath } from './index-BrrkdT9L.js';
|
|
5
|
+
import { c as createBadgeManager } from './badge-position-C1Q3qPZy.js';
|
|
6
|
+
import { c as getIonTheme, b as getIonMode$1 } from './ionic-global-CYPOXYV9.js';
|
|
7
|
+
import './dir-C53feagD.js';
|
|
9
8
|
|
|
10
|
-
const buttonIonicCss = () => `:host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-outline){--background:transparent}:host(.button-clear){--border-width:0;--background:transparent}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{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;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon),::slotted(ion-spinner){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-foreground)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}.button-native ion-ripple-effect,.button-native::after{border-radius:inherit}:host(.button-has-badge) .button-native{--overflow:visible}:host ::slotted(ion-badge[vertical]:not(:empty)){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host{--padding-top:var(--token-space-0, var(--token-scale-0, 0px));--padding-end:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--padding-top);--padding-start:var(--padding-end);--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));position:relative}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:inherit;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";cursor:pointer;z-index:1}:host(.button-clear){--color:var(--ion-color-primary-foreground, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))))}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));--background-hover:var(--ion-color-primary-shade, var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));--background-focused:transparent;--background-hover-opacity:1;--background:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff)));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-outline){--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--background-activated:var(--ion-color-primary-subtle-shade, var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa))));--background-focused:transparent;--background-hover:var(--ion-color-primary-subtle-shade, var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa))));--background-hover-opacity:1;--border-color:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-outline.ion-color-warning) .button-native{border-color:var(--ion-color-warning-foreground, var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #704b02))));color:var(--ion-color-warning-foreground, var(--token-text-warning, var(--token-semantics-warning-1000, var(--token-primitives-yellow-1000, #704b02))))}:host(.button-clear){--background-activated:var(--ion-color-primary-subtle-shade, var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa))));--background-focused:transparent;--background-hover:var(--ion-color-primary-subtle-shade, var(--token-bg-primary-subtle-press, var(--token-semantics-primary-300, var(--token-primitives-blue-300, #d0d7fa))));--background-hover-opacity:1;--color:var(--ion-color-primary-foreground, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-solid.ion-color) ion-ripple-effect{color:var(--ion-color-shade)}:host(.button-outline.ion-color) ion-ripple-effect,:host(.button-clear.ion-color) ion-ripple-effect{color:var(--ion-color-subtle-shade)}:host(.button-small){--padding-end:var(--token-space-400, var(--token-scale-400, 16px));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;min-width:var(--token-scale-1600, 64px);min-height:var(--token-scale-1000, 40px)}:host(.button-medium){--padding-end:var(--token-space-500, var(--token-scale-500, 20px));font-size:var(--token-font-size-400, 1rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;min-width:var(--token-scale-1800, 72px);min-height:var(--token-scale-1200, 48px)}:host(.button-large){--padding-end:var(--token-space-700, var(--token-scale-700, 28px));font-size:var(--token-font-size-500, 1.25rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;min-width:var(--token-scale-2000, 80px);min-height:var(--token-scale-1400, 56px)}:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-icon[slot=icon-only]),:host(.button-medium) ::slotted(ion-icon[slot=start]),:host(.button-medium) ::slotted(ion-icon[slot=end]),:host(.button-medium) ::slotted(ion-icon[slot=icon-only]){width:var(--token-scale-500, 20px);height:var(--token-scale-500, 20px)}:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-icon[slot=icon-only]){width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.button-has-icon-only){--padding-end:var(--padding-top);min-width:unset;aspect-ratio:1/1}::slotted(ion-spinner){--color:currentColor}::slotted(ion-spinner[slot=start]),::slotted(ion-spinner[slot=end]),::slotted(ion-spinner[slot=icon-only]){width:var(--token-scale-500, 20px);height:var(--token-scale-500, 20px)}:host(.button-soft){--border-radius:var(--token-soft-xs, var(--token-border-radius-200, var(--token-scale-200, 8px)))}:host(.button-round){--border-radius:var(--token-round-xs, var(--token-border-radius-full, 999px))}:host(.button-rectangular){--border-radius:var(--token-rectangular-xs, var(--token-border-radius-0, var(--token-scale-0, 0px)))}:host(.ion-focused) .button-native{outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px))}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-color.ion-activated) .button-native::after,:host(.button-clear.ion-color.ion-activated) .button-native::after{background:var(--ion-color-subtle-shade)}:host(.ion-activated) .button-native:has(ion-ripple-effect)::after,:host(.button-solid.ion-color.ion-activated) .button-native:has(ion-ripple-effect)::after,:host(.button-outline.ion-color.ion-activated) .button-native:has(ion-ripple-effect)::after,:host(.button-clear.ion-color.ion-activated) .button-native:has(ion-ripple-effect)::after{background:transparent}@media (any-hover: hover){:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-color:hover) .button-native::after,:host(.button-clear.ion-color:hover) .button-native::after{background:var(--ion-color-subtle-shade)}}:host(.button-disabled) .button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none;width:inherit;height:inherit}::slotted(ion-icon){font-size:var(--token-font-size-500, 1.25rem)}:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}::slotted(ion-icon[slot=start]),::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--token-space-250, var(--token-scale-250, 10px));margin-inline-end:var(--token-space-250, var(--token-scale-250, 10px))}:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--token-space-300, var(--token-scale-300, 12px));margin-inline-end:var(--token-space-300, var(--token-scale-300, 12px))}:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-start:var(--token-space-200, var(--token-scale-200, 8px))}::slotted(ion-icon[slot=end]),::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--token-space-250, var(--token-scale-250, 10px));margin-inline-start:var(--token-space-250, var(--token-scale-250, 10px))}:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--token-space-300, var(--token-scale-300, 12px));margin-inline-start:var(--token-space-300, var(--token-scale-300, 12px))}:host(.button-has-badge){--padding-top:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--token-space-0, var(--token-scale-0, 0px))}:host(.button-small) ::slotted(ion-badge){inset-inline-end:calc(-1 * var(--token-space-050, var(--token-scale-050, 2px)))}:host(.button-medium) ::slotted(ion-badge.long-badge.badge-vertical-top){top:var(--token-space-100, var(--token-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge.long-badge.badge-vertical-bottom){bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){top:var(--token-space-100, var(--token-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){inset-inline-end:var(--token-space-150, var(--token-scale-150, 6px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){inset-inline-end:var(--token-space-150, var(--token-scale-150, 6px))}:host(.button-large) ::slotted(ion-badge.long-badge.badge-vertical-top){top:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge.long-badge.badge-vertical-bottom){bottom:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){top:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){inset-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){bottom:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){inset-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}:host(.in-datetime){font-size:var(--token-font-size-400, 1rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;min-height:var(--token-space-1200, var(--token-scale-1200, 48px))}`;
|
|
9
|
+
const buttonIonicCss = () => `:host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-outline){--background:transparent}:host(.button-clear){--border-width:0;--background:transparent}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{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;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon),::slotted(ion-spinner){pointer-events:none}::slotted(ion-spinner){color:currentColor}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-foreground)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}.button-native ion-ripple-effect,.button-native::after{border-radius:inherit}:host(.button-has-badge) .button-native{--overflow:visible}:host{--padding-top:var(--token-space-0, var(--token-scale-0, 0px));--padding-end:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--padding-top);--padding-start:var(--padding-end);--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));position:relative}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:inherit;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";cursor:pointer;z-index:1}:host(.button-clear){--color:var(--ion-color-primary-foreground, var(--ion-color-primary-bold-foreground))}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, var(--ion-color-primary-bold-shade));--background-hover:var(--ion-color-primary-shade, var(--ion-color-primary-bold-shade));--background-focused:transparent;--background-hover-opacity:1;--background:var(--ion-color-primary, var(--ion-color-primary-bold));--color:var(--ion-color-primary-contrast, var(--ion-color-primary-bold-contrast));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-outline){--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--background-activated:var(--ion-color-primary-subtle-shade);--background-focused:transparent;--background-hover:var(--ion-color-primary-subtle-shade);--background-hover-opacity:1;--border-color:var(--ion-color-primary, var(--ion-color-primary-bold));--color:var(--ion-color-primary, var(--ion-color-primary-bold));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-outline.ion-color-warning) .button-native{border-color:var(--ion-color-warning-foreground, var(--ion-color-warning-bold-foreground));color:var(--ion-color-warning-foreground, var(--ion-color-warning-bold-foreground))}:host(.button-clear){--background-activated:var(--ion-color-primary-subtle-shade);--background-focused:transparent;--background-hover:var(--ion-color-primary-subtle-shade);--background-hover-opacity:1;--color:var(--ion-color-primary-foreground, var(--ion-color-primary-bold-foreground));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-solid.ion-color) ion-ripple-effect{color:var(--ion-color-shade)}:host(.button-outline.ion-color) ion-ripple-effect,:host(.button-clear.ion-color) ion-ripple-effect{color:var(--ion-color-subtle-shade)}:host(.button-small){--padding-end:var(--token-space-400, var(--token-scale-400, 16px));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;min-width:var(--token-scale-1600, 64px);min-height:var(--token-scale-1000, 40px)}:host(.button-medium){--padding-end:var(--token-space-500, var(--token-scale-500, 20px));font-size:var(--token-font-size-400, 1rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;min-width:var(--token-scale-1800, 72px);min-height:var(--token-scale-1200, 48px)}:host(.button-large){--padding-end:var(--token-space-700, var(--token-scale-700, 28px));font-size:var(--token-font-size-500, 1.25rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;min-width:var(--token-scale-2000, 80px);min-height:var(--token-scale-1400, 56px)}:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-icon[slot=icon-only]),:host(.button-medium) ::slotted(ion-icon[slot=start]),:host(.button-medium) ::slotted(ion-icon[slot=end]),:host(.button-medium) ::slotted(ion-icon[slot=icon-only]){width:var(--token-scale-500, 20px);height:var(--token-scale-500, 20px)}:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-icon[slot=icon-only]){width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.button-has-icon-only){--padding-end:var(--padding-top);min-width:unset;aspect-ratio:1/1}::slotted(ion-spinner[slot=start]),::slotted(ion-spinner[slot=end]),::slotted(ion-spinner[slot=icon-only]){width:var(--token-scale-500, 20px);height:var(--token-scale-500, 20px)}:host(.button-soft){--border-radius:var(--token-soft-xs, var(--token-border-radius-200, var(--token-scale-200, 8px)))}:host(.button-round){--border-radius:var(--token-round-xs, var(--token-border-radius-full, 999px))}:host(.button-rectangular){--border-radius:var(--token-rectangular-xs, var(--token-border-radius-0, var(--token-scale-0, 0px)))}:host(.ion-focused) .button-native{outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px))}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-color.ion-activated) .button-native::after,:host(.button-clear.ion-color.ion-activated) .button-native::after{background:var(--ion-color-subtle-shade)}:host(.ion-activated) .button-native:has(ion-ripple-effect)::after,:host(.button-solid.ion-color.ion-activated) .button-native:has(ion-ripple-effect)::after,:host(.button-outline.ion-color.ion-activated) .button-native:has(ion-ripple-effect)::after,:host(.button-clear.ion-color.ion-activated) .button-native:has(ion-ripple-effect)::after{background:transparent}@media (any-hover: hover){:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-color:hover) .button-native::after,:host(.button-clear.ion-color:hover) .button-native::after{background:var(--ion-color-subtle-shade)}}:host(.button-disabled) .button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none;width:inherit;height:inherit}::slotted(ion-icon){font-size:var(--token-font-size-500, 1.25rem)}:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}::slotted(ion-icon[slot=start]),::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--token-space-250, var(--token-scale-250, 10px));margin-inline-end:var(--token-space-250, var(--token-scale-250, 10px))}:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--token-space-300, var(--token-scale-300, 12px));margin-inline-end:var(--token-space-300, var(--token-scale-300, 12px))}:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-start:var(--token-space-200, var(--token-scale-200, 8px))}::slotted(ion-icon[slot=end]),::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--token-space-250, var(--token-scale-250, 10px));margin-inline-start:var(--token-space-250, var(--token-scale-250, 10px))}:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--token-space-300, var(--token-scale-300, 12px));margin-inline-start:var(--token-space-300, var(--token-scale-300, 12px))}:host(.button-has-badge){--padding-top:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--token-space-0, var(--token-scale-0, 0px))}:host(.in-datetime){font-size:var(--token-font-size-400, 1rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;min-height:var(--token-space-1200, var(--token-scale-1200, 48px))}`;
|
|
11
10
|
|
|
12
|
-
const buttonIosCss = () => `:host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-outline){--background:transparent}:host(.button-clear){--border-width:0;--background:transparent}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{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;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon),::slotted(ion-spinner){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-foreground)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}.button-native ion-ripple-effect,.button-native::after{border-radius:inherit}:host(.button-has-badge) .button-native{--overflow:visible}:host ::slotted(ion-badge[vertical]:not(:empty)){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host{font-family:var(--ion-font-family, inherit)}:host(.button-solid){--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary, #0054e9)}:host(.button-clear){--color:var(--ion-color-primary, #0054e9)}::slotted(ion-icon){font-size:1.35em}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}.button-native ::slotted(ion-badge){position:fixed}:host ::slotted(ion-badge[vertical]:not(:empty)){-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px;padding-top:2px;padding-bottom:2px}:host(.in-datetime){-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;min-height:32px}:host{--padding-top:13px;--padding-bottom:13px;--padding-start:1em;--padding-end:1em;--transition:background-color, opacity 100ms linear;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:4px;margin-bottom:4px;min-height:3.1em;font-size:min(1rem, 48px);font-weight:500;letter-spacing:0}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, #004acd);--background-focused:var(--ion-color-primary-shade, #004acd);--background-hover:var(--ion-color-primary-tint, #1a65eb);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1}:host(.button-outline){--border-width:1px;--border-style:solid;--background-activated:var(--ion-color-primary, #0054e9);--background-focused:var(--ion-color-primary, #0054e9);--background-hover:transparent;--background-focused-opacity:0.1;--color-activated:var(--ion-color-primary-contrast, #fff)}:host(.button-clear){--background-activated:transparent;--background-activated-opacity:0;--background-focused:var(--ion-color-primary, #0054e9);--background-hover:transparent;--background-focused-opacity:0.1;font-size:min(1.0625rem, 51px);font-weight:normal}:host(.in-buttons){font-size:clamp(17px, 1.0625rem, 21.08px);font-weight:400}:host(.button-large){--padding-top:17px;--padding-start:1em;--padding-end:1em;--padding-bottom:17px;min-height:3.1em;font-size:min(1.25rem, 60px)}:host(.button-small){--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:min(0.8125rem, 39px)}:host(.button-soft){--border-radius:6px}:host(.button-soft.button-large){--border-radius:8px}:host(.button-soft.button-small){--border-radius:4px}:host(.button-round){--border-radius:999px}:host(.button-rectangular){--border-radius:0px}:host(.button-strong){font-weight:600}:host(.button-has-icon-only){--padding-top:0;--padding-bottom:var(--padding-top);--padding-end:var(--padding-top);--padding-start:var(--padding-end);min-width:clamp(30px, 2.125em, 60px);min-height:clamp(30px, 2.125em, 60px)}::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.12px, 1.125em, 43.02px)}:host(.button-small.button-has-icon-only){min-width:clamp(23px, 2.16em, 54px);min-height:clamp(23px, 2.16em, 54px)}:host(.button-small) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(12.1394px, 1.308125em, 40.1856px)}:host(.button-large.button-has-icon-only){min-width:clamp(46px, 2.5em, 78px);min-height:clamp(46px, 2.5em, 78px)}:host(.button-large) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.12px, 0.9em, 43.056px)}:host(.button-outline.ion-focused.ion-color) .button-native,:host(.button-clear.ion-focused.ion-color) .button-native{color:var(--ion-color-base)}:host(.button-outline.ion-focused.ion-color) .button-native::after,:host(.button-clear.ion-focused.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.button-clear:not(.ion-activated):hover),:host(.button-outline:not(.ion-activated):hover){opacity:0.6}:host(.button-clear.ion-color:hover) .button-native,:host(.button-outline.ion-color:hover) .button-native{color:var(--ion-color-base)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:transparent}:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}:host(:hover.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color):not(.ion-activated)) .button-native::after{background:#fff;opacity:0.1}}:host(.button-clear.ion-activated){opacity:0.4}:host(.button-outline.ion-activated.ion-color) .button-native{color:var(--ion-color-contrast)}:host(.button-outline.ion-activated.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--color));color:var(--ion-toolbar-background, var(--background), var(--ion-color-primary-contrast, #fff))}:host(.in-datetime){--padding-top:3px;--padding-bottom:3px;--padding-start:5px;--padding-end:5px;font-size:clamp(17px, 1.0625rem, 21.08px);font-weight:400}`;
|
|
11
|
+
const buttonIosCss = () => `:host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-outline){--background:transparent}:host(.button-clear){--border-width:0;--background:transparent}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{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;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon),::slotted(ion-spinner){pointer-events:none}::slotted(ion-spinner){color:currentColor}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-foreground)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}.button-native ion-ripple-effect,.button-native::after{border-radius:inherit}:host(.button-has-badge) .button-native{--overflow:visible}:host{font-family:var(--ion-font-family, inherit)}:host(.button-solid){--background:var(--ion-color-primary, var(--ion-color-primary-bold));--color:var(--ion-color-primary-contrast, var(--ion-color-primary-bold-contrast))}:host(.button-outline){--border-color:var(--ion-color-primary, var(--ion-color-primary-bold));--color:var(--ion-color-primary, var(--ion-color-primary-bold))}:host(.button-clear){--color:var(--ion-color-primary-foreground, var(--ion-color-primary-bold-foreground))}::slotted(ion-icon){font-size:1.35em}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}:host(.in-datetime){-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;min-height:32px}:host{--padding-top:13px;--padding-bottom:13px;--padding-start:1em;--padding-end:1em;--transition:background-color, opacity 100ms linear;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:4px;margin-bottom:4px;min-height:3.1em;font-size:min(1rem, 48px);font-weight:500;letter-spacing:0}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, var(--ion-color-primary-bold-shade));--background-focused:var(--ion-color-primary-shade, var(--ion-color-primary-bold-shade));--background-hover:var(--ion-color-primary-tint, var(--ion-color-primary-bold-tint));--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1}:host(.button-outline){--border-width:1px;--border-style:solid;--background-activated:var(--ion-color-primary, var(--ion-color-primary-bold));--background-focused:var(--ion-color-primary, var(--ion-color-primary-bold));--background-hover:transparent;--background-focused-opacity:0.1;--color-activated:var(--ion-color-primary-contrast, var(--ion-color-primary-bold-contrast))}:host(.button-clear){--background-activated:transparent;--background-activated-opacity:0;--background-focused:var(--ion-color-primary, var(--ion-color-primary-bold));--background-hover:transparent;--background-focused-opacity:0.1;font-size:min(1.0625rem, 51px);font-weight:normal}:host(.in-buttons){font-size:clamp(17px, 1.0625rem, 21.08px);font-weight:400}:host(.button-large){--padding-top:17px;--padding-start:1em;--padding-end:1em;--padding-bottom:17px;min-height:3.1em;font-size:min(1.25rem, 60px)}:host(.button-small){--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:min(0.8125rem, 39px)}:host(.button-soft){--border-radius:6px}:host(.button-soft.button-large){--border-radius:8px}:host(.button-soft.button-small){--border-radius:4px}:host(.button-round){--border-radius:999px}:host(.button-rectangular){--border-radius:0px}:host(.button-strong){font-weight:600}:host(.button-has-icon-only){--padding-top:0;--padding-bottom:var(--padding-top);--padding-end:var(--padding-top);--padding-start:var(--padding-end);min-width:clamp(30px, 2.125em, 60px);min-height:clamp(30px, 2.125em, 60px)}::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.12px, 1.125em, 43.02px)}:host(.button-small.button-has-icon-only){min-width:clamp(23px, 2.16em, 54px);min-height:clamp(23px, 2.16em, 54px)}:host(.button-small) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(12.1394px, 1.308125em, 40.1856px)}:host(.button-large.button-has-icon-only){min-width:clamp(46px, 2.5em, 78px);min-height:clamp(46px, 2.5em, 78px)}:host(.button-large) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.12px, 0.9em, 43.056px)}:host(.button-outline.ion-focused.ion-color) .button-native,:host(.button-clear.ion-focused.ion-color) .button-native{color:var(--ion-color-base)}:host(.button-outline.ion-focused.ion-color) .button-native::after,:host(.button-clear.ion-focused.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.button-clear:not(.ion-activated):hover),:host(.button-outline:not(.ion-activated):hover){opacity:0.6}:host(.button-clear.ion-color:hover) .button-native,:host(.button-outline.ion-color:hover) .button-native{color:var(--ion-color-base)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:transparent}:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}:host(:hover.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color):not(.ion-activated)) .button-native::after{background:#fff;opacity:0.1}}:host(.button-clear.ion-activated){opacity:0.4}:host(.button-outline.ion-activated.ion-color) .button-native{color:var(--ion-color-contrast)}:host(.button-outline.ion-activated.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--color));color:var(--ion-toolbar-background, var(--background), var(--ion-color-primary-contrast, var(--ion-color-primary-bold-contrast)))}:host(.in-datetime){--padding-top:3px;--padding-bottom:3px;--padding-start:5px;--padding-end:5px;font-size:clamp(17px, 1.0625rem, 21.08px);font-weight:400}`;
|
|
13
12
|
|
|
14
|
-
const buttonMdCss = () => `:host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-outline){--background:transparent}:host(.button-clear){--border-width:0;--background:transparent}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{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;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon),::slotted(ion-spinner){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-foreground)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}.button-native ion-ripple-effect,.button-native::after{border-radius:inherit}:host(.button-has-badge) .button-native{--overflow:visible}:host
|
|
13
|
+
const buttonMdCss = () => `:host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-outline){--background:transparent}:host(.button-clear){--border-width:0;--background:transparent}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{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;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon),::slotted(ion-spinner){pointer-events:none}::slotted(ion-spinner){color:currentColor}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-foreground)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}.button-native ion-ripple-effect,.button-native::after{border-radius:inherit}:host(.button-has-badge) .button-native{--overflow:visible}:host{font-family:var(--ion-font-family, inherit)}:host(.button-solid){--background:var(--ion-color-primary, var(--ion-color-primary-bold));--color:var(--ion-color-primary-contrast, var(--ion-color-primary-bold-contrast))}:host(.button-outline){--border-color:var(--ion-color-primary, var(--ion-color-primary-bold));--color:var(--ion-color-primary, var(--ion-color-primary-bold))}:host(.button-clear){--color:var(--ion-color-primary-foreground, var(--ion-color-primary-bold-foreground))}::slotted(ion-icon){font-size:1.35em}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}:host(.in-datetime){-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;min-height:32px}:host{--padding-top:8px;--padding-bottom:8px;--padding-start:1.1em;--padding-end:1.1em;--transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), background-color 15ms linear, color 15ms linear;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:4px;margin-bottom:4px;min-height:36px;font-size:0.875rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase}:host(.button-solid){--background-activated:transparent;--background-hover:var(--ion-color-primary-contrast, var(--ion-color-primary-bold-contrast));--background-focused:var(--ion-color-primary-contrast, var(--ion-color-primary-bold-contrast));--background-activated-opacity:0;--background-focused-opacity:0.24;--background-hover-opacity:0.08;--box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}:host(.button-solid.ion-activated){--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12)}:host(.button-outline){--border-width:2px;--border-style:solid;--box-shadow:none;--background-activated:transparent;--background-focused:var(--ion-color-primary, var(--ion-color-primary-bold));--background-hover:var(--ion-color-primary, var(--ion-color-primary-bold));--background-activated-opacity:0;--background-focused-opacity:0.12;--background-hover-opacity:0.04}:host(.button-outline.ion-activated.ion-color) .button-native{background:transparent}:host(.button-clear){--background-activated:transparent;--background-focused:var(--ion-color-primary, var(--ion-color-primary-bold));--background-hover:var(--ion-color-primary, var(--ion-color-primary-bold));--background-activated-opacity:0;--background-focused-opacity:0.12;--background-hover-opacity:0.04}:host(.button-soft){--border-radius:4px}:host(.button-round){--border-radius:999px}:host(.button-rectangular){--border-radius:0px}:host(.button-large){--padding-top:14px;--padding-start:1em;--padding-end:1em;--padding-bottom:14px;min-height:2.8em;font-size:1.25rem}:host(.button-small){--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:0.8125rem}:host(.button-strong){font-weight:bold}:host(.button-has-icon-only){--padding-top:0;--padding-bottom:var(--padding-top);--padding-end:var(--padding-top);--padding-start:var(--padding-end);min-width:clamp(30px, 2.86em, 60px);min-height:clamp(30px, 2.86em, 60px)}::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.104px, 1.6em, 43.008px)}:host(.button-small.button-has-icon-only){min-width:clamp(23px, 2.16em, 54px);min-height:clamp(23px, 2.16em, 54px)}:host(.button-small) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(13.002px, 1.23125em, 40.385px)}:host(.button-large.button-has-icon-only){min-width:clamp(46px, 2.5em, 78px);min-height:clamp(46px, 2.5em, 78px)}:host(.button-large) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.008px, 1.4em, 43.008px)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-contrast)}:host(.button-clear.ion-color.ion-focused) .button-native::after,:host(.button-outline.ion-color.ion-focused) .button-native::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-contrast)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-background, var(--color));color:var(--ion-toolbar-color, var(--background), var(--ion-color-primary-contrast, var(--ion-color-primary-bold-contrast)))}:host(.in-datetime){--padding-top:3px;--padding-bottom:3px;--padding-start:8px;--padding-end:8px;--box-shadow:none}:host(.in-datetime.button-clear){--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor}`;
|
|
15
14
|
|
|
16
15
|
const Button = class {
|
|
17
16
|
constructor(hostRef) {
|
|
18
17
|
registerInstance(this, hostRef);
|
|
19
18
|
this.ionFocus = createEvent(this, "ionFocus", 7);
|
|
20
19
|
this.ionBlur = createEvent(this, "ionBlur", 7);
|
|
20
|
+
this.hasLoaded = false;
|
|
21
21
|
this.inDatetime = false;
|
|
22
22
|
this.inItem = false;
|
|
23
23
|
this.inListHeader = false;
|
|
@@ -25,6 +25,11 @@ const Button = class {
|
|
|
25
25
|
this.formButtonEl = null;
|
|
26
26
|
this.formEl = null;
|
|
27
27
|
this.inheritedAttributes = {};
|
|
28
|
+
this.badgeManager = createBadgeManager(this.el, () => ({
|
|
29
|
+
host: this.el,
|
|
30
|
+
target: this.el.shadowRoot.querySelector('.button-native'),
|
|
31
|
+
relativeTo: this.el.shadowRoot.querySelector('.button-inner'),
|
|
32
|
+
}));
|
|
28
33
|
/**
|
|
29
34
|
* If `true`, the button only has an icon.
|
|
30
35
|
*/
|
|
@@ -65,7 +70,7 @@ const Button = class {
|
|
|
65
70
|
this.onBlur = () => {
|
|
66
71
|
this.ionBlur.emit();
|
|
67
72
|
};
|
|
68
|
-
this.
|
|
73
|
+
this.iconOnlySlotChanged = () => {
|
|
69
74
|
/**
|
|
70
75
|
* Ensures that the 'has-icon-only' class is properly added
|
|
71
76
|
* or removed from `ion-button` when manipulating the
|
|
@@ -76,6 +81,9 @@ const Button = class {
|
|
|
76
81
|
*/
|
|
77
82
|
this.isCircle = this.hasIconOnly;
|
|
78
83
|
};
|
|
84
|
+
this.onSlotChanged = () => {
|
|
85
|
+
this.badgeManager.onSlotChanged();
|
|
86
|
+
};
|
|
79
87
|
}
|
|
80
88
|
disabledChanged() {
|
|
81
89
|
const { disabled } = this;
|
|
@@ -133,6 +141,18 @@ const Button = class {
|
|
|
133
141
|
this.inItem = hostContext('ion-item', this.el) || hostContext('ion-item-divider', this.el);
|
|
134
142
|
this.inheritedAttributes = inheritAriaAttributes(this.el);
|
|
135
143
|
}
|
|
144
|
+
connectedCallback() {
|
|
145
|
+
if (this.hasLoaded) {
|
|
146
|
+
this.badgeManager.init();
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
componentDidLoad() {
|
|
150
|
+
this.hasLoaded = true;
|
|
151
|
+
this.badgeManager.init();
|
|
152
|
+
}
|
|
153
|
+
disconnectedCallback() {
|
|
154
|
+
this.badgeManager.destroy();
|
|
155
|
+
}
|
|
136
156
|
get hasIconOnly() {
|
|
137
157
|
return !!this.el.querySelector('[slot="icon-only"]');
|
|
138
158
|
}
|
|
@@ -260,7 +280,7 @@ const Button = class {
|
|
|
260
280
|
{
|
|
261
281
|
type !== 'button' && this.renderHiddenButton();
|
|
262
282
|
}
|
|
263
|
-
return (h(Host, { key: '
|
|
283
|
+
return (h(Host, { key: 'e0fd9bd24ec99f20ee8a87f0036dfd3f1be8609a', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
|
|
264
284
|
[theme]: true,
|
|
265
285
|
[buttonType]: true,
|
|
266
286
|
[`${buttonType}-${expand}`]: expand !== undefined,
|
|
@@ -277,7 +297,7 @@ const Button = class {
|
|
|
277
297
|
'button-disabled': disabled,
|
|
278
298
|
'ion-activatable': true,
|
|
279
299
|
'ion-focusable': true,
|
|
280
|
-
}) }, h(TagType, Object.assign({ key: '
|
|
300
|
+
}) }, h(TagType, Object.assign({ key: '01eca7e4f4a81bdfb5a65e1abaca0b205fbe0d66' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h("span", { key: '8fc7f3c27583aac5daf2b52ff8fad1836344cf24', class: "button-inner" }, h("slot", { key: '97fcae8250144235a2ecd034f73df9ce4ee0b87d', name: "icon-only", onSlotchange: this.iconOnlySlotChanged }), h("slot", { key: '3c7f7e568cb65246d2eb7316e6b34d2a7d1aec0f', name: "start" }), h("slot", { key: 'f1da9659fb528e6b53be3c755a0bc70a0d3e0506', onSlotchange: this.onSlotChanged }), h("slot", { key: '2b57ef20a5d0dcc46c61ff16a9406db5ac85b9d9', name: "end" })), mode === 'md' && h("ion-ripple-effect", { key: '41e9c6eea561bcc0bfe74f52c71b8555a38fb8b7', type: this.rippleType }))));
|
|
281
301
|
}
|
|
282
302
|
get el() { return getElement(this); }
|
|
283
303
|
static get watchers() { return {
|
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance, h,
|
|
5
|
-
import {
|
|
6
|
-
import { o as openURL, c as createColorClasses } from './theme-DaJxRxSQ.js';
|
|
7
|
-
import { c as getIonTheme } from './ionic-global-CAZb-5i-.js';
|
|
8
|
-
import './focus-visible-vXpMhGrs.js';
|
|
4
|
+
import { r as registerInstance, v as inheritAttributes, h, o as openURL, n as createColorClasses, f as Host, i as getElement } from './index-BrrkdT9L.js';
|
|
5
|
+
import { c as getIonTheme } from './ionic-global-CYPOXYV9.js';
|
|
9
6
|
|
|
10
7
|
const cardIonicCss = () => `:host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);contain:content;overflow:hidden}:host(.ion-color){background:current-color(base);color:current-color(contrast)}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-color:var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));--border-style:var(--token-border-style-solid, solid);--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));min-width:var(--token-scale-2400, 96px);border:var(--border-width) var(--border-style) var(--border-color)}::slotted(img){display:block}:host(.card-soft){--border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)))}:host(.card-round){--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)))}:host(.card-rectangular){--border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)))}`;
|
|
11
8
|
|
|
12
|
-
const cardIosCss = () => `:host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);contain:content;overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{font-family:var(--ion-font-family, inherit)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-
|
|
9
|
+
const cardIosCss = () => `:host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);contain:content;overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{font-family:var(--ion-font-family, inherit)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-text-color-step-400, #666666)));-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:24px;margin-bottom:24px;-webkit-transition:-webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:-webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);transition:transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1), -webkit-transform 500ms cubic-bezier(0.12, 0.72, 0.29, 1);font-size:0.875rem;-webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12)}:host(.ion-activated){-webkit-transform:scale3d(0.97, 0.97, 1);transform:scale3d(0.97, 0.97, 1)}:host(.card-soft){--border-radius:8px}:host(.card-round){--border-radius:14px}:host(.card-rectangular){--border-radius:0px}`;
|
|
13
10
|
|
|
14
|
-
const cardMdCss = () => `:host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);contain:content;overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{font-family:var(--ion-font-family, inherit)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-
|
|
11
|
+
const cardMdCss = () => `:host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);contain:content;overflow:hidden}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{font-family:var(--ion-font-family, inherit)}:host(.card-disabled){cursor:default;opacity:0.3;pointer-events:none}.card-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:inherit}.card-native::-moz-focus-inner{border:0}:host{--background:var(--ion-card-background, var(--ion-item-background, var(--ion-background-color, #fff)));--color:var(--ion-card-color, var(--ion-item-color, var(--ion-text-color-step-450, #737373)));-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:10px;margin-bottom:10px;font-size:0.875rem;-webkit-box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}:host(.card-soft){--border-radius:4px}:host(.card-round){--border-radius:12px}:host(.card-rectangular){--border-radius:0px}`;
|
|
15
12
|
|
|
16
13
|
const Card = class {
|
|
17
14
|
constructor(hostRef) {
|
|
@@ -138,9 +135,9 @@ CardHeader.style = {
|
|
|
138
135
|
|
|
139
136
|
const cardSubtitleIonicCss = () => `:host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--token-primitives-neutral-800, #626262);font-size:var(--token-font-size-400, 1rem);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}`;
|
|
140
137
|
|
|
141
|
-
const cardSubtitleIosCss = () => `:host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-
|
|
138
|
+
const cardSubtitleIosCss = () => `:host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color-step-400, #666666);margin-left:0;margin-right:0;margin-top:0;margin-bottom:4px;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:0.75rem;font-weight:700;letter-spacing:0.4px;text-transform:uppercase}`;
|
|
142
139
|
|
|
143
|
-
const cardSubtitleMdCss = () => `:host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-
|
|
140
|
+
const cardSubtitleMdCss = () => `:host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color-step-450, #737373);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:0.875rem;font-weight:500}`;
|
|
144
141
|
|
|
145
142
|
const CardSubtitle = class {
|
|
146
143
|
constructor(hostRef) {
|
|
@@ -160,11 +157,11 @@ CardSubtitle.style = {
|
|
|
160
157
|
md: cardSubtitleMdCss()
|
|
161
158
|
};
|
|
162
159
|
|
|
163
|
-
const ionicCardTitleMdCss = () => `:host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-
|
|
160
|
+
const ionicCardTitleMdCss = () => `:host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color-step-150, #262626);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;line-height:1.2}`;
|
|
164
161
|
|
|
165
162
|
const cardTitleIosCss = () => `:host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color, #000);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.75rem;font-weight:700;line-height:1.2}`;
|
|
166
163
|
|
|
167
|
-
const cardTitleMdCss = () => `:host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-
|
|
164
|
+
const cardTitleMdCss = () => `:host{display:block;position:relative;color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color-step-150, #262626);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-size:1.25rem;font-weight:500;line-height:1.2}`;
|
|
168
165
|
|
|
169
166
|
const CardTitle = class {
|
|
170
167
|
constructor(hostRef) {
|
|
@@ -1,18 +1,15 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import { r as registerInstance,
|
|
5
|
-
import { i as inheritAriaAttributes, a as renderHiddenInput } from './helpers-Do7zwvM1.js';
|
|
4
|
+
import { r as registerInstance, a as createEvent, m as inheritAriaAttributes, h, t as renderHiddenInput, n as createColorClasses, q as hostContext, f as Host, i as getElement } from './index-BrrkdT9L.js';
|
|
6
5
|
import { c as checkInvalidState } from './validity-BjW8SOqw.js';
|
|
7
|
-
import { c as
|
|
8
|
-
import { c as getIonTheme } from './ionic-global-CAZb-5i-.js';
|
|
9
|
-
import './focus-visible-vXpMhGrs.js';
|
|
6
|
+
import { c as getIonTheme } from './ionic-global-CYPOXYV9.js';
|
|
10
7
|
|
|
11
8
|
const checkboxIonicCss = () => `:host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--border-color:var(--token-primitives-neutral-800, #626262);--checkmark-width:var(--token-scale-400, 16px);--checkmark-height:var(--checkmark-width);--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));--focus-ring-offset:var(--token-space-050, var(--token-scale-050, 2px));--size:var(--token-scale-600, 24px);--checkbox-background:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));--checkbox-background-checked:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));--border-color-checked:var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));--checkmark-color:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--transition:none;z-index:2}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--token-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";cursor:pointer;z-index:1}:host .native-wrapper{position:relative}.label-text-wrapper{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.in-item) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-400, var(--token-scale-400, 16px))}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{border-radius:var(--border-radius);-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon{width:var(--checkmark-width);height:var(--checkmark-height)}.checkbox-icon path{fill:var(--checkmark-color)}.checkbox-bottom{font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none}.checkbox-bottom .error-text{color:var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)))}.checkbox-bottom .helper-text{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--token-space-400, var(--token-scale-400, 16px));max-width:133.3333333333%}:host(.checkbox-size-small){--size:var(--token-scale-400, 16px)}:host(.checkbox-checked) .native-wrapper,:host(.checkbox-indeterminate) .native-wrapper{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.ion-invalid){--focus-ring-color:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)))}:host(.ion-invalid:not(.checkbox-checked)) .native-wrapper,:host(.ion-invalid:not(.checkbox-checked).checkbox-disabled) .native-wrapper{border-color:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)))}:host(.checkbox-disabled) .native-wrapper:after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none;right:unset;left:unset;top:unset;bottom:unset;width:inherit;height:inherit}:host(.checkbox-disabled.checkbox-checked) .native-wrapper{border-width:var(--token-border-size-0, var(--token-scale-0, 0px));background-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))))}@media (any-hover: hover){:host(:hover) .native-wrapper{background-color:var(--token-primitives-neutral-100, #f3f3f3)}:host(:hover.checkbox-checked) .native-wrapper,:host(:hover.checkbox-checked) .checkbox-icon,:host(:hover.checkbox-indeterminate) .native-wrapper,:host(:hover.checkbox-indeterminate) .checkbox-icon{background-color:var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da))}}:host(.ion-focused:not(.checkbox-disabled)) .native-wrapper{outline-offset:var(--focus-ring-width);outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color)}:host(.ion-activated) .native-wrapper{background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9))}:host(.ion-activated.checkbox-checked) .native-wrapper,:host(.ion-activated.checkbox-checked) .checkbox-icon,:host(.ion-activated.checkbox-indeterminate) .native-wrapper,:host(.ion-activated.checkbox-indeterminate) .checkbox-icon{background-color:var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)){background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)) .native-wrapper{border-color:var(--token-border-danger-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)))}:host(.checkbox-shape-soft){--border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}:host(.checkbox-size-small.checkbox-shape-soft){--border-radius:var(--token-border-radius-025, var(--token-scale-050, 2px))}:host(.checkbox-shape-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}.checkbox-wrapper{min-height:var(--token-scale-1200, 48px)}`;
|
|
12
9
|
|
|
13
|
-
const checkboxIosCss = () => `:host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--checkbox-background-checked:var(--ion-color-primary,
|
|
10
|
+
const checkboxIosCss = () => `:host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--checkbox-background-checked:var(--ion-color-primary, var(--ion-color-primary-bold));--border-color-checked:var(--ion-color-primary, var(--ion-color-primary-bold));--checkmark-color:var(--ion-color-primary-contrast, var(--ion-color-primary-bold-contrast));--transition:none;z-index:2}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}:host(.in-item) .label-text-wrapper,:host(.in-item:not(.checkbox-label-placement-stacked):not([slot])) .native-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.checkbox-icon{border-radius:var(--border-radius);width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width)}.checkbox-bottom{padding-top:4px;font-size:0.75rem}:host(.checkbox-label-placement-stacked) .checkbox-bottom{font-size:1rem}.checkbox-bottom .error-text{color:var(--ion-color-danger, var(--ion-color-danger-bold))}.checkbox-bottom .helper-text{color:var(--ion-text-color-step-300, #4d4d4d)}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host{--border-radius:50%;--border-width:0.125rem;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--size:min(1.375rem, 55.836px);--checkmark-width:1.5px}:host(.checkbox-disabled){opacity:0.3}`;
|
|
14
11
|
|
|
15
|
-
const checkboxMdCss = () => `:host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--checkbox-background-checked:var(--ion-color-primary,
|
|
12
|
+
const checkboxMdCss = () => `:host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--checkbox-background-checked:var(--ion-color-primary, var(--ion-color-primary-bold));--border-color-checked:var(--ion-color-primary, var(--ion-color-primary-bold));--checkmark-color:var(--ion-color-primary-contrast, var(--ion-color-primary-bold-contrast));--transition:none;z-index:2}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}:host(.in-item) .label-text-wrapper,:host(.in-item:not(.checkbox-label-placement-stacked):not([slot])) .native-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.checkbox-icon{border-radius:var(--border-radius);width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width)}.checkbox-bottom{padding-top:4px;font-size:0.75rem}:host(.checkbox-label-placement-stacked) .checkbox-bottom{font-size:1rem}.checkbox-bottom .error-text{color:var(--ion-color-danger, var(--ion-color-danger-bold))}.checkbox-bottom .helper-text{color:var(--ion-text-color-step-300, #4d4d4d)}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host{--border-radius:calc(var(--size) * 0.125);--border-width:2px;--border-style:solid;--border-color:rgb(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--checkmark-width:3;--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--transition:background 180ms cubic-bezier(0.4, 0, 0.2, 1);--size:18px}.checkbox-icon path{stroke-dasharray:30;stroke-dashoffset:30}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{stroke-dashoffset:0;-webkit-transition:stroke-dashoffset 90ms linear 90ms;transition:stroke-dashoffset 90ms linear 90ms}:host(.checkbox-disabled) .label-text-wrapper{opacity:0.38}:host(.checkbox-disabled) .native-wrapper{opacity:0.63}`;
|
|
16
13
|
|
|
17
14
|
const Checkbox = class {
|
|
18
15
|
constructor(hostRef) {
|