@ionic/core 8.7.6-dev.11761146245.19b2e6db → 8.7.6-dev.11761305610.109eb85b
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/action-sheet.js +6 -8
- package/components/alert.js +6 -8
- package/components/backdrop.js +3 -5
- package/components/button.js +4 -6
- package/components/buttons.js +3 -5
- package/components/checkbox.js +3 -5
- package/components/content.js +3 -5
- package/components/data.js +6 -9
- package/components/header.js +3 -5
- package/components/icon.js +3 -5
- package/components/ion-accordion-group.js +3 -5
- package/components/ion-accordion.js +3 -5
- package/components/ion-app.js +3 -5
- package/components/ion-avatar.js +3 -5
- package/components/ion-back-button.js +4 -6
- package/components/ion-badge.js +3 -5
- package/components/ion-breadcrumb.js +4 -6
- package/components/ion-breadcrumbs.js +3 -5
- package/components/ion-card-content.js +3 -5
- package/components/ion-card-header.js +3 -5
- package/components/ion-card-subtitle.js +3 -5
- package/components/ion-card-title.js +3 -5
- package/components/ion-card.js +4 -6
- package/components/ion-chip.js +3 -5
- package/components/ion-col.js +3 -5
- package/components/ion-datetime-button.js +3 -5
- package/components/ion-datetime.js +7 -9
- package/components/ion-divider.js +3 -5
- package/components/ion-fab-button.js +4 -6
- package/components/ion-fab-list.js +3 -5
- package/components/ion-fab.js +3 -5
- package/components/ion-footer.js +3 -5
- package/components/ion-grid.js +3 -5
- package/components/ion-img.js +3 -5
- package/components/ion-infinite-scroll-content.js +3 -5
- package/components/ion-infinite-scroll.js +3 -5
- package/components/ion-input-otp.js +3 -5
- package/components/ion-input-password-toggle.js +3 -5
- package/components/ion-input.js +4 -6
- package/components/ion-item-divider.js +3 -5
- package/components/ion-item-group.js +3 -5
- package/components/ion-item-option.js +3 -5
- package/components/ion-item-options.js +3 -5
- package/components/ion-item-sliding.js +3 -5
- package/components/ion-loading.js +6 -8
- package/components/ion-menu-button.js +3 -5
- package/components/ion-menu-toggle.js +3 -5
- package/components/ion-menu.js +3 -5
- package/components/ion-nav-link.js +5 -7
- package/components/ion-nav.js +4 -6
- package/components/ion-note.js +3 -5
- package/components/ion-picker-legacy.js +6 -8
- package/components/ion-progress-bar.js +3 -5
- package/components/ion-range.js +4 -6
- package/components/ion-refresher-content.js +3 -5
- package/components/ion-refresher.js +3 -5
- package/components/ion-reorder-group.js +3 -5
- package/components/ion-reorder.js +3 -5
- package/components/ion-route-redirect.js +2 -4
- package/components/ion-route.js +5 -7
- package/components/ion-router-link.js +4 -6
- package/components/ion-router-outlet.js +4 -6
- package/components/ion-router.js +2 -4
- package/components/ion-row.js +3 -5
- package/components/ion-searchbar.js +3 -5
- package/components/ion-segment-button.js +3 -5
- package/components/ion-segment-content.js +3 -5
- package/components/ion-segment-view.js +3 -5
- package/components/ion-segment.js +3 -5
- package/components/ion-select-option.js +3 -5
- package/components/ion-select.js +3 -5
- package/components/ion-skeleton-text.js +3 -5
- package/components/ion-split-pane.js +3 -5
- package/components/ion-tab-bar.js +3 -5
- package/components/ion-tab-button.js +3 -5
- package/components/ion-tab.js +3 -5
- package/components/ion-tabs.js +3 -5
- package/components/ion-text.js +3 -5
- package/components/ion-textarea.js +4 -6
- package/components/ion-thumbnail.js +3 -5
- package/components/ion-toast.js +6 -8
- package/components/ion-toggle.js +3 -5
- package/components/item.js +5 -7
- package/components/label.js +3 -5
- package/components/list-header.js +3 -5
- package/components/list.js +3 -5
- package/components/modal.js +8 -10
- package/components/picker-column-option.js +3 -5
- package/components/picker-column.js +3 -5
- package/components/picker-column2.js +3 -5
- package/components/picker.js +3 -5
- package/components/popover.js +7 -9
- package/components/radio-group.js +3 -5
- package/components/radio.js +3 -5
- package/components/ripple-effect.js +3 -5
- package/components/select-modal.js +5 -7
- package/components/select-popover.js +5 -7
- package/components/spinner.js +3 -5
- package/components/title.js +3 -5
- package/components/toolbar.js +3 -5
- package/dist/cjs/{animation-BYsP2q5j.js → animation-Bcz4qmJk.js} +2 -3
- package/dist/cjs/{button-active-CDa7BeCl.js → button-active-1nO6qpCH.js} +2 -2
- package/dist/cjs/{capacitor-BMhHF0O5.js → capacitor-CzFst28-.js} +3 -3
- package/dist/cjs/{config-C5fsO43a.js → config-DGKt4XfG.js} +1 -1
- package/dist/cjs/{data-MoL8Ckx5.js → data-B3i-krcw.js} +7 -10
- package/dist/cjs/{framework-delegate-Bwdk9vFS.js → framework-delegate-DfEY5uyC.js} +2 -2
- package/dist/cjs/{haptic-Cy3moXzO.js → haptic-DbqPcCc9.js} +1 -1
- package/dist/cjs/{helpers-DnouLczu.js → helpers-DmAvmm2T.js} +1 -1
- package/dist/cjs/{index-DUoP_H1L.js → index-CaZ3uzAD.js} +2 -2
- package/dist/cjs/{index-D6Wc6v08.js → index-CmckMMX1.js} +691 -310
- package/dist/cjs/{index-XjN3PjKG.js → index-DcPe_YcG.js} +8 -9
- package/dist/cjs/{index-Dbl8V7hw.js → index-DxVhwe3d.js} +4 -4
- package/dist/cjs/{index-Bq6U5NAb.js → index-YEjC0pvJ.js} +7 -8
- package/dist/cjs/index.cjs.js +14 -15
- package/dist/cjs/{input-shims-D6DHFHsE.js → input-shims-BwdlNkON.js} +16 -17
- package/dist/cjs/{input.utils-BVyJKWft.js → input.utils-CfjyQhpu.js} +3 -4
- package/dist/cjs/ion-accordion_2.cjs.entry.js +6 -7
- package/dist/cjs/ion-action-sheet.cjs.entry.js +10 -11
- package/dist/cjs/ion-alert.cjs.entry.js +13 -14
- package/dist/cjs/ion-app_8.cjs.entry.js +21 -22
- package/dist/cjs/ion-avatar_3.cjs.entry.js +8 -9
- package/dist/cjs/ion-back-button.cjs.entry.js +5 -6
- package/dist/cjs/ion-backdrop.cjs.entry.js +2 -3
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +6 -7
- package/dist/cjs/ion-button_2.cjs.entry.js +5 -6
- package/dist/cjs/ion-card_5.cjs.entry.js +7 -8
- package/dist/cjs/ion-checkbox.cjs.entry.js +3 -4
- package/dist/cjs/ion-chip.cjs.entry.js +4 -5
- package/dist/cjs/ion-col_3.cjs.entry.js +4 -5
- package/dist/cjs/ion-datetime-button.cjs.entry.js +4 -5
- package/dist/cjs/ion-datetime_3.cjs.entry.js +18 -19
- package/dist/cjs/ion-divider.cjs.entry.js +2 -3
- package/dist/cjs/ion-fab_3.cjs.entry.js +6 -7
- package/dist/cjs/ion-img.cjs.entry.js +3 -4
- package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +7 -8
- package/dist/cjs/ion-input-otp.cjs.entry.js +3 -4
- package/dist/cjs/ion-input-password-toggle.cjs.entry.js +4 -5
- package/dist/cjs/ion-input.cjs.entry.js +12 -13
- package/dist/cjs/ion-item-option_3.cjs.entry.js +7 -8
- package/dist/cjs/ion-item_8.cjs.entry.js +13 -14
- package/dist/cjs/ion-loading.cjs.entry.js +8 -9
- package/dist/cjs/ion-menu_3.cjs.entry.js +14 -15
- package/dist/cjs/ion-modal.cjs.entry.js +62 -63
- package/dist/cjs/ion-nav_2.cjs.entry.js +8 -9
- package/dist/cjs/ion-picker-column-option.cjs.entry.js +3 -4
- package/dist/cjs/ion-picker-column.cjs.entry.js +8 -9
- package/dist/cjs/ion-picker.cjs.entry.js +2 -2
- package/dist/cjs/ion-popover.cjs.entry.js +9 -10
- package/dist/cjs/ion-progress-bar.cjs.entry.js +4 -5
- package/dist/cjs/ion-radio_2.cjs.entry.js +4 -5
- package/dist/cjs/ion-range.cjs.entry.js +4 -5
- package/dist/cjs/ion-refresher_2.cjs.entry.js +14 -15
- package/dist/cjs/ion-reorder_2.cjs.entry.js +8 -9
- package/dist/cjs/ion-ripple-effect.cjs.entry.js +2 -3
- package/dist/cjs/ion-route_4.cjs.entry.js +3 -4
- package/dist/cjs/ion-searchbar.cjs.entry.js +10 -11
- package/dist/cjs/ion-segment-content.cjs.entry.js +1 -1
- package/dist/cjs/ion-segment-view.cjs.entry.js +1 -1
- package/dist/cjs/ion-segment_2.cjs.entry.js +4 -5
- package/dist/cjs/ion-select-modal.cjs.entry.js +7 -8
- package/dist/cjs/ion-select_3.cjs.entry.js +19 -20
- package/dist/cjs/ion-spinner.cjs.entry.js +4 -5
- package/dist/cjs/ion-split-pane.cjs.entry.js +2 -3
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +9 -10
- package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-text.cjs.entry.js +2 -3
- package/dist/cjs/ion-textarea.cjs.entry.js +8 -9
- package/dist/cjs/ion-toast.cjs.entry.js +13 -14
- package/dist/cjs/ion-toggle.cjs.entry.js +9 -10
- package/dist/cjs/ionic.cjs.js +4 -6
- package/dist/cjs/{ios.transition-2wtm_6Ok.js → ios.transition-BMRClUxZ.js} +4 -5
- package/dist/cjs/{keyboard-UYQhk8rB.js → keyboard-Chl5cusY.js} +1 -1
- package/dist/cjs/{keyboard-controller-ts0z4BIe.js → keyboard-controller-yLvXRMuh.js} +9 -10
- package/dist/cjs/{keyboard-C1Ds9WQH.js → keyboard-nXDIskl9.js} +3 -4
- package/dist/cjs/loader.cjs.js +3 -5
- package/dist/cjs/{md.transition-DCNdoS7u.js → md.transition-D2ZL4jgW.js} +4 -5
- package/dist/cjs/{notch-controller-BX7CnNaL.js → notch-controller-S50JyZJs.js} +4 -4
- package/dist/cjs/{overlays-pdcfssMG.js → overlays-XYRfwd6H.js} +8 -9
- package/dist/cjs/{status-tap-e-hyosXV.js → status-tap-DMaRrHIS.js} +3 -3
- package/dist/cjs/{swipe-back-CR060nOX.js → swipe-back-CEVlQT7C.js} +2 -2
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/accordion/accordion.js +6 -6
- package/dist/collection/components/accordion-group/accordion-group.js +10 -10
- package/dist/collection/components/action-sheet/action-sheet.js +21 -16
- package/dist/collection/components/alert/alert.js +24 -18
- package/dist/collection/components/avatar/avatar.js +5 -5
- package/dist/collection/components/back-button/back-button.js +11 -10
- package/dist/collection/components/backdrop/backdrop.js +3 -3
- package/dist/collection/components/badge/badge.js +10 -10
- package/dist/collection/components/breadcrumb/breadcrumb.js +21 -20
- package/dist/collection/components/breadcrumbs/breadcrumbs.js +6 -6
- package/dist/collection/components/button/button.js +26 -25
- package/dist/collection/components/buttons/buttons.js +1 -1
- package/dist/collection/components/card/card.js +16 -15
- package/dist/collection/components/card-header/card-header.js +3 -3
- package/dist/collection/components/card-subtitle/card-subtitle.js +2 -2
- package/dist/collection/components/card-title/card-title.js +2 -2
- package/dist/collection/components/checkbox/checkbox.js +20 -20
- package/dist/collection/components/chip/chip.js +9 -9
- package/dist/collection/components/col/col.js +60 -60
- package/dist/collection/components/content/content.js +9 -9
- package/dist/collection/components/datetime/datetime.js +40 -36
- package/dist/collection/components/datetime-button/datetime-button.js +4 -4
- package/dist/collection/components/divider/divider.js +2 -2
- package/dist/collection/components/fab/fab.js +6 -6
- package/dist/collection/components/fab-button/fab-button.js +21 -20
- package/dist/collection/components/fab-list/fab-list.js +2 -2
- package/dist/collection/components/footer/footer.js +3 -3
- package/dist/collection/components/grid/grid.js +1 -1
- package/dist/collection/components/header/header.js +4 -4
- package/dist/collection/components/img/img.js +4 -4
- package/dist/collection/components/infinite-scroll/infinite-scroll.js +4 -4
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +4 -4
- package/dist/collection/components/input/input.js +55 -54
- package/dist/collection/components/input-otp/input-otp.js +17 -17
- package/dist/collection/components/input-password-toggle/input-password-toggle.js +7 -7
- package/dist/collection/components/item/item.ionic.css +5 -0
- package/dist/collection/components/item/item.js +21 -20
- package/dist/collection/components/item-divider/item-divider.js +3 -3
- package/dist/collection/components/item-option/item-option.js +16 -16
- package/dist/collection/components/item-options/item-options.js +1 -1
- package/dist/collection/components/item-sliding/item-sliding.js +1 -1
- package/dist/collection/components/label/label.js +4 -4
- package/dist/collection/components/list/list.js +5 -5
- package/dist/collection/components/list-header/list-header.js +4 -4
- package/dist/collection/components/loading/loading.js +22 -18
- package/dist/collection/components/menu/menu.js +10 -10
- package/dist/collection/components/menu-button/menu-button.js +7 -7
- package/dist/collection/components/menu-toggle/menu-toggle.js +3 -3
- package/dist/collection/components/modal/modal.js +33 -26
- package/dist/collection/components/nav/nav.js +8 -5
- package/dist/collection/components/nav-link/nav-link.js +5 -3
- package/dist/collection/components/note/note.js +2 -2
- package/dist/collection/components/picker-column/picker-column.js +5 -5
- package/dist/collection/components/picker-column-option/picker-column-option.js +4 -4
- package/dist/collection/components/picker-legacy/picker.js +19 -13
- package/dist/collection/components/picker-legacy-column/picker-column.js +1 -0
- package/dist/collection/components/popover/popover.js +33 -28
- package/dist/collection/components/progress-bar/progress-bar.js +8 -8
- package/dist/collection/components/radio/radio.js +11 -11
- package/dist/collection/components/radio-group/radio-group.js +10 -10
- package/dist/collection/components/range/range.js +20 -19
- package/dist/collection/components/refresher/refresher.js +6 -6
- package/dist/collection/components/refresher-content/refresher-content.js +8 -8
- 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/route/route.js +6 -3
- package/dist/collection/components/route-redirect/route-redirect.js +4 -4
- package/dist/collection/components/router/router.js +2 -2
- package/dist/collection/components/router-link/router-link.js +10 -9
- package/dist/collection/components/router-outlet/router-outlet.js +5 -2
- package/dist/collection/components/searchbar/searchbar.js +35 -35
- package/dist/collection/components/segment/segment.js +8 -8
- package/dist/collection/components/segment-button/segment-button.js +6 -6
- package/dist/collection/components/segment-view/segment-view.js +1 -1
- package/dist/collection/components/select/select.js +37 -37
- package/dist/collection/components/select-modal/select-modal.ionic.css +3 -0
- package/dist/collection/components/select-modal/select-modal.js +5 -4
- package/dist/collection/components/select-option/select-option.js +3 -3
- package/dist/collection/components/select-popover/select-popover.js +9 -8
- package/dist/collection/components/skeleton-text/skeleton-text.js +1 -1
- package/dist/collection/components/spinner/spinner.js +9 -9
- package/dist/collection/components/split-pane/split-pane.js +4 -4
- package/dist/collection/components/tab/tab.js +6 -5
- package/dist/collection/components/tab-bar/tab-bar.js +8 -8
- package/dist/collection/components/tab-button/tab-button.js +16 -16
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/text/text.js +2 -2
- package/dist/collection/components/textarea/textarea.js +44 -43
- package/dist/collection/components/title/title.js +4 -4
- package/dist/collection/components/toast/toast.js +34 -29
- package/dist/collection/components/toggle/toggle.js +17 -17
- package/dist/collection/components/toolbar/toolbar.js +2 -2
- package/dist/docs.json +55 -2
- package/dist/esm/{animation-DGDOQ6ES.js → animation-Cgfm6Out.js} +1 -2
- package/dist/esm/{button-active-C_l8DIlb.js → button-active-DvzVF2u_.js} +2 -2
- package/dist/esm/{capacitor-CiBLEyrT.js → capacitor-Dvc8Ydvg.js} +1 -1
- package/dist/esm/{config-mCdtaoPe.js → config-DwiPHIF5.js} +1 -1
- package/dist/esm/{data-DFCY8gnk.js → data-HHZs0eLV.js} +7 -10
- package/dist/esm/{framework-delegate-D2mUP0WI.js → framework-delegate-B4Rily6A.js} +2 -2
- package/dist/esm/{haptic-7RTk38ue.js → haptic-ZZTn7IWt.js} +1 -1
- package/dist/esm/{helpers-Bsml3FcE.js → helpers-D_90HVv6.js} +1 -1
- package/dist/esm/{index-C8IsBmNU.js → index-BBrR3goV.js} +681 -306
- package/dist/esm/{index-Djo-Eq70.js → index-BoSPzYKk.js} +4 -4
- package/dist/esm/{index-BpFi2B8W.js → index-ByqmqxGO.js} +2 -2
- package/dist/esm/{index-DWD4QoaP.js → index-D4D_NUAr.js} +3 -4
- package/dist/esm/{index-rXea6WR_.js → index-k4x4i7EL.js} +2 -3
- package/dist/esm/index.js +10 -11
- package/dist/esm/{input-shims-Bz3HiPwU.js → input-shims-DEtEJcaS.js} +5 -6
- package/dist/esm/{input.utils-BQAE1QTA.js → input.utils-DNE0LB5g.js} +2 -3
- package/dist/esm/ion-accordion_2.entry.js +2 -3
- package/dist/esm/ion-action-sheet.entry.js +8 -9
- package/dist/esm/ion-alert.entry.js +9 -10
- package/dist/esm/ion-app_8.entry.js +9 -10
- package/dist/esm/ion-avatar_3.entry.js +1 -2
- package/dist/esm/ion-back-button.entry.js +2 -3
- package/dist/esm/ion-backdrop.entry.js +1 -2
- package/dist/esm/ion-breadcrumb_2.entry.js +2 -3
- package/dist/esm/ion-button_2.entry.js +2 -3
- package/dist/esm/ion-card_5.entry.js +2 -3
- package/dist/esm/ion-checkbox.entry.js +2 -3
- package/dist/esm/ion-chip.entry.js +1 -2
- package/dist/esm/ion-col_3.entry.js +1 -2
- package/dist/esm/ion-datetime-button.entry.js +3 -4
- package/dist/esm/ion-datetime_3.entry.js +8 -9
- package/dist/esm/ion-divider.entry.js +1 -2
- package/dist/esm/ion-fab_3.entry.js +2 -3
- package/dist/esm/ion-img.entry.js +2 -3
- package/dist/esm/ion-infinite-scroll_2.entry.js +4 -5
- package/dist/esm/ion-input-otp.entry.js +2 -3
- package/dist/esm/ion-input-password-toggle.entry.js +1 -2
- package/dist/esm/ion-input.entry.js +4 -5
- package/dist/esm/ion-item-option_3.entry.js +3 -4
- package/dist/esm/ion-item_8.entry.js +3 -4
- package/dist/esm/ion-loading.entry.js +6 -7
- package/dist/esm/ion-menu_3.entry.js +6 -7
- package/dist/esm/ion-modal.entry.js +10 -11
- package/dist/esm/ion-nav_2.entry.js +5 -6
- package/dist/esm/ion-picker-column-option.entry.js +2 -3
- package/dist/esm/ion-picker-column.entry.js +4 -5
- package/dist/esm/ion-picker.entry.js +2 -2
- package/dist/esm/ion-popover.entry.js +6 -7
- package/dist/esm/ion-progress-bar.entry.js +2 -3
- package/dist/esm/ion-radio_2.entry.js +2 -3
- package/dist/esm/ion-range.entry.js +3 -4
- package/dist/esm/ion-refresher_2.entry.js +7 -8
- package/dist/esm/ion-reorder_2.entry.js +5 -6
- package/dist/esm/ion-ripple-effect.entry.js +1 -2
- package/dist/esm/ion-route_4.entry.js +2 -3
- package/dist/esm/ion-searchbar.entry.js +2 -3
- package/dist/esm/ion-segment-content.entry.js +1 -1
- package/dist/esm/ion-segment-view.entry.js +1 -1
- package/dist/esm/ion-segment_2.entry.js +2 -3
- package/dist/esm/ion-select-modal.entry.js +6 -7
- package/dist/esm/ion-select_3.entry.js +7 -8
- package/dist/esm/ion-spinner.entry.js +1 -2
- package/dist/esm/ion-split-pane.entry.js +1 -2
- package/dist/esm/ion-tab-bar_2.entry.js +5 -6
- package/dist/esm/ion-tab_2.entry.js +3 -3
- package/dist/esm/ion-text.entry.js +1 -2
- package/dist/esm/ion-textarea.entry.js +4 -5
- package/dist/esm/ion-toast.entry.js +6 -7
- package/dist/esm/ion-toggle.entry.js +4 -5
- package/dist/esm/ionic.js +4 -6
- package/dist/esm/{ios.transition-cQ5XYp4s.js → ios.transition-C_-UP8wE.js} +4 -5
- package/dist/esm/{keyboard-DuUgrXrK.js → keyboard-BsZp3qPH.js} +3 -4
- package/dist/esm/{keyboard-WCK1pWfR.js → keyboard-Cvigb3Rv.js} +1 -1
- package/dist/esm/{keyboard-controller-Bc4alOiF.js → keyboard-controller-lts2Pswq.js} +2 -3
- package/dist/esm/loader.js +3 -5
- package/dist/esm/{md.transition-CYFYc3-3.js → md.transition-BDWkLsNw.js} +4 -5
- package/dist/esm/{notch-controller-DO30Bsls.js → notch-controller-ClKrf2l9.js} +2 -2
- package/dist/esm/{overlays-Da_6xSKI.js → overlays-C1ahtepl.js} +3 -4
- package/dist/esm/{status-tap-DXVlluKS.js → status-tap-DLatL9pG.js} +3 -3
- package/dist/esm/{swipe-back-DNhAt9fY.js → swipe-back-YYylMb0l.js} +2 -2
- package/dist/html.html-data.json +212 -0
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-034ef39b.entry.js +4 -0
- package/dist/ionic/p-05030d1b.entry.js +4 -0
- package/dist/ionic/p-059ceab8.entry.js +4 -0
- package/dist/ionic/p-096b5789.entry.js +4 -0
- package/dist/ionic/p-09eaefc0.entry.js +4 -0
- package/dist/ionic/p-156bba30.entry.js +4 -0
- package/dist/ionic/p-238ad727.entry.js +4 -0
- package/dist/ionic/p-2c28e54a.entry.js +4 -0
- package/dist/ionic/p-2c9459f5.entry.js +4 -0
- package/dist/ionic/p-2f1d100c.entry.js +4 -0
- package/dist/ionic/p-31331fc3.entry.js +4 -0
- package/dist/ionic/p-340e4f62.entry.js +4 -0
- package/dist/ionic/p-3bef3778.entry.js +4 -0
- package/dist/ionic/p-3c773ecd.entry.js +4 -0
- package/dist/ionic/p-47432157.entry.js +4 -0
- package/dist/ionic/p-52535bba.entry.js +4 -0
- package/dist/ionic/p-56e51161.entry.js +4 -0
- package/dist/ionic/p-5770869f.entry.js +4 -0
- package/dist/ionic/p-5af619ff.entry.js +4 -0
- package/dist/ionic/p-5b44ac3a.entry.js +4 -0
- package/dist/ionic/p-5ca4c3b8.entry.js +4 -0
- package/dist/ionic/p-6469a540.entry.js +4 -0
- package/dist/ionic/p-649e2f92.entry.js +4 -0
- package/dist/ionic/p-6d38d3f3.entry.js +4 -0
- package/dist/ionic/p-6e6ce506.entry.js +4 -0
- package/dist/ionic/{p-59a79bd9.entry.js → p-6ea34add.entry.js} +1 -1
- package/dist/ionic/p-6f17f8ed.entry.js +4 -0
- package/dist/ionic/p-7a67fe32.entry.js +4 -0
- package/dist/ionic/p-80cc8511.entry.js +4 -0
- package/dist/ionic/p-82796bb0.entry.js +4 -0
- package/dist/ionic/p-8c3d3bca.entry.js +4 -0
- package/dist/ionic/p-9000bd9f.entry.js +4 -0
- package/dist/ionic/p-9cbab197.entry.js +4 -0
- package/dist/ionic/p-BJ-EYogw.js +4 -0
- package/dist/ionic/p-BKDxK6_S.js +4 -0
- package/dist/ionic/p-BMPzyWDm.js +4 -0
- package/dist/ionic/p-BTqHM5hg.js +4 -0
- package/dist/ionic/p-BZR5I9yn.js +4 -0
- package/dist/ionic/{p-BiTKUjko.js → p-BZSKvxFv.js} +1 -1
- package/dist/ionic/{p-DyaKZbAH.js → p-BaAcx1TO.js} +1 -1
- package/dist/ionic/p-BeJdFlAB.js +4 -0
- package/dist/ionic/{p-Q7JLYEUZ.js → p-Bi_aZreq.js} +1 -1
- package/dist/ionic/p-BpUl-Ubc.js +4 -0
- package/dist/ionic/{p-DxFexTIr.js → p-BuAY53fC.js} +1 -1
- package/dist/ionic/p-CnPZjTVf.js +4 -0
- package/dist/ionic/{p-HpOiAvpC.js → p-D-g7JYuH.js} +1 -1
- package/dist/ionic/p-D6quDhlh.js +4 -0
- package/dist/ionic/{p-DBaOCAfc.js → p-DIZM2shZ.js} +1 -1
- package/dist/ionic/p-DJD59Sq4.js +4 -0
- package/dist/ionic/p-DZmL55Qn.js +4 -0
- package/dist/ionic/p-DjxV6ul_.js +4 -0
- package/dist/ionic/p-DkXsr7m2.js +4 -0
- package/dist/ionic/p-DnNglnwY.js +4 -0
- package/dist/ionic/p-Dpa-63kX.js +4 -0
- package/dist/ionic/p-HOJ_eq4V.js +5 -0
- package/dist/ionic/p-MBiM0IFp.js +4 -0
- package/dist/ionic/p-a1af546a.entry.js +4 -0
- package/dist/ionic/p-a2218a8b.entry.js +4 -0
- package/dist/ionic/p-a22b46e4.entry.js +4 -0
- package/dist/ionic/{p-89743bba.entry.js → p-ae10fb4c.entry.js} +1 -1
- package/dist/ionic/p-c2122301.entry.js +4 -0
- package/dist/ionic/{p-3cb3d194.entry.js → p-c428cbac.entry.js} +1 -1
- package/dist/ionic/p-c565e353.entry.js +4 -0
- package/dist/ionic/p-c6301ef9.entry.js +4 -0
- package/dist/ionic/p-c83a1254.entry.js +4 -0
- package/dist/ionic/p-c9313bb8.entry.js +4 -0
- package/dist/ionic/p-cb6bb34f.entry.js +4 -0
- package/dist/ionic/p-d215bbdc.entry.js +4 -0
- package/dist/ionic/p-de6964a2.entry.js +4 -0
- package/dist/ionic/p-ded5613d.entry.js +4 -0
- package/dist/ionic/p-e0eae83d.entry.js +4 -0
- package/dist/ionic/p-e7925263.entry.js +4 -0
- package/dist/ionic/p-eZzo_1L1.js +4 -0
- package/dist/ionic/p-eebf0420.entry.js +4 -0
- package/dist/ionic/p-f1121131.entry.js +4 -0
- package/dist/ionic/p-f1bb4947.entry.js +4 -0
- package/dist/ionic/p-facf3c23.entry.js +4 -0
- package/dist/node_modules/ionicons/dist/collection/components/icon/icon.css +143 -0
- package/dist/types/stencil-public-runtime.d.ts +7 -51
- package/hydrate/index.d.ts +0 -2
- package/hydrate/index.js +345 -543
- package/hydrate/index.mjs +345 -543
- package/package.json +2 -2
- package/dist/cjs/app-globals-CrtAvKxl.js +0 -10
- package/dist/cjs/ionic-global-DuRUel5m.js +0 -491
- package/dist/esm/app-globals-BNKecRVD.js +0 -8
- package/dist/esm/ionic-global-2R0iPB51.js +0 -480
- package/dist/ionic/p--8Ga2Cg0.js +0 -4
- package/dist/ionic/p-16c5a01c.entry.js +0 -4
- package/dist/ionic/p-1f981d06.entry.js +0 -4
- package/dist/ionic/p-22c02aea.entry.js +0 -4
- package/dist/ionic/p-23e4b68a.entry.js +0 -4
- package/dist/ionic/p-28571945.entry.js +0 -4
- package/dist/ionic/p-2bab0853.entry.js +0 -4
- package/dist/ionic/p-2e19a4dd.entry.js +0 -4
- package/dist/ionic/p-2e900f67.entry.js +0 -4
- package/dist/ionic/p-3622a9ea.entry.js +0 -4
- package/dist/ionic/p-3a6a92ab.entry.js +0 -4
- package/dist/ionic/p-418e4330.entry.js +0 -4
- package/dist/ionic/p-4261dc5d.entry.js +0 -4
- package/dist/ionic/p-4e13d498.entry.js +0 -4
- package/dist/ionic/p-55e2352e.entry.js +0 -4
- package/dist/ionic/p-56a9319e.entry.js +0 -4
- package/dist/ionic/p-59e6c978.entry.js +0 -4
- package/dist/ionic/p-642b022d.entry.js +0 -4
- package/dist/ionic/p-64385b66.entry.js +0 -4
- package/dist/ionic/p-66397fac.entry.js +0 -4
- package/dist/ionic/p-66d094b2.entry.js +0 -4
- package/dist/ionic/p-6fac73e6.entry.js +0 -4
- package/dist/ionic/p-7d450184.entry.js +0 -4
- package/dist/ionic/p-81770a5c.entry.js +0 -4
- package/dist/ionic/p-844bd58c.entry.js +0 -4
- package/dist/ionic/p-86b82096.entry.js +0 -4
- package/dist/ionic/p-87678140.entry.js +0 -4
- package/dist/ionic/p-88ef6829.entry.js +0 -4
- package/dist/ionic/p-90320028.entry.js +0 -4
- package/dist/ionic/p-916685a9.entry.js +0 -4
- package/dist/ionic/p-91966afa.entry.js +0 -4
- package/dist/ionic/p-B-N4FEiY.js +0 -4
- package/dist/ionic/p-B3uz75uZ.js +0 -4
- package/dist/ionic/p-BRd1Ag6P.js +0 -4
- package/dist/ionic/p-BbT4IAlw.js +0 -4
- package/dist/ionic/p-C8IsBmNU.js +0 -5
- package/dist/ionic/p-CK1xn1Nt.js +0 -4
- package/dist/ionic/p-CK4YXTyz.js +0 -4
- package/dist/ionic/p-CeO9Shc9.js +0 -4
- package/dist/ionic/p-Cm5sQeXL.js +0 -4
- package/dist/ionic/p-DHCQ1qFC.js +0 -4
- package/dist/ionic/p-DPNSAVjP.js +0 -4
- package/dist/ionic/p-D_8SMvQ3.js +0 -4
- package/dist/ionic/p-DbQ5QkTP.js +0 -4
- package/dist/ionic/p-DdaOdN_z.js +0 -4
- package/dist/ionic/p-Dq8ap6AD.js +0 -4
- package/dist/ionic/p-Dv5UHqHj.js +0 -4
- package/dist/ionic/p-W-2TssC9.js +0 -4
- package/dist/ionic/p-a1128f7f.entry.js +0 -4
- package/dist/ionic/p-a57c0cce.entry.js +0 -4
- package/dist/ionic/p-acb9905c.entry.js +0 -4
- package/dist/ionic/p-b2291ef0.entry.js +0 -4
- package/dist/ionic/p-b26aeaf8.entry.js +0 -4
- package/dist/ionic/p-bf461512.entry.js +0 -4
- package/dist/ionic/p-c289efa5.entry.js +0 -4
- package/dist/ionic/p-c2f738d2.entry.js +0 -4
- package/dist/ionic/p-c775e3c0.entry.js +0 -4
- package/dist/ionic/p-ce510c06.entry.js +0 -4
- package/dist/ionic/p-cea1ee31.entry.js +0 -4
- package/dist/ionic/p-d1c60c1c.entry.js +0 -4
- package/dist/ionic/p-db90b95a.entry.js +0 -4
- package/dist/ionic/p-dcfb2b1d.entry.js +0 -4
- package/dist/ionic/p-e2171c27.entry.js +0 -4
- package/dist/ionic/p-e28d6a81.entry.js +0 -4
- package/dist/ionic/p-ec02238a.entry.js +0 -4
- package/dist/ionic/p-ecc8aebb.entry.js +0 -4
- package/dist/ionic/p-f3de58bd.entry.js +0 -4
- package/dist/ionic/p-ff757a50.entry.js +0 -4
- package/dist/ionic/p-szCM2gDt.js +0 -4
- package/dist/ionic/p-vpXGWZiy.js +0 -4
|
@@ -3,8 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var ionicGlobal = require('./ionic-global-DuRUel5m.js');
|
|
6
|
+
var index = require('./index-CmckMMX1.js');
|
|
8
7
|
var theme = require('./theme-CeDs6Hcv.js');
|
|
9
8
|
|
|
10
9
|
const avatarIonicCss = ":host{border-radius:var(--border-radius);display:block;position:relative}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--padding-top:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--token-space-0, var(--token-scale-0, 0px));font-size:var(--token-font-size-450, 1.125rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #efefef));color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(:not(.avatar-image)){-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}:host(.avatar-xxsmall){--padding-end:var(--token-space-050, var(--token-scale-050, 2px));--padding-start:var(--token-space-050, var(--token-scale-050, 2px));font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host(.avatar-xsmall){--padding-end:var(--token-space-050, var(--token-scale-050, 2px));--padding-start:var(--token-space-050, var(--token-scale-050, 2px));font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.avatar-small){--padding-end:var(--token-space-150, var(--token-scale-150, 6px));--padding-start:var(--token-space-150, var(--token-scale-150, 6px));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;width:var(--token-scale-800, 32px);height:var(--token-scale-800, 32px)}:host(.avatar-medium){--padding-end:var(--token-space-200, var(--token-scale-200, 8px));--padding-start:var(--token-space-200, var(--token-scale-200, 8px));width:var(--token-scale-1000, 40px);height:var(--token-scale-1000, 40px)}:host(.avatar-large){--padding-end:var(--token-space-250, var(--token-scale-250, 10px));--padding-start:var(--token-space-250, var(--token-scale-250, 10px));font-size:var(--token-font-size-500, 1.25rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none;width:var(--token-scale-1200, 48px);height:var(--token-scale-1200, 48px)}:host(.avatar-xlarge){--padding-end:var(--token-space-300, var(--token-scale-300, 12px));--padding-start:var(--token-space-300, var(--token-scale-300, 12px));font-size:var(--token-font-size-550, 1.375rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-700, var(--token-scale-700, 28px));text-decoration:none;text-transform:none;width:var(--token-scale-1400, 56px);height:var(--token-scale-1400, 56px)}:host(.avatar-xxsmall.avatar-soft),:host(.avatar-xsmall.avatar-soft),:host(.avatar-small.avatar-soft){--border-radius:var(--token-soft-2xs, var(--token-border-radius-100, var(--token-scale-100, 4px)))}:host(.avatar-medium.avatar-soft){--border-radius:var(--token-soft-xs, var(--token-border-radius-200, var(--token-scale-200, 8px)))}:host(.avatar-large.avatar-soft),:host(.avatar-xlarge.avatar-soft){--border-radius:var(--token-soft-md, var(--token-border-radius-400, var(--token-scale-400, 16px)))}:host(.avatar-xxsmall.avatar-round),:host(.avatar-xsmall.avatar-round),:host(.avatar-small.avatar-round){--border-radius:var(--token-round-2xs, var(--token-border-radius-full, 999px))}:host(.avatar-medium.avatar-round){--border-radius:var(--token-round-xs, var(--token-border-radius-full, 999px))}:host(.avatar-large.avatar-round),:host(.avatar-xlarge.avatar-round){--border-radius:var(--token-round-md, var(--token-border-radius-full, 999px))}:host(.avatar-xxsmall.avatar-rectangular),:host(.avatar-xsmall.avatar-rectangular),:host(.avatar-small.avatar-rectangular){--border-radius:var(--token-rectangular-2xs, var(--token-border-radius-0, var(--token-scale-0, 0px)))}:host(.avatar-medium.avatar-rectangular){--border-radius:var(--token-rectangular-xs, var(--token-border-radius-0, var(--token-scale-0, 0px)))}:host(.avatar-large.avatar-rectangular),:host(.avatar-xlarge.avatar-rectangular){--border-radius:var(--token-rectangular-md, var(--token-border-radius-0, var(--token-scale-0, 0px)))}:host(.avatar-icon){padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}:host(.avatar-xxsmall) ::slotted(ion-icon){width:var(--token-scale-300, 12px);height:var(--token-scale-300, 12px)}:host(.avatar-xsmall) ::slotted(ion-icon){width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host(.avatar-small) ::slotted(ion-icon){width:var(--token-scale-500, 20px);height:var(--token-scale-500, 20px)}:host(.avatar-medium) ::slotted(ion-icon){width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.avatar-large) ::slotted(ion-icon){width:var(--token-scale-700, 28px);height:var(--token-scale-700, 28px)}:host(.avatar-xlarge) ::slotted(ion-icon){width:var(--token-scale-800, 32px);height:var(--token-scale-800, 32px)}:host ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--token-scale-050, 2px), calc(var(--token-scale-050, 2px) * -1));transform:translate(var(--token-scale-050, 2px), calc(var(--token-scale-050, 2px) * -1))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:empty){-webkit-transform:translate(var(--token-scale-100, 4px), calc(var(--token-scale-100, 4px) * -1));transform:translate(var(--token-scale-100, 4px), calc(var(--token-scale-100, 4px) * -1))}:host ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(0, var(--token-scale-100, 4px));transform:translate(0, var(--token-scale-100, 4px))}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:empty){-webkit-transform:translate(var(--token-scale-100, 4px), var(--token-scale-100, 4px));transform:translate(var(--token-scale-100, 4px), var(--token-scale-100, 4px))}:host ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){-webkit-transform:translate(50%, 50%);transform:translate(50%, 50%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--token-scale-100, 4px);-webkit-transform:translate(100%, 100%);transform:translate(100%, 100%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--token-scale-100, 4px)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:calc(var(--token-scale-050, 2px) * -1)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:calc(var(--token-scale-050, 2px) * -1)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--token-scale-050, 2px)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)),:host(.avatar-large) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--token-scale-050, 2px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){bottom:var(--token-scale-150, 6px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-bottom:not(:empty)){inset-inline-end:var(--token-scale-150, 6px)}:host ::slotted(ion-badge.badge-vertical-top:not(:empty)){-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-050, 2px)}:host(.avatar-xxsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:0}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-100, 4px)}:host(.avatar-xsmall) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:calc(var(--token-scale-050, 2px) * -1)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-150, 6px)}:host(.avatar-small) ::slotted(ion-badge.badge-vertical-top:not(:empty)),:host(.avatar-medium) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:0}:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-150, 6px)}:host(.avatar-large) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:var(--token-scale-050, 2px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)){top:var(--token-scale-150, 6px)}:host(.avatar-xlarge) ::slotted(ion-badge.badge-vertical-top:not(:empty)){inset-inline-end:var(--token-scale-150, 6px)}:host(.avatar-disabled)::before{border-radius:var(--border-radius);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}";
|
|
@@ -28,7 +27,7 @@ const Avatar = class {
|
|
|
28
27
|
return !!this.el.querySelector('ion-icon');
|
|
29
28
|
}
|
|
30
29
|
getSize() {
|
|
31
|
-
const theme =
|
|
30
|
+
const theme = index.getIonTheme(this);
|
|
32
31
|
const { size } = this;
|
|
33
32
|
// TODO(ROU-10752): Remove theme check when sizes are defined for all themes.
|
|
34
33
|
if (theme !== 'ionic') {
|
|
@@ -40,7 +39,7 @@ const Avatar = class {
|
|
|
40
39
|
return size;
|
|
41
40
|
}
|
|
42
41
|
getShape() {
|
|
43
|
-
const theme =
|
|
42
|
+
const theme = index.getIonTheme(this);
|
|
44
43
|
const { shape } = this;
|
|
45
44
|
// TODO(ROU-10755): Remove theme check when shapes are defined for all themes.
|
|
46
45
|
if (theme !== 'ionic') {
|
|
@@ -53,7 +52,7 @@ const Avatar = class {
|
|
|
53
52
|
}
|
|
54
53
|
render() {
|
|
55
54
|
const { hasImage, hasIcon, disabled } = this;
|
|
56
|
-
const theme =
|
|
55
|
+
const theme = index.getIonTheme(this);
|
|
57
56
|
const size = this.getSize();
|
|
58
57
|
const shape = this.getShape();
|
|
59
58
|
return (index.h(index.Host, { key: '78ff5863d80f0e334b679a1ba530008dee4e0e69', class: {
|
|
@@ -84,7 +83,7 @@ const Badge = class {
|
|
|
84
83
|
index.registerInstance(this, hostRef);
|
|
85
84
|
}
|
|
86
85
|
getShape() {
|
|
87
|
-
const theme =
|
|
86
|
+
const theme = index.getIonTheme(this);
|
|
88
87
|
const { shape } = this;
|
|
89
88
|
// TODO(ROU-10777): Remove theme check when shapes are defined for all themes.
|
|
90
89
|
if (theme !== 'ionic') {
|
|
@@ -96,7 +95,7 @@ const Badge = class {
|
|
|
96
95
|
return shape;
|
|
97
96
|
}
|
|
98
97
|
getSize() {
|
|
99
|
-
const theme =
|
|
98
|
+
const theme = index.getIonTheme(this);
|
|
100
99
|
const { size } = this;
|
|
101
100
|
// TODO(FW-6355): Remove theme check when sizes are defined for all themes.
|
|
102
101
|
if (theme !== 'ionic') {
|
|
@@ -133,7 +132,7 @@ const Badge = class {
|
|
|
133
132
|
const hue = this.getHue();
|
|
134
133
|
const shape = this.getShape();
|
|
135
134
|
const size = this.getSize();
|
|
136
|
-
const theme$1 =
|
|
135
|
+
const theme$1 = index.getIonTheme(this);
|
|
137
136
|
return (index.h(index.Host, { key: '4a447df7171ebcf4a649ebde14f0275b26c39c32', class: theme.createColorClasses(this.color, {
|
|
138
137
|
[theme$1]: true,
|
|
139
138
|
[`badge-${hue}`]: hue !== undefined,
|
|
@@ -160,7 +159,7 @@ const Thumbnail = class {
|
|
|
160
159
|
index.registerInstance(this, hostRef);
|
|
161
160
|
}
|
|
162
161
|
render() {
|
|
163
|
-
const theme =
|
|
162
|
+
const theme = index.getIonTheme(this);
|
|
164
163
|
return (index.h(index.Host, { key: '6053cf163155d4268dad4fc81ffc6bbc70d75659', class: {
|
|
165
164
|
[theme]: true,
|
|
166
165
|
} }, index.h("slot", { key: 'b7afb5835bce7c7ed9e5cf44758bbe2d802e1271' })));
|
|
@@ -3,12 +3,11 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-CmckMMX1.js');
|
|
7
7
|
var caretLeft = require('./caret-left-CxZXLRv5.js');
|
|
8
|
-
var helpers = require('./helpers-
|
|
8
|
+
var helpers = require('./helpers-DmAvmm2T.js');
|
|
9
9
|
var theme = require('./theme-CeDs6Hcv.js');
|
|
10
10
|
var index$1 = require('./index-DqmRDbxg.js');
|
|
11
|
-
var ionicGlobal = require('./ionic-global-DuRUel5m.js');
|
|
12
11
|
require('./focus-visible-BIj-I3-C.js');
|
|
13
12
|
|
|
14
13
|
const ionicBackButtonMdCss = ":host{--background:transparent;--color-focused:currentColor;--color-hover:currentColor;--icon-margin-top:0;--icon-margin-bottom:0;--icon-padding-top:0;--icon-padding-end:0;--icon-padding-bottom:0;--icon-padding-start:0;--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--min-width:auto;--min-height:auto;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--opacity:1;--ripple-color:currentColor;--transition:background-color, opacity 100ms linear;display:none;min-width:var(--min-width);min-height:var(--min-height);color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-kerning:none;font-kerning:none}ion-ripple-effect{color:var(--ripple-color)}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.show-back-button){display:block}:host(.back-button-disabled){cursor:default;opacity:0.5;pointer-events:none}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:block;position:relative;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;opacity:var(--opacity);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}ion-icon{-webkit-padding-start:var(--icon-padding-start);padding-inline-start:var(--icon-padding-start);-webkit-padding-end:var(--icon-padding-end);padding-inline-end:var(--icon-padding-end);padding-top:var(--icon-padding-top);padding-bottom:var(--icon-padding-bottom);-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);-webkit-margin-end:var(--icon-margin-end);margin-inline-end:var(--icon-margin-end);margin-top:var(--icon-margin-top);margin-bottom:var(--icon-margin-bottom);display:inherit;font-size:var(--icon-font-size);font-weight:var(--icon-font-weight);pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-color.ion-focused) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--border-radius:4px;--background-focused:currentColor;--background-focused-opacity:0.12;--background-hover:currentColor;--background-hover-opacity:0.04;--color:currentColor;--icon-margin-end:0;--icon-margin-start:0;--icon-font-size:1.5rem;--icon-font-weight:normal;--min-height:32px;--min-width:44px;--padding-start:12px;--padding-end:12px;font-size:0.875rem;font-weight:500;text-transform:uppercase}:host(.back-button-has-icon-only){--border-radius:50%;min-width:48px;min-height:48px;aspect-ratio:1/1}.button-native{-webkit-box-shadow:none;box-shadow:none}.button-text{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:0;padding-bottom:0}ion-icon{line-height:0.67;text-align:start}@media (any-hover: hover){:host(.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}:host(.ion-color.ion-focused) .button-native::after{background:var(--ion-color-base)}";
|
|
@@ -50,7 +49,7 @@ const BackButton = class {
|
|
|
50
49
|
return this.icon;
|
|
51
50
|
}
|
|
52
51
|
// Determine the theme and map to default icons
|
|
53
|
-
const theme =
|
|
52
|
+
const theme = index.getIonTheme(this);
|
|
54
53
|
const defaultIcons = {
|
|
55
54
|
ios: index$1.chevronBack,
|
|
56
55
|
ionic: caretLeft.caretLeftSvg,
|
|
@@ -62,7 +61,7 @@ const BackButton = class {
|
|
|
62
61
|
return index.config.get('backButtonIcon', defaultIcon);
|
|
63
62
|
}
|
|
64
63
|
get backButtonText() {
|
|
65
|
-
const defaultBackButtonText =
|
|
64
|
+
const defaultBackButtonText = index.getIonTheme(this) === 'ios' ? 'Back' : null;
|
|
66
65
|
return this.text != null ? this.text : index.config.get('backButtonText', defaultBackButtonText);
|
|
67
66
|
}
|
|
68
67
|
get hasIconOnly() {
|
|
@@ -79,7 +78,7 @@ const BackButton = class {
|
|
|
79
78
|
render() {
|
|
80
79
|
const { color, defaultHref, disabled, type, hasIconOnly, backButtonIcon, backButtonText, icon, inheritedAttributes, } = this;
|
|
81
80
|
const showBackButton = defaultHref !== undefined;
|
|
82
|
-
const theme$1 =
|
|
81
|
+
const theme$1 = index.getIonTheme(this);
|
|
83
82
|
const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
|
|
84
83
|
return (index.h(index.Host, { key: '30cb7e566ef5182691373de93dbe694fb8cf72ed', onClick: this.onClick, class: theme.createColorClasses(color, {
|
|
85
84
|
[theme$1]: true,
|
|
@@ -3,8 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var ionicGlobal = require('./ionic-global-DuRUel5m.js');
|
|
6
|
+
var index = require('./index-CmckMMX1.js');
|
|
8
7
|
|
|
9
8
|
const backdropIonicCss = ":host{right:0;left:0;top:0;bottom:0;display:block;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);contain:strict;cursor:pointer;opacity:0.01;-ms-touch-action:none;touch-action:none}:host(.backdrop-hide){background:transparent}:host(.backdrop-no-tappable){cursor:auto}:host{background-color:rgba(var(--token-primitives-base-black-rgb, 17, 17, 17), 0.7);z-index:2}";
|
|
10
9
|
|
|
@@ -42,7 +41,7 @@ const Backdrop = class {
|
|
|
42
41
|
}
|
|
43
42
|
}
|
|
44
43
|
render() {
|
|
45
|
-
const theme =
|
|
44
|
+
const theme = index.getIonTheme(this);
|
|
46
45
|
return (index.h(index.Host, { key: '730d0808e1043510fda404686d9883d83c0f31a4', "aria-hidden": "true", class: {
|
|
47
46
|
[theme]: true,
|
|
48
47
|
'backdrop-hide': !this.visible,
|
|
@@ -3,12 +3,11 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-CmckMMX1.js');
|
|
7
7
|
var caretRight = require('./caret-right-CRCgv98E.js');
|
|
8
|
-
var helpers = require('./helpers-
|
|
8
|
+
var helpers = require('./helpers-DmAvmm2T.js');
|
|
9
9
|
var theme = require('./theme-CeDs6Hcv.js');
|
|
10
10
|
var index$1 = require('./index-DqmRDbxg.js');
|
|
11
|
-
var ionicGlobal = require('./ionic-global-DuRUel5m.js');
|
|
12
11
|
require('./focus-visible-BIj-I3-C.js');
|
|
13
12
|
|
|
14
13
|
const dotsThreeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNDAsMTI4YTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDE0MCwxMjhabTU2LTEyYTEyLDEyLDAsMSwwLDEyLDEyQTEyLDEyLDAsMCwwLDE5NiwxMTZaTTYwLDExNmExMiwxMiwwLDEsMCwxMiwxMkExMiwxMiwwLDAsMCw2MCwxMTZaIi8+PC9zdmc+';
|
|
@@ -58,7 +57,7 @@ const Breadcrumb = class {
|
|
|
58
57
|
}
|
|
59
58
|
get breadcrumbCollapsedIcon() {
|
|
60
59
|
// Determine the theme and map to default icons
|
|
61
|
-
const theme =
|
|
60
|
+
const theme = index.getIonTheme(this);
|
|
62
61
|
const defaultIcons = {
|
|
63
62
|
ios: index$1.ellipsisHorizontal,
|
|
64
63
|
ionic: dotsThreeSvg,
|
|
@@ -71,7 +70,7 @@ const Breadcrumb = class {
|
|
|
71
70
|
}
|
|
72
71
|
get breadcrumbSeparatorIcon() {
|
|
73
72
|
// Determine the theme and map to default icons
|
|
74
|
-
const theme =
|
|
73
|
+
const theme = index.getIonTheme(this);
|
|
75
74
|
const defaultIcons = {
|
|
76
75
|
ios: index$1.chevronForwardOutline,
|
|
77
76
|
ionic: caretRight.caretRightSvg,
|
|
@@ -92,7 +91,7 @@ const Breadcrumb = class {
|
|
|
92
91
|
// Links can still be tabbed to when set to disabled if they have an href
|
|
93
92
|
// in order to truly disable them we can keep it as an anchor but remove the href
|
|
94
93
|
const href = disabled ? undefined : this.href;
|
|
95
|
-
const theme$1 =
|
|
94
|
+
const theme$1 = index.getIonTheme(this);
|
|
96
95
|
const attrs = TagType === 'span'
|
|
97
96
|
? {}
|
|
98
97
|
: {
|
|
@@ -242,7 +241,7 @@ const Breadcrumbs = class {
|
|
|
242
241
|
}
|
|
243
242
|
render() {
|
|
244
243
|
const { color, collapsed } = this;
|
|
245
|
-
const theme$1 =
|
|
244
|
+
const theme$1 = index.getIonTheme(this);
|
|
246
245
|
return (index.h(index.Host, { key: '40b6dc5e9e13ca903d2e67b726f505813365a653', class: theme.createColorClasses(color, {
|
|
247
246
|
[theme$1]: true,
|
|
248
247
|
'in-toolbar': theme.hostContext('ion-toolbar', this.el),
|
|
@@ -3,10 +3,9 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var helpers = require('./helpers-
|
|
6
|
+
var index = require('./index-CmckMMX1.js');
|
|
7
|
+
var helpers = require('./helpers-DmAvmm2T.js');
|
|
8
8
|
var theme = require('./theme-CeDs6Hcv.js');
|
|
9
|
-
var ionicGlobal = require('./ionic-global-DuRUel5m.js');
|
|
10
9
|
require('./focus-visible-BIj-I3-C.js');
|
|
11
10
|
|
|
12
11
|
const buttonIonicCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-outline){--background:transparent}:host(.button-clear){--border-width:0;--background:transparent}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon),::slotted(ion-spinner){pointer-events:none}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-foreground)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}.button-native ion-ripple-effect,.button-native::after{border-radius:inherit}:host(.button-has-badge) .button-native{--overflow:visible}:host ::slotted(ion-badge[vertical]:not(:empty)){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host{--padding-top:var(--token-space-0, var(--token-scale-0, 0px));--padding-end:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--padding-top);--padding-start:var(--padding-end);--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));position:relative}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--token-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host(.button-clear){--color:var(--ion-color-primary-foreground, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))))}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));--background-hover:var(--ion-color-primary-shade, var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));--background-focused:transparent;--background-hover-opacity:1;--background:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary-contrast, var(--token-text-inverse, var(--token-primitives-base-white, #ffffff)));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-outline){--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #efefef));--background-focused:transparent;--background-hover:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #efefef));--background-hover-opacity:1;--border-color:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--color:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-clear){--background-activated:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #efefef));--background-focused:transparent;--background-hover:var(--token-bg-neutral-subtlest-press, var(--token-primitives-neutral-200, #efefef));--background-hover-opacity:1;--color:var(--ion-color-primary-foreground, var(--token-text-primary, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3))));--ripple-opacity:var(--background-activated-opacity, 1);--ripple-color:var(--background-activated)}:host(.button-solid.ion-color) ion-ripple-effect{color:var(--ion-color-shade)}:host(.button-outline.ion-color) ion-ripple-effect,:host(.button-clear.ion-color) ion-ripple-effect{color:var(--token-primitives-neutral-200, #efefef)}:host(.button-small){--padding-end:var(--token-space-400, var(--token-scale-400, 16px));font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;min-width:var(--token-scale-1600, 64px);min-height:var(--token-scale-1000, 40px)}:host(.button-medium){--padding-end:var(--token-space-500, var(--token-scale-500, 20px));font-size:var(--token-font-size-400, 1rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;min-width:var(--token-scale-1800, 72px);min-height:var(--token-scale-1200, 48px)}:host(.button-large){--padding-end:var(--token-space-700, var(--token-scale-700, 28px));font-size:var(--token-font-size-500, 1.25rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-1, 1%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;min-width:var(--token-scale-2000, 80px);min-height:var(--token-scale-1400, 56px)}:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-icon[slot=icon-only]),:host(.button-medium) ::slotted(ion-icon[slot=start]),:host(.button-medium) ::slotted(ion-icon[slot=end]),:host(.button-medium) ::slotted(ion-icon[slot=icon-only]){width:var(--token-scale-500, 20px);height:var(--token-scale-500, 20px)}:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-icon[slot=icon-only]){width:var(--token-scale-600, 24px);height:var(--token-scale-600, 24px)}:host(.button-has-icon-only){--padding-end:var(--padding-top);min-width:unset;aspect-ratio:1/1}::slotted(ion-spinner){--color:currentColor}::slotted(ion-spinner[slot=start]),::slotted(ion-spinner[slot=end]),::slotted(ion-spinner[slot=icon-only]){width:var(--token-scale-500, 20px);height:var(--token-scale-500, 20px)}:host(.button-soft){--border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px))}:host(.button-round){--border-radius:var(--token-border-radius-full, 999px)}:host(.button-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host(.ion-focused) .button-native{outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px))}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.ion-activated) .button-native:has(ion-ripple-effect)::after,:host(.button-solid.ion-color.ion-activated) .button-native:has(ion-ripple-effect)::after{background:transparent}@media (any-hover: hover){:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-shade)}}:host(.button-disabled) .button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;width:inherit;height:inherit}::slotted(ion-icon){font-size:var(--token-font-size-500, 1.25rem)}:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}::slotted(ion-icon[slot=start]),::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--token-space-250, var(--token-scale-250, 10px));margin-inline-end:var(--token-space-250, var(--token-scale-250, 10px))}:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-spinner[slot=start]){-webkit-margin-end:var(--token-space-300, var(--token-scale-300, 12px));margin-inline-end:var(--token-space-300, var(--token-scale-300, 12px))}:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--token-space-200, var(--token-scale-200, 8px));margin-inline-start:var(--token-space-200, var(--token-scale-200, 8px))}::slotted(ion-icon[slot=end]),::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--token-space-250, var(--token-scale-250, 10px));margin-inline-start:var(--token-space-250, var(--token-scale-250, 10px))}:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-spinner[slot=end]){-webkit-margin-start:var(--token-space-300, var(--token-scale-300, 12px));margin-inline-start:var(--token-space-300, var(--token-scale-300, 12px))}:host(.button-has-badge){--padding-top:var(--token-space-0, var(--token-scale-0, 0px));--padding-bottom:var(--token-space-0, var(--token-scale-0, 0px))}:host(.button-small) ::slotted(ion-badge){inset-inline-end:calc(-1 * var(--token-space-050, var(--token-scale-050, 2px)))}:host(.button-medium) ::slotted(ion-badge.long-badge.badge-vertical-top){top:var(--token-space-100, var(--token-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge.long-badge.badge-vertical-bottom){bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){top:var(--token-space-100, var(--token-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){inset-inline-end:var(--token-space-150, var(--token-scale-150, 6px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.button-medium) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){inset-inline-end:var(--token-space-150, var(--token-scale-150, 6px))}:host(.button-large) ::slotted(ion-badge.long-badge.badge-vertical-top){top:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge.long-badge.badge-vertical-bottom){bottom:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){top:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-top){inset-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){bottom:var(--token-space-200, var(--token-scale-200, 8px))}:host(.button-large) ::slotted(ion-badge:not(.long-badge).badge-vertical-bottom){inset-inline-end:var(--token-space-200, var(--token-scale-200, 8px))}";
|
|
@@ -152,7 +151,7 @@ const Button = class {
|
|
|
152
151
|
* Set the shape based on the theme
|
|
153
152
|
*/
|
|
154
153
|
getShape() {
|
|
155
|
-
const theme =
|
|
154
|
+
const theme = index.getIonTheme(this);
|
|
156
155
|
const { shape } = this;
|
|
157
156
|
if (shape === undefined) {
|
|
158
157
|
return theme === 'ios' ? 'soft' : 'round';
|
|
@@ -231,8 +230,8 @@ const Button = class {
|
|
|
231
230
|
}
|
|
232
231
|
render() {
|
|
233
232
|
const { buttonType, type, disabled, rel, target, href, color, expand, hasIconOnly, hasBadge, strong, inheritedAttributes, } = this;
|
|
234
|
-
const theme$1 =
|
|
235
|
-
const mode =
|
|
233
|
+
const theme$1 = index.getIonTheme(this);
|
|
234
|
+
const mode = index.getIonMode(this);
|
|
236
235
|
const size = this.getSize();
|
|
237
236
|
const shape = this.getShape();
|
|
238
237
|
const TagType = href === undefined ? 'button' : 'a';
|
|
@@ -3,10 +3,9 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var helpers = require('./helpers-
|
|
6
|
+
var index = require('./index-CmckMMX1.js');
|
|
7
|
+
var helpers = require('./helpers-DmAvmm2T.js');
|
|
8
8
|
var theme = require('./theme-CeDs6Hcv.js');
|
|
9
|
-
var ionicGlobal = require('./ionic-global-DuRUel5m.js');
|
|
10
9
|
require('./focus-visible-BIj-I3-C.js');
|
|
11
10
|
|
|
12
11
|
const cardIonicCss = ":host{--ion-safe-area-left:0px;--ion-safe-area-right:0px;border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;background:var(--background);color:var(--color);contain:content;overflow:hidden}:host(.ion-color){background:current-color(base);color:current-color(contrast)}button,a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}ion-ripple-effect{color:var(--ripple-color)}:host{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-color:var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5));--border-style:var(--token-border-style-solid, solid);--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)));--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));min-width:var(--token-scale-2400, 96px);border:var(--border-width) var(--border-style) var(--border-color)}::slotted(img){display:block}:host(.card-soft){--border-radius:var(--token-soft-xl, var(--token-border-radius-200, var(--token-scale-200, 8px)))}:host(.card-round){--border-radius:var(--token-round-xl, var(--token-border-radius-400, var(--token-scale-400, 16px)))}:host(.card-rectangular){--border-radius:var(--token-rectangular-xl, var(--token-border-radius-0, var(--token-scale-0, 0px)))}";
|
|
@@ -68,7 +67,7 @@ const Card = class {
|
|
|
68
67
|
}
|
|
69
68
|
render() {
|
|
70
69
|
const { shape } = this;
|
|
71
|
-
const theme$1 =
|
|
70
|
+
const theme$1 = index.getIonTheme(this);
|
|
72
71
|
return (index.h(index.Host, { key: 'cc8d900ed5325a8b08fb0d0646f301060aee8b7d', class: theme.createColorClasses(this.color, {
|
|
73
72
|
[theme$1]: true,
|
|
74
73
|
[`card-${shape}`]: shape !== undefined,
|
|
@@ -95,7 +94,7 @@ const CardContent = class {
|
|
|
95
94
|
index.registerInstance(this, hostRef);
|
|
96
95
|
}
|
|
97
96
|
render() {
|
|
98
|
-
const theme =
|
|
97
|
+
const theme = index.getIonTheme(this);
|
|
99
98
|
return (index.h(index.Host, { key: '9e0a23306b43bafffd82900a4da7e020fe45c04f', class: {
|
|
100
99
|
[theme]: true,
|
|
101
100
|
// Used internally for styling
|
|
@@ -126,7 +125,7 @@ const CardHeader = class {
|
|
|
126
125
|
this.translucent = false;
|
|
127
126
|
}
|
|
128
127
|
render() {
|
|
129
|
-
const theme$1 =
|
|
128
|
+
const theme$1 = index.getIonTheme(this);
|
|
130
129
|
return (index.h(index.Host, { key: '2d5d1399c54960f0ccb114a6aaddd7ff16d3d091', class: theme.createColorClasses(this.color, {
|
|
131
130
|
'card-header-translucent': this.translucent,
|
|
132
131
|
'ion-inherit-color': true,
|
|
@@ -151,7 +150,7 @@ const CardSubtitle = class {
|
|
|
151
150
|
index.registerInstance(this, hostRef);
|
|
152
151
|
}
|
|
153
152
|
render() {
|
|
154
|
-
const theme$1 =
|
|
153
|
+
const theme$1 = index.getIonTheme(this);
|
|
155
154
|
return (index.h(index.Host, { key: '91e326f598ccf4f2c6b3030cbdb69b065d9a8434', role: "heading", "aria-level": "3", class: theme.createColorClasses(this.color, {
|
|
156
155
|
'ion-inherit-color': true,
|
|
157
156
|
[theme$1]: true,
|
|
@@ -175,7 +174,7 @@ const CardTitle = class {
|
|
|
175
174
|
index.registerInstance(this, hostRef);
|
|
176
175
|
}
|
|
177
176
|
render() {
|
|
178
|
-
const theme$1 =
|
|
177
|
+
const theme$1 = index.getIonTheme(this);
|
|
179
178
|
return (index.h(index.Host, { key: 'abcd0c06a8afd4b358442588a0171354c4b24b45', role: "heading", "aria-level": "2", class: theme.createColorClasses(this.color, {
|
|
180
179
|
'ion-inherit-color': true,
|
|
181
180
|
[theme$1]: true,
|
|
@@ -3,10 +3,9 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var helpers = require('./helpers-
|
|
6
|
+
var index = require('./index-CmckMMX1.js');
|
|
7
|
+
var helpers = require('./helpers-DmAvmm2T.js');
|
|
8
8
|
var theme = require('./theme-CeDs6Hcv.js');
|
|
9
|
-
var ionicGlobal = require('./ionic-global-DuRUel5m.js');
|
|
10
9
|
require('./focus-visible-BIj-I3-C.js');
|
|
11
10
|
|
|
12
11
|
const checkboxIonicCss = ":host{display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--border-color:var(--token-primitives-neutral-800, #626262);--checkmark-width:var(--token-scale-400, 16px);--checkmark-height:var(--checkmark-width);--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));--focus-ring-offset:var(--token-space-050, var(--token-scale-050, 2px));--size:var(--token-scale-600, 24px);--checkbox-background:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));--checkbox-background-checked:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));--border-color-checked:var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));--checkmark-color:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--transition:none;z-index:2}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--token-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host .native-wrapper{position:relative}.label-text-wrapper{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.in-item) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-400, var(--token-scale-400, 16px))}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{border-radius:var(--border-radius);-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon{width:var(--checkmark-width);height:var(--checkmark-height)}.checkbox-icon path{fill:var(--checkmark-color)}.checkbox-bottom{font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none}.checkbox-bottom .error-text{color:var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222))}.checkbox-bottom .helper-text{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--token-space-400, var(--token-scale-400, 16px));max-width:133.3333333333%}:host(.checkbox-size-small){--size:var(--token-scale-400, 16px)}:host(.checkbox-checked) .native-wrapper,:host(.checkbox-indeterminate) .native-wrapper{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.ion-invalid){--focus-ring-color:var(--token-border-focus-error, var(--token-primitives-red-400, #faa1a1))}:host(.ion-invalid:not(.checkbox-checked)) .native-wrapper,:host(.ion-invalid:not(.checkbox-checked).checkbox-disabled) .native-wrapper{border-color:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)))}:host(.checkbox-disabled) .native-wrapper:after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:\"\";pointer-events:none;right:unset;left:unset;top:unset;bottom:unset;width:inherit;height:inherit}:host(.checkbox-disabled.checkbox-checked) .native-wrapper{border-width:var(--token-border-size-0, var(--token-scale-0, 0px));background-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))))}@media (any-hover: hover){:host(:hover) .native-wrapper{background-color:var(--token-primitives-neutral-100, #f5f5f5)}:host(:hover.checkbox-checked) .native-wrapper,:host(:hover.checkbox-checked) .checkbox-icon,:host(:hover.checkbox-indeterminate) .native-wrapper,:host(:hover.checkbox-indeterminate) .checkbox-icon{background-color:var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da))}}:host(.ion-focused:not(.checkbox-disabled)) .native-wrapper{outline-offset:var(--focus-ring-width);outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color)}:host(.ion-activated) .native-wrapper{background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #efefef))}:host(.ion-activated.checkbox-checked) .native-wrapper,:host(.ion-activated.checkbox-checked) .checkbox-icon,:host(.ion-activated.checkbox-indeterminate) .native-wrapper,:host(.ion-activated.checkbox-indeterminate) .checkbox-icon{background-color:var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)){background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #efefef))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)) .native-wrapper{border-color:var(--token-border-danger-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)))}:host(.checkbox-shape-soft){--border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}:host(.checkbox-size-small.checkbox-shape-soft){--border-radius:var(--token-border-radius-025, var(--token-scale-050, 2px))}:host(.checkbox-shape-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}.checkbox-wrapper{min-height:var(--token-scale-1200, 48px)}";
|
|
@@ -152,7 +151,7 @@ const Checkbox = class {
|
|
|
152
151
|
}
|
|
153
152
|
render() {
|
|
154
153
|
const { color, checked, disabled, el, getSVGPath, indeterminate, inheritedAttributes, inputId, justify, labelPlacement, name, value, alignment, required, shape, size, } = this;
|
|
155
|
-
const theme$1 =
|
|
154
|
+
const theme$1 = index.getIonTheme(this);
|
|
156
155
|
const path = getSVGPath(theme$1, indeterminate);
|
|
157
156
|
const hasLabelContent = el.textContent !== '';
|
|
158
157
|
helpers.renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
@@ -3,9 +3,8 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-CmckMMX1.js');
|
|
7
7
|
var theme = require('./theme-CeDs6Hcv.js');
|
|
8
|
-
var ionicGlobal = require('./ionic-global-DuRUel5m.js');
|
|
9
8
|
|
|
10
9
|
const chipIonicCss = ":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--background);color:var(--color);cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}:host(.chip-disabled){cursor:default;pointer-events:none}:host{--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));-webkit-padding-start:var(--token-space-200, var(--token-scale-200, 8px));padding-inline-start:var(--token-space-200, var(--token-scale-200, 8px));-webkit-padding-end:var(--token-space-200, var(--token-scale-200, 8px));padding-inline-end:var(--token-space-200, var(--token-scale-200, 8px));padding-top:var(--token-space-150, var(--token-scale-150, 6px));padding-bottom:var(--token-space-150, var(--token-scale-150, 6px));border-radius:var(--border-radius);font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none;gap:var(--token-space-100, var(--token-scale-100, 4px));line-height:var(--token-font-line-height-full, 100%)}:host(.chip-outline){border-width:var(--token-border-size-025, var(--token-scale-025, 1px));border-style:var(--token-border-style-solid, solid)}:host(.ion-focused){outline-offset:var(--token-border-size-050, var(--token-scale-050, 2px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--focus-ring-color)}@media (any-hover: hover){:host(.chip-subtle:hover){--background:var(--token-primitives-neutral-200, #efefef)}:host(.chip-bold:hover){--background:var(--token-primitives-neutral-1100, #292929)}:host(.chip-subtle.ion-color:hover){background:var(--ion-color-subtle-tint)}:host(.chip-bold.ion-color:hover){background:var(--ion-color-shade)}}:host(.chip-disabled)::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(.chip-soft){--border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}:host(.chip-round){--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.chip-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}::slotted(ion-icon){font-size:var(--token-font-size-400, 1rem)}:host(.chip-small){min-height:var(--token-scale-600, 24px);font-size:var(--token-font-size-300, 0.75rem)}:host(.chip-large){min-height:var(--token-scale-800, 32px);font-size:var(--token-font-size-350, 0.875rem)}:host(.chip-subtle){--background:var(--token-primitives-neutral-100, #f5f5f5);--color:var(--token-primitives-neutral-800, #626262)}:host(.chip-outline.chip-subtle){border-color:var(--token-primitives-neutral-300, #e0e0e0)}:host(.chip-bold){--background:var(--token-bg-neutral-bold-default, var(--token-primitives-neutral-1000, #3b3b3b));--color:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff))}:host(.chip-outline.chip-bold){border-color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.chip-subtle.ion-color){background:var(--ion-color-subtle-base);color:var(--ion-color-subtle-contrast)}:host(.chip-subtle.chip-outline.ion-color){border-color:var(--ion-color-subtle-shade)}:host(.chip-bold.ion-color){background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.chip-bold.chip-outline.ion-color){border-color:var(--ion-color-shade)}";
|
|
11
10
|
|
|
@@ -36,7 +35,7 @@ const Chip = class {
|
|
|
36
35
|
* Set the shape based on the theme
|
|
37
36
|
*/
|
|
38
37
|
getShape() {
|
|
39
|
-
const theme =
|
|
38
|
+
const theme = index.getIonTheme(this);
|
|
40
39
|
const { shape } = this;
|
|
41
40
|
if (shape === undefined) {
|
|
42
41
|
return theme === 'ionic' ? 'round' : 'soft';
|
|
@@ -44,7 +43,7 @@ const Chip = class {
|
|
|
44
43
|
return shape;
|
|
45
44
|
}
|
|
46
45
|
getSize() {
|
|
47
|
-
const theme =
|
|
46
|
+
const theme = index.getIonTheme(this);
|
|
48
47
|
const { size } = this;
|
|
49
48
|
if (theme === 'ionic') {
|
|
50
49
|
return size !== undefined ? size : 'large';
|
|
@@ -58,7 +57,7 @@ const Chip = class {
|
|
|
58
57
|
}
|
|
59
58
|
render() {
|
|
60
59
|
const { hue } = this;
|
|
61
|
-
const theme$1 =
|
|
60
|
+
const theme$1 = index.getIonTheme(this);
|
|
62
61
|
const size = this.getSize();
|
|
63
62
|
const shape = this.getShape();
|
|
64
63
|
return (index.h(index.Host, { key: 'ea96c8086760e827848fc37d9a2b910a621ad293', "aria-disabled": this.disabled ? 'true' : null, class: theme.createColorClasses(this.color, {
|
|
@@ -3,8 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var ionicGlobal = require('./ionic-global-DuRUel5m.js');
|
|
6
|
+
var index = require('./index-CmckMMX1.js');
|
|
8
7
|
|
|
9
8
|
const SIZE_TO_MEDIA = {
|
|
10
9
|
xs: '(min-width: 0px)',
|
|
@@ -99,7 +98,7 @@ const Col = class {
|
|
|
99
98
|
}
|
|
100
99
|
}
|
|
101
100
|
render() {
|
|
102
|
-
const theme =
|
|
101
|
+
const theme = index.getIonTheme(this);
|
|
103
102
|
const colSize = this.getSizeClass();
|
|
104
103
|
const colOrder = this.getOrderClass();
|
|
105
104
|
const colOffset = this.getOffsetClass();
|
|
@@ -125,7 +124,7 @@ const Grid = class {
|
|
|
125
124
|
this.fixed = false;
|
|
126
125
|
}
|
|
127
126
|
render() {
|
|
128
|
-
const theme =
|
|
127
|
+
const theme = index.getIonTheme(this);
|
|
129
128
|
return (index.h(index.Host, { key: 'f439594e1c4186e30d5b57bf3ca95c220df954fa', class: {
|
|
130
129
|
[theme]: true,
|
|
131
130
|
'grid-fixed': this.fixed,
|
|
@@ -141,7 +140,7 @@ const Row = class {
|
|
|
141
140
|
index.registerInstance(this, hostRef);
|
|
142
141
|
}
|
|
143
142
|
render() {
|
|
144
|
-
const theme =
|
|
143
|
+
const theme = index.getIonTheme(this);
|
|
145
144
|
return (index.h(index.Host, { key: '6f5dd5032485a69ddf9510e2e539a7ba90afda47', class: {
|
|
146
145
|
[theme]: true,
|
|
147
146
|
} }, index.h("slot", { key: '994dcbbc871d606b61ff5993fb29aa1fa349c483' })));
|
|
@@ -3,11 +3,10 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var helpers = require('./helpers-
|
|
6
|
+
var index = require('./index-CmckMMX1.js');
|
|
7
|
+
var helpers = require('./helpers-DmAvmm2T.js');
|
|
8
8
|
var theme = require('./theme-CeDs6Hcv.js');
|
|
9
|
-
var
|
|
10
|
-
var data = require('./data-MoL8Ckx5.js');
|
|
9
|
+
var data = require('./data-B3i-krcw.js');
|
|
11
10
|
require('./focus-visible-BIj-I3-C.js');
|
|
12
11
|
|
|
13
12
|
const ionicDatetimeButtonMdCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host button{border-radius:8px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:0px;margin-bottom:0px;position:relative;-webkit-transition:150ms color ease-in-out;transition:150ms color ease-in-out;border:none;background:var(--ion-color-step-300, var(--ion-background-color-step-300, #edeef0));color:var(--ion-text-color, #000);font-family:inherit;font-size:1rem;cursor:pointer;overflow:hidden;-webkit-appearance:none;-moz-appearance:none;appearance:none}:host(.time-active) #time-button,:host(.date-active) #date-button{color:var(--ion-color-base)}:host(.datetime-button-disabled){pointer-events:none}:host(.datetime-button-disabled) button{opacity:0.4}:host button{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px}";
|
|
@@ -339,7 +338,7 @@ const DatetimeButton = class {
|
|
|
339
338
|
}
|
|
340
339
|
render() {
|
|
341
340
|
const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
|
|
342
|
-
const theme$1 =
|
|
341
|
+
const theme$1 = index.getIonTheme(this);
|
|
343
342
|
return (index.h(index.Host, { key: '2ecfe6f03acf6c81f1e650f1fee86c481e18b1bd', class: theme.createColorClasses(color, {
|
|
344
343
|
[theme$1]: true,
|
|
345
344
|
[`${selectedButton}-active`]: datetimeActive,
|
|
@@ -3,23 +3,22 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
6
|
+
var index = require('./index-CmckMMX1.js');
|
|
7
7
|
var caretLeft = require('./caret-left-CxZXLRv5.js');
|
|
8
8
|
var caretRight = require('./caret-right-CRCgv98E.js');
|
|
9
9
|
var focusVisible = require('./focus-visible-BIj-I3-C.js');
|
|
10
|
-
var helpers = require('./helpers-
|
|
11
|
-
var overlays = require('./overlays-
|
|
10
|
+
var helpers = require('./helpers-DmAvmm2T.js');
|
|
11
|
+
var overlays = require('./overlays-XYRfwd6H.js');
|
|
12
12
|
var dir = require('./dir-Cn0z1rJH.js');
|
|
13
13
|
var theme = require('./theme-CeDs6Hcv.js');
|
|
14
14
|
var index$1 = require('./index-DqmRDbxg.js');
|
|
15
|
-
var
|
|
16
|
-
var data = require('./data-MoL8Ckx5.js');
|
|
15
|
+
var data = require('./data-B3i-krcw.js');
|
|
17
16
|
var lockController = require('./lock-controller-aDB9wrEf.js');
|
|
18
|
-
var animation = require('./animation-
|
|
19
|
-
var haptic = require('./haptic-
|
|
20
|
-
require('./framework-delegate-
|
|
17
|
+
var animation = require('./animation-Bcz4qmJk.js');
|
|
18
|
+
var haptic = require('./haptic-DbqPcCc9.js');
|
|
19
|
+
require('./framework-delegate-DfEY5uyC.js');
|
|
21
20
|
require('./gesture-controller-dtqlP_q4.js');
|
|
22
|
-
require('./capacitor-
|
|
21
|
+
require('./capacitor-CzFst28-.js');
|
|
23
22
|
|
|
24
23
|
const isYearDisabled = (refYear, minParts, maxParts) => {
|
|
25
24
|
if (minParts && minParts.year > refYear) {
|
|
@@ -628,7 +627,7 @@ const Datetime = class {
|
|
|
628
627
|
const startMonth = months[0];
|
|
629
628
|
const workingMonth = months[1];
|
|
630
629
|
const endMonth = months[2];
|
|
631
|
-
const mode =
|
|
630
|
+
const mode = index.getIonMode(this);
|
|
632
631
|
const needsiOSRubberBandFix = mode === 'ios' && typeof navigator !== 'undefined' && navigator.maxTouchPoints > 1;
|
|
633
632
|
/**
|
|
634
633
|
* Before setting up the scroll listener,
|
|
@@ -1260,7 +1259,7 @@ const Datetime = class {
|
|
|
1260
1259
|
* are rendered independently of presentation.
|
|
1261
1260
|
*/
|
|
1262
1261
|
renderFooter() {
|
|
1263
|
-
const theme =
|
|
1262
|
+
const theme = index.getIonTheme(this);
|
|
1264
1263
|
const { disabled, readonly, showDefaultButtons, showClearButton } = this;
|
|
1265
1264
|
/**
|
|
1266
1265
|
* The cancel, clear, and confirm buttons
|
|
@@ -1858,7 +1857,7 @@ const Datetime = class {
|
|
|
1858
1857
|
*/
|
|
1859
1858
|
get datetimeNextIcon() {
|
|
1860
1859
|
// Determine the theme and map to default icons
|
|
1861
|
-
const theme =
|
|
1860
|
+
const theme = index.getIonTheme(this);
|
|
1862
1861
|
const defaultIcons = {
|
|
1863
1862
|
ios: index$1.chevronForward,
|
|
1864
1863
|
ionic: caretRight.caretRightSvg,
|
|
@@ -1876,7 +1875,7 @@ const Datetime = class {
|
|
|
1876
1875
|
*/
|
|
1877
1876
|
get datetimePreviousIcon() {
|
|
1878
1877
|
// Determine the theme and map to default icons
|
|
1879
|
-
const theme =
|
|
1878
|
+
const theme = index.getIonTheme(this);
|
|
1880
1879
|
const defaultIcons = {
|
|
1881
1880
|
ios: index$1.chevronBack,
|
|
1882
1881
|
ionic: caretLeft.caretLeftSvg,
|
|
@@ -1894,7 +1893,7 @@ const Datetime = class {
|
|
|
1894
1893
|
*/
|
|
1895
1894
|
get datetimeCollapsedIcon() {
|
|
1896
1895
|
// Determine the theme and map to default icons
|
|
1897
|
-
const theme =
|
|
1896
|
+
const theme = index.getIonTheme(this);
|
|
1898
1897
|
const defaultIcons = {
|
|
1899
1898
|
ios: index$1.chevronForward,
|
|
1900
1899
|
ionic: undefined,
|
|
@@ -1912,7 +1911,7 @@ const Datetime = class {
|
|
|
1912
1911
|
*/
|
|
1913
1912
|
get datetimeExpandedIcon() {
|
|
1914
1913
|
// Determine the theme and map to default icons
|
|
1915
|
-
const theme =
|
|
1914
|
+
const theme = index.getIonTheme(this);
|
|
1916
1915
|
const defaultIcons = {
|
|
1917
1916
|
ios: index$1.chevronDown,
|
|
1918
1917
|
ionic: undefined,
|
|
@@ -1925,7 +1924,7 @@ const Datetime = class {
|
|
|
1925
1924
|
}
|
|
1926
1925
|
render() {
|
|
1927
1926
|
const { name, value, disabled, el, color, readonly, showMonthAndYear, preferWheel, presentation, size, isGridStyle, } = this;
|
|
1928
|
-
const theme$1 =
|
|
1927
|
+
const theme$1 = index.getIonTheme(this);
|
|
1929
1928
|
const isMonthAndYearPresentation = presentation === 'year' || presentation === 'month' || presentation === 'month-year';
|
|
1930
1929
|
const shouldShowMonthAndYear = showMonthAndYear || isMonthAndYearPresentation;
|
|
1931
1930
|
const monthYearPickerOpen = showMonthAndYear && !isMonthAndYearPresentation;
|
|
@@ -2219,7 +2218,7 @@ const Picker = class {
|
|
|
2219
2218
|
}
|
|
2220
2219
|
render() {
|
|
2221
2220
|
const { htmlAttributes } = this;
|
|
2222
|
-
const theme$1 =
|
|
2221
|
+
const theme$1 = index.getIonTheme(this);
|
|
2223
2222
|
return (index.h(index.Host, Object.assign({ key: 'efcc823fad9cb37c1379bef4f4b84c6461f3a3a6', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
|
|
2224
2223
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
2225
2224
|
}, class: Object.assign({ [theme$1]: true,
|
|
@@ -2275,7 +2274,7 @@ const PickerColumnCmp = class {
|
|
|
2275
2274
|
async connectedCallback() {
|
|
2276
2275
|
let pickerRotateFactor = 0;
|
|
2277
2276
|
let pickerScaleFactor = 0.81;
|
|
2278
|
-
const mode =
|
|
2277
|
+
const mode = index.getIonMode(this);
|
|
2279
2278
|
if (mode === 'ios') {
|
|
2280
2279
|
pickerRotateFactor = -0.46;
|
|
2281
2280
|
pickerScaleFactor = 1;
|
|
@@ -2577,7 +2576,7 @@ const PickerColumnCmp = class {
|
|
|
2577
2576
|
}
|
|
2578
2577
|
render() {
|
|
2579
2578
|
const col = this.col;
|
|
2580
|
-
const theme$1 =
|
|
2579
|
+
const theme$1 = index.getIonTheme(this);
|
|
2581
2580
|
return (index.h(index.Host, { key: '66a5b7f51aa1ee343dbad3830e03933dbdab27ed', class: Object.assign({ [theme$1]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, theme.getClassMap(col.cssClass)), style: {
|
|
2582
2581
|
'max-width': this.col.columnWidth,
|
|
2583
2582
|
} }, col.prefix && (index.h("div", { key: '19a170752bacdabd50c719f6d1aa9e58a2bd830b', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), index.h("div", { key: '871671f796aa6a1f78e07ab2599d94b5fd8cd0bf', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index$1) => (index.h("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index$1 }, o.text)))), col.suffix && (index.h("div", { key: '89792e1dc75a4359a4706a8fd1846fe29b866173', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
|
|
@@ -3,8 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
'use strict';
|
|
5
5
|
|
|
6
|
-
var index = require('./index-
|
|
7
|
-
var ionicGlobal = require('./ionic-global-DuRUel5m.js');
|
|
6
|
+
var index = require('./index-CmckMMX1.js');
|
|
8
7
|
|
|
9
8
|
const dividerIonicCss = ":host{--margin-top:0px;--margin-bottom:0px;--padding-start:0px;--padding-end:0px;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);display:block;width:100%}:host hr{display:block;width:100%;margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);border:none}:host hr{border-top:var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5))}:host(.divider-inset){--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px))}:host(.divider-spacing-xsmall){--margin-top:var(--token-space-200, var(--token-scale-200, 8px));--margin-bottom:var(--token-space-200, var(--token-scale-200, 8px))}:host(.divider-spacing-small){--margin-top:var(--token-space-300, var(--token-scale-300, 12px));--margin-bottom:var(--token-space-300, var(--token-scale-300, 12px))}:host(.divider-spacing-medium){--margin-top:var(--token-space-400, var(--token-scale-400, 16px));--margin-bottom:var(--token-space-400, var(--token-scale-400, 16px))}:host(.divider-spacing-large){--margin-top:var(--token-space-600, var(--token-scale-600, 24px));--margin-bottom:var(--token-space-600, var(--token-scale-600, 24px))}:host(.divider-spacing-xlarge){--margin-top:var(--token-space-800, var(--token-scale-800, 32px));--margin-bottom:var(--token-space-800, var(--token-scale-800, 32px))}:host(.divider-spacing-xxlarge){--margin-top:var(--token-space-1000, var(--token-scale-1000, 40px));--margin-bottom:var(--token-space-1000, var(--token-scale-1000, 40px))}";
|
|
10
9
|
|
|
@@ -34,7 +33,7 @@ const Divider = class {
|
|
|
34
33
|
}
|
|
35
34
|
render() {
|
|
36
35
|
const { inset, spacing } = this;
|
|
37
|
-
const theme =
|
|
36
|
+
const theme = index.getIonTheme(this);
|
|
38
37
|
return (index.h(index.Host, { key: '387f7cb3ce69a1d4aa299f988d21d731fd5775d9', class: {
|
|
39
38
|
[theme]: true,
|
|
40
39
|
[`divider-spacing-${spacing}`]: spacing !== undefined,
|