@ionic/core 8.7.6-dev.11761146245.19b2e6db → 8.7.6-dev.11761592056.19dedfdf
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 +4 -6
- 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 +4 -6
- 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 +12 -13
- 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 +20 -21
- 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.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.ionic.css +5 -0
- package/dist/collection/components/select/select.js +37 -37
- 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 +2 -3
- 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 +8 -9
- 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-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-773f2ac5.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-9aef9229.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-e5005342.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-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
|
@@ -10,11 +10,9 @@ import { b as getIonTheme } from './ionic-global.js';
|
|
|
10
10
|
const reorderGroupCss = ".reorder-list-active>*{display:block;-webkit-transition:-webkit-transform 300ms;transition:-webkit-transform 300ms;transition:transform 300ms;transition:transform 300ms, -webkit-transform 300ms;will-change:transform}.reorder-enabled{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.reorder-enabled ion-reorder{display:block;cursor:-webkit-grab;cursor:grab;pointer-events:all;-ms-touch-action:none;touch-action:none}.reorder-selected,.reorder-selected ion-reorder{cursor:-webkit-grabbing;cursor:grabbing}.reorder-selected{position:relative;-webkit-transition:none !important;transition:none !important;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);box-shadow:0 0 10px rgba(0, 0, 0, 0.4);opacity:0.8;z-index:100}.reorder-visible ion-reorder .reorder-icon{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}";
|
|
11
11
|
|
|
12
12
|
const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends HTMLElement {
|
|
13
|
-
constructor(
|
|
13
|
+
constructor() {
|
|
14
14
|
super();
|
|
15
|
-
|
|
16
|
-
this.__registerHost();
|
|
17
|
-
}
|
|
15
|
+
this.__registerHost();
|
|
18
16
|
this.ionItemReorder = createEvent(this, "ionItemReorder", 7);
|
|
19
17
|
this.ionReorderStart = createEvent(this, "ionReorderStart", 7);
|
|
20
18
|
this.ionReorderMove = createEvent(this, "ionReorderMove", 7);
|
|
@@ -275,7 +273,7 @@ const ReorderGroup = /*@__PURE__*/ proxyCustomElement(class ReorderGroup extends
|
|
|
275
273
|
"disabled": ["disabledChanged"]
|
|
276
274
|
}; }
|
|
277
275
|
static get style() { return reorderGroupCss; }
|
|
278
|
-
}, [
|
|
276
|
+
}, [0, "ion-reorder-group", {
|
|
279
277
|
"disabled": [4],
|
|
280
278
|
"state": [32],
|
|
281
279
|
"complete": [64]
|
|
@@ -15,11 +15,9 @@ const reorderIosCss = ":host([slot]){display:none;line-height:0;z-index:100}.reo
|
|
|
15
15
|
const reorderMdCss = ":host([slot]){display:none;line-height:0;z-index:100}.reorder-icon{display:block}::slotted(ion-icon){font-size:dynamic-font(16px)}.reorder-icon{font-size:1.9375rem;opacity:0.3}";
|
|
16
16
|
|
|
17
17
|
const Reorder = /*@__PURE__*/ proxyCustomElement(class Reorder extends HTMLElement {
|
|
18
|
-
constructor(
|
|
18
|
+
constructor() {
|
|
19
19
|
super();
|
|
20
|
-
|
|
21
|
-
this.__registerHost();
|
|
22
|
-
}
|
|
20
|
+
this.__registerHost();
|
|
23
21
|
this.__attachShadow();
|
|
24
22
|
}
|
|
25
23
|
onClick(ev) {
|
|
@@ -62,7 +60,7 @@ const Reorder = /*@__PURE__*/ proxyCustomElement(class Reorder extends HTMLEleme
|
|
|
62
60
|
ios: reorderIosCss,
|
|
63
61
|
md: reorderMdCss
|
|
64
62
|
}; }
|
|
65
|
-
}, [
|
|
63
|
+
}, [33, "ion-reorder", undefined, [[2, "click", "onClick"]]]);
|
|
66
64
|
function defineCustomElement$1() {
|
|
67
65
|
if (typeof customElements === "undefined") {
|
|
68
66
|
return;
|
|
@@ -4,11 +4,9 @@
|
|
|
4
4
|
import { proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
|
|
5
5
|
|
|
6
6
|
const RouteRedirect = /*@__PURE__*/ proxyCustomElement(class RouteRedirect extends HTMLElement {
|
|
7
|
-
constructor(
|
|
7
|
+
constructor() {
|
|
8
8
|
super();
|
|
9
|
-
|
|
10
|
-
this.__registerHost();
|
|
11
|
-
}
|
|
9
|
+
this.__registerHost();
|
|
12
10
|
this.ionRouteRedirectChanged = createEvent(this, "ionRouteRedirectChanged", 7);
|
|
13
11
|
}
|
|
14
12
|
propDidChange() {
|
package/components/ion-route.js
CHANGED
|
@@ -4,11 +4,9 @@
|
|
|
4
4
|
import { proxyCustomElement, HTMLElement, createEvent } from '@stencil/core/internal/client';
|
|
5
5
|
|
|
6
6
|
const Route = /*@__PURE__*/ proxyCustomElement(class Route extends HTMLElement {
|
|
7
|
-
constructor(
|
|
7
|
+
constructor() {
|
|
8
8
|
super();
|
|
9
|
-
|
|
10
|
-
this.__registerHost();
|
|
11
|
-
}
|
|
9
|
+
this.__registerHost();
|
|
12
10
|
this.ionRouteDataChanged = createEvent(this, "ionRouteDataChanged", 7);
|
|
13
11
|
/**
|
|
14
12
|
* Relative path that needs to match in order for this route to apply.
|
|
@@ -49,9 +47,9 @@ const Route = /*@__PURE__*/ proxyCustomElement(class Route extends HTMLElement {
|
|
|
49
47
|
}, [0, "ion-route", {
|
|
50
48
|
"url": [1],
|
|
51
49
|
"component": [1],
|
|
52
|
-
"componentProps": [16],
|
|
53
|
-
"beforeLeave": [16],
|
|
54
|
-
"beforeEnter": [16]
|
|
50
|
+
"componentProps": [16, "component-props"],
|
|
51
|
+
"beforeLeave": [16, "before-leave"],
|
|
52
|
+
"beforeEnter": [16, "before-enter"]
|
|
55
53
|
}, undefined, {
|
|
56
54
|
"url": ["onUpdate"],
|
|
57
55
|
"component": ["onUpdate"],
|
|
@@ -8,11 +8,9 @@ import { b as getIonTheme } from './ionic-global.js';
|
|
|
8
8
|
const routerLinkCss = ":host{--background:transparent;--color:var(--ion-color-primary, #0054e9);background:var(--background);color:var(--color)}:host(.ion-color){color:var(--ion-color-base)}a{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}";
|
|
9
9
|
|
|
10
10
|
const RouterLink = /*@__PURE__*/ proxyCustomElement(class RouterLink extends HTMLElement {
|
|
11
|
-
constructor(
|
|
11
|
+
constructor() {
|
|
12
12
|
super();
|
|
13
|
-
|
|
14
|
-
this.__registerHost();
|
|
15
|
-
}
|
|
13
|
+
this.__registerHost();
|
|
16
14
|
this.__attachShadow();
|
|
17
15
|
/**
|
|
18
16
|
* When using a router, it specifies the transition direction when navigating to
|
|
@@ -36,12 +34,12 @@ const RouterLink = /*@__PURE__*/ proxyCustomElement(class RouterLink extends HTM
|
|
|
36
34
|
}) }, h("a", Object.assign({ key: 'dbf3cc12752b4fa2d3873723a8ea5a30b053d261' }, attrs), h("slot", { key: '9614e46a8d35201937f1f9a39b88f71b78efa7a0' }))));
|
|
37
35
|
}
|
|
38
36
|
static get style() { return routerLinkCss; }
|
|
39
|
-
}, [
|
|
37
|
+
}, [1, "ion-router-link", {
|
|
40
38
|
"color": [513],
|
|
41
39
|
"href": [1],
|
|
42
40
|
"rel": [1],
|
|
43
41
|
"routerDirection": [1, "router-direction"],
|
|
44
|
-
"routerAnimation": [16],
|
|
42
|
+
"routerAnimation": [16, "router-animation"],
|
|
45
43
|
"target": [1]
|
|
46
44
|
}]);
|
|
47
45
|
function defineCustomElement$1() {
|
|
@@ -13,11 +13,9 @@ import { c as getIonMode } from './ionic-global.js';
|
|
|
13
13
|
const routerOutletCss = ":host{right:0;left:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";
|
|
14
14
|
|
|
15
15
|
const RouterOutlet = /*@__PURE__*/ proxyCustomElement(class RouterOutlet extends HTMLElement {
|
|
16
|
-
constructor(
|
|
16
|
+
constructor() {
|
|
17
17
|
super();
|
|
18
|
-
|
|
19
|
-
this.__registerHost();
|
|
20
|
-
}
|
|
18
|
+
this.__registerHost();
|
|
21
19
|
this.__attachShadow();
|
|
22
20
|
this.ionNavWillLoad = createEvent(this, "ionNavWillLoad", 7);
|
|
23
21
|
this.ionNavWillChange = createEvent(this, "ionNavWillChange", 3);
|
|
@@ -198,12 +196,12 @@ const RouterOutlet = /*@__PURE__*/ proxyCustomElement(class RouterOutlet extends
|
|
|
198
196
|
"swipeHandler": ["swipeHandlerChanged"]
|
|
199
197
|
}; }
|
|
200
198
|
static get style() { return routerOutletCss; }
|
|
201
|
-
}, [
|
|
199
|
+
}, [1, "ion-router-outlet", {
|
|
202
200
|
"mode": [1025],
|
|
203
201
|
"delegate": [16],
|
|
204
202
|
"animated": [4],
|
|
205
203
|
"animation": [16],
|
|
206
|
-
"swipeHandler": [16],
|
|
204
|
+
"swipeHandler": [16, "swipe-handler"],
|
|
207
205
|
"commit": [64],
|
|
208
206
|
"setRouteId": [64],
|
|
209
207
|
"getRouteId": [64]
|
package/components/ion-router.js
CHANGED
|
@@ -529,11 +529,9 @@ const flattenNode = (chain, chains, node) => {
|
|
|
529
529
|
};
|
|
530
530
|
|
|
531
531
|
const Router = /*@__PURE__*/ proxyCustomElement(class Router extends HTMLElement {
|
|
532
|
-
constructor(
|
|
532
|
+
constructor() {
|
|
533
533
|
super();
|
|
534
|
-
|
|
535
|
-
this.__registerHost();
|
|
536
|
-
}
|
|
534
|
+
this.__registerHost();
|
|
537
535
|
this.ionRouteWillChange = createEvent(this, "ionRouteWillChange", 7);
|
|
538
536
|
this.ionRouteDidChange = createEvent(this, "ionRouteDidChange", 7);
|
|
539
537
|
this.previousPath = null;
|
package/components/ion-row.js
CHANGED
|
@@ -7,11 +7,9 @@ import { b as getIonTheme } from './ionic-global.js';
|
|
|
7
7
|
const rowCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--ion-grid-gap, 0px)}";
|
|
8
8
|
|
|
9
9
|
const Row = /*@__PURE__*/ proxyCustomElement(class Row extends HTMLElement {
|
|
10
|
-
constructor(
|
|
10
|
+
constructor() {
|
|
11
11
|
super();
|
|
12
|
-
|
|
13
|
-
this.__registerHost();
|
|
14
|
-
}
|
|
12
|
+
this.__registerHost();
|
|
15
13
|
this.__attachShadow();
|
|
16
14
|
}
|
|
17
15
|
render() {
|
|
@@ -21,7 +19,7 @@ const Row = /*@__PURE__*/ proxyCustomElement(class Row extends HTMLElement {
|
|
|
21
19
|
} }, h("slot", { key: '994dcbbc871d606b61ff5993fb29aa1fa349c483' })));
|
|
22
20
|
}
|
|
23
21
|
static get style() { return rowCss; }
|
|
24
|
-
}, [
|
|
22
|
+
}, [1, "ion-row"]);
|
|
25
23
|
function defineCustomElement$1() {
|
|
26
24
|
if (typeof customElements === "undefined") {
|
|
27
25
|
return;
|
|
@@ -22,11 +22,9 @@ const searchbarIosCss = ".sc-ion-searchbar-ios-h{--placeholder-color:initial;--p
|
|
|
22
22
|
const searchbarMdCss = ".sc-ion-searchbar-md-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-md{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-md{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-md{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;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-md::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-md::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-md::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-md>div.sc-ion-searchbar-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-md:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md{display:block}.sc-ion-searchbar-md-h{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);font-family:var(--ion-font-family, inherit)}.ion-color.sc-ion-searchbar-md-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-md-h .searchbar-clear-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,.ion-color.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{color:inherit}.searchbar-disabled.sc-ion-searchbar-md-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-md-h{--background:var(--ion-background-color, #fff);--border-radius:2px;--box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--cancel-button-color:var(--ion-color-step-900, var(--ion-text-color-step-100, #1a1a1a));--clear-button-color:initial;--color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--icon-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;background:inherit}.searchbar-search-icon.sc-ion-searchbar-md{top:11px;width:1.3125rem;height:1.3125rem}.searchbar-search-icon.sc-ion-searchbar-md{inset-inline-start:16px}.searchbar-cancel-button.sc-ion-searchbar-md{top:0;background-color:transparent;font-size:1.5em}.searchbar-cancel-button.sc-ion-searchbar-md{inset-inline-start:9px}.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-cancel-button.sc-ion-searchbar-md{position:absolute}.searchbar-search-icon.ion-activated.sc-ion-searchbar-md,.searchbar-cancel-button.ion-activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-input.sc-ion-searchbar-md{-webkit-padding-start:3.4375rem;padding-inline-start:3.4375rem;-webkit-padding-end:3.4375rem;padding-inline-end:3.4375rem;padding-top:0.375rem;padding-bottom:0.375rem;background-position:left 8px center;height:auto;font-size:1rem;font-weight:400;line-height:30px}[dir=rtl].sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md,[dir=rtl] .sc-ion-searchbar-md-h .searchbar-input.sc-ion-searchbar-md{background-position:right 8px center}[dir=rtl].sc-ion-searchbar-md .searchbar-input.sc-ion-searchbar-md{background-position:right 8px center}@supports selector(:dir(rtl)){.searchbar-input.sc-ion-searchbar-md:dir(rtl){background-position:right 8px center}}.searchbar-clear-button.sc-ion-searchbar-md{top:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;position:absolute;height:100%;border:0;background-color:transparent}.searchbar-clear-button.sc-ion-searchbar-md{inset-inline-end:13px}.searchbar-clear-button.ion-activated.sc-ion-searchbar-md{background-color:transparent}.searchbar-clear-icon.sc-ion-searchbar-md{width:1.375rem;height:100%}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-search-icon.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md,.searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md{display:block}.searchbar-has-focus.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md+.searchbar-search-icon.sc-ion-searchbar-md,.searchbar-should-show-cancel.sc-ion-searchbar-md-h .searchbar-cancel-button.sc-ion-searchbar-md+.searchbar-search-icon.sc-ion-searchbar-md{display:none}ion-toolbar.sc-ion-searchbar-md-h,ion-toolbar .sc-ion-searchbar-md-h{-webkit-padding-start:7px;padding-inline-start:7px;-webkit-padding-end:7px;padding-inline-end:7px;padding-top:3px;padding-bottom:3px}";
|
|
23
23
|
|
|
24
24
|
const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends HTMLElement {
|
|
25
|
-
constructor(
|
|
25
|
+
constructor() {
|
|
26
26
|
super();
|
|
27
|
-
|
|
28
|
-
this.__registerHost();
|
|
29
|
-
}
|
|
27
|
+
this.__registerHost();
|
|
30
28
|
this.ionInput = createEvent(this, "ionInput", 7);
|
|
31
29
|
this.ionChange = createEvent(this, "ionChange", 7);
|
|
32
30
|
this.ionCancel = createEvent(this, "ionCancel", 7);
|
|
@@ -585,7 +583,7 @@ const Searchbar = /*@__PURE__*/ proxyCustomElement(class Searchbar extends HTMLE
|
|
|
585
583
|
ios: searchbarIosCss,
|
|
586
584
|
md: searchbarMdCss
|
|
587
585
|
}; }
|
|
588
|
-
}, [
|
|
586
|
+
}, [34, "ion-searchbar", {
|
|
589
587
|
"color": [513],
|
|
590
588
|
"animated": [4],
|
|
591
589
|
"autocapitalize": [1],
|
|
@@ -16,11 +16,9 @@ const segmentButtonMdCss = ":host{border-radius:var(--border-radius);display:-ms
|
|
|
16
16
|
|
|
17
17
|
let ids = 0;
|
|
18
18
|
const SegmentButton = /*@__PURE__*/ proxyCustomElement(class SegmentButton extends HTMLElement {
|
|
19
|
-
constructor(
|
|
19
|
+
constructor() {
|
|
20
20
|
super();
|
|
21
|
-
|
|
22
|
-
this.__registerHost();
|
|
23
|
-
}
|
|
21
|
+
this.__registerHost();
|
|
24
22
|
this.__attachShadow();
|
|
25
23
|
this.segmentEl = null;
|
|
26
24
|
this.inheritedAttributes = {};
|
|
@@ -144,7 +142,7 @@ const SegmentButton = /*@__PURE__*/ proxyCustomElement(class SegmentButton exten
|
|
|
144
142
|
ios: segmentButtonIosCss,
|
|
145
143
|
md: segmentButtonMdCss
|
|
146
144
|
}; }
|
|
147
|
-
}, [
|
|
145
|
+
}, [33, "ion-segment-button", {
|
|
148
146
|
"contentId": [513, "content-id"],
|
|
149
147
|
"disabled": [1028],
|
|
150
148
|
"layout": [1],
|
|
@@ -6,18 +6,16 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal
|
|
|
6
6
|
const segmentContentCss = ":host{scroll-snap-align:center;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%;min-height:1px;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;}:host::-webkit-scrollbar{display:none}";
|
|
7
7
|
|
|
8
8
|
const SegmentContent = /*@__PURE__*/ proxyCustomElement(class SegmentContent extends HTMLElement {
|
|
9
|
-
constructor(
|
|
9
|
+
constructor() {
|
|
10
10
|
super();
|
|
11
|
-
|
|
12
|
-
this.__registerHost();
|
|
13
|
-
}
|
|
11
|
+
this.__registerHost();
|
|
14
12
|
this.__attachShadow();
|
|
15
13
|
}
|
|
16
14
|
render() {
|
|
17
15
|
return (h(Host, { key: '81cc29460a17c32592fbf9fca6242f4bb1738aa6' }, h("slot", { key: '4f718420caf11c6672642fcf1a1bdb7f48d6cdfc' })));
|
|
18
16
|
}
|
|
19
17
|
static get style() { return segmentContentCss; }
|
|
20
|
-
}, [
|
|
18
|
+
}, [1, "ion-segment-content"]);
|
|
21
19
|
function defineCustomElement$1() {
|
|
22
20
|
if (typeof customElements === "undefined") {
|
|
23
21
|
return;
|
|
@@ -11,11 +11,9 @@ const segmentViewIosCss = ":host{display:-ms-flexbox;display:flex;height:100%;ov
|
|
|
11
11
|
const segmentViewMdCss = ":host{display:-ms-flexbox;display:flex;height:100%;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}:host::-webkit-scrollbar{display:none}:host(.segment-view-disabled){-ms-touch-action:none;touch-action:none;overflow-x:hidden}:host(.segment-view-scroll-disabled){pointer-events:none}:host(.segment-view-disabled){opacity:0.3}";
|
|
12
12
|
|
|
13
13
|
const SegmentView = /*@__PURE__*/ proxyCustomElement(class SegmentView extends HTMLElement {
|
|
14
|
-
constructor(
|
|
14
|
+
constructor() {
|
|
15
15
|
super();
|
|
16
|
-
|
|
17
|
-
this.__registerHost();
|
|
18
|
-
}
|
|
16
|
+
this.__registerHost();
|
|
19
17
|
this.__attachShadow();
|
|
20
18
|
this.ionSegmentViewScroll = createEvent(this, "ionSegmentViewScroll", 7);
|
|
21
19
|
this.scrollEndTimeout = null;
|
|
@@ -123,7 +121,7 @@ const SegmentView = /*@__PURE__*/ proxyCustomElement(class SegmentView extends H
|
|
|
123
121
|
ios: segmentViewIosCss,
|
|
124
122
|
md: segmentViewMdCss
|
|
125
123
|
}; }
|
|
126
|
-
}, [
|
|
124
|
+
}, [33, "ion-segment-view", {
|
|
127
125
|
"disabled": [4],
|
|
128
126
|
"isManualScroll": [32],
|
|
129
127
|
"setContent": [64]
|
|
@@ -14,11 +14,9 @@ const segmentIosCss = ":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoo
|
|
|
14
14
|
const segmentMdCss = ":host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:grid;grid-auto-columns:1fr;position:relative;-ms-flex-align:stretch;align-items:stretch;-ms-flex-pack:center;justify-content:center;width:100%;background:var(--background);text-align:center;contain:paint;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.segment-scrollable){-ms-flex-pack:start;justify-content:start;width:auto;overflow-x:auto;grid-auto-columns:minmax(-webkit-min-content, 1fr);grid-auto-columns:minmax(min-content, 1fr)}:host(.segment-scrollable::-webkit-scrollbar){display:none}:host{--ripple-color:currentColor;font-family:var(--ion-font-family, inherit)}:host{--background:transparent;grid-auto-columns:minmax(auto, 360px)}:host(.in-toolbar){min-height:var(--min-height)}:host(.segment-scrollable) ::slotted(ion-segment-button){min-width:auto}";
|
|
15
15
|
|
|
16
16
|
const Segment = /*@__PURE__*/ proxyCustomElement(class Segment extends HTMLElement {
|
|
17
|
-
constructor(
|
|
17
|
+
constructor() {
|
|
18
18
|
super();
|
|
19
|
-
|
|
20
|
-
this.__registerHost();
|
|
21
|
-
}
|
|
19
|
+
this.__registerHost();
|
|
22
20
|
this.__attachShadow();
|
|
23
21
|
this.ionChange = createEvent(this, "ionChange", 7);
|
|
24
22
|
this.ionSelect = createEvent(this, "ionSelect", 7);
|
|
@@ -574,7 +572,7 @@ const Segment = /*@__PURE__*/ proxyCustomElement(class Segment extends HTMLEleme
|
|
|
574
572
|
ios: segmentIosCss,
|
|
575
573
|
md: segmentMdCss
|
|
576
574
|
}; }
|
|
577
|
-
}, [
|
|
575
|
+
}, [33, "ion-segment", {
|
|
578
576
|
"color": [513],
|
|
579
577
|
"disabled": [4],
|
|
580
578
|
"scrollable": [4],
|
|
@@ -7,11 +7,9 @@ import { b as getIonTheme } from './ionic-global.js';
|
|
|
7
7
|
const selectOptionCss = ":host{display:none}";
|
|
8
8
|
|
|
9
9
|
const SelectOption = /*@__PURE__*/ proxyCustomElement(class SelectOption extends HTMLElement {
|
|
10
|
-
constructor(
|
|
10
|
+
constructor() {
|
|
11
11
|
super();
|
|
12
|
-
|
|
13
|
-
this.__registerHost();
|
|
14
|
-
}
|
|
12
|
+
this.__registerHost();
|
|
15
13
|
this.__attachShadow();
|
|
16
14
|
this.inputId = `ion-selopt-${selectOptionIds++}`;
|
|
17
15
|
/**
|
|
@@ -27,7 +25,7 @@ const SelectOption = /*@__PURE__*/ proxyCustomElement(class SelectOption extends
|
|
|
27
25
|
}
|
|
28
26
|
get el() { return this; }
|
|
29
27
|
static get style() { return selectOptionCss; }
|
|
30
|
-
}, [
|
|
28
|
+
}, [1, "ion-select-option", {
|
|
31
29
|
"disabled": [4],
|
|
32
30
|
"value": [8]
|
|
33
31
|
}]);
|
package/components/ion-select.js
CHANGED
|
@@ -35,18 +35,16 @@ import { d as defineCustomElement$4 } from './select-popover.js';
|
|
|
35
35
|
import { d as defineCustomElement$3 } from './title.js';
|
|
36
36
|
import { d as defineCustomElement$2 } from './toolbar.js';
|
|
37
37
|
|
|
38
|
-
const selectIonicCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--background:transparent;--border-style:solid;--highlight-color-focused:ion-color(primary, base);--highlight-color-valid:ion-color(success, base);--highlight-color-invalid:ion-color(danger, base);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;white-space:nowrap;cursor:pointer}:host(.ion-color){--highlight-color-focused:current-color(base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}button{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}.select-icon{-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.select-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);white-space:normal}:host(.has-focus.ion-valid),:host(.select-expanded.ion-valid),:host(.ion-touched.ion-invalid),:host(.select-expanded.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.select-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.select-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .helper-text{display:none}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-focus.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]:last-of-type){-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-end:0;margin-inline-end:0}:host(.ion-color){--border-color:var(--ion-color-base)}:host(.select-fill-outline) .select-bottom{border-top:none}:host(.select-fill-outline) .label-text-wrapper{position:relative}:host(.select-fill-outline) .select-wrapper-inner{border-radius:var(--border-radius);-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);background:var(--background)}:host(.select-fill-outline) .select-outline{right:0;left:0;top:0;bottom:0;border-radius:var(--border-radius);position:absolute;width:100%;height:100%;pointer-events:none;border:var(--border-width) var(--border-style) var(--border-color);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-focused.select-fill-outline){--border-color:var(--highlight-color)}:host(.ion-focused.select-fill-outline:not(.ion-invalid):not(.ion-valid)){--border-width:var(--token-border-size-050, var(--token-scale-050, 2px))}:host(.has-focus.select-fill-outline.ion-valid),:host(.select-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--border-color:var(--token-primitives-neutral-500, #a2a2a2);--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--placeholder-color:var(--token-primitives-neutral-800, #626262);--placeholder-opacity:1;--highlight-color-focused:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--highlight-color-valid:var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23));--highlight-color-invalid:var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222));min-height:var(--token-scale-1100, 44px)}.select-bottom{padding-top:var(--token-space-100, var(--token-scale-100, 4px));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}.select-bottom .helper-text{color:var(--token-primitives-neutral-800, #626262)}.select-text{min-width:var(--token-space-400, var(--token-scale-400, 16px))}.label-text-wrapper{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;max-width:var(--token-scale-5000, 200px);-webkit-transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));color:var(--token-primitives-neutral-1000, #3b3b3b)}:host(.select-label-placement-start) .label-text-wrapper,:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-100, var(--token-scale-100, 4px));margin-inline-end:var(--token-space-100, var(--token-scale-100, 4px));margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));flex:0 0 calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));width:calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));min-width:calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));max-width:var(--token-scale-5000, 200px)}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--token-space-100, var(--token-scale-100, 4px));margin-inline-start:var(--token-space-100, var(--token-scale-100, 4px));-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{margin-left:0;margin-right:0;margin-top:0;margin-bottom:var(--token-space-100, var(--token-scale-100, 4px))}.select-wrapper{min-width:var(--token-scale-5000, 200px);background:transparent}.select-wrapper .select-placeholder{-webkit-transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1))}.select-wrapper-inner{border-radius:var(--border-radius);-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);position:relative;background:var(--background);-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--token-space-200, var(--token-scale-200, 8px))}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:100%}.native-wrapper{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;-webkit-transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{width:calc(100% - var(--token-scale-400, 16px) - var(--token-space-200, var(--token-scale-200, 8px)))}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:var(--token-space-200, var(--token-scale-200, 8px));--padding-end:var(--token-space-200, var(--token-scale-200, 8px));--padding-top:var(--token-space-200, var(--token-scale-200, 8px));--padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));aspect-ratio:1}.select-icon,::slotted(ion-icon){width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}.select-icon{-webkit-transition:-webkit-transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:-webkit-transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1))}:host(.select-expanded:not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.select-icon{color:var(--token-primitives-neutral-800, #626262)}:host(.select-disabled){--background:var(--token-primitives-neutral-100, #f5f5f5);--border-color:var(--token-primitives-neutral-300, #e0e0e0)}:host(.select-disabled) .label-text-wrapper,:host(.select-disabled) .select-text,:host(.select-disabled) .select-icon{color:var(--token-primitives-neutral-500, #a2a2a2)}:host(.select-shape-soft){--border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px))}:host(.select-shape-round){--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.select-shape-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host(.select-size-small) .select-wrapper-inner{height:var(--token-scale-1000, 40px)}:host(.select-size-medium) .select-wrapper-inner{height:var(--token-scale-1200, 48px)}:host(.select-size-large) .select-wrapper-inner{height:var(--token-scale-1400, 56px)}";
|
|
38
|
+
const selectIonicCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--background:transparent;--border-style:solid;--highlight-color-focused:ion-color(primary, base);--highlight-color-valid:ion-color(success, base);--highlight-color-invalid:ion-color(danger, base);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;white-space:nowrap;cursor:pointer}:host(.ion-color){--highlight-color-focused:current-color(base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}button{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}.select-icon{-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.select-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);white-space:normal}:host(.has-focus.ion-valid),:host(.select-expanded.ion-valid),:host(.ion-touched.ion-invalid),:host(.select-expanded.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.select-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.select-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .helper-text{display:none}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-focus.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]:last-of-type){-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-end:0;margin-inline-end:0}:host(.ion-color){--border-color:var(--ion-color-base)}:host(.select-fill-outline) .select-bottom{border-top:none}:host(.select-fill-outline) .label-text-wrapper{position:relative}:host(.select-fill-outline) .select-wrapper-inner{border-radius:var(--border-radius);-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);background:var(--background)}:host(.select-fill-outline) .select-outline{right:0;left:0;top:0;bottom:0;border-radius:var(--border-radius);position:absolute;width:100%;height:100%;pointer-events:none;border:var(--border-width) var(--border-style) var(--border-color);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.ion-focused.select-fill-outline){--border-color:var(--highlight-color)}:host(.ion-focused.select-fill-outline:not(.ion-invalid):not(.ion-valid)){--border-width:var(--token-border-size-050, var(--token-scale-050, 2px))}:host(.has-focus.select-fill-outline.ion-valid),:host(.select-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--border-color:var(--token-primitives-neutral-500, #a2a2a2);--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px));--padding-top:var(--token-space-300, var(--token-scale-300, 12px));--padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));--placeholder-color:var(--token-primitives-neutral-800, #626262);--placeholder-opacity:1;--highlight-color-focused:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--highlight-color-valid:var(--token-semantics-success-900, var(--token-primitives-green-900, #126f23));--highlight-color-invalid:var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222));min-height:var(--token-scale-1100, 44px)}.select-bottom{padding-top:var(--token-space-100, var(--token-scale-100, 4px));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}.select-bottom .helper-text{color:var(--token-primitives-neutral-800, #626262)}.select-text{min-width:var(--token-space-400, var(--token-scale-400, 16px));color:var(--token-primitives-neutral-800, #626262)}.label-text-wrapper{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;max-width:var(--token-scale-5000, 200px);-webkit-transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:color var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));color:var(--token-primitives-neutral-1000, #3b3b3b)}:host(.select-label-placement-start) .label-text-wrapper,:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-100, var(--token-scale-100, 4px));margin-inline-end:var(--token-space-100, var(--token-scale-100, 4px));margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));flex:0 0 calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));width:calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));min-width:calc(var(--token-scale-2400, 96px) + var(--token-space-100, var(--token-scale-100, 4px)));max-width:var(--token-scale-5000, 200px)}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--token-space-100, var(--token-scale-100, 4px));margin-inline-start:var(--token-space-100, var(--token-scale-100, 4px));-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{margin-left:0;margin-right:0;margin-top:0;margin-bottom:var(--token-space-100, var(--token-scale-100, 4px))}.select-wrapper{min-width:var(--token-scale-5000, 200px);background:transparent}.select-wrapper .select-placeholder{-webkit-transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1))}.select-wrapper-inner{border-radius:var(--border-radius);-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);position:relative;background:var(--background);-webkit-box-sizing:border-box;box-sizing:border-box;gap:var(--token-space-200, var(--token-scale-200, 8px))}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:100%}.native-wrapper{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;-webkit-transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:opacity var(--token-transition-time-150, 150ms) var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{width:calc(100% - var(--token-scale-400, 16px) - var(--token-space-200, var(--token-scale-200, 8px)))}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:var(--token-space-200, var(--token-scale-200, 8px));--padding-end:var(--token-space-200, var(--token-scale-200, 8px));--padding-top:var(--token-space-200, var(--token-scale-200, 8px));--padding-bottom:var(--token-space-200, var(--token-scale-200, 8px));aspect-ratio:1}.select-icon,::slotted(ion-icon){width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}.select-icon{-webkit-transition:-webkit-transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:-webkit-transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1));transition:transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1)), -webkit-transform 0.15s var(--token-transition-curve-expressive, cubic-bezier(0.4, 0, 0.2, 1))}:host(.select-expanded:not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.select-icon{color:var(--token-primitives-neutral-800, #626262)}:host(.select-fill-solid){--background:var(--token-primitives-neutral-200, #efefef)}:host(.select-disabled){--background:var(--token-primitives-neutral-100, #f5f5f5);--border-color:var(--token-primitives-neutral-300, #e0e0e0)}:host(.select-disabled) .label-text-wrapper,:host(.select-disabled) .select-text,:host(.select-disabled) .select-icon{color:var(--token-primitives-neutral-500, #a2a2a2)}:host(.select-shape-soft){--border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px))}:host(.select-shape-round){--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.select-shape-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host(.select-size-small) .select-wrapper-inner{height:var(--token-scale-1000, 40px)}:host(.select-size-medium) .select-wrapper-inner{height:var(--token-scale-1200, 48px)}:host(.select-size-large) .select-wrapper-inner{height:var(--token-scale-1400, 56px)}";
|
|
39
39
|
|
|
40
40
|
const selectIosCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;white-space:nowrap;cursor:pointer}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}button{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}.select-icon{-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.select-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);white-space:normal}:host(.has-focus.ion-valid),:host(.select-expanded.ion-valid),:host(.ion-touched.ion-invalid),:host(.select-expanded.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.select-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.select-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .helper-text{display:none}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-focus.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]:last-of-type){-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-end:0;margin-inline-end:0}:host{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);min-height:44px;font-family:var(--ion-font-family, inherit);z-index:2}:host(.has-focus) button{border:2px solid #5e9ed6}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}.select-wrapper{-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);border-radius:var(--border-radius)}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-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:5px;padding-bottom:0;font-size:0.75rem}.select-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.select-text{min-width:16px}.label-text-wrapper{max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0;-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{-ms-flex-positive:1;flex-grow:1}::slotted([slot=start]:last-of-type){-webkit-margin-end:16px;margin-inline-end:16px}::slotted([slot=end]:first-of-type){-webkit-margin-start:16px;margin-inline-start:16px}.native-wrapper{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host{--border-width:0.55px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, var(--ion-background-color-step-250, #c8c7cc))));--highlight-height:0px}.select-icon{width:1.125rem;height:1.125rem;color:var(--ion-color-step-650, var(--ion-text-color-step-350, #595959))}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:calc(100% - 1.125rem - 4px)}:host(.select-disabled){opacity:0.3}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:0;--padding-end:0;--padding-top:0;--padding-bottom:0;aspect-ratio:1}";
|
|
41
41
|
|
|
42
42
|
const selectMdCss = ":host{--padding-top:0px;--padding-end:0px;--padding-bottom:0px;--padding-start:0px;--placeholder-color:currentColor;--background:transparent;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #0054e9);--highlight-color-valid:var(--ion-color-success, #2dd55b);--highlight-color-invalid:var(--ion-color-danger, #c5000f);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;white-space:nowrap;cursor:pointer}:host(.ion-color){--highlight-color-focused:var(--ion-color-base)}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0}:host(.select-disabled){pointer-events:none}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}.select-placeholder{color:var(--placeholder-color);opacity:var(--placeholder-opacity)}button{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}.select-icon{-ms-flex-negative:0;flex-shrink:0}:host(.in-item-color) .select-icon{color:inherit}:host(.select-ltr.select-label-placement-stacked) .select-icon,:host(.select-ltr.select-label-placement-floating) .select-icon{right:var(--padding-end, 0)}:host(.select-rtl.select-label-placement-stacked) .select-icon,:host(.select-rtl.select-label-placement-floating) .select-icon{left:var(--padding-start, 0)}.select-text{-ms-flex:1;flex:1;font-size:inherit;text-overflow:ellipsis;white-space:inherit;overflow:hidden}.select-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal;cursor:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.select-wrapper-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.ion-touched.ion-invalid){--highlight-color:var(--highlight-color-invalid)}:host(.ion-valid){--highlight-color:var(--highlight-color-valid)}.select-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);white-space:normal}:host(.has-focus.ion-valid),:host(.select-expanded.ion-valid),:host(.ion-touched.ion-invalid),:host(.select-expanded.ion-touched.ion-invalid){--border-color:var(--highlight-color)}.select-bottom .error-text{display:none;color:var(--highlight-color-invalid)}.select-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .select-bottom .helper-text{display:none}.label-text-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;pointer-events:none}.label-text,::slotted([slot=label]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden,.select-outline-notch-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;overflow:hidden}:host(.select-justify-space-between) .select-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.select-justify-start) .select-wrapper{-ms-flex-pack:start;justify-content:start}:host(.select-justify-end) .select-wrapper{-ms-flex-pack:end;justify-content:end}:host(.select-label-placement-start) .select-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.select-label-placement-end) .select-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.select-label-placement-stacked) .select-wrapper,:host(.select-label-placement-floating) .select-wrapper{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}:host(.select-label-placement-stacked) .label-text-wrapper,:host(.select-label-placement-floating) .label-text-wrapper{max-width:100%}:host(.select-ltr.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{-ms-flex-positive:1;flex-grow:1;width:100%}:host(.select-label-placement-floating:not(.label-floating)) .native-wrapper .select-placeholder{opacity:0}:host(.select-expanded.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-focus.select-label-placement-floating) .native-wrapper .select-placeholder,:host(.has-value.select-label-placement-floating) .native-wrapper .select-placeholder{opacity:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted([slot=start]:last-of-type){-webkit-margin-start:0;margin-inline-start:0}::slotted([slot=end]:first-of-type){-webkit-margin-end:0;margin-inline-end:0}:host{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);min-height:44px;font-family:var(--ion-font-family, inherit);z-index:2}:host(.has-focus) button{border:2px solid #5e9ed6}.select-icon{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0;position:relative}:host(.select-label-placement-stacked) .select-icon,:host(.select-label-placement-floating) .select-icon{position:absolute;height:100%}.select-wrapper{-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);border-radius:var(--border-radius)}.select-wrapper .select-placeholder{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.select-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:5px;padding-bottom:0;font-size:0.75rem}.select-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.select-text{min-width:16px}.label-text-wrapper{max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.select-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.select-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.select-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0;-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.select-label-placement-stacked) .native-wrapper,:host(.select-label-placement-floating) .native-wrapper{margin-left:0;margin-right:0;margin-top:1px;margin-bottom:0}:host(.select-label-placement-floating) .label-text-wrapper{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}:host(.label-floating) .label-text-wrapper{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}:host(.select-label-placement-floating),:host(.select-label-placement-stacked){min-height:56px}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{-ms-flex-positive:1;flex-grow:1}::slotted([slot=start]:last-of-type){-webkit-margin-end:16px;margin-inline-end:16px}::slotted([slot=end]:first-of-type){-webkit-margin-start:16px;margin-inline-start:16px}.native-wrapper{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}:host(.select-fill-solid){--background:var(--ion-color-step-50, var(--ion-background-color-step-50, #f2f2f2));--border-color:var(--ion-color-step-500, var(--ion-background-color-step-500, gray));--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}:host(.select-fill-solid) .select-wrapper{border-bottom:var(--border-width) var(--border-style) var(--border-color)}:host(.select-expanded.select-fill-solid.ion-valid),:host(.has-focus.select-fill-solid.ion-valid),:host(.select-fill-solid.ion-touched.ion-invalid){--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-bottom{border-top:none}@media (any-hover: hover){:host(.select-fill-solid:hover){--background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6));--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}:host(.select-fill-solid.select-expanded),:host(.select-fill-solid.has-focus){--background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9d9d9));--border-color:var(--highlight-color)}:host(.select-fill-solid) .select-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0px;border-end-start-radius:0px}:host(.label-floating.select-fill-solid) .label-text-wrapper{max-width:calc(100% / 0.75)}:host(.in-item.select-expanded.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.has-focus.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid.select-fill-solid) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid.select-fill-solid) .select-wrapper .select-icon{color:var(--highlight-color)}:host(.select-fill-outline){--border-color:var(--ion-color-step-300, var(--ion-background-color-step-300, #b3b3b3));--border-radius:4px;--padding-start:16px;--padding-end:16px;min-height:56px}:host(.select-fill-outline.select-shape-round){--border-radius:28px;--padding-start:32px;--padding-end:32px}:host(.has-focus.select-fill-outline.ion-valid),:host(.select-fill-outline.ion-touched.ion-invalid){--border-color:var(--highlight-color)}@media (any-hover: hover){:host(.select-fill-outline:hover){--border-color:var(--ion-color-step-750, var(--ion-background-color-step-750, #404040))}}:host(.select-fill-outline.select-expanded),:host(.select-fill-outline.has-focus){--border-width:var(--highlight-height);--border-color:var(--highlight-color)}:host(.select-fill-outline) .select-bottom{border-top:none}:host(.select-fill-outline) .select-wrapper{border-bottom:none}:host(.select-ltr.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-ltr.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host(.select-rtl.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-rtl.select-fill-outline.select-label-placement-floating) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}:host(.select-fill-outline.select-label-placement-stacked) .label-text-wrapper,:host(.select-fill-outline.select-label-placement-floating) .label-text-wrapper{position:absolute;max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .label-text-wrapper{position:relative;z-index:1}:host(.label-floating.select-fill-outline) .label-text-wrapper{-webkit-transform:translateY(-32%) scale(0.75);transform:translateY(-32%) scale(0.75);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:calc(\n (100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75\n )}:host(.select-fill-outline.select-label-placement-stacked) select,:host(.select-fill-outline.select-label-placement-floating) select{margin-left:0;margin-right:0;margin-top:6px;margin-bottom:6px}:host(.select-fill-outline) .select-outline-container{right:0;left:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-end{pointer-events:none}:host(.select-fill-outline) .select-outline-start,:host(.select-fill-outline) .select-outline-notch,:host(.select-fill-outline) .select-outline-end{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color);-webkit-box-sizing:border-box;box-sizing:border-box}:host(.select-fill-outline) .select-outline-notch{max-width:calc(100% - var(--padding-start) - var(--padding-end))}:host(.select-fill-outline) .notch-spacer{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none}:host(.select-fill-outline) .select-outline-start{-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color)}:host(.select-fill-outline) .select-outline-start{border-start-start-radius:var(--border-radius);border-start-end-radius:0px;border-end-end-radius:0px;border-end-start-radius:var(--border-radius)}:host(.select-fill-outline) .select-outline-start{width:calc(var(--padding-start) - 4px)}:host(.select-fill-outline) .select-outline-end{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color)}:host(.select-fill-outline) .select-outline-end{border-start-start-radius:0px;border-start-end-radius:var(--border-radius);border-end-end-radius:var(--border-radius);border-end-start-radius:0px}:host(.select-fill-outline) .select-outline-end{-ms-flex-positive:1;flex-grow:1}:host(.label-floating.select-fill-outline) .select-outline-notch{border-top:none}:host(.in-item.select-expanded.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.has-focus.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid.select-fill-outline) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid.select-fill-outline) .select-wrapper .select-icon{color:var(--highlight-color)}:host{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.13)))));--highlight-height:2px}:host(.select-label-placement-floating.select-expanded) .label-text-wrapper,:host(.select-label-placement-floating.has-focus) .label-text-wrapper,:host(.select-label-placement-stacked.select-expanded) .label-text-wrapper,:host(.select-label-placement-stacked.has-focus) .label-text-wrapper{color:var(--highlight-color)}:host(.has-focus.select-label-placement-floating.ion-valid) .label-text-wrapper,:host(.select-label-placement-floating.ion-touched.ion-invalid) .label-text-wrapper,:host(.has-focus.select-label-placement-stacked.ion-valid) .label-text-wrapper,:host(.select-label-placement-stacked.ion-touched.ion-invalid) .label-text-wrapper{color:var(--highlight-color)}.select-highlight{bottom:-1px;position:absolute;width:100%;height:var(--highlight-height);-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}.select-highlight{inset-inline-start:0}:host(.select-expanded) .select-highlight,:host(.has-focus) .select-highlight{-webkit-transform:scale(1);transform:scale(1)}:host(.in-item) .select-highlight{bottom:0}:host(.in-item) .select-highlight{inset-inline-start:0}.select-icon{width:0.8125rem;-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:transform 0.15s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.4, 0, 0.2, 1);color:var(--ion-color-step-500, var(--ion-text-color-step-500, gray))}:host(.select-expanded:not(.has-expanded-icon)) .select-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.in-item.select-expanded) .select-wrapper .select-icon,:host(.in-item.has-focus) .select-wrapper .select-icon,:host(.in-item.has-focus.ion-valid) .select-wrapper .select-icon,:host(.in-item.ion-touched.ion-invalid) .select-wrapper .select-icon{color:var(--ion-color-step-500, var(--ion-text-color-step-500, gray))}:host(.select-expanded) .select-wrapper .select-icon,:host(.has-focus.ion-valid) .select-wrapper .select-icon,:host(.ion-touched.ion-invalid) .select-wrapper .select-icon,:host(.has-focus) .select-wrapper .select-icon{color:var(--highlight-color)}:host(.select-shape-round){--border-radius:16px}:host(.select-label-placement-stacked) .select-wrapper-inner,:host(.select-label-placement-floating) .select-wrapper-inner{width:calc(100% - 0.8125rem - 4px)}:host(.select-disabled){opacity:0.38}::slotted(ion-button[slot=start].button-has-icon-only),::slotted(ion-button[slot=end].button-has-icon-only){--border-radius:50%;--padding-start:8px;--padding-end:8px;--padding-top:8px;--padding-bottom:8px;aspect-ratio:1;min-height:40px}";
|
|
43
43
|
|
|
44
44
|
const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement {
|
|
45
|
-
constructor(
|
|
45
|
+
constructor() {
|
|
46
46
|
super();
|
|
47
|
-
|
|
48
|
-
this.__registerHost();
|
|
49
|
-
}
|
|
47
|
+
this.__registerHost();
|
|
50
48
|
this.__attachShadow();
|
|
51
49
|
this.ionChange = createEvent(this, "ionChange", 7);
|
|
52
50
|
this.ionCancel = createEvent(this, "ionCancel", 7);
|
|
@@ -871,7 +869,7 @@ const Select = /*@__PURE__*/ proxyCustomElement(class Select extends HTMLElement
|
|
|
871
869
|
ios: selectIosCss,
|
|
872
870
|
md: selectMdCss
|
|
873
871
|
}; }
|
|
874
|
-
}, [
|
|
872
|
+
}, [33, "ion-select", {
|
|
875
873
|
"cancelText": [1, "cancel-text"],
|
|
876
874
|
"color": [513],
|
|
877
875
|
"compareWith": [1, "compare-with"],
|
|
@@ -9,11 +9,9 @@ import { b as getIonTheme } from './ionic-global.js';
|
|
|
9
9
|
const skeletonTextCss = ":host{--background:rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065);border-radius:var(--border-radius, inherit);display:block;width:100%;height:inherit;margin-top:4px;margin-bottom:4px;background:var(--background);line-height:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}span{display:inline-block}:host(.in-media){margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;height:100%}:host(.skeleton-text-animated){position:relative;background:-webkit-gradient(linear, left top, right top, color-stop(8%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065)), color-stop(18%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.135)), color-stop(33%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065)));background:linear-gradient(to right, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065) 8%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.135) 18%, rgba(var(--background-rgb, var(--ion-text-color-rgb, 0, 0, 0)), 0.065) 33%);background-size:800px 104px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:shimmer;animation-name:shimmer;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}@keyframes shimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}";
|
|
10
10
|
|
|
11
11
|
const SkeletonText = /*@__PURE__*/ proxyCustomElement(class SkeletonText extends HTMLElement {
|
|
12
|
-
constructor(
|
|
12
|
+
constructor() {
|
|
13
13
|
super();
|
|
14
|
-
|
|
15
|
-
this.__registerHost();
|
|
16
|
-
}
|
|
14
|
+
this.__registerHost();
|
|
17
15
|
this.__attachShadow();
|
|
18
16
|
this.ionStyle = createEvent(this, "ionStyle", 7);
|
|
19
17
|
/**
|
|
@@ -45,7 +43,7 @@ const SkeletonText = /*@__PURE__*/ proxyCustomElement(class SkeletonText extends
|
|
|
45
43
|
}
|
|
46
44
|
get el() { return this; }
|
|
47
45
|
static get style() { return skeletonTextCss; }
|
|
48
|
-
}, [
|
|
46
|
+
}, [1, "ion-skeleton-text", {
|
|
49
47
|
"animated": [4]
|
|
50
48
|
}]);
|
|
51
49
|
function defineCustomElement$1() {
|
|
@@ -23,11 +23,9 @@ const QUERY = {
|
|
|
23
23
|
never: '',
|
|
24
24
|
};
|
|
25
25
|
const SplitPane = /*@__PURE__*/ proxyCustomElement(class SplitPane extends HTMLElement {
|
|
26
|
-
constructor(
|
|
26
|
+
constructor() {
|
|
27
27
|
super();
|
|
28
|
-
|
|
29
|
-
this.__registerHost();
|
|
30
|
-
}
|
|
28
|
+
this.__registerHost();
|
|
31
29
|
this.__attachShadow();
|
|
32
30
|
this.ionSplitPaneVisible = createEvent(this, "ionSplitPaneVisible", 7);
|
|
33
31
|
this.visible = false;
|
|
@@ -157,7 +155,7 @@ const SplitPane = /*@__PURE__*/ proxyCustomElement(class SplitPane extends HTMLE
|
|
|
157
155
|
ios: splitPaneIosCss,
|
|
158
156
|
md: splitPaneMdCss
|
|
159
157
|
}; }
|
|
160
|
-
}, [
|
|
158
|
+
}, [33, "ion-split-pane", {
|
|
161
159
|
"contentId": [513, "content-id"],
|
|
162
160
|
"disabled": [4],
|
|
163
161
|
"when": [8],
|
|
@@ -13,11 +13,9 @@ const tabBarIosCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-align:cent
|
|
|
13
13
|
const tabBarMdCss = ":host{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-top:var(--border);background:var(--background);color:var(--color);text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-sizing:content-box !important;box-sizing:content-box !important}:host(.ion-color) ::slotted(ion-tab-button.ion-focused),:host(.tab-bar-translucent) ::slotted(ion-tab-button.ion-focused){background:var(--background-focused)}:host(.tab-bar-translucent) ::slotted(ion-tab-button){background:transparent}:host([slot=top]){border-top:0;border-bottom:var(--border)}:host(.tab-bar-hidden){display:none !important}:host(.tab-bar-full){width:auto;contain:strict;padding-bottom:var(--ion-safe-area-bottom, 0);padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);}:host([slot=top].tab-bar-full){padding-top:var(--ion-safe-area-top, 0);padding-bottom:0}:host{z-index:10}:host(.ion-color) ::slotted(ion-tab-button){--background-focused:var(--ion-color-shade);--color-selected:var(--ion-color-contrast)}:host(.ion-color) ::slotted(.tab-selected){color:var(--ion-color-contrast)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){color:rgba(var(--ion-color-contrast-rgb), 0.7)}:host(.ion-color),:host(.ion-color) ::slotted(ion-tab-button){background:var(--ion-color-base)}:host{--background:var(--ion-tab-bar-background, var(--ion-background-color, #fff));--background-focused:var(--ion-tab-bar-background-focused, #e0e0e0);--border:1px solid var(--ion-tab-bar-border-color, var(--ion-border-color, var(--ion-color-step-150, var(--ion-background-color-step-150, rgba(0, 0, 0, 0.07)))));--color:var(--ion-tab-bar-color, var(--ion-color-step-650, var(--ion-text-color-step-350, #595959)));--color-selected:var(--ion-tab-bar-color-selected, var(--ion-color-primary, #0054e9));height:56px}";
|
|
14
14
|
|
|
15
15
|
const TabBar = /*@__PURE__*/ proxyCustomElement(class TabBar extends HTMLElement {
|
|
16
|
-
constructor(
|
|
16
|
+
constructor() {
|
|
17
17
|
super();
|
|
18
|
-
|
|
19
|
-
this.__registerHost();
|
|
20
|
-
}
|
|
18
|
+
this.__registerHost();
|
|
21
19
|
this.__attachShadow();
|
|
22
20
|
this.ionTabBarChanged = createEvent(this, "ionTabBarChanged", 7);
|
|
23
21
|
this.ionTabBarLoaded = createEvent(this, "ionTabBarLoaded", 7);
|
|
@@ -105,7 +103,7 @@ const TabBar = /*@__PURE__*/ proxyCustomElement(class TabBar extends HTMLElement
|
|
|
105
103
|
ios: tabBarIosCss,
|
|
106
104
|
md: tabBarMdCss
|
|
107
105
|
}; }
|
|
108
|
-
}, [
|
|
106
|
+
}, [33, "ion-tab-bar", {
|
|
109
107
|
"color": [513],
|
|
110
108
|
"selectedTab": [1, "selected-tab"],
|
|
111
109
|
"translucent": [4],
|
|
@@ -14,11 +14,9 @@ const tabButtonIosCss = ":host{--ripple-color:var(--color-selected);--background
|
|
|
14
14
|
const tabButtonMdCss = ":host{--ripple-color:var(--color-selected);--background-focused-opacity:1;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;outline:none;background:var(--background);color:var(--color)}.button-native{display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;border:0;outline:none;background:transparent;text-decoration:none;cursor:pointer;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-drag:none}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:inherit;flex-flow:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;height:100%;z-index:1}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){a:hover{color:var(--color-selected)}}:host(.tab-selected){color:var(--color-selected)}:host(.tab-hidden){display:none !important}::slotted(ion-label),::slotted(ion-icon){display:block;-ms-flex-item-align:center;align-self:center;max-width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-label){-ms-flex-order:0;order:0}::slotted(ion-icon){-ms-flex-order:-1;order:-1;height:1em}:host(.tab-has-label-only) ::slotted(ion-label){white-space:normal}::slotted(ion-badge){-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:1}:host(.tab-layout-icon-start){-ms-flex-direction:row;flex-direction:row}:host(.tab-layout-icon-end){-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.tab-layout-icon-bottom){-ms-flex-direction:column-reverse;flex-direction:column-reverse}:host(.tab-layout-icon-hide) ::slotted(ion-icon){display:none}:host(.tab-layout-label-hide) ::slotted(ion-label){display:none}ion-ripple-effect{color:var(--ripple-color)}.button-native{border-radius:inherit;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}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.tab-disabled){pointer-events:none;opacity:0.4}:host{--padding-top:0;--padding-end:12px;--padding-bottom:0;--padding-start:12px;max-width:168px;font-size:12px;font-weight:normal;letter-spacing:0.03em}::slotted(ion-label){margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;text-transform:none}::slotted(ion-icon){margin-left:0;margin-right:0;margin-top:16px;margin-bottom:16px;-webkit-transform-origin:center center;transform-origin:center center;font-size:22px}:host-context([dir=rtl]) ::slotted(ion-icon){-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}[dir=rtl] ::slotted(ion-icon){-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}@supports selector(:dir(rtl)){::slotted(ion-icon):dir(rtl){-webkit-transform-origin:calc(100% - center) center;transform-origin:calc(100% - center) center}}::slotted(ion-badge){border-radius:8px;-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:2px;padding-inline-end:2px;padding-top:3px;padding-bottom:2px;top:8px;min-width:12px;font-size:8px;font-weight:normal}::slotted(ion-badge){inset-inline-start:calc(50% + 6px)}::slotted(ion-badge:empty){display:block;min-width:8px;height:8px}:host ::slotted(ion-badge[vertical=bottom]){top:calc(50% - 8px)}:host ::slotted(ion-badge[vertical=bottom]:empty){top:calc(50% - 4px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=top]){top:calc(50% - 4px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=top]){inset-inline-start:calc(50% + 6px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=bottom]){top:calc(50% + 4px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=bottom]){inset-inline-start:calc(50% + 6px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=bottom]:empty){top:calc(50% + 12px)}:host(.tab-layout-icon-bottom) ::slotted(ion-badge[vertical=bottom]:empty){inset-inline-start:calc(50% + 6px)}:host(.tab-layout-icon-top) ::slotted(ion-icon){margin-top:6px;margin-bottom:2px}:host(.tab-layout-icon-top) ::slotted(ion-label){margin-top:0;margin-bottom:6px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){top:8px}:host(.tab-layout-icon-bottom) ::slotted(ion-badge){inset-inline-start:70%}:host(.tab-layout-icon-bottom) ::slotted(ion-icon){margin-top:0;margin-bottom:6px}:host(.tab-layout-icon-bottom) ::slotted(ion-label){margin-top:6px;margin-bottom:0}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){top:16px}:host(.tab-layout-icon-start) ::slotted(ion-badge),:host(.tab-layout-icon-end) ::slotted(ion-badge){inset-inline-start:80%}:host(.tab-layout-icon-start) ::slotted(ion-icon){-webkit-margin-end:6px;margin-inline-end:6px}:host(.tab-layout-icon-end) ::slotted(ion-icon){-webkit-margin-start:6px;margin-inline-start:6px}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){top:16px}:host(.tab-layout-icon-hide) ::slotted(ion-badge),:host(.tab-has-label-only) ::slotted(ion-badge){inset-inline-start:70%}:host(.tab-layout-icon-hide) ::slotted(ion-label),:host(.tab-has-label-only) ::slotted(ion-label){margin-top:0;margin-bottom:0}:host(.tab-layout-label-hide) ::slotted(ion-badge),:host(.tab-has-icon-only) ::slotted(ion-badge){top:16px}:host(.tab-layout-label-hide) ::slotted(ion-icon),:host(.tab-has-icon-only) ::slotted(ion-icon){margin-top:0;margin-bottom:0;font-size:24px}";
|
|
15
15
|
|
|
16
16
|
const TabButton = /*@__PURE__*/ proxyCustomElement(class TabButton extends HTMLElement {
|
|
17
|
-
constructor(
|
|
17
|
+
constructor() {
|
|
18
18
|
super();
|
|
19
|
-
|
|
20
|
-
this.__registerHost();
|
|
21
|
-
}
|
|
19
|
+
this.__registerHost();
|
|
22
20
|
this.__attachShadow();
|
|
23
21
|
this.ionTabButtonClick = createEvent(this, "ionTabButtonClick", 7);
|
|
24
22
|
this.inheritedAttributes = {};
|
|
@@ -113,7 +111,7 @@ const TabButton = /*@__PURE__*/ proxyCustomElement(class TabButton extends HTMLE
|
|
|
113
111
|
ios: tabButtonIosCss,
|
|
114
112
|
md: tabButtonMdCss
|
|
115
113
|
}; }
|
|
116
|
-
}, [
|
|
114
|
+
}, [33, "ion-tab-button", {
|
|
117
115
|
"disabled": [4],
|
|
118
116
|
"download": [1],
|
|
119
117
|
"href": [1],
|