@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
|
@@ -1,510 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
'use strict';
|
|
5
|
-
|
|
6
|
-
var index = require('./index-CzcLEdQ5.js');
|
|
7
|
-
var helpers = require('./helpers-DJYxKN5U.js');
|
|
8
|
-
var ionicGlobal = require('./ionic-global-CSEbHD_F.js');
|
|
9
|
-
require('./focus-visible-BIj-I3-C.js');
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Helpers for validating user-supplied CSS values using regular expressions, without
|
|
13
|
-
* relying on browser CSS APIs.
|
|
14
|
-
*/
|
|
15
|
-
// Matches `<length>` (`<number>` + unit identifier) or `<percentage>` (`<number>%`).
|
|
16
|
-
const LENGTH_PERCENTAGE_PATTERN = /^[-+]?(?:\d+\.?\d*|\.\d+)(?:%|[a-z]+)$/i;
|
|
17
|
-
// Matches simple `calc` / `min` / `max` / `clamp(...)` functions.
|
|
18
|
-
const MATH_FUNCTION_PATTERN = /^(calc|min|max|clamp)\s*\(.+\)$/i;
|
|
19
|
-
/**
|
|
20
|
-
* Returns whether `value` matches the [length-percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/length-percentage)
|
|
21
|
-
* syntax. Accepts `<length>` (`<number>` + unit identifier) or `<percentage>` (`<number>%`).
|
|
22
|
-
* Also supports simple `calc` / `min` / `max` / `clamp(...)` functions.
|
|
23
|
-
*
|
|
24
|
-
* @param value String value to validate.
|
|
25
|
-
*/
|
|
26
|
-
function isValidLengthPercentage(value) {
|
|
27
|
-
const v = value.trim();
|
|
28
|
-
if (!v) {
|
|
29
|
-
return false;
|
|
30
|
-
}
|
|
31
|
-
return MATH_FUNCTION_PATTERN.test(v) || LENGTH_PERCENTAGE_PATTERN.test(v);
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
const DEFAULT_COLUMNS = {
|
|
35
|
-
xs: 2,
|
|
36
|
-
sm: 3,
|
|
37
|
-
md: 4,
|
|
38
|
-
lg: 6,
|
|
39
|
-
xl: 8,
|
|
40
|
-
xxl: 10,
|
|
41
|
-
};
|
|
42
|
-
const DEFAULT_GAP = '16px';
|
|
43
|
-
|
|
44
|
-
const galleryCss = () => `:host{display:grid;grid-template-columns:repeat(var(--internal-gallery-columns, 2), minmax(0, 1fr))}:host(.gallery-layout-uniform){gap:var(--internal-gallery-gap, 16px)}:host(.gallery-layout-uniform) ::slotted(*){aspect-ratio:1/1}:host(.gallery-layout-masonry){-ms-flex-align:start;align-items:start;-webkit-column-gap:var(--internal-gallery-gap, 16px);-moz-column-gap:var(--internal-gallery-gap, 16px);column-gap:var(--internal-gallery-gap, 16px);row-gap:0;grid-auto-rows:2px}:host(.gallery-layout-masonry) ::slotted(*){display:block;min-height:unset;margin-bottom:var(--internal-gallery-gap, 16px)}::slotted(*){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:100%}::slotted(img){display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}`;
|
|
45
|
-
|
|
46
|
-
// TODO(FW-7285): Replace with global breakpoints
|
|
47
|
-
const BREAKPOINTS = {
|
|
48
|
-
xs: 0,
|
|
49
|
-
sm: 576,
|
|
50
|
-
md: 768,
|
|
51
|
-
lg: 992,
|
|
52
|
-
xl: 1200,
|
|
53
|
-
xxl: 1400,
|
|
54
|
-
};
|
|
55
|
-
const BREAKPOINT_ORDER = ['xs', 'sm', 'md', 'lg', 'xl', 'xxl'];
|
|
56
|
-
const Gallery = class {
|
|
57
|
-
constructor(hostRef) {
|
|
58
|
-
index.registerInstance(this, hostRef);
|
|
59
|
-
// Keep track of whether we've warned about invalid columns, invalid gap,
|
|
60
|
-
// and unused order properties to avoid duplicate warnings on screen resize.
|
|
61
|
-
this.hasWarnedInvalidColumns = false;
|
|
62
|
-
this.hasWarnedInvalidGap = false;
|
|
63
|
-
this.hasWarnedUnusedOrder = false;
|
|
64
|
-
/**
|
|
65
|
-
* The visual layout of the gallery. When `uniform`, rows take up the height
|
|
66
|
-
* of the tallest item and are spaced evenly across the gallery. Additionally,
|
|
67
|
-
* items will have an aspect ratio of 1/1, forcing them to be square unless a
|
|
68
|
-
* height is explicitly set. When `masonry`, items will be positioned under each
|
|
69
|
-
* other with only the specified gap between them.
|
|
70
|
-
*/
|
|
71
|
-
this.layout = 'uniform';
|
|
72
|
-
/**
|
|
73
|
-
* The number of columns to display. Can be set as a number or an object of
|
|
74
|
-
* breakpoint values (e.g. `{ xs: 2, sm: 3, md: 4 }`).
|
|
75
|
-
*/
|
|
76
|
-
this.columns = DEFAULT_COLUMNS;
|
|
77
|
-
/**
|
|
78
|
-
* The space between gallery items. Accepts valid CSS [length-percentage](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/length-percentage)
|
|
79
|
-
* values like `16px`, `1rem`, `20%`, math functions like `calc(10px + 20%)`,
|
|
80
|
-
* or numbers (treated as pixel values). Can also be set as a breakpoint map
|
|
81
|
-
* (e.g. `{ xs: '8px', sm: '1rem', md: '24px' }`). Does not accept
|
|
82
|
-
* space-separated values or CSS keyword values like `inherit`, `auto`, etc.
|
|
83
|
-
*/
|
|
84
|
-
this.gap = DEFAULT_GAP;
|
|
85
|
-
/**
|
|
86
|
-
* Listen for the slotchange event on the slot.
|
|
87
|
-
* When the layout is `masonry`, this listener is used to schedule a resize
|
|
88
|
-
* of the masonry grid when the slot changes. This is useful for when items
|
|
89
|
-
* are added or removed from the gallery.
|
|
90
|
-
*/
|
|
91
|
-
this.onSlotChange = () => {
|
|
92
|
-
this.scheduleMasonryResize();
|
|
93
|
-
};
|
|
94
|
-
/**
|
|
95
|
-
* Measure the host and children, then compute masonry placement.
|
|
96
|
-
*/
|
|
97
|
-
this.resizeMasonryGrid = () => {
|
|
98
|
-
this.masonryRaf = undefined;
|
|
99
|
-
if (this.layout !== 'masonry') {
|
|
100
|
-
this.clearMasonryStyles();
|
|
101
|
-
return;
|
|
102
|
-
}
|
|
103
|
-
const width = this.el.getBoundingClientRect().width;
|
|
104
|
-
const columns = this.getColumnsForWidth(width);
|
|
105
|
-
// Skip masonry placement when width/columns does not resolve
|
|
106
|
-
// to a valid breakpoint column count.
|
|
107
|
-
if (columns === undefined) {
|
|
108
|
-
return;
|
|
109
|
-
}
|
|
110
|
-
const styles = getComputedStyle(this.el);
|
|
111
|
-
const rowHeight = parseFloat(styles.getPropertyValue('grid-auto-rows')) || 0;
|
|
112
|
-
const rowGap = parseFloat(styles.getPropertyValue('row-gap')) || parseFloat(styles.getPropertyValue('gap')) || 0;
|
|
113
|
-
const items = this.getItems();
|
|
114
|
-
this.layoutMasonry(items, rowHeight, rowGap, columns);
|
|
115
|
-
};
|
|
116
|
-
}
|
|
117
|
-
onColumnsOrGapChanged() {
|
|
118
|
-
this.syncResponsiveLayout();
|
|
119
|
-
}
|
|
120
|
-
onLayoutOrOrderChanged() {
|
|
121
|
-
this.syncResponsiveLayout();
|
|
122
|
-
// Wait until the next animation frame to warn about unused order
|
|
123
|
-
// to avoid erroneous warnings when the layout and order are updated
|
|
124
|
-
// in the same frame.
|
|
125
|
-
helpers.raf(() => {
|
|
126
|
-
this.warnUnusedOrder();
|
|
127
|
-
});
|
|
128
|
-
}
|
|
129
|
-
componentDidLoad() {
|
|
130
|
-
this.updateResponsiveStyles(true);
|
|
131
|
-
this.resizeObserver = new ResizeObserver(() => {
|
|
132
|
-
this.updateResponsiveStyles();
|
|
133
|
-
this.scheduleMasonryResize();
|
|
134
|
-
});
|
|
135
|
-
this.resizeObserver.observe(this.el);
|
|
136
|
-
this.scheduleMasonryResize();
|
|
137
|
-
this.warnUnusedOrder();
|
|
138
|
-
}
|
|
139
|
-
disconnectedCallback() {
|
|
140
|
-
var _a;
|
|
141
|
-
if (this.masonryRaf !== undefined) {
|
|
142
|
-
cancelAnimationFrame(this.masonryRaf);
|
|
143
|
-
this.masonryRaf = undefined;
|
|
144
|
-
}
|
|
145
|
-
(_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
146
|
-
this.resizeObserver = undefined;
|
|
147
|
-
}
|
|
148
|
-
/**
|
|
149
|
-
* Listen for the load event on child elements.
|
|
150
|
-
* When the layout is `masonry`, this listener is used to schedule a resize
|
|
151
|
-
* of the masonry grid when the child elements load. This is useful for when
|
|
152
|
-
* images take time to load.
|
|
153
|
-
*/
|
|
154
|
-
onChildLoad(ev) {
|
|
155
|
-
if (this.layout !== 'masonry') {
|
|
156
|
-
return;
|
|
157
|
-
}
|
|
158
|
-
const target = ev.target;
|
|
159
|
-
if (target instanceof Node && this.el.contains(target)) {
|
|
160
|
-
this.scheduleMasonryResize();
|
|
161
|
-
}
|
|
162
|
-
}
|
|
163
|
-
/**
|
|
164
|
-
* Recompute the gallery column and gap variables and masonry placement when
|
|
165
|
-
* columns, gap, layout, or order change.
|
|
166
|
-
*/
|
|
167
|
-
syncResponsiveLayout() {
|
|
168
|
-
this.updateResponsiveStyles(true);
|
|
169
|
-
this.scheduleMasonryResize();
|
|
170
|
-
}
|
|
171
|
-
/**
|
|
172
|
-
* Batch masonry measurements to a single animation frame.
|
|
173
|
-
* This avoids repeated sync layouts during rapid resize/load/slot changes.
|
|
174
|
-
*/
|
|
175
|
-
scheduleMasonryResize() {
|
|
176
|
-
if (this.layout !== 'masonry') {
|
|
177
|
-
this.clearMasonryStyles();
|
|
178
|
-
return;
|
|
179
|
-
}
|
|
180
|
-
if (this.masonryRaf !== undefined) {
|
|
181
|
-
cancelAnimationFrame(this.masonryRaf);
|
|
182
|
-
}
|
|
183
|
-
this.masonryRaf = requestAnimationFrame(this.resizeMasonryGrid);
|
|
184
|
-
}
|
|
185
|
-
/**
|
|
186
|
-
* Normalize a single column value (`columns` as a number, string, or one entry from
|
|
187
|
-
* a `columns` breakpoint map) to a positive integer. Returns `undefined` when
|
|
188
|
-
* the input cannot be interpreted as a finite number.
|
|
189
|
-
*/
|
|
190
|
-
sanitizeColumns(columns) {
|
|
191
|
-
if (columns === undefined) {
|
|
192
|
-
return undefined;
|
|
193
|
-
}
|
|
194
|
-
const numericColumns = typeof columns === 'number' ? columns : Number(columns);
|
|
195
|
-
if (!Number.isFinite(numericColumns) || !Number.isInteger(numericColumns) || numericColumns <= 0) {
|
|
196
|
-
return undefined;
|
|
197
|
-
}
|
|
198
|
-
return numericColumns;
|
|
199
|
-
}
|
|
200
|
-
/**
|
|
201
|
-
* Normalize a single gap value (`gap` as a number, string, or one entry from
|
|
202
|
-
* a `gap` breakpoint map) to a CSS length string. Returns `undefined` when
|
|
203
|
-
* the input cannot be interpreted as a valid CSS length.
|
|
204
|
-
*/
|
|
205
|
-
sanitizeGap(gap) {
|
|
206
|
-
if (gap === undefined) {
|
|
207
|
-
return undefined;
|
|
208
|
-
}
|
|
209
|
-
const normalizedGap = typeof gap === 'string' ? gap.trim() : gap;
|
|
210
|
-
if (normalizedGap === '' || typeof normalizedGap === 'object') {
|
|
211
|
-
return undefined;
|
|
212
|
-
}
|
|
213
|
-
const numericGap = Number(normalizedGap);
|
|
214
|
-
if (Number.isFinite(numericGap)) {
|
|
215
|
-
return numericGap < 0 ? undefined : `${numericGap}px`;
|
|
216
|
-
}
|
|
217
|
-
if (typeof normalizedGap !== 'string') {
|
|
218
|
-
return undefined;
|
|
219
|
-
}
|
|
220
|
-
const isValidCssLength = isValidLengthPercentage(normalizedGap);
|
|
221
|
-
return isValidCssLength ? normalizedGap : undefined;
|
|
222
|
-
}
|
|
223
|
-
/**
|
|
224
|
-
* Check if the value is a breakpoint map object.
|
|
225
|
-
*/
|
|
226
|
-
isBreakpointMap(value) {
|
|
227
|
-
return typeof value === 'object' && value !== null && !Array.isArray(value);
|
|
228
|
-
}
|
|
229
|
-
/**
|
|
230
|
-
* Check if the breakpoint map has any invalid values for the provided
|
|
231
|
-
* sanitizer. A breakpoint map is invalid when there are no valid breakpoint
|
|
232
|
-
* keys set (e.g. `{}` or `{ colums: 3 }`), or when a value under a
|
|
233
|
-
* breakpoint key fails the sanitizer (e.g. `{ xs: -3 }`, `{ sm: 'foo' }`).
|
|
234
|
-
*/
|
|
235
|
-
hasInvalidBreakpointMap(breakpointMap, sanitizeValue) {
|
|
236
|
-
let hasBreakpointEntry = false;
|
|
237
|
-
for (const breakpoint of BREAKPOINT_ORDER) {
|
|
238
|
-
const value = breakpointMap[breakpoint];
|
|
239
|
-
if (value !== undefined) {
|
|
240
|
-
hasBreakpointEntry = true;
|
|
241
|
-
if (sanitizeValue(value) === undefined) {
|
|
242
|
-
return true;
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
return !hasBreakpointEntry;
|
|
247
|
-
}
|
|
248
|
-
/**
|
|
249
|
-
* Resolve a responsive value from a breakpoint map.
|
|
250
|
-
* Uses a breakpoint-specific default when custom values are missing/invalid.
|
|
251
|
-
*/
|
|
252
|
-
resolveFromBreakpoints(width, breakpointMap, sanitizeProvided, getSanitizedDefault) {
|
|
253
|
-
let resolvedValue;
|
|
254
|
-
for (const bp of BREAKPOINT_ORDER) {
|
|
255
|
-
const providedValue = breakpointMap[bp];
|
|
256
|
-
const sanitizedProvided = sanitizeProvided(providedValue);
|
|
257
|
-
const sanitizedDefault = getSanitizedDefault(bp);
|
|
258
|
-
const resolved = providedValue === undefined || sanitizedProvided === undefined ? sanitizedDefault : sanitizedProvided;
|
|
259
|
-
if (resolved !== undefined && width >= BREAKPOINTS[bp]) {
|
|
260
|
-
resolvedValue = resolved;
|
|
261
|
-
}
|
|
262
|
-
}
|
|
263
|
-
return resolvedValue;
|
|
264
|
-
}
|
|
265
|
-
/**
|
|
266
|
-
* Get the columns from a responsive breakpoint map.
|
|
267
|
-
* Returns the columns for the last matching breakpoint.
|
|
268
|
-
*/
|
|
269
|
-
getColumnsFromBreakpointMap(width, breakpointMap) {
|
|
270
|
-
return this.resolveFromBreakpoints(width, breakpointMap, (value) => this.sanitizeColumns(value), (bp) => this.sanitizeColumns(DEFAULT_COLUMNS[bp]));
|
|
271
|
-
}
|
|
272
|
-
/**
|
|
273
|
-
* Get the gap from a responsive breakpoint map.
|
|
274
|
-
* Returns the gap for the last matching breakpoint.
|
|
275
|
-
*/
|
|
276
|
-
getGapFromBreakpointMap(width, breakpointMap) {
|
|
277
|
-
return this.resolveFromBreakpoints(width, breakpointMap, (value) => this.sanitizeGap(value), () => this.sanitizeGap(DEFAULT_GAP));
|
|
278
|
-
}
|
|
279
|
-
/**
|
|
280
|
-
* Warn about an invalid columns value when it is set to a negative number,
|
|
281
|
-
* an empty breakpoint map, a map with no supported breakpoint keys,
|
|
282
|
-
* or a map with invalid breakpoint values.
|
|
283
|
-
*/
|
|
284
|
-
warnInvalidColumns(columns) {
|
|
285
|
-
if (this.hasWarnedInvalidColumns) {
|
|
286
|
-
return;
|
|
287
|
-
}
|
|
288
|
-
index.printIonWarning(`[ion-gallery] - Invalid "columns" value (${JSON.stringify(columns)}). Expected a positive integer or breakpoint map object (e.g. { xs: 2, md: 4 }). Falling back to default responsive columns.`, this.el);
|
|
289
|
-
this.hasWarnedInvalidColumns = true;
|
|
290
|
-
}
|
|
291
|
-
/**
|
|
292
|
-
* Warn about an invalid gap value when it is set to a negative number,
|
|
293
|
-
* an empty breakpoint map, a map with no supported breakpoint keys,
|
|
294
|
-
* or a map with invalid breakpoint values.
|
|
295
|
-
*/
|
|
296
|
-
warnInvalidGap(gap) {
|
|
297
|
-
if (this.hasWarnedInvalidGap) {
|
|
298
|
-
return;
|
|
299
|
-
}
|
|
300
|
-
index.printIonWarning(`[ion-gallery] - Invalid "gap" value (${JSON.stringify(gap)}). Expected a non-negative number, CSS length string, or breakpoint map object (e.g. { xs: 8, md: "1rem" }).`, this.el);
|
|
301
|
-
this.hasWarnedInvalidGap = true;
|
|
302
|
-
}
|
|
303
|
-
/**
|
|
304
|
-
* Warn when `order` is explicitly set while layout is `uniform`.
|
|
305
|
-
*/
|
|
306
|
-
warnUnusedOrder() {
|
|
307
|
-
const { layout } = this;
|
|
308
|
-
const order = this.order == null ? undefined : this.order;
|
|
309
|
-
if (this.hasWarnedUnusedOrder || layout !== 'uniform' || order === undefined) {
|
|
310
|
-
return;
|
|
311
|
-
}
|
|
312
|
-
index.printIonWarning(`[ion-gallery] - "order" has no effect when "layout" is "uniform". Set "layout" to "masonry" for "order" to apply.`, this.el);
|
|
313
|
-
this.hasWarnedUnusedOrder = true;
|
|
314
|
-
}
|
|
315
|
-
/**
|
|
316
|
-
* Resolve the active columns value for the current width. Falls back to
|
|
317
|
-
* the default responsive columns when the provided prop is invalid.
|
|
318
|
-
*/
|
|
319
|
-
getColumnsForWidth(width) {
|
|
320
|
-
const { columns } = this;
|
|
321
|
-
const isBreakpointColumns = this.isBreakpointMap(columns);
|
|
322
|
-
const hasInvalidBreakpointColumns = isBreakpointColumns && this.hasInvalidBreakpointMap(columns, (value) => this.sanitizeColumns(value));
|
|
323
|
-
const sanitizedColumns = isBreakpointColumns
|
|
324
|
-
? this.getColumnsFromBreakpointMap(width, columns)
|
|
325
|
-
: this.sanitizeColumns(columns);
|
|
326
|
-
if (hasInvalidBreakpointColumns || (!isBreakpointColumns && sanitizedColumns === undefined)) {
|
|
327
|
-
this.warnInvalidColumns(columns);
|
|
328
|
-
}
|
|
329
|
-
if (sanitizedColumns !== undefined) {
|
|
330
|
-
return sanitizedColumns;
|
|
331
|
-
}
|
|
332
|
-
return this.getColumnsFromBreakpointMap(width, DEFAULT_COLUMNS);
|
|
333
|
-
}
|
|
334
|
-
/**
|
|
335
|
-
* Resolve the active gap value for the current width.
|
|
336
|
-
*/
|
|
337
|
-
getGapForWidth(width) {
|
|
338
|
-
const { gap } = this;
|
|
339
|
-
const providedGap = gap !== null && gap !== void 0 ? gap : DEFAULT_GAP;
|
|
340
|
-
const isBreakpointGap = this.isBreakpointMap(providedGap);
|
|
341
|
-
const hasInvalidBreakpointGap = isBreakpointGap && this.hasInvalidBreakpointMap(providedGap, (value) => this.sanitizeGap(value));
|
|
342
|
-
const sanitizedGap = isBreakpointGap
|
|
343
|
-
? this.getGapFromBreakpointMap(width, providedGap)
|
|
344
|
-
: this.sanitizeGap(providedGap);
|
|
345
|
-
if (hasInvalidBreakpointGap || (!isBreakpointGap && sanitizedGap === undefined)) {
|
|
346
|
-
this.warnInvalidGap(providedGap);
|
|
347
|
-
}
|
|
348
|
-
if (sanitizedGap !== undefined) {
|
|
349
|
-
return sanitizedGap;
|
|
350
|
-
}
|
|
351
|
-
return this.sanitizeGap(DEFAULT_GAP);
|
|
352
|
-
}
|
|
353
|
-
/**
|
|
354
|
-
* Update the responsive styles for the gallery. This is used to update
|
|
355
|
-
* the columns and gap when the component width changes.
|
|
356
|
-
*/
|
|
357
|
-
updateResponsiveStyles(force = false) {
|
|
358
|
-
const width = this.el.getBoundingClientRect().width;
|
|
359
|
-
// Only update the columns if the component width has changed by more than
|
|
360
|
-
// 1px or if the force flag is true. This prevents unnecessary re-renders
|
|
361
|
-
// when the component width has not changed.
|
|
362
|
-
if (!width || (!force && this.lastWidth !== undefined && Math.abs(this.lastWidth - width) < 1)) {
|
|
363
|
-
return;
|
|
364
|
-
}
|
|
365
|
-
this.lastWidth = width;
|
|
366
|
-
const columns = this.getColumnsForWidth(width);
|
|
367
|
-
this.el.style.setProperty('--internal-gallery-columns', `${columns}`);
|
|
368
|
-
const gap = this.getGapForWidth(width);
|
|
369
|
-
this.el.style.setProperty('--internal-gallery-gap', `${gap}`);
|
|
370
|
-
}
|
|
371
|
-
/**
|
|
372
|
-
* Return all directly slotted children of the gallery that can be grid items
|
|
373
|
-
* with inline placement styles (HTML elements and SVG elements).
|
|
374
|
-
*/
|
|
375
|
-
getItems() {
|
|
376
|
-
return Array.from(this.el.children).filter((child) => { var _a; return typeof ((_a = child.style) === null || _a === void 0 ? void 0 : _a.setProperty) === 'function'; });
|
|
377
|
-
}
|
|
378
|
-
/**
|
|
379
|
-
* Clear the item styles for the given item element.
|
|
380
|
-
* This is used to switch between uniform and masonry layouts.
|
|
381
|
-
*/
|
|
382
|
-
clearItemStyles(itemEl) {
|
|
383
|
-
itemEl.style.gridRowStart = '';
|
|
384
|
-
itemEl.style.gridRowEnd = '';
|
|
385
|
-
itemEl.style.gridColumn = '';
|
|
386
|
-
itemEl.style.marginBottom = '';
|
|
387
|
-
}
|
|
388
|
-
/**
|
|
389
|
-
* Clear placement styles for all items when leaving masonry mode.
|
|
390
|
-
*/
|
|
391
|
-
clearMasonryStyles() {
|
|
392
|
-
this.getItems().forEach((itemEl) => this.clearItemStyles(itemEl));
|
|
393
|
-
}
|
|
394
|
-
/**
|
|
395
|
-
* Convert a rendered item height to the number of grid rows it should span.
|
|
396
|
-
* Returns undefined for images that are not fully loaded yet.
|
|
397
|
-
*/
|
|
398
|
-
calculateRowSpan(itemEl, rowHeight, rowGap) {
|
|
399
|
-
if (itemEl instanceof HTMLImageElement && (!itemEl.complete || itemEl.naturalHeight === 0)) {
|
|
400
|
-
return undefined;
|
|
401
|
-
}
|
|
402
|
-
const height = itemEl.getBoundingClientRect().height;
|
|
403
|
-
const itemStyles = getComputedStyle(itemEl);
|
|
404
|
-
const marginBottom = parseFloat(itemStyles.getPropertyValue('margin-bottom')) || 0;
|
|
405
|
-
const denominator = rowHeight + rowGap;
|
|
406
|
-
if (!denominator || !Number.isFinite(denominator)) {
|
|
407
|
-
return 1;
|
|
408
|
-
}
|
|
409
|
-
return Math.ceil((height + marginBottom + rowGap) / denominator) || 1;
|
|
410
|
-
}
|
|
411
|
-
/**
|
|
412
|
-
* Get the index of the column to position the item in.
|
|
413
|
-
* When the order is `best-fit`, the column with the shortest height is
|
|
414
|
-
* returned. Otherwise, items are placed in the column that matches their
|
|
415
|
-
* natural DOM order.
|
|
416
|
-
*/
|
|
417
|
-
getColumnIndex(index, columnHeights, columns) {
|
|
418
|
-
const order = this.getOrder();
|
|
419
|
-
if (order === 'best-fit') {
|
|
420
|
-
let columnIndex = 0;
|
|
421
|
-
for (let i = 1; i < columns; i++) {
|
|
422
|
-
if (columnHeights[i] < columnHeights[columnIndex]) {
|
|
423
|
-
columnIndex = i;
|
|
424
|
-
}
|
|
425
|
-
}
|
|
426
|
-
return columnIndex;
|
|
427
|
-
}
|
|
428
|
-
return index % columns;
|
|
429
|
-
}
|
|
430
|
-
/**
|
|
431
|
-
* Apply masonry placement by assigning each item a column and row span.
|
|
432
|
-
*/
|
|
433
|
-
layoutMasonry(items, rowHeight, rowGap, columns) {
|
|
434
|
-
const columnHeights = new Array(columns).fill(0);
|
|
435
|
-
const lastItemsByColumn = new Array(columns).fill(undefined);
|
|
436
|
-
items.forEach((itemEl, i) => {
|
|
437
|
-
itemEl.style.marginBottom = '';
|
|
438
|
-
const span = this.calculateRowSpan(itemEl, rowHeight, rowGap);
|
|
439
|
-
if (span === undefined) {
|
|
440
|
-
this.clearItemStyles(itemEl);
|
|
441
|
-
return;
|
|
442
|
-
}
|
|
443
|
-
const columnIndex = this.getColumnIndex(i, columnHeights, columns);
|
|
444
|
-
const start = columnHeights[columnIndex] + 1;
|
|
445
|
-
itemEl.style.gridColumn = `${columnIndex + 1}`;
|
|
446
|
-
itemEl.style.gridRowStart = `${start}`;
|
|
447
|
-
itemEl.style.gridRowEnd = `span ${span}`;
|
|
448
|
-
columnHeights[columnIndex] = start + span - 1;
|
|
449
|
-
lastItemsByColumn[columnIndex] = itemEl;
|
|
450
|
-
});
|
|
451
|
-
// Remove trailing space from the final item in each column while preserving
|
|
452
|
-
// spacing between all non-final items.
|
|
453
|
-
lastItemsByColumn.forEach((itemEl) => {
|
|
454
|
-
if (itemEl === undefined) {
|
|
455
|
-
return;
|
|
456
|
-
}
|
|
457
|
-
itemEl.style.marginBottom = '0px';
|
|
458
|
-
const spanWithoutTrailingGap = this.calculateRowSpan(itemEl, rowHeight, rowGap);
|
|
459
|
-
if (spanWithoutTrailingGap === undefined) {
|
|
460
|
-
this.clearItemStyles(itemEl);
|
|
461
|
-
return;
|
|
462
|
-
}
|
|
463
|
-
itemEl.style.gridRowEnd = `span ${spanWithoutTrailingGap}`;
|
|
464
|
-
});
|
|
465
|
-
}
|
|
466
|
-
/**
|
|
467
|
-
* Resolved order for layout and CSS. Order should be `undefined` for
|
|
468
|
-
* the uniform layout. When order is not set, it should be `"sequential"`
|
|
469
|
-
* for the masonry layout.
|
|
470
|
-
*/
|
|
471
|
-
getOrder() {
|
|
472
|
-
const { layout } = this;
|
|
473
|
-
const order = this.order == null ? undefined : this.order;
|
|
474
|
-
if (layout === 'uniform') {
|
|
475
|
-
return undefined;
|
|
476
|
-
}
|
|
477
|
-
if (layout === 'masonry' && order === undefined) {
|
|
478
|
-
return 'sequential';
|
|
479
|
-
}
|
|
480
|
-
return order;
|
|
481
|
-
}
|
|
482
|
-
render() {
|
|
483
|
-
const { layout } = this;
|
|
484
|
-
const order = this.getOrder();
|
|
485
|
-
const theme = ionicGlobal.getIonTheme(this);
|
|
486
|
-
return (index.h(index.Host, { key: '1bf2973d22835c0dbddf3214b602f8c08b95e421', class: {
|
|
487
|
-
[theme]: true,
|
|
488
|
-
[`gallery-layout-${layout}`]: true,
|
|
489
|
-
[`gallery-order-${order}`]: layout === 'masonry' && order !== undefined,
|
|
490
|
-
} }, index.h("slot", { key: '0dea31f609f6afdb1d73ecb2d873909ffe49203f', onSlotchange: this.onSlotChange })));
|
|
491
|
-
}
|
|
492
|
-
get el() { return index.getElement(this); }
|
|
493
|
-
static get watchers() { return {
|
|
494
|
-
"columns": [{
|
|
495
|
-
"onColumnsOrGapChanged": 0
|
|
496
|
-
}],
|
|
497
|
-
"gap": [{
|
|
498
|
-
"onColumnsOrGapChanged": 0
|
|
499
|
-
}],
|
|
500
|
-
"layout": [{
|
|
501
|
-
"onLayoutOrOrderChanged": 0
|
|
502
|
-
}],
|
|
503
|
-
"order": [{
|
|
504
|
-
"onLayoutOrOrderChanged": 0
|
|
505
|
-
}]
|
|
506
|
-
}; }
|
|
507
|
-
};
|
|
508
|
-
Gallery.style = galleryCss();
|
|
509
|
-
|
|
510
|
-
exports.ion_gallery = Gallery;
|
|
@@ -1,72 +0,0 @@
|
|
|
1
|
-
/*!
|
|
2
|
-
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
|
-
*/
|
|
4
|
-
'use strict';
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Checks if an element has a parent matching the specified selector.
|
|
8
|
-
* This handles an element in both light DOM and shadow DOM contexts.
|
|
9
|
-
* @param selector The parent selector to check for (e.g., 'ion-datetime'
|
|
10
|
-
* or 'ion-toolbar[color]').
|
|
11
|
-
* @param el The element to check.
|
|
12
|
-
* @returns `true` if the element has a parent matching the specified selector,
|
|
13
|
-
* `false` otherwise.
|
|
14
|
-
*/
|
|
15
|
-
const hostContext = (selector, el) => {
|
|
16
|
-
// Check the light DOM first
|
|
17
|
-
if (el.closest(selector) !== null) {
|
|
18
|
-
return true;
|
|
19
|
-
}
|
|
20
|
-
// For attribute or class selectors (e.g., 'ion-toolbar[color]' or
|
|
21
|
-
// 'ion-toolbar.ion-color') we can only check light DOM since tagName
|
|
22
|
-
// doesn't include attributes or classes.
|
|
23
|
-
if (selector.includes('[') || selector.includes('.')) {
|
|
24
|
-
return false;
|
|
25
|
-
}
|
|
26
|
-
// Check the shadow DOM by looking at the shadow root host and
|
|
27
|
-
// converting the selector to uppercase to compare with tagName
|
|
28
|
-
const upperCaseTagName = selector.toUpperCase();
|
|
29
|
-
const rootNode = el.getRootNode();
|
|
30
|
-
const shadowHost = rootNode instanceof ShadowRoot ? rootNode.host : null;
|
|
31
|
-
return (shadowHost === null || shadowHost === void 0 ? void 0 : shadowHost.tagName) === upperCaseTagName;
|
|
32
|
-
};
|
|
33
|
-
/**
|
|
34
|
-
* Create the mode and color classes for the component based on the classes passed in
|
|
35
|
-
*/
|
|
36
|
-
const createColorClasses = (color, cssClassMap) => {
|
|
37
|
-
return typeof color === 'string' && color.length > 0
|
|
38
|
-
? Object.assign({ 'ion-color': true, [`ion-color-${color}`]: true }, cssClassMap) : cssClassMap;
|
|
39
|
-
};
|
|
40
|
-
const getClassList = (classes) => {
|
|
41
|
-
if (classes !== undefined) {
|
|
42
|
-
const array = Array.isArray(classes) ? classes : classes.split(' ');
|
|
43
|
-
return array
|
|
44
|
-
.filter((c) => c != null)
|
|
45
|
-
.map((c) => c.trim())
|
|
46
|
-
.filter((c) => c !== '');
|
|
47
|
-
}
|
|
48
|
-
return [];
|
|
49
|
-
};
|
|
50
|
-
const getClassMap = (classes) => {
|
|
51
|
-
const map = {};
|
|
52
|
-
getClassList(classes).forEach((c) => (map[c] = true));
|
|
53
|
-
return map;
|
|
54
|
-
};
|
|
55
|
-
const SCHEME = /^[a-z][a-z0-9+\-.]*:/;
|
|
56
|
-
const openURL = async (url, ev, direction, animation) => {
|
|
57
|
-
if (url != null && url[0] !== '#' && !SCHEME.test(url)) {
|
|
58
|
-
const router = document.querySelector('ion-router');
|
|
59
|
-
if (router) {
|
|
60
|
-
if (ev != null) {
|
|
61
|
-
ev.preventDefault();
|
|
62
|
-
}
|
|
63
|
-
return router.push(url, direction, animation);
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
return false;
|
|
67
|
-
};
|
|
68
|
-
|
|
69
|
-
exports.createColorClasses = createColorClasses;
|
|
70
|
-
exports.getClassMap = getClassMap;
|
|
71
|
-
exports.hostContext = hostContext;
|
|
72
|
-
exports.openURL = openURL;
|