@ionic/core 8.8.7-dev.11779467048.1641d05e → 8.8.7-dev.11779921691.1777274a
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/index.js +1 -1
- package/components/ion-accordion-group.js +1 -1
- package/components/ion-accordion.js +1 -1
- package/components/ion-action-sheet.js +1 -1
- package/components/ion-alert.js +1 -1
- package/components/ion-app.js +1 -1
- package/components/ion-avatar.js +1 -1
- package/components/ion-back-button.js +1 -1
- package/components/ion-backdrop.js +1 -1
- package/components/ion-badge.js +1 -1
- package/components/ion-breadcrumb.js +1 -1
- package/components/ion-breadcrumbs.js +1 -1
- package/components/ion-button.js +1 -1
- package/components/ion-buttons.js +1 -1
- package/components/ion-card-content.js +1 -1
- package/components/ion-card-header.js +1 -1
- package/components/ion-card-subtitle.js +1 -1
- package/components/ion-card-title.js +1 -1
- package/components/ion-card.js +1 -1
- package/components/ion-checkbox.js +1 -1
- package/components/ion-chip.js +1 -1
- package/components/ion-col.js +1 -1
- package/components/ion-content.js +1 -1
- package/components/ion-datetime-button.js +1 -1
- package/components/ion-datetime.js +1 -1
- package/components/ion-divider.js +1 -1
- package/components/ion-fab-button.js +1 -1
- package/components/ion-fab-list.js +1 -1
- package/components/ion-fab.js +1 -1
- package/components/ion-footer.js +1 -1
- package/components/ion-grid.js +1 -1
- package/components/ion-header.js +1 -1
- package/components/ion-icon.js +1 -1
- package/components/ion-img.js +1 -1
- package/components/ion-infinite-scroll-content.js +1 -1
- package/components/ion-infinite-scroll.js +1 -1
- package/components/ion-input-otp.js +1 -1
- package/components/ion-input-password-toggle.js +1 -1
- package/components/ion-input.js +1 -1
- package/components/ion-item-divider.js +1 -1
- package/components/ion-item-group.js +1 -1
- package/components/ion-item-option.js +1 -1
- package/components/ion-item-options.js +1 -1
- package/components/ion-item-sliding.js +1 -1
- package/components/ion-item.js +1 -1
- package/components/ion-label.js +1 -1
- package/components/ion-list-header.js +1 -1
- package/components/ion-list.js +1 -1
- package/components/ion-loading.js +1 -1
- package/components/ion-menu-button.js +1 -1
- package/components/ion-menu-toggle.js +1 -1
- package/components/ion-menu.js +1 -1
- package/components/ion-modal.js +1 -1
- package/components/ion-nav-link.js +1 -1
- package/components/ion-nav.js +1 -1
- package/components/ion-note.js +1 -1
- package/components/ion-picker-column-option.js +1 -1
- package/components/ion-picker-column.js +1 -1
- package/components/ion-picker-legacy-column.js +1 -1
- package/components/ion-picker-legacy.js +1 -1
- package/components/ion-picker.js +1 -1
- package/components/ion-popover.js +1 -1
- package/components/ion-progress-bar.js +1 -1
- package/components/ion-radio-group.js +1 -1
- package/components/ion-radio.js +1 -1
- package/components/ion-range.js +1 -1
- package/components/ion-refresher-content.js +1 -1
- package/components/ion-refresher.js +1 -1
- package/components/ion-reorder-group.js +1 -1
- package/components/ion-reorder.js +1 -1
- package/components/ion-ripple-effect.js +1 -1
- package/components/ion-route-redirect.js +1 -1
- package/components/ion-route.js +1 -1
- package/components/ion-router-link.js +1 -1
- package/components/ion-router-outlet.js +1 -1
- package/components/ion-router.js +1 -1
- package/components/ion-row.js +1 -1
- package/components/ion-searchbar.js +1 -1
- package/components/ion-segment-button.js +1 -1
- package/components/ion-segment-content.js +1 -1
- package/components/ion-segment-view.js +1 -1
- package/components/ion-segment.js +1 -1
- package/components/ion-select-modal.js +1 -1
- package/components/ion-select-option.js +1 -1
- package/components/ion-select-popover.js +1 -1
- package/components/ion-select.js +1 -1
- package/components/ion-skeleton-text.js +1 -1
- package/components/ion-spinner.js +1 -1
- package/components/ion-split-pane.js +1 -1
- package/components/ion-tab-bar.js +1 -1
- package/components/ion-tab-button.js +1 -1
- package/components/ion-tab.js +1 -1
- package/components/ion-tabs.js +1 -1
- package/components/ion-text.js +1 -1
- package/components/ion-textarea.js +1 -1
- package/components/ion-thumbnail.js +1 -1
- package/components/ion-title.js +1 -1
- package/components/ion-toast.js +1 -1
- package/components/ion-toggle.js +1 -1
- package/components/ion-toolbar.js +1 -1
- package/components/p-0sJvNkUu.js +4 -0
- package/components/{p-BcbmT6b3.js → p-7nmSk-Eb.js} +1 -1
- package/components/p-B1O3xdmF.js +4 -0
- package/components/p-BBB8g5Ql.js +4 -0
- package/components/p-BF7rwwG7.js +4 -0
- package/components/p-BHffbls9.js +4 -0
- package/components/p-BKBdJW0R.js +4 -0
- package/components/p-BKGLpdvY.js +4 -0
- package/components/p-BRrh2GWk.js +4 -0
- package/components/{p-BFCM_1oE.js → p-BTWFHAhB.js} +1 -1
- package/components/p-BVOTx9Tr.js +4 -0
- package/components/p-BVbPiSCE.js +4 -0
- package/components/p-BVgmZpV7.js +4 -0
- package/components/{p-CIoAIKEr.js → p-B_4LVR66.js} +1 -1
- package/components/p-BbwW7nXw.js +4 -0
- package/components/p-BePFSJjb.js +4 -0
- package/components/{p-zWP0sUV_.js → p-BilWM2xi.js} +1 -1
- package/components/p-Bnkcvm0_.js +4 -0
- package/components/p-Bp4m7lZT.js +4 -0
- package/components/p-BuQDh8MN.js +4 -0
- package/components/p-C4Uuc-Js.js +4 -0
- package/components/p-CF0UKsA-.js +4 -0
- package/components/p-CMETcSJz.js +4 -0
- package/components/p-CTDfzuym.js +4 -0
- package/components/p-CZwQlWO7.js +4 -0
- package/components/p-CkS5LcG3.js +4 -0
- package/components/p-CrC3J6IY.js +4 -0
- package/components/p-D9SzdDbV.js +4 -0
- package/components/p-DCoLfY48.js +4 -0
- package/components/p-DGHsHldT.js +4 -0
- package/components/p-DK2cppki.js +4 -0
- package/components/p-DMwGijtW.js +4 -0
- package/components/p-DPLIhs_Y.js +4 -0
- package/components/p-DRj_omR8.js +4 -0
- package/components/p-DWBdx_rf.js +4 -0
- package/{dist/ionic/p-CbkICFBN.js → components/p-DXBx6hf_.js} +1 -1
- package/components/p-DZwp0os_.js +4 -0
- package/components/{p-BErKjY03.js → p-DbQt4Kex.js} +1 -1
- package/components/p-DbrEqORq.js +4 -0
- package/{dist/ionic/p-C8IHbcuP.js → components/p-Dh41Mgrr.js} +1 -1
- package/components/p-Dh8YROlw.js +4 -0
- package/components/{p-lIOqnNXn.js → p-Dmd-3R4x.js} +1 -1
- package/components/p-DqL8Jl6C.js +4 -0
- package/components/p-DuOk1CH-.js +4 -0
- package/components/p-Op_wuLsj.js +4 -0
- package/components/p-SikZM1Bp.js +4 -0
- package/components/p-f1voQRQ1.js +4 -0
- package/components/p-fkeHL2Sd.js +4 -0
- package/components/p-gKV0T98m.js +4 -0
- package/components/{p-C8ktKu9j.js → p-jgONJj5a.js} +1 -1
- package/components/p-k6-su0sW.js +4 -0
- package/components/p-l7FroJh2.js +4 -0
- package/components/p-nFFDLHOE.js +4 -0
- package/components/p-pdE-O9G9.js +4 -0
- package/{dist/ionic/p-CWJdc8f_.js → components/p-u-SCu4et.js} +1 -1
- package/css/core.css +1 -1
- package/css/core.css.map +1 -1
- package/css/display.css.map +1 -1
- package/css/flex-utils.css.map +1 -1
- package/css/float-elements.css.map +1 -1
- package/css/global.bundle.css +1 -1
- package/css/global.bundle.css.map +1 -1
- package/css/ionic/bundle.ionic.css +1 -1
- package/css/ionic/bundle.ionic.css.map +1 -1
- package/css/ionic/core.ionic.css +1 -1
- package/css/ionic/core.ionic.css.map +1 -1
- package/css/ionic/global.bundle.ionic.css +1 -1
- package/css/ionic/global.bundle.ionic.css.map +1 -1
- package/css/ionic/link.ionic.css.map +1 -1
- package/css/ionic/structure.ionic.css.map +1 -1
- package/css/ionic/typography.ionic.css +1 -1
- package/css/ionic/typography.ionic.css.map +1 -1
- package/css/ionic/utils.bundle.ionic.css.map +1 -1
- package/css/ionic.bundle.css +1 -1
- package/css/ionic.bundle.css.map +1 -1
- package/css/padding.css.map +1 -1
- package/css/palettes/dark.always.css +1 -1
- package/css/palettes/dark.always.css.map +1 -1
- package/css/palettes/dark.class.css +1 -1
- package/css/palettes/dark.class.css.map +1 -1
- package/css/palettes/dark.system.css +1 -1
- package/css/palettes/dark.system.css.map +1 -1
- package/css/palettes/high-contrast-dark.always.css +1 -1
- package/css/palettes/high-contrast-dark.always.css.map +1 -1
- package/css/palettes/high-contrast-dark.class.css +1 -1
- package/css/palettes/high-contrast-dark.class.css.map +1 -1
- package/css/palettes/high-contrast-dark.system.css +1 -1
- package/css/palettes/high-contrast-dark.system.css.map +1 -1
- package/css/palettes/high-contrast.always.css +1 -1
- package/css/palettes/high-contrast.always.css.map +1 -1
- package/css/palettes/high-contrast.class.css +1 -1
- package/css/palettes/high-contrast.class.css.map +1 -1
- package/css/palettes/high-contrast.system.css +1 -1
- package/css/palettes/high-contrast.system.css.map +1 -1
- package/css/structure.css.map +1 -1
- package/css/text-alignment.css.map +1 -1
- package/css/text-transformation.css.map +1 -1
- package/css/typography.css +1 -1
- package/css/typography.css.map +1 -1
- package/css/utils.bundle.css.map +1 -1
- package/dist/cjs/{animation-DknMeJ3x.js → animation-CoqRs93a.js} +3 -3
- package/dist/cjs/{app-globals-DtAeky3x.js → app-globals-CzPyigGz.js} +1 -1
- package/dist/cjs/badge-position-DFPHXWP9.js +176 -0
- package/dist/cjs/{button-active-JoIWyYri.js → button-active-lwEZiey1.js} +4 -4
- package/dist/cjs/{capacitor-BnRBm_ys.js → capacitor-F7SUc7Ly.js} +1 -1
- package/dist/cjs/{data-DuOuKG7I.js → data-BsQBKyvn.js} +3 -3
- package/dist/cjs/{framework-delegate-Dx9FrqAC.js → framework-delegate-C1LqXDzY.js} +4 -5
- package/dist/cjs/{haptic-D3Ay9mmg.js → haptic-CBZc4WH_.js} +1 -1
- package/dist/cjs/{index-CzcLEdQ5.js → index-BDthk8R7.js} +1885 -0
- package/dist/cjs/{index-BJlwOs11.js → index-BbhXd9Zs.js} +2 -2
- package/dist/cjs/{index-DMJjUhXH.js → index-Cbme57mm.js} +3 -5
- package/dist/cjs/{index-BJrpF9T3.js → index-DhXmkpe3.js} +3 -4
- package/dist/cjs/{index-Cer2Qy4I.js → index-HkS255C9.js} +6 -7
- package/dist/cjs/{index-D_mPAIqF.js → index-cV9SaEZV.js} +11 -12
- package/dist/cjs/index.cjs.js +15 -18
- package/dist/cjs/{input-shims-Dn33gFln.js → input-shims-eCRI_jn9.js} +15 -17
- package/dist/cjs/{input.utils-DnVnhWEF.js → input.utils-CvLAucXh.js} +4 -5
- package/dist/cjs/ion-accordion_2.cjs.entry.js +31 -34
- package/dist/cjs/ion-action-sheet.cjs.entry.js +34 -37
- package/dist/cjs/ion-alert.cjs.entry.js +44 -47
- package/dist/cjs/ion-app_8.cjs.entry.js +115 -116
- package/dist/cjs/ion-avatar_3.cjs.entry.js +66 -86
- package/dist/cjs/ion-back-button.cjs.entry.js +19 -22
- package/dist/cjs/ion-backdrop.cjs.entry.js +5 -5
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +36 -39
- package/dist/cjs/ion-button_2.cjs.entry.js +54 -34
- package/dist/cjs/ion-card_5.cjs.entry.js +36 -39
- package/dist/cjs/ion-checkbox.cjs.entry.js +23 -26
- package/dist/cjs/ion-chip.cjs.entry.js +51 -51
- package/dist/cjs/ion-col_3.cjs.entry.js +14 -16
- package/dist/cjs/ion-datetime-button.cjs.entry.js +19 -22
- package/dist/cjs/ion-datetime_3.cjs.entry.js +123 -126
- package/dist/cjs/ion-divider.cjs.entry.js +5 -5
- package/dist/cjs/ion-fab_3.cjs.entry.js +27 -30
- package/dist/cjs/ion-img.cjs.entry.js +10 -12
- package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +25 -27
- package/dist/cjs/ion-input-otp.cjs.entry.js +19 -22
- package/dist/cjs/ion-input-password-toggle.cjs.entry.js +16 -17
- package/dist/cjs/ion-input.cjs.entry.js +42 -45
- package/dist/cjs/ion-item-option_3.cjs.entry.js +66 -319
- package/dist/cjs/ion-item_8.cjs.entry.js +71 -83
- package/dist/cjs/ion-loading.cjs.entry.js +27 -30
- package/dist/cjs/ion-menu_3.cjs.entry.js +55 -58
- package/dist/cjs/ion-modal.cjs.entry.js +71 -74
- package/dist/cjs/ion-nav_2.cjs.entry.js +41 -43
- package/dist/cjs/ion-picker-column-option.cjs.entry.js +9 -12
- package/dist/cjs/ion-picker-column.cjs.entry.js +14 -17
- package/dist/cjs/ion-picker.cjs.entry.js +9 -11
- package/dist/cjs/ion-popover.cjs.entry.js +36 -39
- package/dist/cjs/ion-progress-bar.cjs.entry.js +28 -41
- package/dist/cjs/ion-radio_2.cjs.entry.js +31 -34
- package/dist/cjs/ion-range.cjs.entry.js +50 -53
- package/dist/cjs/ion-refresher_2.cjs.entry.js +65 -67
- package/dist/cjs/ion-reorder_2.cjs.entry.js +23 -25
- package/dist/cjs/ion-ripple-effect.cjs.entry.js +7 -7
- package/dist/cjs/ion-route_4.cjs.entry.js +36 -39
- package/dist/cjs/ion-searchbar.cjs.entry.js +38 -41
- package/dist/cjs/ion-segment-content.cjs.entry.js +3 -3
- package/dist/cjs/ion-segment-view.cjs.entry.js +6 -6
- package/dist/cjs/ion-segment_2.cjs.entry.js +35 -38
- package/dist/cjs/ion-select-modal.cjs.entry.js +26 -29
- package/dist/cjs/ion-select_3.cjs.entry.js +74 -77
- package/dist/cjs/ion-spinner.cjs.entry.js +26 -41
- package/dist/cjs/ion-split-pane.cjs.entry.js +12 -13
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +90 -34
- package/dist/cjs/ion-tab_2.cjs.entry.js +27 -27
- package/dist/cjs/ion-text.cjs.entry.js +7 -8
- package/dist/cjs/ion-textarea.cjs.entry.js +35 -38
- package/dist/cjs/ion-toast.cjs.entry.js +41 -44
- package/dist/cjs/ion-toggle.cjs.entry.js +33 -36
- package/dist/cjs/{ionic-global-CSEbHD_F.js → ionic-global-DMWqcBn0.js} +240 -108
- package/dist/cjs/ionic.cjs.js +7 -7
- package/dist/cjs/{ios.transition-UCjoxA3D.js → ios.transition-DcJ6Bw2k.js} +4 -6
- package/dist/cjs/{keyboard-Bhav6x-R.js → keyboard-BCj7bSvQ.js} +4 -4
- package/dist/cjs/{keyboard-Dsczf-iT.js → keyboard-Jy7okGc5.js} +1 -1
- package/dist/cjs/{keyboard-controller-tqGDP9SU.js → keyboard-controller-CPJ4vSr0.js} +4 -4
- package/dist/cjs/loader.cjs.js +5 -5
- package/dist/cjs/{md.transition-CNwlchQn.js → md.transition-DAjf1hlJ.js} +4 -6
- package/dist/cjs/{notch-controller-CgtkBzy0.js → notch-controller-gGuWI1C7.js} +3 -3
- package/dist/cjs/{overlays-C54DhaTC.js → overlays-H4z8xPi9.js} +28 -206
- package/dist/cjs/{select-option-render-C7klBX2H.js → select-option-render-CZtiyFs7.js} +8 -8
- package/dist/cjs/{status-tap-CTY2dMsZ.js → status-tap-CPZvSRKr.js} +7 -9
- package/dist/cjs/{swipe-back-jJFi5KCB.js → swipe-back-CMubrxt-.js} +2 -4
- package/dist/collection/collection-manifest.json +0 -6
- package/dist/collection/components/action-sheet/action-sheet.ionic.css +2 -4
- package/dist/collection/components/action-sheet/action-sheet.ios.css +9 -10
- package/dist/collection/components/action-sheet/action-sheet.md.css +2 -3
- package/dist/collection/components/alert/alert.ionic.css +20 -22
- package/dist/collection/components/alert/alert.ios.css +13 -15
- package/dist/collection/components/alert/alert.md.css +19 -20
- package/dist/collection/components/avatar/avatar.ionic.css +0 -94
- package/dist/collection/components/avatar/avatar.js +22 -7
- package/dist/collection/components/avatar/avatar.md.css +0 -16
- package/dist/collection/components/back-button/back-button.ios.css +1 -1
- package/dist/collection/components/back-button/back-button.js +2 -2
- package/dist/collection/components/badge/badge.css +256 -0
- package/dist/collection/components/badge/badge.interfaces.js +7 -0
- package/dist/collection/components/badge/badge.js +72 -76
- package/dist/collection/components/breadcrumb/breadcrumb.ios.css +9 -9
- package/dist/collection/components/breadcrumb/breadcrumb.js +2 -2
- package/dist/collection/components/breadcrumb/breadcrumb.md.css +9 -9
- package/dist/collection/components/button/button.ionic.css +18 -68
- package/dist/collection/components/button/button.ios.css +17 -32
- package/dist/collection/components/button/button.js +27 -5
- package/dist/collection/components/button/button.md.css +16 -31
- package/dist/collection/components/card/card.ios.css +1 -1
- package/dist/collection/components/card/card.js +2 -2
- package/dist/collection/components/card/card.md.css +1 -1
- package/dist/collection/components/card-subtitle/card-subtitle.ios.css +1 -1
- package/dist/collection/components/card-subtitle/card-subtitle.md.css +1 -1
- package/dist/collection/components/card-title/card-title.md.css +1 -1
- package/dist/collection/components/checkbox/checkbox.ios.css +5 -5
- package/dist/collection/components/checkbox/checkbox.md.css +5 -5
- package/dist/collection/components/chip/chip.css +406 -0
- package/dist/collection/components/chip/chip.js +111 -57
- package/dist/collection/components/col/col.js +2 -3
- package/dist/collection/components/content/content.css +66 -126
- package/dist/collection/components/content/content.js +25 -24
- package/dist/collection/components/datetime/datetime.ios.css +8 -8
- package/dist/collection/components/datetime/datetime.md.css +7 -7
- package/dist/collection/components/datetime-button/datetime-button.ios.css +2 -2
- package/dist/collection/components/datetime-button/datetime-button.md.css +1 -1
- package/dist/collection/components/fab-button/fab-button.ios.css +17 -17
- package/dist/collection/components/fab-button/fab-button.js +2 -2
- package/dist/collection/components/fab-button/fab-button.md.css +6 -6
- package/dist/collection/components/grid/grid.js +2 -2
- package/dist/collection/components/header/header.js +2 -2
- package/dist/collection/components/img/img.js +2 -2
- package/dist/collection/components/infinite-scroll/infinite-scroll.js +1 -1
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +3 -3
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +3 -3
- package/dist/collection/components/input/input.ios.css +7 -7
- package/dist/collection/components/input/input.js +6 -6
- package/dist/collection/components/input/input.md.css +15 -15
- package/dist/collection/components/input-otp/input-otp.ionic.css +2 -2
- package/dist/collection/components/input-otp/input-otp.ios.css +16 -16
- package/dist/collection/components/input-otp/input-otp.js +3 -3
- package/dist/collection/components/input-otp/input-otp.md.css +16 -16
- package/dist/collection/components/input-password-toggle/input-password-toggle.js +3 -3
- package/dist/collection/components/item/item.ios.css +1 -1
- package/dist/collection/components/item/item.js +2 -2
- package/dist/collection/components/item/item.md.css +2 -2
- package/dist/collection/components/item-divider/item-divider.css +351 -0
- package/dist/collection/components/item-divider/item-divider.js +6 -13
- package/dist/collection/components/item-group/item-group.js +1 -1
- package/dist/collection/components/item-option/item-option.ionic.css +8 -8
- package/dist/collection/components/item-option/item-option.ios.css +3 -3
- package/dist/collection/components/item-option/item-option.js +2 -2
- package/dist/collection/components/item-option/item-option.md.css +2 -2
- package/dist/collection/components/item-options/item-options.ios.css +1 -1
- package/dist/collection/components/item-options/item-options.js +1 -1
- package/dist/collection/components/item-options/item-options.md.css +1 -1
- package/dist/collection/components/item-sliding/{item-sliding.native.css → item-sliding.css} +9 -78
- package/dist/collection/components/item-sliding/item-sliding.js +38 -284
- package/dist/collection/components/label/label.ios.css +1 -1
- package/dist/collection/components/label/label.js +2 -2
- package/dist/collection/components/label/label.md.css +2 -2
- package/dist/collection/components/list/list.js +1 -1
- package/dist/collection/components/list-header/list-header.ios.css +2 -2
- package/dist/collection/components/list-header/list-header.js +2 -2
- package/dist/collection/components/list-header/list-header.md.css +1 -1
- package/dist/collection/components/loading/loading.ios.css +2 -2
- package/dist/collection/components/loading/loading.js +2 -2
- package/dist/collection/components/loading/loading.md.css +3 -3
- package/dist/collection/components/menu/menu.js +2 -2
- package/dist/collection/components/menu-button/menu-button.ios.css +1 -1
- package/dist/collection/components/menu-button/menu-button.js +2 -2
- package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
- package/dist/collection/components/modal/modal.ios.css +1 -1
- package/dist/collection/components/modal/modal.js +4 -4
- package/dist/collection/components/modal/modal.md.css +1 -1
- package/dist/collection/components/nav/nav.js +3 -3
- package/dist/collection/components/nav-link/nav-link.js +1 -1
- package/dist/collection/components/note/note.ios.css +1 -1
- package/dist/collection/components/note/note.js +2 -2
- package/dist/collection/components/note/note.md.css +1 -1
- package/dist/collection/components/picker/picker.ios.css +1 -1
- package/dist/collection/components/picker-column-option/picker-column-option.js +2 -2
- package/dist/collection/components/picker-legacy/picker.ios.css +2 -2
- package/dist/collection/components/picker-legacy/picker.js +2 -2
- package/dist/collection/components/picker-legacy/picker.md.css +4 -4
- package/dist/collection/components/picker-legacy-column/picker-column.js +2 -2
- package/dist/collection/components/picker-legacy-column/picker-column.md.css +1 -1
- package/dist/collection/components/popover/popover.ios.css +1 -1
- package/dist/collection/components/popover/popover.js +2 -2
- package/dist/collection/components/progress-bar/progress-bar.css +281 -0
- package/dist/collection/components/progress-bar/progress-bar.interfaces.js +4 -0
- package/dist/collection/components/progress-bar/progress-bar.js +30 -30
- package/dist/collection/components/radio/radio.ios.css +2 -2
- package/dist/collection/components/radio/radio.js +3 -3
- package/dist/collection/components/radio/radio.md.css +2 -2
- package/dist/collection/components/radio-group/radio-group.ios.css +2 -2
- package/dist/collection/components/radio-group/radio-group.js +2 -2
- package/dist/collection/components/radio-group/radio-group.md.css +2 -2
- package/dist/collection/components/range/range.ionic.css +1 -1
- package/dist/collection/components/range/range.ios.css +3 -3
- package/dist/collection/components/range/range.js +3 -3
- package/dist/collection/components/range/range.md.css +6 -6
- package/dist/collection/components/refresher/refresher.ios.css +1 -1
- package/dist/collection/components/refresher/refresher.js +3 -3
- package/dist/collection/components/refresher/refresher.md.css +4 -4
- package/dist/collection/components/refresher/refresher.utils.js +2 -2
- package/dist/collection/components/refresher-content/refresher-content.js +2 -2
- package/dist/collection/components/reorder/reorder.js +2 -2
- package/dist/collection/components/reorder-group/reorder-group.js +1 -1
- package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
- package/dist/collection/components/router/router.js +2 -2
- package/dist/collection/components/router/utils/dom.js +2 -2
- package/dist/collection/components/router-link/router-link.css +1 -1
- package/dist/collection/components/router-link/router-link.js +4 -3
- package/dist/collection/components/router-outlet/router-outlet.js +2 -2
- package/dist/collection/components/row/row.js +2 -2
- package/dist/collection/components/searchbar/searchbar.ios.css +3 -3
- package/dist/collection/components/searchbar/searchbar.js +6 -6
- package/dist/collection/components/searchbar/searchbar.md.css +3 -3
- package/dist/collection/components/segment/segment.js +2 -2
- package/dist/collection/components/segment-button/segment-button.ios.css +3 -3
- package/dist/collection/components/segment-button/segment-button.js +2 -2
- package/dist/collection/components/segment-button/segment-button.md.css +2 -2
- package/dist/collection/components/segment-content/segment-content.js +1 -1
- package/dist/collection/components/segment-view/segment-view.js +2 -2
- package/dist/collection/components/select/select.ios.css +6 -6
- package/dist/collection/components/select/select.js +3 -3
- package/dist/collection/components/select/select.md.css +14 -14
- package/dist/collection/components/select-modal/select-modal.ionic.css +3 -3
- package/dist/collection/components/select-modal/select-modal.ios.css +2 -2
- package/dist/collection/components/select-modal/select-modal.js +1 -1
- package/dist/collection/components/select-modal/select-modal.md.css +5 -5
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/select-popover/select-popover.ionic.css +5 -5
- package/dist/collection/components/select-popover/select-popover.ios.css +1 -1
- package/dist/collection/components/select-popover/select-popover.js +2 -2
- package/dist/collection/components/select-popover/select-popover.md.css +5 -5
- package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
- package/dist/collection/components/spinner/spinner.css +248 -0
- package/dist/collection/components/spinner/spinner.js +27 -31
- package/dist/collection/components/split-pane/split-pane.ios.css +1 -1
- package/dist/collection/components/split-pane/split-pane.js +2 -3
- package/dist/collection/components/split-pane/split-pane.md.css +1 -1
- package/dist/collection/components/tab/tab.js +3 -3
- package/dist/collection/components/tab-bar/tab-bar.ios.css +4 -4
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.md.css +3 -3
- package/dist/collection/components/tab-button/tab-button.ionic.css +0 -61
- package/dist/collection/components/tab-button/tab-button.ios.css +0 -105
- package/dist/collection/components/tab-button/tab-button.js +62 -3
- package/dist/collection/components/tab-button/tab-button.md.css +0 -88
- package/dist/collection/components/tabs/tabs.css +0 -39
- package/dist/collection/components/tabs/tabs.interfaces.js +1 -0
- package/dist/collection/components/tabs/tabs.js +14 -14
- package/dist/collection/components/text/text.js +2 -2
- package/dist/collection/components/textarea/textarea.ionic.css +1 -1
- package/dist/collection/components/textarea/textarea.ios.css +6 -6
- package/dist/collection/components/textarea/textarea.js +5 -5
- package/dist/collection/components/textarea/textarea.md.css +14 -14
- package/dist/collection/components/thumbnail/thumbnail.css +2 -2
- package/dist/collection/components/thumbnail/thumbnail.js +2 -2
- package/dist/collection/components/title/title.js +2 -2
- package/dist/collection/components/toast/toast.ios.css +3 -3
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/toast/toast.md.css +5 -5
- package/dist/collection/components/toggle/toggle.ionic.css +1 -1
- package/dist/collection/components/toggle/toggle.ios.css +4 -4
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/toggle/toggle.md.css +4 -4
- package/dist/collection/components/toolbar/toolbar.ios.css +2 -2
- package/dist/collection/components/toolbar/toolbar.js +2 -2
- package/dist/collection/components/toolbar/toolbar.md.css +1 -1
- package/dist/collection/global/config.js +27 -0
- package/dist/collection/global/ionic-global.js +59 -76
- package/dist/collection/index.js +1 -2
- package/dist/collection/themes/base/dark.tokens.js +218 -0
- package/dist/collection/themes/base/default.tokens.js +157 -0
- package/dist/collection/themes/base/high-contrast-dark.tokens.js +210 -0
- package/dist/collection/themes/base/high-contrast.tokens.js +169 -0
- package/dist/collection/themes/base/light.tokens.js +163 -0
- package/dist/collection/themes/base/shared.tokens.js +15 -0
- package/dist/collection/themes/ionic/dark.tokens.js +5 -0
- package/dist/collection/themes/ionic/default.tokens.js +700 -0
- package/dist/collection/themes/ionic/light.tokens.js +25 -0
- package/dist/collection/themes/ionic/shared.tokens.js +122 -0
- package/dist/collection/themes/ios/dark.tokens.js +18 -0
- package/dist/collection/themes/ios/default.tokens.js +711 -0
- package/dist/collection/themes/ios/high-contrast-dark.tokens.js +6 -0
- package/dist/collection/themes/ios/high-contrast.tokens.js +5 -0
- package/dist/collection/themes/ios/light.tokens.js +4 -0
- package/dist/collection/themes/ios/shared.tokens.js +63 -0
- package/dist/collection/themes/md/dark.tokens.js +23 -0
- package/dist/collection/themes/md/default.tokens.js +819 -0
- package/dist/collection/themes/md/high-contrast-dark.tokens.js +10 -0
- package/dist/collection/themes/md/high-contrast.tokens.js +5 -0
- package/dist/collection/themes/md/light.tokens.js +4 -0
- package/dist/collection/themes/md/shared.tokens.js +127 -0
- package/dist/collection/themes/themes.interfaces.js +1 -0
- package/dist/collection/utils/badge-position.js +171 -0
- package/dist/collection/utils/content/index.js +2 -2
- package/dist/collection/utils/framework-delegate.js +3 -3
- package/dist/collection/utils/helpers.js +40 -0
- package/dist/collection/utils/input-shims/hacks/scroll-padding.js +2 -2
- package/dist/collection/utils/input-shims/input-shims.js +2 -2
- package/dist/collection/utils/media.js +0 -1
- package/dist/collection/utils/menu-controller/index.js +2 -2
- package/dist/collection/utils/overlays.js +12 -189
- package/dist/collection/utils/status-tap.js +2 -2
- package/dist/collection/utils/test/playwright/page/utils/set-content.js +36 -2
- package/dist/collection/utils/theme.js +611 -9
- package/dist/docs.json +1501 -858
- package/dist/esm/{animation-Cqe2x-Pt.js → animation-pTY9wqHp.js} +2 -2
- package/dist/esm/{app-globals-Dk1rB3aE.js → app-globals-BDyWBDAh.js} +1 -1
- package/dist/esm/badge-position-C1Q3qPZy.js +174 -0
- package/dist/esm/{button-active-g6ZnZzDZ.js → button-active-Ca3reU6j.js} +2 -2
- package/dist/esm/{capacitor-C4lYa1nV.js → capacitor-isspMXyk.js} +1 -1
- package/dist/esm/{data-BNKYavC3.js → data-CAYLUmgh.js} +1 -1
- package/dist/esm/{framework-delegate-CjVwn_KZ.js → framework-delegate-reUSF3oT.js} +3 -4
- package/dist/esm/{haptic-_88k1V5U.js → haptic-FwCam9_Q.js} +1 -1
- package/dist/esm/{index-BmkLokUL.js → index-6QFmgmEW.js} +2 -3
- package/dist/esm/{index-Omi_TcwW.js → index-BrrkdT9L.js} +1851 -1
- package/dist/esm/{index-hpH08p5s.js → index-CEhdLZKQ.js} +4 -5
- package/dist/esm/{index-C5t9-ciC.js → index-CQnGY3Fp.js} +2 -4
- package/dist/esm/{index-CGthURny.js → index-DUAoXzCH.js} +3 -4
- package/dist/esm/{index-D4ugF_sT.js → index-V2HKYEdd.js} +1 -1
- package/dist/esm/index.js +10 -13
- package/dist/esm/{input-shims-vDjCsx95.js → input-shims-Cuw1QMqP.js} +8 -10
- package/dist/esm/{input.utils-B9Q5xHp6.js → input.utils-BiYknr4n.js} +2 -3
- package/dist/esm/ion-accordion_2.entry.js +2 -5
- package/dist/esm/ion-action-sheet.entry.js +13 -16
- package/dist/esm/ion-alert.entry.js +13 -16
- package/dist/esm/ion-app_8.entry.js +36 -37
- package/dist/esm/ion-avatar_3.entry.js +60 -80
- package/dist/esm/ion-back-button.entry.js +3 -6
- package/dist/esm/ion-backdrop.entry.js +2 -2
- package/dist/esm/ion-breadcrumb_2.entry.js +5 -8
- package/dist/esm/ion-button_2.entry.js +31 -11
- package/dist/esm/ion-card_5.entry.js +8 -11
- package/dist/esm/ion-checkbox.entry.js +4 -7
- package/dist/esm/ion-chip.entry.js +50 -50
- package/dist/esm/ion-col_3.entry.js +8 -10
- package/dist/esm/ion-datetime-button.entry.js +6 -9
- package/dist/esm/ion-datetime_3.entry.js +17 -20
- package/dist/esm/ion-divider.entry.js +2 -2
- package/dist/esm/ion-fab_3.entry.js +5 -8
- package/dist/esm/ion-img.entry.js +4 -6
- package/dist/esm/ion-infinite-scroll_2.entry.js +10 -12
- package/dist/esm/ion-input-otp.entry.js +8 -11
- package/dist/esm/ion-input-password-toggle.entry.js +5 -6
- package/dist/esm/ion-input.entry.js +11 -14
- package/dist/esm/ion-item-option_3.entry.js +49 -302
- package/dist/esm/ion-item_8.entry.js +28 -40
- package/dist/esm/ion-loading.entry.js +11 -14
- package/dist/esm/ion-menu_3.entry.js +13 -16
- package/dist/esm/ion-modal.entry.js +16 -19
- package/dist/esm/ion-nav_2.entry.js +8 -10
- package/dist/esm/ion-picker-column-option.entry.js +4 -7
- package/dist/esm/ion-picker-column.entry.js +4 -7
- package/dist/esm/ion-picker.entry.js +2 -4
- package/dist/esm/ion-popover.entry.js +9 -12
- package/dist/esm/ion-progress-bar.entry.js +21 -34
- package/dist/esm/ion-radio_2.entry.js +11 -14
- package/dist/esm/ion-range.entry.js +9 -12
- package/dist/esm/ion-refresher_2.entry.js +16 -18
- package/dist/esm/ion-reorder_2.entry.js +8 -10
- package/dist/esm/ion-ripple-effect.entry.js +3 -3
- package/dist/esm/ion-route_4.entry.js +6 -9
- package/dist/esm/ion-searchbar.entry.js +9 -12
- package/dist/esm/ion-segment-content.entry.js +2 -2
- package/dist/esm/ion-segment-view.entry.js +3 -3
- package/dist/esm/ion-segment_2.entry.js +8 -11
- package/dist/esm/ion-select-modal.entry.js +10 -13
- package/dist/esm/ion-select_3.entry.js +18 -21
- package/dist/esm/ion-spinner.entry.js +18 -33
- package/dist/esm/ion-split-pane.entry.js +7 -8
- package/dist/esm/ion-tab-bar_2.entry.js +75 -19
- package/dist/esm/ion-tab_2.entry.js +19 -19
- package/dist/esm/ion-text.entry.js +4 -5
- package/dist/esm/ion-textarea.entry.js +11 -14
- package/dist/esm/ion-toast.entry.js +10 -13
- package/dist/esm/ion-toggle.entry.js +10 -13
- package/dist/esm/{ionic-global-CAZb-5i-.js → ionic-global-CYPOXYV9.js} +214 -82
- package/dist/esm/ionic.js +5 -5
- package/dist/esm/{ios.transition-CzSncKQg.js → ios.transition-Udz14cFX.js} +4 -6
- package/dist/esm/{keyboard-Cpw6xVLJ.js → keyboard-BJeLQuaz.js} +1 -1
- package/dist/esm/{keyboard-controller-CAc33ylR.js → keyboard-controller-DtjExoRO.js} +3 -3
- package/dist/esm/{keyboard-DJpS2IGK.js → keyboard-uAtaO52Q.js} +4 -4
- package/dist/esm/loader.js +5 -5
- package/dist/esm/{md.transition-DIsWqYBZ.js → md.transition-BjHXd0f9.js} +4 -6
- package/dist/esm/{notch-controller-DiBq57w8.js → notch-controller-oUerJ6nV.js} +2 -2
- package/dist/esm/{overlays-ttYCMKRp.js → overlays-CSQv-GZq.js} +14 -192
- package/dist/esm/{select-option-render-B2qc5ZP7.js → select-option-render-DmisODWi.js} +2 -2
- package/dist/esm/{status-tap-fYFdZg6z.js → status-tap-DRMNWPiL.js} +3 -5
- package/dist/esm/{swipe-back-BzGqTrrq.js → swipe-back-D8jSdnGS.js} +1 -3
- package/dist/html.html-data.json +29 -202
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-01aa6153.entry.js +4 -0
- package/dist/ionic/p-07a3d959.entry.js +4 -0
- package/dist/ionic/p-0b68c8a9.entry.js +4 -0
- package/dist/ionic/p-0d50e1d3.entry.js +4 -0
- package/dist/ionic/p-124bb083.entry.js +4 -0
- package/dist/ionic/p-1f8298b3.entry.js +4 -0
- package/dist/ionic/p-1yGxS_yC.js +4 -0
- package/dist/ionic/p-29273c47.entry.js +4 -0
- package/dist/ionic/p-340449bb.entry.js +4 -0
- package/dist/ionic/p-39a55f1c.entry.js +4 -0
- package/dist/ionic/p-3a362e49.entry.js +4 -0
- package/dist/ionic/p-3a85e733.entry.js +4 -0
- package/dist/ionic/p-3b3dee19.entry.js +4 -0
- package/dist/ionic/p-485c13f3.entry.js +4 -0
- package/dist/ionic/p-4a63756e.entry.js +4 -0
- package/dist/ionic/p-4a6c21f5.entry.js +4 -0
- package/dist/ionic/p-4e8b3cd6.entry.js +4 -0
- package/dist/ionic/p-4f332976.entry.js +4 -0
- package/dist/ionic/{p-9d789053.entry.js → p-576b4ff1.entry.js} +1 -1
- package/dist/ionic/p-62a1e227.entry.js +4 -0
- package/dist/ionic/p-64877060.entry.js +4 -0
- package/dist/ionic/p-678f1511.entry.js +4 -0
- package/dist/ionic/p-6a0b6306.entry.js +4 -0
- package/dist/ionic/p-6c9228d4.entry.js +4 -0
- package/dist/ionic/p-70ab2edf.entry.js +4 -0
- package/dist/ionic/p-74d05699.entry.js +4 -0
- package/dist/ionic/p-77aa1e90.entry.js +4 -0
- package/dist/ionic/p-79be145b.entry.js +4 -0
- package/dist/ionic/p-7ba7526a.entry.js +4 -0
- package/dist/ionic/p-7cffb312.entry.js +4 -0
- package/dist/ionic/p-7e44a4c5.entry.js +4 -0
- package/dist/ionic/{p-45825c2c.entry.js → p-88717a4c.entry.js} +1 -1
- package/dist/ionic/p-918cf662.entry.js +4 -0
- package/dist/ionic/p-9476775d.entry.js +4 -0
- package/dist/ionic/p-9b05cd45.entry.js +4 -0
- package/dist/ionic/p-9b75925d.entry.js +4 -0
- package/dist/ionic/p-9c849562.entry.js +4 -0
- package/dist/ionic/p-9e74defe.entry.js +4 -0
- package/{components/p-oF-CwZ0b.js → dist/ionic/p-B7D6IyeU.js} +1 -1
- package/dist/ionic/p-BQZlX_QW.js +4 -0
- package/dist/ionic/p-BiY-3g9k.js +4 -0
- package/dist/ionic/p-BrrkdT9L.js +5 -0
- package/dist/ionic/p-BzLJp2YK.js +4 -0
- package/dist/ionic/{p-ZqkJDyhe.js → p-CAUIo7pE.js} +1 -1
- package/dist/ionic/p-CQA3_fVT.js +4 -0
- package/dist/ionic/{p-SJmaFQ0H.js → p-CTDx2dNQ.js} +1 -1
- package/dist/ionic/p-CWcwW_B7.js +4 -0
- package/dist/ionic/p-CYLLjyEJ.js +4 -0
- package/dist/ionic/p-Cd5dRcMd.js +4 -0
- package/dist/ionic/p-CeizwFUQ.js +4 -0
- package/{components/p-Cmql_g3_.js → dist/ionic/p-Chp7Hiov.js} +1 -1
- package/{components/p-sK-FK9CT.js → dist/ionic/p-Ckv4csSE.js} +1 -1
- package/dist/ionic/p-CnLgxV__.js +4 -0
- package/dist/ionic/p-CrC3J6IY.js +4 -0
- package/dist/ionic/p-D6sRRFCv.js +4 -0
- package/dist/ionic/p-DBv6epu_.js +4 -0
- package/dist/ionic/p-Dl7gXMai.js +4 -0
- package/dist/ionic/p-Dxq4Ulb1.js +4 -0
- package/dist/ionic/p-YuNpC3uG.js +4 -0
- package/{components/p-BLysWQA1.js → dist/ionic/p-ZdzrkYIV.js} +1 -1
- package/dist/ionic/p-a6c90dec.entry.js +4 -0
- package/dist/ionic/{p-8537b2fb.entry.js → p-a71389be.entry.js} +1 -1
- package/dist/ionic/p-a714ca93.entry.js +4 -0
- package/dist/ionic/p-bcaba3e0.entry.js +4 -0
- package/dist/ionic/p-bd44b49f.entry.js +4 -0
- package/dist/ionic/{p-7d267dc6.entry.js → p-c636b0d3.entry.js} +1 -1
- package/dist/ionic/p-cdc18886.entry.js +4 -0
- package/dist/ionic/p-ce6acd14.entry.js +4 -0
- package/dist/ionic/p-d7b2d59f.entry.js +4 -0
- package/dist/ionic/p-dc2812ee.entry.js +4 -0
- package/dist/ionic/p-de74cc27.entry.js +4 -0
- package/dist/ionic/p-ef1330ac.entry.js +4 -0
- package/dist/ionic/p-f57fea97.entry.js +4 -0
- package/dist/ionic/p-f840d58e.entry.js +4 -0
- package/dist/ionic/p-fK-AnPaq.js +4 -0
- package/dist/ionic/p-fce34e31.entry.js +4 -0
- package/dist/ionic/p-fd014d35.entry.js +4 -0
- package/dist/ionic/p-gBNkhCZy.js +4 -0
- package/dist/ionic/p-gYuHMhs-.js +4 -0
- package/dist/ionic/p-nMHpWRBR.js +4 -0
- package/dist/types/components/avatar/avatar.d.ts +6 -0
- package/dist/types/components/badge/badge.d.ts +30 -17
- package/dist/types/components/badge/badge.interfaces.d.ts +73 -0
- package/dist/types/components/button/button.d.ts +7 -1
- package/dist/types/components/chip/chip.d.ts +45 -14
- package/dist/types/components/chip/chip.interfaces.d.ts +97 -0
- package/dist/types/components/content/content.d.ts +1 -2
- package/dist/types/components/content/{content-interface.d.ts → content.interfaces.d.ts} +18 -0
- package/dist/types/components/item-divider/item-divider.d.ts +0 -1
- package/dist/types/components/item-divider/item-divider.interfaces.d.ts +132 -0
- package/dist/types/components/item-sliding/item-sliding.d.ts +2 -17
- package/dist/types/components/progress-bar/progress-bar.d.ts +9 -4
- package/dist/types/components/progress-bar/progress-bar.interfaces.d.ts +90 -0
- package/dist/types/components/spinner/spinner-configs.d.ts +2 -2
- package/dist/types/components/spinner/spinner.d.ts +8 -4
- package/dist/types/components/spinner/spinner.interfaces.d.ts +72 -0
- package/dist/types/components/tab/tab.d.ts +0 -1
- package/dist/types/components/tab-button/tab-button.d.ts +7 -0
- package/dist/types/components/tabs/tabs.d.ts +1 -1
- package/dist/types/components.d.ts +64 -186
- package/dist/types/global/config.d.ts +9 -1
- package/dist/types/global/ionic-global.d.ts +3 -10
- package/dist/types/index.d.ts +1 -2
- package/dist/types/interface.d.ts +2 -2
- package/dist/types/themes/base/dark.tokens.d.ts +2 -0
- package/dist/types/themes/base/default.tokens.d.ts +2 -0
- package/dist/types/themes/base/high-contrast-dark.tokens.d.ts +2 -0
- package/dist/types/themes/base/high-contrast.tokens.d.ts +2 -0
- package/dist/types/themes/base/light.tokens.d.ts +2 -0
- package/dist/types/themes/base/shared.tokens.d.ts +11 -0
- package/dist/types/themes/ionic/dark.tokens.d.ts +2 -0
- package/dist/types/themes/ionic/default.tokens.d.ts +2 -0
- package/dist/types/themes/ionic/light.tokens.d.ts +2 -0
- package/dist/types/themes/ionic/shared.tokens.d.ts +112 -0
- package/dist/types/themes/ios/dark.tokens.d.ts +2 -0
- package/dist/types/themes/ios/default.tokens.d.ts +2 -0
- package/dist/types/themes/ios/high-contrast-dark.tokens.d.ts +2 -0
- package/dist/types/themes/ios/high-contrast.tokens.d.ts +2 -0
- package/dist/types/themes/ios/light.tokens.d.ts +2 -0
- package/dist/types/themes/ios/shared.tokens.d.ts +56 -0
- package/dist/types/themes/md/dark.tokens.d.ts +2 -0
- package/dist/types/themes/md/default.tokens.d.ts +2 -0
- package/dist/types/themes/md/high-contrast-dark.tokens.d.ts +2 -0
- package/dist/types/themes/md/high-contrast.tokens.d.ts +2 -0
- package/dist/types/themes/md/light.tokens.d.ts +2 -0
- package/dist/types/themes/md/shared.tokens.d.ts +117 -0
- package/dist/types/themes/themes.interfaces.d.ts +278 -0
- package/dist/types/utils/badge-position.d.ts +106 -0
- package/dist/types/utils/config.d.ts +6 -0
- package/dist/types/utils/helpers.d.ts +16 -0
- package/dist/types/utils/platform.d.ts +2 -2
- package/dist/types/utils/theme.d.ts +198 -3
- package/hydrate/index.js +7551 -6874
- package/hydrate/index.mjs +7551 -6874
- package/package.json +6 -4
- package/components/ion-gallery.d.ts +0 -11
- package/components/ion-gallery.js +0 -4
- package/components/p-0sa2JgYA.js +0 -4
- package/components/p-3Ni1Z654.js +0 -4
- package/components/p-9gxM3tAr.js +0 -4
- package/components/p-B636tzQ7.js +0 -4
- package/components/p-B8Oa6a_k.js +0 -4
- package/components/p-BCDEEm9n.js +0 -4
- package/components/p-BDndEqui.js +0 -4
- package/components/p-BFbsici0.js +0 -4
- package/components/p-BLCuPAtN.js +0 -4
- package/components/p-BO4aickU.js +0 -4
- package/components/p-BRWWcnBq.js +0 -4
- package/components/p-BXcCGjEc.js +0 -4
- package/components/p-BbQGmZyu.js +0 -4
- package/components/p-BeVlsaLA.js +0 -4
- package/components/p-Bp__mr16.js +0 -4
- package/components/p-BqDiJgC_.js +0 -4
- package/components/p-BqImG3uk.js +0 -4
- package/components/p-C00Y_WJv.js +0 -4
- package/components/p-C0U8YqYW.js +0 -4
- package/components/p-C38HUpU5.js +0 -4
- package/components/p-C4G6C9fP.js +0 -4
- package/components/p-CKfNwyAb.js +0 -4
- package/components/p-CN-WzkJE.js +0 -4
- package/components/p-CVBkx7m1.js +0 -4
- package/components/p-CVRxImH6.js +0 -4
- package/components/p-Cb9imMZh.js +0 -4
- package/components/p-Cf9-xP7P.js +0 -4
- package/components/p-CjSx8W-k.js +0 -4
- package/components/p-CoFDGTFO.js +0 -4
- package/components/p-CoFqDNc5.js +0 -4
- package/components/p-CykCvfXQ.js +0 -4
- package/components/p-DDw-NYxz.js +0 -4
- package/components/p-DHTe6lDL.js +0 -4
- package/components/p-DH_9VCbD.js +0 -4
- package/components/p-DTtRWhIZ.js +0 -4
- package/components/p-DVcs-2q3.js +0 -4
- package/components/p-DXUyXgVL.js +0 -4
- package/components/p-DaJxRxSQ.js +0 -4
- package/components/p-IMXp2Inn.js +0 -4
- package/components/p-TR4ubkPu.js +0 -4
- package/components/p-XegQjlzJ.js +0 -4
- package/components/p-qZr7hBPz.js +0 -4
- package/components/p-t98_NeNv.js +0 -4
- package/components/p-vCpF32Z7.js +0 -4
- package/components/p-vXpMhGrs.js +0 -4
- package/components/p-wCDzv5Q8.js +0 -4
- package/dist/cjs/focus-visible-BIj-I3-C.js +0 -101
- package/dist/cjs/helpers-DJYxKN5U.js +0 -413
- package/dist/cjs/ion-gallery.cjs.entry.js +0 -510
- package/dist/cjs/theme-IlOsGAz7.js +0 -72
- package/dist/collection/components/badge/badge.ionic.css +0 -275
- package/dist/collection/components/badge/badge.ios.css +0 -295
- package/dist/collection/components/badge/badge.md.css +0 -275
- package/dist/collection/components/chip/chip.ionic.css +0 -217
- package/dist/collection/components/chip/chip.ios.css +0 -265
- package/dist/collection/components/chip/chip.md.css +0 -260
- package/dist/collection/components/gallery/gallery-constants.js +0 -12
- package/dist/collection/components/gallery/gallery.css +0 -100
- package/dist/collection/components/gallery/gallery.js +0 -595
- package/dist/collection/components/gallery/test/utils.js +0 -100
- package/dist/collection/components/item-divider/item-divider.ios.css +0 -369
- package/dist/collection/components/item-divider/item-divider.md.css +0 -425
- package/dist/collection/components/item-sliding/item-sliding.ionic.css +0 -211
- package/dist/collection/components/progress-bar/progress-bar.ionic.css +0 -287
- package/dist/collection/components/progress-bar/progress-bar.ios.css +0 -298
- package/dist/collection/components/progress-bar/progress-bar.md.css +0 -290
- package/dist/collection/components/spinner/spinner.ionic.css +0 -300
- package/dist/collection/components/spinner/spinner.native.css +0 -199
- package/dist/collection/utils/css-value-validation.js +0 -25
- package/dist/esm/focus-visible-vXpMhGrs.js +0 -97
- package/dist/esm/helpers-Do7zwvM1.js +0 -392
- package/dist/esm/ion-gallery.entry.js +0 -508
- package/dist/esm/theme-DaJxRxSQ.js +0 -67
- package/dist/ionic/p-00c0bd38.entry.js +0 -4
- package/dist/ionic/p-06bd033b.entry.js +0 -4
- package/dist/ionic/p-07d3388f.entry.js +0 -4
- package/dist/ionic/p-11nqcMM3.js +0 -4
- package/dist/ionic/p-139d02eb.entry.js +0 -4
- package/dist/ionic/p-1709b0aa.entry.js +0 -4
- package/dist/ionic/p-1c2c1869.entry.js +0 -4
- package/dist/ionic/p-1c4de46b.entry.js +0 -4
- package/dist/ionic/p-1e1c8d61.entry.js +0 -4
- package/dist/ionic/p-1f74b8d4.entry.js +0 -4
- package/dist/ionic/p-2311e660.entry.js +0 -4
- package/dist/ionic/p-2aa7567e.entry.js +0 -4
- package/dist/ionic/p-2ad79c23.entry.js +0 -4
- package/dist/ionic/p-2f8aa0ac.entry.js +0 -4
- package/dist/ionic/p-3331cfa9.entry.js +0 -4
- package/dist/ionic/p-33c34361.entry.js +0 -4
- package/dist/ionic/p-37ccbee4.entry.js +0 -4
- package/dist/ionic/p-3aba19e2.entry.js +0 -4
- package/dist/ionic/p-3f79f594.entry.js +0 -4
- package/dist/ionic/p-48026d15.entry.js +0 -4
- package/dist/ionic/p-488992b6.entry.js +0 -4
- package/dist/ionic/p-5061a8d4.entry.js +0 -4
- package/dist/ionic/p-50b61fab.entry.js +0 -4
- package/dist/ionic/p-50cd2d57.entry.js +0 -4
- package/dist/ionic/p-5274f999.entry.js +0 -4
- package/dist/ionic/p-586d4270.entry.js +0 -4
- package/dist/ionic/p-68c21b2a.entry.js +0 -4
- package/dist/ionic/p-6fbead83.entry.js +0 -4
- package/dist/ionic/p-7054a1b9.entry.js +0 -4
- package/dist/ionic/p-7194f6fa.entry.js +0 -4
- package/dist/ionic/p-72491468.entry.js +0 -4
- package/dist/ionic/p-76307d10.entry.js +0 -4
- package/dist/ionic/p-7d5057c4.entry.js +0 -4
- package/dist/ionic/p-83c693c4.entry.js +0 -4
- package/dist/ionic/p-8f04bd89.entry.js +0 -4
- package/dist/ionic/p-8uDL7fql.js +0 -4
- package/dist/ionic/p-90e653e3.entry.js +0 -4
- package/dist/ionic/p-967576f8.entry.js +0 -4
- package/dist/ionic/p-BsfuYVMP.js +0 -4
- package/dist/ionic/p-Bx0bt2Ar.js +0 -4
- package/dist/ionic/p-C2mpVKI1.js +0 -4
- package/dist/ionic/p-C5zxLmJ_.js +0 -4
- package/dist/ionic/p-CBV-BGvD.js +0 -4
- package/dist/ionic/p-CDn0uNJA.js +0 -4
- package/dist/ionic/p-CFjI63GE.js +0 -4
- package/dist/ionic/p-CHE1xWbg.js +0 -4
- package/dist/ionic/p-CIk5QtPm.js +0 -4
- package/dist/ionic/p-CQKe4n56.js +0 -4
- package/dist/ionic/p-CVp2D--1.js +0 -4
- package/dist/ionic/p-CXqdKf1K.js +0 -4
- package/dist/ionic/p-Cb-0O4h8.js +0 -4
- package/dist/ionic/p-DKWXAwlR.js +0 -4
- package/dist/ionic/p-DaJxRxSQ.js +0 -4
- package/dist/ionic/p-DdyNaGpi.js +0 -4
- package/dist/ionic/p-DoyDJ2X5.js +0 -4
- package/dist/ionic/p-FvDKM4Ax.js +0 -4
- package/dist/ionic/p-Omi_TcwW.js +0 -5
- package/dist/ionic/p-SOASChNu.js +0 -4
- package/dist/ionic/p-acdc21a6.entry.js +0 -4
- package/dist/ionic/p-ae667493.entry.js +0 -4
- package/dist/ionic/p-b2fe6c1c.entry.js +0 -4
- package/dist/ionic/p-b3c9f19c.entry.js +0 -4
- package/dist/ionic/p-b653f4c2.entry.js +0 -4
- package/dist/ionic/p-bb898d47.entry.js +0 -4
- package/dist/ionic/p-bd71a4a7.entry.js +0 -4
- package/dist/ionic/p-d4ed5710.entry.js +0 -4
- package/dist/ionic/p-d6299c37.entry.js +0 -4
- package/dist/ionic/p-dea52cb3.entry.js +0 -4
- package/dist/ionic/p-e18d3fdb.entry.js +0 -4
- package/dist/ionic/p-f02ba305.entry.js +0 -4
- package/dist/ionic/p-fad05840.entry.js +0 -4
- package/dist/ionic/p-fc796d48.entry.js +0 -4
- package/dist/ionic/p-qETiT38a.js +0 -4
- package/dist/ionic/p-vXpMhGrs.js +0 -4
- package/dist/types/components/gallery/gallery-constants.d.ts +0 -9
- package/dist/types/components/gallery/gallery-interface.d.ts +0 -10
- package/dist/types/components/gallery/gallery.d.ts +0 -183
- package/dist/types/components/gallery/test/utils.d.ts +0 -2
- package/dist/types/components/spinner/spinner-interface.d.ts +0 -22
- package/dist/types/utils/css-value-validation.d.ts +0 -12
- /package/dist/collection/components/{content/content-interface.js → chip/chip.interfaces.js} +0 -0
- /package/dist/collection/components/{gallery/gallery-interface.js → content/content.interfaces.js} +0 -0
- /package/dist/collection/components/{spinner/spinner-interface.js → item-divider/item-divider.interfaces.js} +0 -0
- /package/dist/collection/components/{tabs/tabs-interface.js → spinner/spinner.interfaces.js} +0 -0
- /package/dist/types/components/tabs/{tabs-interface.d.ts → tabs.interfaces.d.ts} +0 -0
|
@@ -3,23 +3,20 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var focusVisible = require('./index-BDthk8R7.js');
|
|
7
7
|
var caretRight = require('./caret-right-CRCgv98E.js');
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var index$1 = require('./index-CgAbCW6L.js');
|
|
11
|
-
var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
|
|
12
|
-
require('./focus-visible-BIj-I3-C.js');
|
|
8
|
+
var index = require('./index-CgAbCW6L.js');
|
|
9
|
+
var ionicGlobal = require('./ionic-global-DMWqcBn0.js');
|
|
13
10
|
|
|
14
11
|
const itemIonicCss = () => `:host{--border-radius:0px;--border-width:0px;--border-style:solid;--padding-top:0px;--padding-bottom:0px;--padding-end:0px;--padding-start:0px;--inner-border-width:0px;--inner-padding-top:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;--inner-padding-end:0px;--inner-box-shadow:none;--detail-icon-color:initial;--detail-icon-font-size:1.25em;--detail-icon-opacity:0.25;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;outline:none;color:var(--color);text-align:initial;text-decoration:none;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-activated) .item-native{color:var(--color-activated)}:host(.ion-activated) .item-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.ion-focused) .item-native{color:var(--color-focused)}:host(.ion-focused) .item-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(.ion-activatable:not(.ion-focused):hover) .item-native{color:var(--color-hover)}:host(.ion-activatable:not(.ion-focused):hover) .item-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.item-control-needs-pointer-cursor){cursor:pointer}:host(.item-interactive-disabled:not(.item-multiple-inputs)){cursor:default;pointer-events:none}:host(.item-disabled){cursor:default;opacity:0.3;pointer-events:none}.item-native{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-right:var(--padding-end);padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:inherit;overflow:inherit;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]) .item-native{padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}[dir=rtl] .item-native{padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}@supports selector(:dir(rtl)){.item-native:dir(rtl){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}}.item-native::-moz-focus-inner{border:0}.item-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0;-webkit-transition:var(--transition);transition:var(--transition);z-index:-1}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.item-inner{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);padding-right:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-left:var(--inner-padding-start);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]) .item-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}[dir=rtl] .item-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}@supports selector(:dir(rtl)){.item-inner:dir(rtl){padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}}.item-detail-icon{-webkit-margin-start:calc(var(--inner-padding-end) / 2);margin-inline-start:calc(var(--inner-padding-end) / 2);-webkit-margin-end:-6px;margin-inline-end:-6px;color:var(--detail-icon-color);font-size:var(--detail-icon-font-size);opacity:var(--detail-icon-opacity)}::slotted(ion-icon){font-size:1.6em}::slotted(ion-button){--margin-top:0;--margin-bottom:0;--margin-start:0;--margin-end:0;z-index:1}::slotted(ion-label:not([slot=end])){-ms-flex:1;flex:1;width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:100%}:host(.item-input){-ms-flex-align:center;align-items:center}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.item-label-stacked),:host(.item-label-floating){-ms-flex-align:start;align-items:start}:host(.item-label-stacked) .input-wrapper,:host(.item-label-floating) .input-wrapper{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host(.item-multiple-inputs) ::slotted(ion-checkbox),:host(.item-multiple-inputs) ::slotted(ion-datetime),:host(.item-multiple-inputs) ::slotted(ion-radio){position:relative}:host(.item-textarea){-ms-flex-align:stretch;align-items:stretch}::slotted(ion-reorder[slot]){margin-top:0;margin-bottom:0}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--background-activated:var(--token-bg-select-default, var(--token-semantics-primary-100, var(--token-primitives-blue-100, #e9ecfc)));--border-color:var(--token-primitives-neutral-300, #e0e0e0);--border-style:var(--token-border-style-solid, solid);--border-width:0 0 var(--token-border-size-025, var(--token-scale-025, 1px)) 0;--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));--detail-icon-font-size:var(--token-scale-600, 24px);--detail-icon-opacity:1;--min-height:var(--token-scale-1800, 72px);--padding-top:var(--token-space-200, var(--token-scale-200, 8px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));font-size:var(--token-font-size-400, 1rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none}.item-inner{min-height:initial}.item-detail-icon{-webkit-margin-end:0;margin-inline-end:0}slot[name=start]::slotted(*){-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}slot[name=end]::slotted(*){-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px))}::slotted(ion-icon:not(.item-detail-icon)){color:var(--token-primitives-neutral-1000, #3b3b3b);font-size:var(--token-scale-1000, 40px)}:host(.item-disabled) .item-native::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none}:host(.ion-activated) .item-native{background:var(--background-activated)}:host(.ion-focused) .item-native::after{border-radius:inherit;right:0;left:0;top:0;bottom:0;position:absolute;border-width:var(--token-border-size-050, var(--token-scale-050, 2px));border-style:var(--token-border-style-solid, solid);border-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));content:""}:host(.item-lines-full){--border-width:var(--token-border-size-0, var(--token-scale-0, 0px)) var(--token-border-size-0, var(--token-scale-0, 0px)) var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-size-0, var(--token-scale-0, 0px))}:host(.item-lines-inset){--inner-border-width:var(--token-border-size-0, var(--token-scale-0, 0px)) var(--token-border-size-0, var(--token-scale-0, 0px)) var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-size-0, var(--token-scale-0, 0px))}:host(.item-lines-inset),:host(.item-lines-none){--border-width:var(--token-border-size-0, var(--token-scale-0, 0px))}:host(.item-lines-full),:host(.item-lines-none){--inner-border-width:var(--token-border-size-0, var(--token-scale-0, 0px))}:host(.in-select-modal){--background-focused:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #eae9e9));--background-focused-opacity:0}:host(.in-select-modal.ion-focused) .item-native{--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}`;
|
|
15
12
|
|
|
16
|
-
const itemIosCss = () => `:host{--border-radius:0px;--border-width:0px;--border-style:solid;--padding-top:0px;--padding-bottom:0px;--padding-end:0px;--padding-start:0px;--inner-border-width:0px;--inner-padding-top:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;--inner-padding-end:0px;--inner-box-shadow:none;--detail-icon-color:initial;--detail-icon-font-size:1.25em;--detail-icon-opacity:0.25;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;outline:none;color:var(--color);text-align:initial;text-decoration:none;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-activated) .item-native{color:var(--color-activated)}:host(.ion-activated) .item-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.ion-focused) .item-native{color:var(--color-focused)}:host(.ion-focused) .item-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(.ion-activatable:not(.ion-focused):hover) .item-native{color:var(--color-hover)}:host(.ion-activatable:not(.ion-focused):hover) .item-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.item-control-needs-pointer-cursor){cursor:pointer}:host(.item-interactive-disabled:not(.item-multiple-inputs)){cursor:default;pointer-events:none}:host(.item-disabled){cursor:default;opacity:0.3;pointer-events:none}.item-native{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-right:var(--padding-end);padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:inherit;overflow:inherit;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]) .item-native{padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}[dir=rtl] .item-native{padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}@supports selector(:dir(rtl)){.item-native:dir(rtl){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}}.item-native::-moz-focus-inner{border:0}.item-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0;-webkit-transition:var(--transition);transition:var(--transition);z-index:-1}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.item-inner{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);padding-right:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-left:var(--inner-padding-start);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]) .item-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}[dir=rtl] .item-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}@supports selector(:dir(rtl)){.item-inner:dir(rtl){padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}}.item-detail-icon{-webkit-margin-start:calc(var(--inner-padding-end) / 2);margin-inline-start:calc(var(--inner-padding-end) / 2);-webkit-margin-end:-6px;margin-inline-end:-6px;color:var(--detail-icon-color);font-size:var(--detail-icon-font-size);opacity:var(--detail-icon-opacity)}::slotted(ion-icon){font-size:1.6em}::slotted(ion-button){--margin-top:0;--margin-bottom:0;--margin-start:0;--margin-end:0;z-index:1}::slotted(ion-label:not([slot=end])){-ms-flex:1;flex:1;width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:100%}:host(.item-input){-ms-flex-align:center;align-items:center}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.item-label-stacked),:host(.item-label-floating){-ms-flex-align:start;align-items:start}:host(.item-label-stacked) .input-wrapper,:host(.item-label-floating) .input-wrapper{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host(.item-multiple-inputs) ::slotted(ion-checkbox),:host(.item-multiple-inputs) ::slotted(ion-datetime),:host(.item-multiple-inputs) ::slotted(ion-radio){position:relative}:host(.item-textarea){-ms-flex-align:stretch;align-items:stretch}::slotted(ion-reorder[slot]){margin-top:0;margin-bottom:0}ion-ripple-effect{color:var(--ripple-color)}:host{font-family:var(--ion-font-family, inherit)}:host(.ion-color) .item-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.ion-color) .item-native,:host(.ion-color) .item-inner{border-color:var(--ion-color-shade)}:host(.ion-color.ion-activated) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .item-native::after{background:var(--ion-color-contrast)}@media (any-hover: hover){:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native::after{background:var(--ion-color-contrast)}}:host{--min-height:44px;--transition:background-color 200ms linear, opacity 200ms linear;--padding-start:16px;--inner-padding-end:16px;--inner-border-width:0px 0px 0.55px 0px;--background:var(--ion-item-background, var(--ion-background-color, #fff));--background-activated:var(--ion-text-color, #000);--background-focused:var(--ion-text-color, #000);--background-hover:currentColor;--background-activated-opacity:0.12;--background-focused-opacity:0.15;--background-hover-opacity:0.04;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-
|
|
13
|
+
const itemIosCss = () => `:host{--border-radius:0px;--border-width:0px;--border-style:solid;--padding-top:0px;--padding-bottom:0px;--padding-end:0px;--padding-start:0px;--inner-border-width:0px;--inner-padding-top:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;--inner-padding-end:0px;--inner-box-shadow:none;--detail-icon-color:initial;--detail-icon-font-size:1.25em;--detail-icon-opacity:0.25;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;outline:none;color:var(--color);text-align:initial;text-decoration:none;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-activated) .item-native{color:var(--color-activated)}:host(.ion-activated) .item-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.ion-focused) .item-native{color:var(--color-focused)}:host(.ion-focused) .item-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(.ion-activatable:not(.ion-focused):hover) .item-native{color:var(--color-hover)}:host(.ion-activatable:not(.ion-focused):hover) .item-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.item-control-needs-pointer-cursor){cursor:pointer}:host(.item-interactive-disabled:not(.item-multiple-inputs)){cursor:default;pointer-events:none}:host(.item-disabled){cursor:default;opacity:0.3;pointer-events:none}.item-native{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-right:var(--padding-end);padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:inherit;overflow:inherit;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]) .item-native{padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}[dir=rtl] .item-native{padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}@supports selector(:dir(rtl)){.item-native:dir(rtl){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}}.item-native::-moz-focus-inner{border:0}.item-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0;-webkit-transition:var(--transition);transition:var(--transition);z-index:-1}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.item-inner{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);padding-right:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-left:var(--inner-padding-start);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]) .item-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}[dir=rtl] .item-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}@supports selector(:dir(rtl)){.item-inner:dir(rtl){padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}}.item-detail-icon{-webkit-margin-start:calc(var(--inner-padding-end) / 2);margin-inline-start:calc(var(--inner-padding-end) / 2);-webkit-margin-end:-6px;margin-inline-end:-6px;color:var(--detail-icon-color);font-size:var(--detail-icon-font-size);opacity:var(--detail-icon-opacity)}::slotted(ion-icon){font-size:1.6em}::slotted(ion-button){--margin-top:0;--margin-bottom:0;--margin-start:0;--margin-end:0;z-index:1}::slotted(ion-label:not([slot=end])){-ms-flex:1;flex:1;width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:100%}:host(.item-input){-ms-flex-align:center;align-items:center}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.item-label-stacked),:host(.item-label-floating){-ms-flex-align:start;align-items:start}:host(.item-label-stacked) .input-wrapper,:host(.item-label-floating) .input-wrapper{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host(.item-multiple-inputs) ::slotted(ion-checkbox),:host(.item-multiple-inputs) ::slotted(ion-datetime),:host(.item-multiple-inputs) ::slotted(ion-radio){position:relative}:host(.item-textarea){-ms-flex-align:stretch;align-items:stretch}::slotted(ion-reorder[slot]){margin-top:0;margin-bottom:0}ion-ripple-effect{color:var(--ripple-color)}:host{font-family:var(--ion-font-family, inherit)}:host(.ion-color) .item-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.ion-color) .item-native,:host(.ion-color) .item-inner{border-color:var(--ion-color-shade)}:host(.ion-color.ion-activated) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .item-native::after{background:var(--ion-color-contrast)}@media (any-hover: hover){:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native::after{background:var(--ion-color-contrast)}}:host{--min-height:44px;--transition:background-color 200ms linear, opacity 200ms linear;--padding-start:16px;--inner-padding-end:16px;--inner-border-width:0px 0px 0.55px 0px;--background:var(--ion-item-background, var(--ion-background-color, #fff));--background-activated:var(--ion-text-color, #000);--background-focused:var(--ion-text-color, #000);--background-hover:currentColor;--background-activated-opacity:0.12;--background-focused-opacity:0.15;--background-hover-opacity:0.04;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-background-color-step-250, #c8c7cc)));--color:var(--ion-item-color, var(--ion-text-color, #000));font-size:1rem}:host(.ion-activated){--transition:none}:host(.ion-color.ion-focused) .item-native::after{background:#000;opacity:0.15}:host(.ion-color.ion-activated) .item-native::after{background:#000;opacity:0.12}:host(.item-lines-full){--border-width:0px 0px 0.55px 0px}:host(.item-lines-inset){--inner-border-width:0px 0px 0.55px 0px}:host(.item-lines-inset),:host(.item-lines-none){--border-width:0px}:host(.item-lines-full),:host(.item-lines-none){--inner-border-width:0px}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:2px;margin-bottom:2px}::slotted(ion-icon[slot=start]),::slotted(ion-icon[slot=end]){margin-top:7px;margin-bottom:7px}::slotted(ion-toggle[slot=start]),::slotted(ion-toggle[slot=end]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}:host(.item-label-stacked) ::slotted([slot=end]),:host(.item-label-floating) ::slotted([slot=end]){margin-top:7px;margin-bottom:7px}::slotted(.button-small){--padding-top:1px;--padding-bottom:1px;--padding-start:0.5em;--padding-end:0.5em;min-height:24px;font-size:0.8125rem}::slotted(ion-avatar){width:36px;height:36px}::slotted(ion-thumbnail){--size:56px}::slotted(ion-avatar[slot=end]),::slotted(ion-thumbnail[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:8px;margin-bottom:8px}:host(.item-radio) ::slotted(ion-label),:host(.item-toggle) ::slotted(ion-label){-webkit-margin-start:0px;margin-inline-start:0px}::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:10px;margin-bottom:10px}:host(.item-label-floating),:host(.item-label-stacked){--min-height:68px}`;
|
|
17
14
|
|
|
18
|
-
const itemMdCss = () => `:host{--border-radius:0px;--border-width:0px;--border-style:solid;--padding-top:0px;--padding-bottom:0px;--padding-end:0px;--padding-start:0px;--inner-border-width:0px;--inner-padding-top:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;--inner-padding-end:0px;--inner-box-shadow:none;--detail-icon-color:initial;--detail-icon-font-size:1.25em;--detail-icon-opacity:0.25;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;outline:none;color:var(--color);text-align:initial;text-decoration:none;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-activated) .item-native{color:var(--color-activated)}:host(.ion-activated) .item-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.ion-focused) .item-native{color:var(--color-focused)}:host(.ion-focused) .item-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(.ion-activatable:not(.ion-focused):hover) .item-native{color:var(--color-hover)}:host(.ion-activatable:not(.ion-focused):hover) .item-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.item-control-needs-pointer-cursor){cursor:pointer}:host(.item-interactive-disabled:not(.item-multiple-inputs)){cursor:default;pointer-events:none}:host(.item-disabled){cursor:default;opacity:0.3;pointer-events:none}.item-native{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-right:var(--padding-end);padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:inherit;overflow:inherit;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]) .item-native{padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}[dir=rtl] .item-native{padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}@supports selector(:dir(rtl)){.item-native:dir(rtl){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}}.item-native::-moz-focus-inner{border:0}.item-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0;-webkit-transition:var(--transition);transition:var(--transition);z-index:-1}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.item-inner{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);padding-right:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-left:var(--inner-padding-start);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]) .item-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}[dir=rtl] .item-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}@supports selector(:dir(rtl)){.item-inner:dir(rtl){padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}}.item-detail-icon{-webkit-margin-start:calc(var(--inner-padding-end) / 2);margin-inline-start:calc(var(--inner-padding-end) / 2);-webkit-margin-end:-6px;margin-inline-end:-6px;color:var(--detail-icon-color);font-size:var(--detail-icon-font-size);opacity:var(--detail-icon-opacity)}::slotted(ion-icon){font-size:1.6em}::slotted(ion-button){--margin-top:0;--margin-bottom:0;--margin-start:0;--margin-end:0;z-index:1}::slotted(ion-label:not([slot=end])){-ms-flex:1;flex:1;width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:100%}:host(.item-input){-ms-flex-align:center;align-items:center}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.item-label-stacked),:host(.item-label-floating){-ms-flex-align:start;align-items:start}:host(.item-label-stacked) .input-wrapper,:host(.item-label-floating) .input-wrapper{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host(.item-multiple-inputs) ::slotted(ion-checkbox),:host(.item-multiple-inputs) ::slotted(ion-datetime),:host(.item-multiple-inputs) ::slotted(ion-radio){position:relative}:host(.item-textarea){-ms-flex-align:stretch;align-items:stretch}::slotted(ion-reorder[slot]){margin-top:0;margin-bottom:0}ion-ripple-effect{color:var(--ripple-color)}:host{font-family:var(--ion-font-family, inherit)}:host(.ion-color) .item-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.ion-color) .item-native,:host(.ion-color) .item-inner{border-color:var(--ion-color-shade)}:host(.ion-color.ion-activated) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .item-native::after{background:var(--ion-color-contrast)}@media (any-hover: hover){:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native::after{background:var(--ion-color-contrast)}}:host{--min-height:48px;--background:var(--ion-item-background, var(--ion-background-color, #fff));--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--background-activated-opacity:0;--background-focused-opacity:0.12;--background-hover-opacity:0.04;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13)))));--color:var(--ion-item-color, var(--ion-text-color, #000));--transition:opacity 15ms linear, background-color 15ms linear;--padding-start:16px;--inner-padding-end:16px;--inner-border-width:0 0 1px 0;font-size:1rem;font-weight:normal;text-transform:none}:host(.ion-color.ion-activated) .item-native::after{background:transparent}:host(.item-interactive){--border-width:0 0 1px 0;--inner-border-width:0}:host(.item-lines-full){--border-width:0 0 1px 0}:host(.item-lines-inset){--inner-border-width:0 0 1px 0}:host(.item-lines-inset),:host(.item-lines-none){--border-width:0}:host(.item-lines-full),:host(.item-lines-none){--inner-border-width:0}:host(.item-multi-line) ::slotted([slot=start]),:host(.item-multi-line) ::slotted([slot=end]){margin-top:16px;margin-bottom:16px;-ms-flex-item-align:start;align-self:flex-start}::slotted([slot=start]){-webkit-margin-end:16px;margin-inline-end:16px}::slotted([slot=end]){-webkit-margin-start:16px;margin-inline-start:16px}::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);font-size:1.5em}:host(.ion-color) ::slotted(ion-icon){color:var(--ion-color-contrast)}::slotted(ion-icon[slot]){margin-top:12px;margin-bottom:12px}::slotted(ion-icon[slot=start]){-webkit-margin-end:32px;margin-inline-end:32px}::slotted(ion-icon[slot=end]){-webkit-margin-start:16px;margin-inline-start:16px}::slotted(ion-toggle[slot=start]),::slotted(ion-toggle[slot=end]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}::slotted(ion-note){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-ms-flex-item-align:start;align-self:flex-start;font-size:0.6875rem}::slotted(ion-note[slot]){padding-left:0;padding-right:0;padding-top:18px;padding-bottom:10px}::slotted(ion-avatar){width:40px;height:40px}::slotted(ion-thumbnail){--size:56px}::slotted(ion-avatar),::slotted(ion-thumbnail){margin-top:8px;margin-bottom:8px}::slotted(ion-avatar[slot=start]),::slotted(ion-thumbnail[slot=start]){-webkit-margin-end:16px;margin-inline-end:16px}::slotted(ion-avatar[slot=end]),::slotted(ion-thumbnail[slot=end]){-webkit-margin-start:16px;margin-inline-start:16px}::slotted(ion-label){margin-left:0;margin-right:0;margin-top:10px;margin-bottom:10px}:host(.item-label-stacked) ::slotted([slot=end]),:host(.item-label-floating) ::slotted([slot=end]){margin-top:7px;margin-bottom:7px}:host(.item-toggle) ::slotted(ion-label),:host(.item-radio) ::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0}::slotted(.button-small){--padding-top:2px;--padding-bottom:2px;--padding-start:0.6em;--padding-end:0.6em;min-height:25px;font-size:0.75rem}:host(.item-label-floating),:host(.item-label-stacked){--min-height:55px}:host(.ion-focused:not(.ion-color)) ::slotted(.label-stacked),:host(.ion-focused:not(.ion-color)) ::slotted(.label-floating),:host(.item-has-focus:not(.ion-color)) ::slotted(.label-stacked),:host(.item-has-focus:not(.ion-color)) ::slotted(.label-floating){color:var(--ion-color-primary, #0054e9)}`;
|
|
15
|
+
const itemMdCss = () => `:host{--border-radius:0px;--border-width:0px;--border-style:solid;--padding-top:0px;--padding-bottom:0px;--padding-end:0px;--padding-start:0px;--inner-border-width:0px;--inner-padding-top:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;--inner-padding-end:0px;--inner-box-shadow:none;--detail-icon-color:initial;--detail-icon-font-size:1.25em;--detail-icon-opacity:0.25;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;outline:none;color:var(--color);text-align:initial;text-decoration:none;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-activated) .item-native{color:var(--color-activated)}:host(.ion-activated) .item-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.ion-focused) .item-native{color:var(--color-focused)}:host(.ion-focused) .item-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(.ion-activatable:not(.ion-focused):hover) .item-native{color:var(--color-hover)}:host(.ion-activatable:not(.ion-focused):hover) .item-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.item-control-needs-pointer-cursor){cursor:pointer}:host(.item-interactive-disabled:not(.item-multiple-inputs)){cursor:default;pointer-events:none}:host(.item-disabled){cursor:default;opacity:0.3;pointer-events:none}.item-native{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-right:var(--padding-end);padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:inherit;overflow:inherit;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]) .item-native{padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}[dir=rtl] .item-native{padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}@supports selector(:dir(rtl)){.item-native:dir(rtl){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}}.item-native::-moz-focus-inner{border:0}.item-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0;-webkit-transition:var(--transition);transition:var(--transition);z-index:-1}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}.item-inner{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);padding-right:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-left:var(--inner-padding-start);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]) .item-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}[dir=rtl] .item-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}@supports selector(:dir(rtl)){.item-inner:dir(rtl){padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}}.item-detail-icon{-webkit-margin-start:calc(var(--inner-padding-end) / 2);margin-inline-start:calc(var(--inner-padding-end) / 2);-webkit-margin-end:-6px;margin-inline-end:-6px;color:var(--detail-icon-color);font-size:var(--detail-icon-font-size);opacity:var(--detail-icon-opacity)}::slotted(ion-icon){font-size:1.6em}::slotted(ion-button){--margin-top:0;--margin-bottom:0;--margin-start:0;--margin-end:0;z-index:1}::slotted(ion-label:not([slot=end])){-ms-flex:1;flex:1;width:-webkit-min-content;width:-moz-min-content;width:min-content;max-width:100%}:host(.item-input){-ms-flex-align:center;align-items:center}.input-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}:host(.item-label-stacked),:host(.item-label-floating){-ms-flex-align:start;align-items:start}:host(.item-label-stacked) .input-wrapper,:host(.item-label-floating) .input-wrapper{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}:host(.item-multiple-inputs) ::slotted(ion-checkbox),:host(.item-multiple-inputs) ::slotted(ion-datetime),:host(.item-multiple-inputs) ::slotted(ion-radio){position:relative}:host(.item-textarea){-ms-flex-align:stretch;align-items:stretch}::slotted(ion-reorder[slot]){margin-top:0;margin-bottom:0}ion-ripple-effect{color:var(--ripple-color)}:host{font-family:var(--ion-font-family, inherit)}:host(.ion-color) .item-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.ion-color) .item-native,:host(.ion-color) .item-inner{border-color:var(--ion-color-shade)}:host(.ion-color.ion-activated) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .item-native::after{background:var(--ion-color-contrast)}@media (any-hover: hover){:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native::after{background:var(--ion-color-contrast)}}:host{--min-height:48px;--background:var(--ion-item-background, var(--ion-background-color, #fff));--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--background-activated-opacity:0;--background-focused-opacity:0.12;--background-hover-opacity:0.04;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13))));--color:var(--ion-item-color, var(--ion-text-color, #000));--transition:opacity 15ms linear, background-color 15ms linear;--padding-start:16px;--inner-padding-end:16px;--inner-border-width:0 0 1px 0;font-size:1rem;font-weight:normal;text-transform:none}:host(.ion-color.ion-activated) .item-native::after{background:transparent}:host(.item-interactive){--border-width:0 0 1px 0;--inner-border-width:0}:host(.item-lines-full){--border-width:0 0 1px 0}:host(.item-lines-inset){--inner-border-width:0 0 1px 0}:host(.item-lines-inset),:host(.item-lines-none){--border-width:0}:host(.item-lines-full),:host(.item-lines-none){--inner-border-width:0}:host(.item-multi-line) ::slotted([slot=start]),:host(.item-multi-line) ::slotted([slot=end]){margin-top:16px;margin-bottom:16px;-ms-flex-item-align:start;align-self:flex-start}::slotted([slot=start]){-webkit-margin-end:16px;margin-inline-end:16px}::slotted([slot=end]){-webkit-margin-start:16px;margin-inline-start:16px}::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);font-size:1.5em}:host(.ion-color) ::slotted(ion-icon){color:var(--ion-color-contrast)}::slotted(ion-icon[slot]){margin-top:12px;margin-bottom:12px}::slotted(ion-icon[slot=start]){-webkit-margin-end:32px;margin-inline-end:32px}::slotted(ion-icon[slot=end]){-webkit-margin-start:16px;margin-inline-start:16px}::slotted(ion-toggle[slot=start]),::slotted(ion-toggle[slot=end]){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}::slotted(ion-note){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-ms-flex-item-align:start;align-self:flex-start;font-size:0.6875rem}::slotted(ion-note[slot]){padding-left:0;padding-right:0;padding-top:18px;padding-bottom:10px}::slotted(ion-avatar){width:40px;height:40px}::slotted(ion-thumbnail){--size:56px}::slotted(ion-avatar),::slotted(ion-thumbnail){margin-top:8px;margin-bottom:8px}::slotted(ion-avatar[slot=start]),::slotted(ion-thumbnail[slot=start]){-webkit-margin-end:16px;margin-inline-end:16px}::slotted(ion-avatar[slot=end]),::slotted(ion-thumbnail[slot=end]){-webkit-margin-start:16px;margin-inline-start:16px}::slotted(ion-label){margin-left:0;margin-right:0;margin-top:10px;margin-bottom:10px}:host(.item-label-stacked) ::slotted([slot=end]),:host(.item-label-floating) ::slotted([slot=end]){margin-top:7px;margin-bottom:7px}:host(.item-toggle) ::slotted(ion-label),:host(.item-radio) ::slotted(ion-label){-webkit-margin-start:0;margin-inline-start:0}::slotted(.button-small){--padding-top:2px;--padding-bottom:2px;--padding-start:0.6em;--padding-end:0.6em;min-height:25px;font-size:0.75rem}:host(.item-label-floating),:host(.item-label-stacked){--min-height:55px}:host(.ion-focused:not(.ion-color)) ::slotted(.label-stacked),:host(.ion-focused:not(.ion-color)) ::slotted(.label-floating),:host(.item-has-focus:not(.ion-color)) ::slotted(.label-stacked),:host(.item-has-focus:not(.ion-color)) ::slotted(.label-floating){color:var(--ion-color-primary, var(--ion-color-primary-bold))}`;
|
|
19
16
|
|
|
20
17
|
const Item = class {
|
|
21
18
|
constructor(hostRef) {
|
|
22
|
-
|
|
19
|
+
focusVisible.registerInstance(this, hostRef);
|
|
23
20
|
this.labelColorStyles = {};
|
|
24
21
|
this.itemStyles = new Map();
|
|
25
22
|
this.inheritedAriaAttributes = {};
|
|
@@ -83,17 +80,17 @@ const Item = class {
|
|
|
83
80
|
}
|
|
84
81
|
if (hasStyleChange) {
|
|
85
82
|
this.itemStyles.set(tagName, newStyles);
|
|
86
|
-
|
|
83
|
+
focusVisible.forceUpdate(this);
|
|
87
84
|
}
|
|
88
85
|
}
|
|
89
86
|
connectedCallback() {
|
|
90
87
|
this.hasStartEl();
|
|
91
88
|
}
|
|
92
89
|
componentWillLoad() {
|
|
93
|
-
this.inheritedAriaAttributes =
|
|
90
|
+
this.inheritedAriaAttributes = focusVisible.inheritAttributes(this.el, ['aria-label']);
|
|
94
91
|
}
|
|
95
92
|
componentDidLoad() {
|
|
96
|
-
|
|
93
|
+
focusVisible.raf(() => {
|
|
97
94
|
this.setMultipleInputs();
|
|
98
95
|
this.setIsInteractive();
|
|
99
96
|
this.focusable = this.isFocusable();
|
|
@@ -175,26 +172,26 @@ const Item = class {
|
|
|
175
172
|
// Determine the theme and map to default icons
|
|
176
173
|
const theme = ionicGlobal.getIonTheme(this);
|
|
177
174
|
const defaultIcons = {
|
|
178
|
-
ios: index
|
|
175
|
+
ios: index.chevronForward,
|
|
179
176
|
ionic: caretRight.caretRightSvg,
|
|
180
|
-
md: index
|
|
177
|
+
md: index.chevronForward,
|
|
181
178
|
};
|
|
182
179
|
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
183
180
|
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
184
181
|
// Return the configured item detail icon or the default icon
|
|
185
|
-
return
|
|
182
|
+
return focusVisible.config.get('itemDetailIcon', defaultIcon);
|
|
186
183
|
}
|
|
187
184
|
/**
|
|
188
185
|
* The icon should be flipped when the app is RTL and
|
|
189
186
|
* the icon is a variation of chevron.
|
|
190
187
|
*/
|
|
191
188
|
get shouldFlipIcon() {
|
|
192
|
-
return this.itemDetailIcon === index
|
|
189
|
+
return this.itemDetailIcon === index.chevronForward || this.itemDetailIcon === caretRight.caretRightSvg;
|
|
193
190
|
}
|
|
194
191
|
render() {
|
|
195
192
|
const { detail, download, labelColorStyles, lines, disabled, href, itemDetailIcon, shouldFlipIcon, rel, target, routerAnimation, routerDirection, inheritedAriaAttributes, multipleInputs, } = this;
|
|
196
193
|
const childStyles = {};
|
|
197
|
-
const theme
|
|
194
|
+
const theme = ionicGlobal.getIonTheme(this);
|
|
198
195
|
const clickable = this.isClickable();
|
|
199
196
|
const canActivate = this.canActivate();
|
|
200
197
|
const TagType = clickable ? (href === undefined ? 'button' : 'a') : 'div';
|
|
@@ -214,7 +211,7 @@ const Item = class {
|
|
|
214
211
|
clickFn = {
|
|
215
212
|
onClick: (ev) => {
|
|
216
213
|
if (clickable) {
|
|
217
|
-
|
|
214
|
+
focusVisible.openURL(href, ev, routerDirection, routerAnimation);
|
|
218
215
|
}
|
|
219
216
|
if (firstInteractive !== undefined && !multipleInputs) {
|
|
220
217
|
const path = ev.composedPath();
|
|
@@ -251,33 +248,33 @@ const Item = class {
|
|
|
251
248
|
},
|
|
252
249
|
};
|
|
253
250
|
}
|
|
254
|
-
const showDetail = detail !== undefined ? detail : theme
|
|
251
|
+
const showDetail = detail !== undefined ? detail : theme === 'ios' && clickable;
|
|
255
252
|
this.itemStyles.forEach((value) => {
|
|
256
253
|
Object.assign(childStyles, value);
|
|
257
254
|
});
|
|
258
255
|
const ariaDisabled = disabled || childStyles['item-interactive-disabled'] ? 'true' : null;
|
|
259
|
-
const inList =
|
|
256
|
+
const inList = focusVisible.hostContext('ion-list', this.el) && !focusVisible.hostContext('ion-radio-group', this.el);
|
|
260
257
|
/**
|
|
261
258
|
* Inputs and textareas do not need to show a cursor pointer.
|
|
262
259
|
* However, other form controls such as checkboxes and radios do.
|
|
263
260
|
*/
|
|
264
261
|
const firstInteractiveNeedsPointerCursor = firstInteractive !== undefined && !['ION-INPUT', 'ION-TEXTAREA'].includes(firstInteractive.tagName);
|
|
265
|
-
return (
|
|
262
|
+
return (focusVisible.h(focusVisible.Host, { key: '3d668bd2c93d778acfd10a65c2412d2b3c86c607', "aria-disabled": ariaDisabled, class: Object.assign(Object.assign(Object.assign({}, childStyles), labelColorStyles), focusVisible.createColorClasses(this.color, {
|
|
266
263
|
item: true,
|
|
267
|
-
[theme
|
|
264
|
+
[theme]: true,
|
|
268
265
|
'item-lines-default': lines === undefined,
|
|
269
266
|
[`item-lines-${lines}`]: lines !== undefined,
|
|
270
267
|
'item-control-needs-pointer-cursor': firstInteractiveNeedsPointerCursor,
|
|
271
268
|
'item-disabled': disabled,
|
|
272
269
|
'in-list': inList,
|
|
273
|
-
'in-select-modal':
|
|
270
|
+
'in-select-modal': focusVisible.hostContext('ion-select-modal', this.el),
|
|
274
271
|
'item-multiple-inputs': this.multipleInputs,
|
|
275
272
|
'ion-activatable': canActivate,
|
|
276
273
|
'ion-focusable': this.focusable,
|
|
277
274
|
'item-rtl': document.dir === 'rtl',
|
|
278
|
-
})), role: inList ? 'listitem' : null },
|
|
275
|
+
})), role: inList ? 'listitem' : null }, focusVisible.h(TagType, Object.assign({ key: 'f8913fdf7faa6a9ed3bb6892eb2b4c333257103b' }, attrs, inheritedAriaAttributes, { class: "item-native", part: "native", disabled: disabled }, clickFn), focusVisible.h("slot", { key: '9c84968271a47b8c52721d37322ba2bdbc06415e', name: "start", onSlotchange: this.updateInteractivityOnSlotChange }), focusVisible.h("div", { key: '813328145f24980cbc727e52bb5ee4c0ea2d8050', class: "item-inner", part: "inner" }, focusVisible.h("div", { key: 'c2a47c6eccf8f620bcc41ff1c0cafb546c8c9718', class: "input-wrapper", part: "container" }, focusVisible.h("slot", { key: 'e2d913786a73a3f2157204ddb0d47e3ce109bc01', onSlotchange: this.updateInteractivityOnSlotChange })), focusVisible.h("slot", { key: '76cd810c8d1f31ca78722e122478bd444c39f11c', name: "end", onSlotchange: this.updateInteractivityOnSlotChange }), showDetail && (focusVisible.h("ion-icon", { key: '9c8f026b0e16c3f1c8adc368400c8a999b00ec86', icon: itemDetailIcon, lazy: false, class: "item-detail-icon", part: "detail-icon", "aria-hidden": "true", "flip-rtl": shouldFlipIcon }))), canActivate && theme === 'md' && focusVisible.h("ion-ripple-effect", { key: '47a89410bbda6dc605c5b3495cf8827ad0dabaa0' }))));
|
|
279
276
|
}
|
|
280
|
-
get el() { return
|
|
277
|
+
get el() { return focusVisible.getElement(this); }
|
|
281
278
|
static get watchers() { return {
|
|
282
279
|
"button": [{
|
|
283
280
|
"buttonChanged": 0
|
|
@@ -290,15 +287,11 @@ Item.style = {
|
|
|
290
287
|
md: itemMdCss()
|
|
291
288
|
};
|
|
292
289
|
|
|
293
|
-
const
|
|
294
|
-
|
|
295
|
-
const itemDividerIosCss = () => `:host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--inner-padding-top:0px;--inner-padding-end:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-right:var(--padding-end);padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);overflow:hidden;z-index:100;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}@supports selector(:dir(rtl)){:host(:dir(rtl)){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.item-divider-sticky){position:-webkit-sticky;position:sticky;top:0}.item-divider-inner{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);padding-right:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-left:var(--inner-padding-start);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border:0;overflow:hidden}:host-context([dir=rtl]) .item-divider-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}[dir=rtl] .item-divider-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}@supports selector(:dir(rtl)){.item-divider-inner:dir(rtl){padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}}.item-divider-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:hidden}:host{--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--padding-start:16px;--inner-padding-end:8px;border-radius:0;position:relative;min-height:28px;font-size:1.0625rem;font-weight:600}:host([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:2px;margin-bottom:2px}::slotted(ion-icon[slot=start]),::slotted(ion-icon[slot=end]){margin-top:7px;margin-bottom:7px}::slotted(h1){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px}::slotted(h2){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px}::slotted(h3),::slotted(h4),::slotted(h5),::slotted(h6){margin-left:0;margin-right:0;margin-top:0;margin-bottom:3px}::slotted(p){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;color:var(--ion-text-color-step-550, #a3a3a3);font-size:0.875rem;line-height:normal;text-overflow:inherit;overflow:inherit}::slotted(h2:last-child) ::slotted(h3:last-child),::slotted(h4:last-child),::slotted(h5:last-child),::slotted(h6:last-child),::slotted(p:last-child){margin-bottom:0}`;
|
|
296
|
-
|
|
297
|
-
const itemDividerMdCss = () => `:host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--inner-padding-top:0px;--inner-padding-end:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-right:var(--padding-end);padding-left:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;background:var(--background);color:var(--color);font-family:var(--ion-font-family, inherit);overflow:hidden;z-index:100;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}@supports selector(:dir(rtl)){:host(:dir(rtl)){padding-right:calc(var(--padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--padding-end)}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.item-divider-sticky){position:-webkit-sticky;position:sticky;top:0}.item-divider-inner{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);padding-right:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-left:var(--inner-padding-start);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border:0;overflow:hidden}:host-context([dir=rtl]) .item-divider-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}[dir=rtl] .item-divider-inner{padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}@supports selector(:dir(rtl)){.item-divider-inner:dir(rtl){padding-right:var(--inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--inner-padding-end))}}.item-divider-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:hidden}:host{--background:var(--ion-background-color, #fff);--color:var(--ion-color-step-400, var(--ion-text-color-step-600, #999999));--padding-start:16px;--inner-padding-end:16px;min-height:30px;border-bottom:1px solid var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13)))));font-size:0.875rem}::slotted([slot=start]){-webkit-margin-end:16px;margin-inline-end:16px}::slotted([slot=end]){-webkit-margin-start:16px;margin-inline-start:16px}::slotted(ion-label){margin-left:0;margin-right:0;margin-top:13px;margin-bottom:10px}::slotted(ion-icon){color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);font-size:1.7142857143em}:host(.ion-color) ::slotted(ion-icon){color:var(--ion-color-contrast)}::slotted(ion-icon[slot]){margin-top:12px;margin-bottom:12px}::slotted(ion-icon[slot=start]){-webkit-margin-end:32px;margin-inline-end:32px}::slotted(ion-icon[slot=end]){-webkit-margin-start:16px;margin-inline-start:16px}::slotted(ion-note){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-ms-flex-item-align:start;align-self:flex-start;font-size:0.6875rem}::slotted(ion-note[slot]){padding-left:0;padding-right:0;padding-top:18px;padding-bottom:10px}::slotted(ion-avatar){width:40px;height:40px}::slotted(ion-thumbnail){--size:56px}::slotted(ion-avatar),::slotted(ion-thumbnail){margin-top:8px;margin-bottom:8px}::slotted(ion-avatar[slot=start]),::slotted(ion-thumbnail[slot=start]){-webkit-margin-end:16px;margin-inline-end:16px}::slotted(ion-avatar[slot=end]),::slotted(ion-thumbnail[slot=end]){-webkit-margin-start:16px;margin-inline-start:16px}::slotted(h1){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px}::slotted(h2){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px}::slotted(h3,h4,h5,h6){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px}::slotted(p){margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));font-size:0.875rem;line-height:normal;text-overflow:inherit;overflow:inherit}`;
|
|
290
|
+
const itemDividerCss = () => `:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;padding-top:var(--ion-item-divider-padding-top);padding-bottom:var(--ion-item-divider-padding-bottom);padding-right:var(--ion-item-divider-padding-end);padding-left:calc(var(--ion-item-divider-padding-start) + var(--ion-safe-area-left, 0px));display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--ion-item-divider-min-height);border-bottom:var(--ion-item-divider-border-bottom);background:var(--ion-item-divider-background);color:var(--ion-item-divider-color);font-family:var(--ion-font-family, inherit);font-size:var(--ion-item-divider-font-size);font-weight:var(--ion-item-divider-font-weight);overflow:hidden;z-index:100;-webkit-box-sizing:border-box;box-sizing:border-box}:host-context([dir=rtl]){padding-right:calc(var(--ion-item-divider-padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--ion-item-divider-padding-end)}@supports selector(:dir(rtl)){:host(:dir(rtl)){padding-right:calc(var(--ion-item-divider-padding-start) + var(--ion-safe-area-right, 0px));padding-left:var(--ion-item-divider-padding-end)}}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.item-divider-sticky){position:-webkit-sticky;position:sticky;top:0}.item-divider-inner{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-top:var(--ion-item-divider-inner-padding-top);padding-bottom:var(--ion-item-divider-inner-padding-bottom);padding-right:calc(var(--ion-safe-area-right, 0px) + var(--ion-item-divider-inner-padding-end));padding-left:var(--ion-item-divider-inner-padding-start);display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border:0;overflow:hidden}:host-context([dir=rtl]) .item-divider-inner{padding-right:var(--ion-item-divider-inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--ion-item-divider-inner-padding-end))}[dir=rtl] .item-divider-inner{padding-right:var(--ion-item-divider-inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--ion-item-divider-inner-padding-end))}@supports selector(:dir(rtl)){.item-divider-inner:dir(rtl){padding-right:var(--ion-item-divider-inner-padding-start);padding-left:calc(var(--ion-safe-area-left, 0px) + var(--ion-item-divider-inner-padding-end))}}.item-divider-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:hidden}::slotted([slot=start]){-webkit-margin-start:var(--ion-item-divider-start-slotted-margin-start, revert-layer);margin-inline-start:var(--ion-item-divider-start-slotted-margin-start, revert-layer);-webkit-margin-end:var(--ion-item-divider-start-slotted-margin-end, revert-layer);margin-inline-end:var(--ion-item-divider-start-slotted-margin-end, revert-layer)}::slotted([slot=end]){-webkit-margin-start:var(--ion-item-end-slotted-margin-start, revert-layer);margin-inline-start:var(--ion-item-end-slotted-margin-start, revert-layer);-webkit-margin-end:var(--ion-item-end-slotted-margin-end, revert-layer);margin-inline-end:var(--ion-item-end-slotted-margin-end, revert-layer)}::slotted(ion-label){-webkit-margin-start:var(--ion-item-divider-label-margin-start);margin-inline-start:var(--ion-item-divider-label-margin-start);-webkit-margin-end:var(--ion-item-divider-label-margin-end);margin-inline-end:var(--ion-item-divider-label-margin-end);margin-top:var(--ion-item-divider-label-margin-top);margin-bottom:var(--ion-item-divider-label-margin-bottom)}::slotted(ion-icon){color:var(--ion-item-divider-icon-default-color);font-size:var(--ion-item-divider-icon-font-size)}:host(.ion-color) ::slotted(ion-icon){color:var(--ion-item-divider-icon-semantic-default-color)}::slotted(ion-icon[slot=start]){-webkit-margin-start:var(--ion-item-divider-icon-start-slotted-margin-start, revert-layer);margin-inline-start:var(--ion-item-divider-icon-start-slotted-margin-start, revert-layer);-webkit-margin-end:var(--ion-item-divider-icon-start-slotted-margin-end, revert-layer);margin-inline-end:var(--ion-item-divider-icon-start-slotted-margin-end, revert-layer);margin-top:var(--ion-item-divider-icon-start-slotted-margin-top, revert-layer);margin-bottom:var(--ion-item-divider-icon-start-slotted-margin-bottom, revert-layer)}::slotted(ion-icon[slot=end]){-webkit-margin-start:var(--ion-item-divider-icon-end-slotted-margin-start, revert-layer);margin-inline-start:var(--ion-item-divider-icon-end-slotted-margin-start, revert-layer);-webkit-margin-end:var(--ion-item-divider-icon-end-slotted-margin-end, revert-layer);margin-inline-end:var(--ion-item-divider-icon-end-slotted-margin-end, revert-layer);margin-top:var(--ion-item-divider-icon-end-slotted-margin-top, revert-layer);margin-bottom:var(--ion-item-divider-icon-end-slotted-margin-bottom, revert-layer)}::slotted(ion-note){-webkit-margin-start:var(--ion-item-divider-note-margin-start);margin-inline-start:var(--ion-item-divider-note-margin-start);-webkit-margin-end:var(--ion-item-divider-note-margin-end);margin-inline-end:var(--ion-item-divider-note-margin-end);margin-top:var(--ion-item-divider-note-margin-top);margin-bottom:var(--ion-item-divider-note-margin-bottom);-ms-flex-item-align:var(--ion-item-divider-note-align-self);align-self:var(--ion-item-divider-note-align-self);font-size:var(--ion-item-divider-note-font-size, revert-layer)}::slotted(ion-note[slot]){-webkit-padding-start:var(--ion-item-divider-note-padding-start);padding-inline-start:var(--ion-item-divider-note-padding-start);-webkit-padding-end:var(--ion-item-divider-note-padding-end);padding-inline-end:var(--ion-item-divider-note-padding-end);padding-top:var(--ion-item-divider-note-padding-top);padding-bottom:var(--ion-item-divider-note-padding-bottom)}::slotted(ion-avatar){-webkit-margin-start:var(--ion-item-divider-avatar-margin-start);margin-inline-start:var(--ion-item-divider-avatar-margin-start);-webkit-margin-end:var(--ion-item-divider-avatar-margin-end);margin-inline-end:var(--ion-item-divider-avatar-margin-end);margin-top:var(--ion-item-divider-avatar-margin-top);margin-bottom:var(--ion-item-divider-avatar-margin-bottom);width:var(--ion-item-divider-avatar-width, revert-layer);height:var(--ion-item-divider-avatar-height, revert-layer)}::slotted(ion-avatar[slot=start]){-webkit-margin-start:var(--ion-item-divider-avatar-start-slotted-margin-start);margin-inline-start:var(--ion-item-divider-avatar-start-slotted-margin-start);-webkit-margin-end:var(--ion-item-divider-avatar-start-slotted-margin-end);margin-inline-end:var(--ion-item-divider-avatar-start-slotted-margin-end)}::slotted(ion-avatar[slot=end]){-webkit-margin-start:var(--ion-item-divider-avatar-end-slotted-margin-start);margin-inline-start:var(--ion-item-divider-avatar-end-slotted-margin-start);-webkit-margin-end:var(--ion-item-divider-avatar-end-slotted-margin-end);margin-inline-end:var(--ion-item-divider-avatar-end-slotted-margin-end)}::slotted(ion-thumbnail){--size:var(--ion-item-divider-thumbnail-width);-webkit-margin-start:var(--ion-item-divider-thumbnail-margin-start);margin-inline-start:var(--ion-item-divider-thumbnail-margin-start);-webkit-margin-end:var(--ion-item-divider-thumbnail-margin-end);margin-inline-end:var(--ion-item-divider-thumbnail-margin-end);margin-top:var(--ion-item-divider-thumbnail-margin-top);margin-bottom:var(--ion-item-divider-thumbnail-margin-bottom)}::slotted(ion-thumbnail[slot=start]){-webkit-margin-start:var(--ion-item-divider-thumbnail-start-slotted-margin-start);margin-inline-start:var(--ion-item-divider-thumbnail-start-slotted-margin-start);-webkit-margin-end:var(--ion-item-divider-thumbnail-start-slotted-margin-end);margin-inline-end:var(--ion-item-divider-thumbnail-start-slotted-margin-end)}::slotted(ion-thumbnail[slot=end]){-webkit-margin-start:var(--ion-item-divider-thumbnail-end-slotted-margin-start);margin-inline-start:var(--ion-item-divider-thumbnail-end-slotted-margin-start);-webkit-margin-end:var(--ion-item-divider-thumbnail-end-slotted-margin-end);margin-inline-end:var(--ion-item-divider-thumbnail-end-slotted-margin-end)}::slotted(p){-webkit-margin-start:var(--ion-item-divider-paragraph-margin-start);margin-inline-start:var(--ion-item-divider-paragraph-margin-start);-webkit-margin-end:var(--ion-item-divider-paragraph-margin-end);margin-inline-end:var(--ion-item-divider-paragraph-margin-end);margin-top:var(--ion-item-divider-paragraph-margin-top);margin-bottom:var(--ion-item-divider-paragraph-margin-bottom);color:var(--ion-item-divider-paragraph-color);font-size:var(--ion-item-divider-paragraph-font-size);line-height:normal;text-overflow:var(--ion-item-divider-paragraph-text-overflow);overflow:var(--ion-item-divider-paragraph-overflow)}::slotted(p:last-child){-webkit-margin-start:var(--ion-item-divider-paragraph-trailing-margin-start);margin-inline-start:var(--ion-item-divider-paragraph-trailing-margin-start);-webkit-margin-end:var(--ion-item-divider-paragraph-trailing-margin-end);margin-inline-end:var(--ion-item-divider-paragraph-trailing-margin-end);margin-top:var(--ion-item-divider-paragraph-trailing-margin-top);margin-bottom:var(--ion-item-divider-paragraph-trailing-margin-bottom, 0)}`;
|
|
298
291
|
|
|
299
292
|
const ItemDivider = class {
|
|
300
293
|
constructor(hostRef) {
|
|
301
|
-
|
|
294
|
+
focusVisible.registerInstance(this, hostRef);
|
|
302
295
|
/**
|
|
303
296
|
* When it's set to `true`, the item-divider will stay visible when it reaches the top
|
|
304
297
|
* of the viewport until the next `ion-item-divider` replaces it.
|
|
@@ -309,20 +302,15 @@ const ItemDivider = class {
|
|
|
309
302
|
this.sticky = false;
|
|
310
303
|
}
|
|
311
304
|
render() {
|
|
312
|
-
const
|
|
313
|
-
return (
|
|
314
|
-
|
|
315
|
-
'item-divider-sticky': this.sticky,
|
|
305
|
+
const { color, sticky } = this;
|
|
306
|
+
return (focusVisible.h(focusVisible.Host, { key: '7994a96b76ca9d950c9d880538f03ad1bc07b7f7', class: focusVisible.createColorClasses(color, {
|
|
307
|
+
'item-divider-sticky': sticky,
|
|
316
308
|
item: true,
|
|
317
|
-
}) },
|
|
309
|
+
}) }, focusVisible.h("slot", { key: 'a7ed7f3f068bbb0ff307352bc57dc9385f87faf0', name: "start" }), focusVisible.h("div", { key: '925b608636476a261d6713fe2ab49e6fd1672ffb', class: "item-divider-inner", part: "inner" }, focusVisible.h("div", { key: 'd6a6a2ec63e9bef850e581db58099114c86f1eec', class: "item-divider-wrapper", part: "container" }, focusVisible.h("slot", { key: '09b0780db4fbb0803e2e8cf0df664616fb68ae4c' })), focusVisible.h("slot", { key: 'd12ec6563c4b400c1d201a73412925489f43f974', name: "end" }))));
|
|
318
310
|
}
|
|
319
|
-
get el() { return
|
|
320
|
-
};
|
|
321
|
-
ItemDivider.style = {
|
|
322
|
-
ionic: ionicItemDividerMdCss(),
|
|
323
|
-
ios: itemDividerIosCss(),
|
|
324
|
-
md: itemDividerMdCss()
|
|
311
|
+
get el() { return focusVisible.getElement(this); }
|
|
325
312
|
};
|
|
313
|
+
ItemDivider.style = itemDividerCss();
|
|
326
314
|
|
|
327
315
|
const ionicItemGroupMdCss = () => `ion-item-group{display:block}`;
|
|
328
316
|
|
|
@@ -332,11 +320,11 @@ const itemGroupMdCss = () => `ion-item-group{display:block}`;
|
|
|
332
320
|
|
|
333
321
|
const ItemGroup = class {
|
|
334
322
|
constructor(hostRef) {
|
|
335
|
-
|
|
323
|
+
focusVisible.registerInstance(this, hostRef);
|
|
336
324
|
}
|
|
337
325
|
render() {
|
|
338
326
|
const theme = ionicGlobal.getIonTheme(this);
|
|
339
|
-
return (
|
|
327
|
+
return (focusVisible.h(focusVisible.Host, { key: '3fb0784b321736344604e259cfb05c6307159bed', role: "group", class: {
|
|
340
328
|
[theme]: true,
|
|
341
329
|
// Used internally for styling
|
|
342
330
|
[`item-group-${theme}`]: true,
|
|
@@ -350,17 +338,17 @@ ItemGroup.style = {
|
|
|
350
338
|
md: itemGroupMdCss()
|
|
351
339
|
};
|
|
352
340
|
|
|
353
|
-
const ionicLabelMdCss = () => `.item.sc-ion-label-ionic-h,.item .sc-ion-label-ionic-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-ionic-h{color:var(--ion-color-base)}.ion-text-nowrap.sc-ion-label-ionic-h{overflow:hidden}.item-interactive-disabled.sc-ion-label-ionic-h:not(.item-multiple-inputs),.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-ionic-h{cursor:default;opacity:0.3;pointer-events:none}.item-input.sc-ion-label-ionic-h,.item-input .sc-ion-label-ionic-h{-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}.item-textarea.sc-ion-label-ionic-h,.item-textarea .sc-ion-label-ionic-h{-ms-flex-item-align:baseline;align-self:baseline}.item-skeleton-text.sc-ion-label-ionic-h,.item-skeleton-text .sc-ion-label-ionic-h{overflow:hidden}.label-fixed.sc-ion-label-ionic-h{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.label-stacked.sc-ion-label-ionic-h,.label-floating.sc-ion-label-ionic-h{margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}.label-no-animate.label-floating.sc-ion-label-ionic-h{-webkit-transition:none;transition:none}.sc-ion-label-ionic-s h1,.sc-ion-label-ionic-s h2,.sc-ion-label-ionic-s h3,.sc-ion-label-ionic-s h4,.sc-ion-label-ionic-s h5,.sc-ion-label-ionic-s h6{text-overflow:inherit;overflow:inherit}.ion-text-wrap.sc-ion-label-ionic-h{line-height:1.5}.label-stacked.sc-ion-label-ionic-h,.label-floating.sc-ion-label-ionic-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-transform-origin:top left;transform-origin:top left}.label-stacked.label-rtl.sc-ion-label-ionic-h,.label-floating.label-rtl.sc-ion-label-ionic-h{-webkit-transform-origin:top right;transform-origin:top right}.label-stacked.sc-ion-label-ionic-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1)}.label-floating.sc-ion-label-ionic-h{-webkit-transform:translateY(96%);transform:translateY(96%);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}.ion-focused.label-floating.sc-ion-label-ionic-h,.ion-focused .label-floating.sc-ion-label-ionic-h,.item-has-focus.label-floating.sc-ion-label-ionic-h,.item-has-focus .label-floating.sc-ion-label-ionic-h,.item-has-placeholder.sc-ion-label-ionic-h:not(.item-input).label-floating,.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-ionic-h,.item-has-value.label-floating.sc-ion-label-ionic-h,.item-has-value .label-floating.sc-ion-label-ionic-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75)}.ion-focused.label-stacked.sc-ion-label-ionic-h:not(.ion-color),.ion-focused .label-stacked.sc-ion-label-ionic-h:not(.ion-color),.ion-focused.label-floating.sc-ion-label-ionic-h:not(.ion-color),.ion-focused .label-floating.sc-ion-label-ionic-h:not(.ion-color),.item-has-focus.label-stacked.sc-ion-label-ionic-h:not(.ion-color),.item-has-focus .label-stacked.sc-ion-label-ionic-h:not(.ion-color),.item-has-focus.label-floating.sc-ion-label-ionic-h:not(.ion-color),.item-has-focus .label-floating.sc-ion-label-ionic-h:not(.ion-color){color:var(--ion-color-primary,
|
|
341
|
+
const ionicLabelMdCss = () => `.item.sc-ion-label-ionic-h,.item .sc-ion-label-ionic-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-ionic-h{color:var(--ion-color-base)}.ion-text-nowrap.sc-ion-label-ionic-h{overflow:hidden}.item-interactive-disabled.sc-ion-label-ionic-h:not(.item-multiple-inputs),.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-ionic-h{cursor:default;opacity:0.3;pointer-events:none}.item-input.sc-ion-label-ionic-h,.item-input .sc-ion-label-ionic-h{-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}.item-textarea.sc-ion-label-ionic-h,.item-textarea .sc-ion-label-ionic-h{-ms-flex-item-align:baseline;align-self:baseline}.item-skeleton-text.sc-ion-label-ionic-h,.item-skeleton-text .sc-ion-label-ionic-h{overflow:hidden}.label-fixed.sc-ion-label-ionic-h{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.label-stacked.sc-ion-label-ionic-h,.label-floating.sc-ion-label-ionic-h{margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}.label-no-animate.label-floating.sc-ion-label-ionic-h{-webkit-transition:none;transition:none}.sc-ion-label-ionic-s h1,.sc-ion-label-ionic-s h2,.sc-ion-label-ionic-s h3,.sc-ion-label-ionic-s h4,.sc-ion-label-ionic-s h5,.sc-ion-label-ionic-s h6{text-overflow:inherit;overflow:inherit}.ion-text-wrap.sc-ion-label-ionic-h{line-height:1.5}.label-stacked.sc-ion-label-ionic-h,.label-floating.sc-ion-label-ionic-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-transform-origin:top left;transform-origin:top left}.label-stacked.label-rtl.sc-ion-label-ionic-h,.label-floating.label-rtl.sc-ion-label-ionic-h{-webkit-transform-origin:top right;transform-origin:top right}.label-stacked.sc-ion-label-ionic-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1)}.label-floating.sc-ion-label-ionic-h{-webkit-transform:translateY(96%);transform:translateY(96%);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}.ion-focused.label-floating.sc-ion-label-ionic-h,.ion-focused .label-floating.sc-ion-label-ionic-h,.item-has-focus.label-floating.sc-ion-label-ionic-h,.item-has-focus .label-floating.sc-ion-label-ionic-h,.item-has-placeholder.sc-ion-label-ionic-h:not(.item-input).label-floating,.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-ionic-h,.item-has-value.label-floating.sc-ion-label-ionic-h,.item-has-value .label-floating.sc-ion-label-ionic-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75)}.ion-focused.label-stacked.sc-ion-label-ionic-h:not(.ion-color),.ion-focused .label-stacked.sc-ion-label-ionic-h:not(.ion-color),.ion-focused.label-floating.sc-ion-label-ionic-h:not(.ion-color),.ion-focused .label-floating.sc-ion-label-ionic-h:not(.ion-color),.item-has-focus.label-stacked.sc-ion-label-ionic-h:not(.ion-color),.item-has-focus .label-stacked.sc-ion-label-ionic-h:not(.ion-color),.item-has-focus.label-floating.sc-ion-label-ionic-h:not(.ion-color),.item-has-focus .label-floating.sc-ion-label-ionic-h:not(.ion-color){color:var(--ion-color-primary, var(--ion-color-primary-bold))}.ion-focused.ion-color.label-stacked.sc-ion-label-ionic-h:not(.ion-color),.ion-focused.ion-color .label-stacked.sc-ion-label-ionic-h:not(.ion-color),.ion-focused.ion-color.label-floating.sc-ion-label-ionic-h:not(.ion-color),.ion-focused.ion-color .label-floating.sc-ion-label-ionic-h:not(.ion-color),.item-has-focus.ion-color.label-stacked.sc-ion-label-ionic-h:not(.ion-color),.item-has-focus.ion-color .label-stacked.sc-ion-label-ionic-h:not(.ion-color),.item-has-focus.ion-color.label-floating.sc-ion-label-ionic-h:not(.ion-color),.item-has-focus.ion-color .label-floating.sc-ion-label-ionic-h:not(.ion-color){color:var(--ion-color-contrast)}.ion-invalid.ion-touched.label-stacked.sc-ion-label-ionic-h:not(.ion-color),.ion-invalid.ion-touched .label-stacked.sc-ion-label-ionic-h:not(.ion-color),.ion-invalid.ion-touched.label-floating.sc-ion-label-ionic-h:not(.ion-color),.ion-invalid.ion-touched .label-floating.sc-ion-label-ionic-h:not(.ion-color){color:var(--highlight-color-invalid)}.sc-ion-label-ionic-s h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}.sc-ion-label-ionic-s h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;font-weight:normal}.sc-ion-label-ionic-s h3,.sc-ion-label-ionic-s h4,.sc-ion-label-ionic-s h5,.sc-ion-label-ionic-s h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:0.875rem;font-weight:normal;line-height:normal}.sc-ion-label-ionic-s p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;line-height:1.25rem;text-overflow:inherit;overflow:inherit}.sc-ion-label-ionic-s>p{color:var(--ion-text-color-step-400, #666666)}.sc-ion-label-ionic-h.in-item-color.sc-ion-label-ionic-s>p{color:inherit}`;
|
|
354
342
|
|
|
355
|
-
const labelIosCss = () => `.item.sc-ion-label-ios-h,.item .sc-ion-label-ios-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-ios-h{color:var(--ion-color-base)}.ion-text-nowrap.sc-ion-label-ios-h{overflow:hidden}.item-interactive-disabled.sc-ion-label-ios-h:not(.item-multiple-inputs),.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-ios-h{cursor:default;opacity:0.3;pointer-events:none}.item-input.sc-ion-label-ios-h,.item-input .sc-ion-label-ios-h{-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}.item-textarea.sc-ion-label-ios-h,.item-textarea .sc-ion-label-ios-h{-ms-flex-item-align:baseline;align-self:baseline}.item-skeleton-text.sc-ion-label-ios-h,.item-skeleton-text .sc-ion-label-ios-h{overflow:hidden}.label-fixed.sc-ion-label-ios-h{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.label-stacked.sc-ion-label-ios-h,.label-floating.sc-ion-label-ios-h{margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}.label-no-animate.label-floating.sc-ion-label-ios-h{-webkit-transition:none;transition:none}.sc-ion-label-ios-s h1,.sc-ion-label-ios-s h2,.sc-ion-label-ios-s h3,.sc-ion-label-ios-s h4,.sc-ion-label-ios-s h5,.sc-ion-label-ios-s h6{text-overflow:inherit;overflow:inherit}.ion-text-wrap.sc-ion-label-ios-h{font-size:0.875rem;line-height:1.5}.label-stacked.sc-ion-label-ios-h{margin-bottom:4px;font-size:0.875rem}.label-floating.sc-ion-label-ios-h{margin-bottom:0;-webkit-transform:translate(0, 29px);transform:translate(0, 29px);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out}[dir=rtl].sc-ion-label-ios-h -no-combinator.label-floating.sc-ion-label-ios-h,[dir=rtl] .sc-ion-label-ios-h -no-combinator.label-floating.sc-ion-label-ios-h,[dir=rtl].label-floating.sc-ion-label-ios-h,[dir=rtl] .label-floating.sc-ion-label-ios-h{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.label-floating.sc-ion-label-ios-h:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.item-textarea.label-floating.sc-ion-label-ios-h,.item-textarea .label-floating.sc-ion-label-ios-h{-webkit-transform:translate(0, 28px);transform:translate(0, 28px)}.item-has-focus.label-floating.sc-ion-label-ios-h,.item-has-focus .label-floating.sc-ion-label-ios-h,.item-has-placeholder.sc-ion-label-ios-h:not(.item-input).label-floating,.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-ios-h,.item-has-value.label-floating.sc-ion-label-ios-h,.item-has-value .label-floating.sc-ion-label-ios-h{-webkit-transform:scale(0.82);transform:scale(0.82)}.sc-ion-label-ios-s h1{margin-left:0;margin-right:0;margin-top:3px;margin-bottom:2px;font-size:1.375rem;font-weight:normal}.sc-ion-label-ios-s h2{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.0625rem;font-weight:normal}.sc-ion-label-ios-s h3,.sc-ion-label-ios-s h4,.sc-ion-label-ios-s h5,.sc-ion-label-ios-s h6{margin-left:0;margin-right:0;margin-top:0;margin-bottom:3px;font-size:0.875rem;font-weight:normal;line-height:normal}.sc-ion-label-ios-s p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;line-height:normal;text-overflow:inherit;overflow:inherit}.sc-ion-label-ios-s>p{color:var(--ion-
|
|
343
|
+
const labelIosCss = () => `.item.sc-ion-label-ios-h,.item .sc-ion-label-ios-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-ios-h{color:var(--ion-color-base)}.ion-text-nowrap.sc-ion-label-ios-h{overflow:hidden}.item-interactive-disabled.sc-ion-label-ios-h:not(.item-multiple-inputs),.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-ios-h{cursor:default;opacity:0.3;pointer-events:none}.item-input.sc-ion-label-ios-h,.item-input .sc-ion-label-ios-h{-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}.item-textarea.sc-ion-label-ios-h,.item-textarea .sc-ion-label-ios-h{-ms-flex-item-align:baseline;align-self:baseline}.item-skeleton-text.sc-ion-label-ios-h,.item-skeleton-text .sc-ion-label-ios-h{overflow:hidden}.label-fixed.sc-ion-label-ios-h{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.label-stacked.sc-ion-label-ios-h,.label-floating.sc-ion-label-ios-h{margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}.label-no-animate.label-floating.sc-ion-label-ios-h{-webkit-transition:none;transition:none}.sc-ion-label-ios-s h1,.sc-ion-label-ios-s h2,.sc-ion-label-ios-s h3,.sc-ion-label-ios-s h4,.sc-ion-label-ios-s h5,.sc-ion-label-ios-s h6{text-overflow:inherit;overflow:inherit}.ion-text-wrap.sc-ion-label-ios-h{font-size:0.875rem;line-height:1.5}.label-stacked.sc-ion-label-ios-h{margin-bottom:4px;font-size:0.875rem}.label-floating.sc-ion-label-ios-h{margin-bottom:0;-webkit-transform:translate(0, 29px);transform:translate(0, 29px);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out}[dir=rtl].sc-ion-label-ios-h -no-combinator.label-floating.sc-ion-label-ios-h,[dir=rtl] .sc-ion-label-ios-h -no-combinator.label-floating.sc-ion-label-ios-h,[dir=rtl].label-floating.sc-ion-label-ios-h,[dir=rtl] .label-floating.sc-ion-label-ios-h{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.label-floating.sc-ion-label-ios-h:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.item-textarea.label-floating.sc-ion-label-ios-h,.item-textarea .label-floating.sc-ion-label-ios-h{-webkit-transform:translate(0, 28px);transform:translate(0, 28px)}.item-has-focus.label-floating.sc-ion-label-ios-h,.item-has-focus .label-floating.sc-ion-label-ios-h,.item-has-placeholder.sc-ion-label-ios-h:not(.item-input).label-floating,.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-ios-h,.item-has-value.label-floating.sc-ion-label-ios-h,.item-has-value .label-floating.sc-ion-label-ios-h{-webkit-transform:scale(0.82);transform:scale(0.82)}.sc-ion-label-ios-s h1{margin-left:0;margin-right:0;margin-top:3px;margin-bottom:2px;font-size:1.375rem;font-weight:normal}.sc-ion-label-ios-s h2{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.0625rem;font-weight:normal}.sc-ion-label-ios-s h3,.sc-ion-label-ios-s h4,.sc-ion-label-ios-s h5,.sc-ion-label-ios-s h6{margin-left:0;margin-right:0;margin-top:0;margin-bottom:3px;font-size:0.875rem;font-weight:normal;line-height:normal}.sc-ion-label-ios-s p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;line-height:normal;text-overflow:inherit;overflow:inherit}.sc-ion-label-ios-s>p{color:var(--ion-text-color-step-600, #999999)}.sc-ion-label-ios-h.in-item-color.sc-ion-label-ios-s>p{color:inherit}.sc-ion-label-ios-s h2:last-child,.sc-ion-label-ios-s h3:last-child,.sc-ion-label-ios-s h4:last-child,.sc-ion-label-ios-s h5:last-child,.sc-ion-label-ios-s h6:last-child,.sc-ion-label-ios-s p:last-child{margin-bottom:0}`;
|
|
356
344
|
|
|
357
|
-
const labelMdCss = () => `.item.sc-ion-label-md-h,.item .sc-ion-label-md-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-md-h{color:var(--ion-color-base)}.ion-text-nowrap.sc-ion-label-md-h{overflow:hidden}.item-interactive-disabled.sc-ion-label-md-h:not(.item-multiple-inputs),.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-md-h{cursor:default;opacity:0.3;pointer-events:none}.item-input.sc-ion-label-md-h,.item-input .sc-ion-label-md-h{-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}.item-textarea.sc-ion-label-md-h,.item-textarea .sc-ion-label-md-h{-ms-flex-item-align:baseline;align-self:baseline}.item-skeleton-text.sc-ion-label-md-h,.item-skeleton-text .sc-ion-label-md-h{overflow:hidden}.label-fixed.sc-ion-label-md-h{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.label-stacked.sc-ion-label-md-h,.label-floating.sc-ion-label-md-h{margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}.label-no-animate.label-floating.sc-ion-label-md-h{-webkit-transition:none;transition:none}.sc-ion-label-md-s h1,.sc-ion-label-md-s h2,.sc-ion-label-md-s h3,.sc-ion-label-md-s h4,.sc-ion-label-md-s h5,.sc-ion-label-md-s h6{text-overflow:inherit;overflow:inherit}.ion-text-wrap.sc-ion-label-md-h{line-height:1.5}.label-stacked.sc-ion-label-md-h,.label-floating.sc-ion-label-md-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-transform-origin:top left;transform-origin:top left}.label-stacked.label-rtl.sc-ion-label-md-h,.label-floating.label-rtl.sc-ion-label-md-h{-webkit-transform-origin:top right;transform-origin:top right}.label-stacked.sc-ion-label-md-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1)}.label-floating.sc-ion-label-md-h{-webkit-transform:translateY(96%);transform:translateY(96%);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}.ion-focused.label-floating.sc-ion-label-md-h,.ion-focused .label-floating.sc-ion-label-md-h,.item-has-focus.label-floating.sc-ion-label-md-h,.item-has-focus .label-floating.sc-ion-label-md-h,.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating,.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h,.item-has-value.label-floating.sc-ion-label-md-h,.item-has-value .label-floating.sc-ion-label-md-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75)}.ion-focused.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-focused .label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--ion-color-primary,
|
|
345
|
+
const labelMdCss = () => `.item.sc-ion-label-md-h,.item .sc-ion-label-md-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-md-h{color:var(--ion-color-base)}.ion-text-nowrap.sc-ion-label-md-h{overflow:hidden}.item-interactive-disabled.sc-ion-label-md-h:not(.item-multiple-inputs),.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-md-h{cursor:default;opacity:0.3;pointer-events:none}.item-input.sc-ion-label-md-h,.item-input .sc-ion-label-md-h{-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}.item-textarea.sc-ion-label-md-h,.item-textarea .sc-ion-label-md-h{-ms-flex-item-align:baseline;align-self:baseline}.item-skeleton-text.sc-ion-label-md-h,.item-skeleton-text .sc-ion-label-md-h{overflow:hidden}.label-fixed.sc-ion-label-md-h{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.label-stacked.sc-ion-label-md-h,.label-floating.sc-ion-label-md-h{margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}.label-no-animate.label-floating.sc-ion-label-md-h{-webkit-transition:none;transition:none}.sc-ion-label-md-s h1,.sc-ion-label-md-s h2,.sc-ion-label-md-s h3,.sc-ion-label-md-s h4,.sc-ion-label-md-s h5,.sc-ion-label-md-s h6{text-overflow:inherit;overflow:inherit}.ion-text-wrap.sc-ion-label-md-h{line-height:1.5}.label-stacked.sc-ion-label-md-h,.label-floating.sc-ion-label-md-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-transform-origin:top left;transform-origin:top left}.label-stacked.label-rtl.sc-ion-label-md-h,.label-floating.label-rtl.sc-ion-label-md-h{-webkit-transform-origin:top right;transform-origin:top right}.label-stacked.sc-ion-label-md-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1)}.label-floating.sc-ion-label-md-h{-webkit-transform:translateY(96%);transform:translateY(96%);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}.ion-focused.label-floating.sc-ion-label-md-h,.ion-focused .label-floating.sc-ion-label-md-h,.item-has-focus.label-floating.sc-ion-label-md-h,.item-has-focus .label-floating.sc-ion-label-md-h,.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating,.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h,.item-has-value.label-floating.sc-ion-label-md-h,.item-has-value .label-floating.sc-ion-label-md-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75)}.ion-focused.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-focused .label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--ion-color-primary, var(--ion-color-primary-bold))}.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--ion-color-contrast)}.ion-invalid.ion-touched.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--highlight-color-invalid)}.sc-ion-label-md-s h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}.sc-ion-label-md-s h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;font-weight:normal}.sc-ion-label-md-s h3,.sc-ion-label-md-s h4,.sc-ion-label-md-s h5,.sc-ion-label-md-s h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:0.875rem;font-weight:normal;line-height:normal}.sc-ion-label-md-s p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;line-height:1.25rem;text-overflow:inherit;overflow:inherit}.sc-ion-label-md-s>p{color:var(--ion-text-color-step-400, #666666)}.sc-ion-label-md-h.in-item-color.sc-ion-label-md-s>p{color:inherit}`;
|
|
358
346
|
|
|
359
347
|
const Label = class {
|
|
360
348
|
constructor(hostRef) {
|
|
361
|
-
|
|
362
|
-
this.ionColor =
|
|
363
|
-
this.ionStyle =
|
|
349
|
+
focusVisible.registerInstance(this, hostRef);
|
|
350
|
+
this.ionColor = focusVisible.createEvent(this, "ionColor", 7);
|
|
351
|
+
this.ionStyle = focusVisible.createEvent(this, "ionStyle", 7);
|
|
364
352
|
this.inRange = false;
|
|
365
353
|
this.noAnimate = false;
|
|
366
354
|
}
|
|
@@ -409,16 +397,16 @@ const Label = class {
|
|
|
409
397
|
}
|
|
410
398
|
render() {
|
|
411
399
|
const position = this.position;
|
|
412
|
-
const theme
|
|
413
|
-
return (
|
|
414
|
-
[theme
|
|
415
|
-
'in-item-color':
|
|
400
|
+
const theme = ionicGlobal.getIonTheme(this);
|
|
401
|
+
return (focusVisible.h(focusVisible.Host, { key: 'd730045c08ba576082563398ab51fc903577d214', class: focusVisible.createColorClasses(this.color, {
|
|
402
|
+
[theme]: true,
|
|
403
|
+
'in-item-color': focusVisible.hostContext('ion-item.ion-color', this.el),
|
|
416
404
|
[`label-${position}`]: position !== undefined,
|
|
417
405
|
[`label-no-animate`]: this.noAnimate,
|
|
418
406
|
'label-rtl': document.dir === 'rtl',
|
|
419
|
-
}) },
|
|
407
|
+
}) }, focusVisible.h("slot", { key: '604289ef567339c83fb409371224906819a9d7cc' })));
|
|
420
408
|
}
|
|
421
|
-
get el() { return
|
|
409
|
+
get el() { return focusVisible.getElement(this); }
|
|
422
410
|
static get watchers() { return {
|
|
423
411
|
"color": [{
|
|
424
412
|
"colorChanged": 0
|
|
@@ -442,7 +430,7 @@ const listMdCss = () => `ion-list{margin-left:0;margin-right:0;margin-top:0;marg
|
|
|
442
430
|
|
|
443
431
|
const List = class {
|
|
444
432
|
constructor(hostRef) {
|
|
445
|
-
|
|
433
|
+
focusVisible.registerInstance(this, hostRef);
|
|
446
434
|
/**
|
|
447
435
|
* If `true`, the list will have margin around it and rounded corners.
|
|
448
436
|
*/
|
|
@@ -480,7 +468,7 @@ const List = class {
|
|
|
480
468
|
const theme = ionicGlobal.getIonTheme(this);
|
|
481
469
|
const shape = this.getShape();
|
|
482
470
|
const { lines, inset } = this;
|
|
483
|
-
return (
|
|
471
|
+
return (focusVisible.h(focusVisible.Host, { key: 'dcdfb595a6b45307f9810e1ded25ba635c947940', role: "list", class: {
|
|
484
472
|
[theme]: true,
|
|
485
473
|
// Used internally for styling
|
|
486
474
|
[`list-${theme}`]: true,
|
|
@@ -490,7 +478,7 @@ const List = class {
|
|
|
490
478
|
[`list-${shape}`]: shape !== undefined,
|
|
491
479
|
} }));
|
|
492
480
|
}
|
|
493
|
-
get el() { return
|
|
481
|
+
get el() { return focusVisible.getElement(this); }
|
|
494
482
|
};
|
|
495
483
|
List.style = {
|
|
496
484
|
ionic: listIonicCss(),
|
|
@@ -500,21 +488,21 @@ List.style = {
|
|
|
500
488
|
|
|
501
489
|
const listHeaderIonicCss = () => `:host{--border-style:solid;--border-width:0;--inner-border-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:40px;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);overflow:hidden}.list-header-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex:1 1 auto;flex:1 1 auto}:host(.list-header-lines-inset),:host(.list-header-lines-none){--border-width:0}:host(.list-header-lines-full),:host(.list-header-lines-none){--inner-border-width:0}:host{--background:transparent;--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;min-height:calc(var(--token-scale-1400, 56px) + var(--token-scale-050, 2px));overflow:visible;padding-right:calc(var(--ion-safe-area-right, 0px) + var(--token-space-400, var(--token-scale-400, 16px)));padding-left:calc(var(--ion-safe-area-left, 0px) + var(--token-space-400, var(--token-scale-400, 16px)));}:host-context([dir=rtl]){padding-right:calc(var(--ion-safe-area-right, 0px) + var(--token-space-400, var(--token-scale-400, 16px)));padding-left:calc(var(--ion-safe-area-left, 0px) + var(--token-space-400, var(--token-scale-400, 16px)))}@supports selector(:dir(rtl)){:host(:dir(rtl)){padding-right:calc(var(--ion-safe-area-right, 0px) + var(--token-space-400, var(--token-scale-400, 16px)));padding-left:calc(var(--ion-safe-area-left, 0px) + var(--token-space-400, var(--token-scale-400, 16px)))}}:host(.ion-color){background:current-color(base);color:current-color(contrast)}::slotted(ion-label) ::slotted(p){font-weight:var(--token-font-weight-regular, 400)}`;
|
|
502
490
|
|
|
503
|
-
const listHeaderIosCss = () => `:host{--border-style:solid;--border-width:0;--inner-border-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:40px;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);overflow:hidden}.list-header-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex:1 1 auto;flex:1 1 auto}:host(.list-header-lines-inset),:host(.list-header-lines-none){--border-width:0}:host(.list-header-lines-full),:host(.list-header-lines-none){--inner-border-width:0}:host{min-height:40px}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{--background:transparent;--color:var(--ion-
|
|
491
|
+
const listHeaderIosCss = () => `:host{--border-style:solid;--border-width:0;--inner-border-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:40px;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);overflow:hidden}.list-header-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex:1 1 auto;flex:1 1 auto}:host(.list-header-lines-inset),:host(.list-header-lines-none){--border-width:0}:host(.list-header-lines-full),:host(.list-header-lines-none){--inner-border-width:0}:host{min-height:40px}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{--background:transparent;--color:var(--ion-text-color-step-150, #262626);--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-background-color-step-250, #c8c7cc)));padding-right:var(--ion-safe-area-right);padding-left:calc(var(--ion-safe-area-left, 0px) + 16px);position:relative;-ms-flex-align:end;align-items:flex-end;font-size:min(1.375rem, 56.1px);font-weight:700;letter-spacing:0}:host-context([dir=rtl]){padding-right:calc(var(--ion-safe-area-right, 0px) + 16px);padding-left:var(--ion-safe-area-left)}@supports selector(:dir(rtl)){:host(:dir(rtl)){padding-right:calc(var(--ion-safe-area-right, 0px) + 16px);padding-left:var(--ion-safe-area-left)}}::slotted(ion-button),::slotted(ion-label){margin-top:29px;margin-bottom:6px}::slotted(ion-button){--padding-top:0;--padding-bottom:0;-webkit-margin-start:3px;margin-inline-start:3px;-webkit-margin-end:3px;margin-inline-end:3px;min-height:1.4em}:host(.list-header-lines-full){--border-width:0 0 0.55px 0}:host(.list-header-lines-inset){--inner-border-width:0 0 0.55px 0}`;
|
|
504
492
|
|
|
505
|
-
const listHeaderMdCss = () => `:host{--border-style:solid;--border-width:0;--inner-border-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:40px;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);overflow:hidden}.list-header-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex:1 1 auto;flex:1 1 auto}:host(.list-header-lines-inset),:host(.list-header-lines-none){--border-width:0}:host(.list-header-lines-full),:host(.list-header-lines-none){--inner-border-width:0}:host{min-height:40px}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{--background:transparent;--color:var(--ion-text-color, #000);--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-
|
|
493
|
+
const listHeaderMdCss = () => `:host{--border-style:solid;--border-width:0;--inner-border-width:0;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:40px;border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);color:var(--color);overflow:hidden}.list-header-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex:1 1 auto;flex:1 1 auto}:host(.list-header-lines-inset),:host(.list-header-lines-none){--border-width:0}:host(.list-header-lines-full),:host(.list-header-lines-none){--inner-border-width:0}:host{min-height:40px}:host(.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{--background:transparent;--color:var(--ion-text-color, #000);--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13))));padding-right:var(--ion-safe-area-right);padding-left:calc(var(--ion-safe-area-left, 0px) + 16px);min-height:45px;font-size:0.875rem}:host-context([dir=rtl]){padding-right:calc(var(--ion-safe-area-right, 0px) + 16px);padding-left:var(--ion-safe-area-left)}@supports selector(:dir(rtl)){:host(:dir(rtl)){padding-right:calc(var(--ion-safe-area-right, 0px) + 16px);padding-left:var(--ion-safe-area-left)}}:host(.list-header-lines-full){--border-width:0 0 1px 0}:host(.list-header-lines-inset){--inner-border-width:0 0 1px 0}`;
|
|
506
494
|
|
|
507
495
|
const ListHeader = class {
|
|
508
496
|
constructor(hostRef) {
|
|
509
|
-
|
|
497
|
+
focusVisible.registerInstance(this, hostRef);
|
|
510
498
|
}
|
|
511
499
|
render() {
|
|
512
500
|
const { lines } = this;
|
|
513
|
-
const theme
|
|
514
|
-
return (
|
|
515
|
-
[theme
|
|
501
|
+
const theme = ionicGlobal.getIonTheme(this);
|
|
502
|
+
return (focusVisible.h(focusVisible.Host, { key: '0be4fb7d4f9cd6f50229cf7b361c74e94fbfce91', class: focusVisible.createColorClasses(this.color, {
|
|
503
|
+
[theme]: true,
|
|
516
504
|
[`list-header-lines-${lines}`]: lines !== undefined,
|
|
517
|
-
}) },
|
|
505
|
+
}) }, focusVisible.h("div", { key: '4dcc3374685728ae9270d8d58b1ea1c08b0bbc08', class: "list-header-inner", part: "inner" }, focusVisible.h("slot", { key: '5658cc9185680bfa96328685d817b84b18e9ab5a' }))));
|
|
518
506
|
}
|
|
519
507
|
};
|
|
520
508
|
ListHeader.style = {
|
|
@@ -523,21 +511,21 @@ ListHeader.style = {
|
|
|
523
511
|
md: listHeaderMdCss()
|
|
524
512
|
};
|
|
525
513
|
|
|
526
|
-
const ionicNoteMdCss = () => `:host{color:var(--color);font-family:var(--ion-font-family, inherit);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-
|
|
514
|
+
const ionicNoteMdCss = () => `:host{color:var(--color);font-family:var(--ion-font-family, inherit);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color-step-400, #666666);font-size:0.875rem}`;
|
|
527
515
|
|
|
528
|
-
const noteIosCss = () => `:host{color:var(--color);font-family:var(--ion-font-family, inherit);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-
|
|
516
|
+
const noteIosCss = () => `:host{color:var(--color);font-family:var(--ion-font-family, inherit);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color-step-650, #a6a6a6);font-size:max(14px, 1rem)}`;
|
|
529
517
|
|
|
530
|
-
const noteMdCss = () => `:host{color:var(--color);font-family:var(--ion-font-family, inherit);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-
|
|
518
|
+
const noteMdCss = () => `:host{color:var(--color);font-family:var(--ion-font-family, inherit);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-color){color:var(--ion-color-base)}:host{--color:var(--ion-text-color-step-400, #666666);font-size:0.875rem}`;
|
|
531
519
|
|
|
532
520
|
const Note = class {
|
|
533
521
|
constructor(hostRef) {
|
|
534
|
-
|
|
522
|
+
focusVisible.registerInstance(this, hostRef);
|
|
535
523
|
}
|
|
536
524
|
render() {
|
|
537
|
-
const theme
|
|
538
|
-
return (
|
|
539
|
-
[theme
|
|
540
|
-
}) },
|
|
525
|
+
const theme = ionicGlobal.getIonTheme(this);
|
|
526
|
+
return (focusVisible.h(focusVisible.Host, { key: 'a8470df6b8fb8ca327a282fc23705bc230f13a40', class: focusVisible.createColorClasses(this.color, {
|
|
527
|
+
[theme]: true,
|
|
528
|
+
}) }, focusVisible.h("slot", { key: '07cbdef68f010b06638f359f70dff3f1d659d899' })));
|
|
541
529
|
}
|
|
542
530
|
};
|
|
543
531
|
Note.style = {
|
|
@@ -550,8 +538,8 @@ const skeletonTextCss = () => `:host{--background:rgba(var(--background-rgb, var
|
|
|
550
538
|
|
|
551
539
|
const SkeletonText = class {
|
|
552
540
|
constructor(hostRef) {
|
|
553
|
-
|
|
554
|
-
this.ionStyle =
|
|
541
|
+
focusVisible.registerInstance(this, hostRef);
|
|
542
|
+
this.ionStyle = focusVisible.createEvent(this, "ionStyle", 7);
|
|
555
543
|
/**
|
|
556
544
|
* If `true`, the skeleton text will animate.
|
|
557
545
|
*/
|
|
@@ -570,16 +558,16 @@ const SkeletonText = class {
|
|
|
570
558
|
this.ionStyle.emit(style);
|
|
571
559
|
}
|
|
572
560
|
render() {
|
|
573
|
-
const animated = this.animated &&
|
|
574
|
-
const inMedia =
|
|
575
|
-
const theme
|
|
576
|
-
return (
|
|
577
|
-
[theme
|
|
561
|
+
const animated = this.animated && focusVisible.config.getBoolean('animated', true);
|
|
562
|
+
const inMedia = focusVisible.hostContext('ion-avatar', this.el) || focusVisible.hostContext('ion-thumbnail', this.el);
|
|
563
|
+
const theme = ionicGlobal.getIonTheme(this);
|
|
564
|
+
return (focusVisible.h(focusVisible.Host, { key: '5014563646b6c5213750d503babce3013b66ec96', class: {
|
|
565
|
+
[theme]: true,
|
|
578
566
|
'skeleton-text-animated': animated,
|
|
579
567
|
'in-media': inMedia,
|
|
580
|
-
} },
|
|
568
|
+
} }, focusVisible.h("span", { key: '4b816883b1c71bb1db66d8b2b084559f7cb489bd' }, "\u00A0")));
|
|
581
569
|
}
|
|
582
|
-
get el() { return
|
|
570
|
+
get el() { return focusVisible.getElement(this); }
|
|
583
571
|
};
|
|
584
572
|
SkeletonText.style = skeletonTextCss();
|
|
585
573
|
|