@ionic/core 8.0.0-dev.11713809015.1aabd368 → 8.0.0-dev.11713988726.1e82b9a0
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 +13 -8
- package/components/alert.js +14 -10
- package/components/backdrop.js +10 -6
- package/components/button.js +27 -10
- package/components/buttons.js +10 -6
- package/components/checkbox.js +26 -13
- package/components/data.js +4 -4
- package/components/index4.js +8 -7
- package/components/index6.js +27 -30
- package/components/index7.js +124 -27
- package/components/index8.js +150 -111
- package/components/input-shims.js +1 -1
- package/components/input.utils.js +1 -1
- package/components/ion-accordion-group.js +9 -6
- package/components/ion-accordion.js +30 -9
- package/components/ion-app.js +5 -6
- package/components/ion-avatar.js +9 -2
- package/components/ion-back-button.js +15 -11
- package/components/ion-badge.js +9 -5
- package/components/ion-breadcrumb.js +39 -11
- package/components/ion-breadcrumbs.js +9 -5
- package/components/ion-card-content.js +9 -5
- package/components/ion-card-header.js +9 -5
- package/components/ion-card-subtitle.js +9 -5
- package/components/ion-card-title.js +9 -5
- package/components/ion-card.js +18 -9
- package/components/ion-chip.js +16 -6
- package/components/ion-col.js +5 -5
- package/components/ion-content.js +14 -12
- package/components/ion-datetime-button.js +9 -6
- package/components/ion-datetime.js +86 -31
- package/components/ion-fab-button.js +31 -10
- package/components/ion-fab-list.js +5 -5
- package/components/ion-fab.js +6 -6
- package/components/ion-footer.js +15 -11
- package/components/ion-grid.js +5 -5
- package/components/ion-header.js +15 -11
- package/components/ion-img.js +5 -2
- package/components/ion-infinite-scroll-content.js +12 -8
- package/components/ion-infinite-scroll.js +5 -5
- package/components/ion-input-password-toggle.js +40 -10
- package/components/ion-input.js +38 -13
- package/components/ion-item-divider.js +9 -5
- package/components/ion-item-group.js +9 -5
- package/components/ion-item-option.js +11 -7
- package/components/ion-item-options.js +9 -5
- package/components/ion-item-sliding.js +5 -5
- package/components/ion-loading.js +12 -8
- package/components/ion-menu-button.js +13 -9
- package/components/ion-menu-toggle.js +5 -5
- package/components/ion-menu.js +11 -7
- package/components/ion-modal.js +13 -10
- package/components/ion-nav-link.js +1 -1
- package/components/ion-nav.js +7 -6
- package/components/ion-note.js +9 -5
- package/components/ion-picker-legacy.js +7 -8
- package/components/ion-progress-bar.js +10 -6
- package/components/ion-range.js +11 -8
- package/components/ion-refresher-content.js +9 -8
- package/components/ion-refresher.js +11 -7
- package/components/ion-reorder-group.js +5 -5
- package/components/ion-reorder.js +25 -5
- package/components/ion-router-link.js +6 -6
- package/components/ion-router-outlet.js +2 -2
- package/components/ion-row.js +5 -2
- package/components/ion-searchbar.js +73 -16
- package/components/ion-segment-button.js +12 -8
- package/components/ion-segment.js +9 -5
- package/components/ion-select-option.js +5 -2
- package/components/ion-select.js +69 -25
- package/components/ion-skeleton-text.js +5 -5
- package/components/ion-split-pane.js +12 -8
- package/components/ion-tab-bar.js +9 -5
- package/components/ion-tab-button.js +11 -7
- package/components/ion-tab.js +2 -2
- package/components/ion-tabs.js +2 -2
- package/components/ion-text.js +5 -5
- package/components/ion-textarea.js +13 -9
- package/components/ion-thumbnail.js +5 -2
- package/components/ion-title.js +9 -5
- package/components/ion-toast.js +13 -9
- package/components/ion-toggle.js +47 -18
- package/components/ion-toolbar.js +11 -7
- package/components/ionic-global.js +191 -14
- package/components/ios.transition.js +1 -0
- package/components/item.js +32 -11
- package/components/label.js +9 -5
- package/components/list-header.js +9 -5
- package/components/list.js +10 -6
- package/components/overlays.js +1 -2
- package/components/picker-column-option.js +9 -5
- package/components/picker-column.js +17 -137
- package/components/picker-column2.js +4 -4
- package/components/picker.js +8 -4
- package/components/popover.js +11 -8
- package/components/radio-group.js +5 -3
- package/components/radio.js +12 -8
- package/components/ripple-effect.js +5 -5
- package/components/select-popover.js +9 -2
- package/components/spinner.js +6 -6
- package/components/status-tap.js +1 -1
- package/css/core.css +1 -1
- package/css/core.css.map +1 -1
- package/css/display.css.map +1 -1
- package/css/flex-utils.css.map +1 -1
- package/css/float-elements.css.map +1 -1
- package/css/global.bundle.css.map +1 -1
- package/css/ionic/bundle.ionic.css +1 -0
- package/css/ionic/bundle.ionic.css.map +1 -0
- package/css/ionic/core.ionic.css +1 -0
- package/css/ionic/core.ionic.css.map +1 -0
- package/css/ionic/global.bundle.ionic.css +1 -0
- package/css/ionic/global.bundle.ionic.css.map +1 -0
- package/css/ionic/ionic-swiper.ionic.css +1 -0
- package/css/ionic/ionic-swiper.ionic.css.map +1 -0
- package/css/ionic/link.ionic.css +1 -0
- package/css/ionic/link.ionic.css.map +1 -0
- package/css/ionic/structure.ionic.css +1 -0
- package/css/ionic/structure.ionic.css.map +1 -0
- package/css/ionic/typography.ionic.css +1 -0
- package/css/ionic/typography.ionic.css.map +1 -0
- package/css/ionic/utils.bundle.ionic.css +1 -0
- package/css/ionic/utils.bundle.ionic.css.map +1 -0
- package/css/ionic-swiper.css +1 -1
- package/css/ionic-swiper.css.map +1 -1
- package/css/ionic.bundle.css +1 -1
- package/css/ionic.bundle.css.map +1 -1
- package/css/normalize.css.map +1 -1
- package/css/padding.css.map +1 -1
- package/css/palettes/dark.always.css +1 -1
- package/css/palettes/dark.always.css.map +1 -1
- package/css/palettes/dark.class.css +1 -1
- package/css/palettes/dark.class.css.map +1 -1
- package/css/palettes/dark.system.css +1 -1
- package/css/palettes/dark.system.css.map +1 -1
- package/css/palettes/high-contrast-dark.always.css.map +1 -1
- package/css/palettes/high-contrast-dark.class.css.map +1 -1
- package/css/palettes/high-contrast-dark.system.css.map +1 -1
- package/css/palettes/high-contrast.always.css.map +1 -1
- package/css/palettes/high-contrast.class.css.map +1 -1
- package/css/palettes/high-contrast.system.css.map +1 -1
- package/css/structure.css.map +1 -1
- package/css/text-alignment.css.map +1 -1
- package/css/text-transformation.css.map +1 -1
- package/css/typography.css.map +1 -1
- package/css/utils.bundle.css.map +1 -1
- package/dist/cjs/{app-globals-63aebf89.js → app-globals-afaa9c54.js} +1 -1
- package/dist/cjs/{data-21dc0f81.js → data-99329b16.js} +6 -6
- package/dist/cjs/{hardware-back-button-ad9299b4.js → hardware-back-button-6084a439.js} +1 -1
- package/dist/cjs/{index-5b6a7459.js → index-18f2ba3b.js} +2 -2
- package/dist/cjs/{index-ff66cc7c.js → index-7c699f7b.js} +2 -2
- package/dist/cjs/{index-5cf05f94.js → index-f378621f.js} +13 -12
- package/dist/cjs/index.cjs.js +7 -8
- package/dist/cjs/{input-shims-20d639e6.js → input-shims-077ab038.js} +3 -2
- package/dist/cjs/{input.utils-611cde0b.js → input.utils-1aac63e6.js} +2 -2
- package/dist/cjs/ion-accordion_2.cjs.entry.js +38 -14
- package/dist/cjs/ion-action-sheet.cjs.entry.js +15 -11
- package/dist/cjs/ion-alert.cjs.entry.js +16 -13
- package/dist/cjs/ion-app_8.cjs.entry.js +88 -68
- package/dist/cjs/ion-avatar_3.cjs.entry.js +21 -7
- package/dist/cjs/ion-back-button.cjs.entry.js +14 -10
- package/dist/cjs/ion-backdrop.cjs.entry.js +10 -6
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +46 -14
- package/dist/cjs/ion-button_2.cjs.entry.js +30 -13
- package/dist/cjs/ion-card_5.cjs.entry.js +49 -25
- package/dist/cjs/ion-checkbox.cjs.entry.js +23 -12
- package/dist/cjs/ion-chip.cjs.entry.js +14 -5
- package/dist/cjs/ion-col_3.cjs.entry.js +13 -10
- package/dist/cjs/ion-datetime-button.cjs.entry.js +14 -11
- package/dist/cjs/ion-datetime_3.cjs.entry.js +167 -112
- package/dist/cjs/ion-fab_3.cjs.entry.js +39 -18
- package/dist/cjs/ion-img.cjs.entry.js +5 -2
- package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +16 -13
- package/dist/cjs/ion-input-password-toggle.cjs.entry.js +42 -12
- package/dist/cjs/ion-input.cjs.entry.js +37 -14
- package/dist/cjs/ion-item-option_3.cjs.entry.js +23 -16
- package/dist/cjs/ion-item_8.cjs.entry.js +84 -39
- package/dist/cjs/ion-loading.cjs.entry.js +14 -11
- package/dist/cjs/ion-menu_3.cjs.entry.js +29 -22
- package/dist/cjs/ion-modal.cjs.entry.js +21 -18
- package/dist/cjs/ion-nav_2.cjs.entry.js +9 -7
- package/dist/cjs/ion-picker-column-option.cjs.entry.js +9 -5
- package/dist/cjs/ion-picker-column.cjs.entry.js +17 -135
- package/dist/cjs/ion-picker.cjs.entry.js +8 -4
- package/dist/cjs/ion-popover.cjs.entry.js +17 -14
- package/dist/cjs/ion-progress-bar.cjs.entry.js +10 -6
- package/dist/cjs/ion-radio_2.cjs.entry.js +16 -10
- package/dist/cjs/ion-range.cjs.entry.js +16 -13
- package/dist/cjs/ion-refresher_2.cjs.entry.js +18 -14
- package/dist/cjs/ion-reorder_2.cjs.entry.js +28 -9
- package/dist/cjs/ion-ripple-effect.cjs.entry.js +5 -5
- package/dist/cjs/ion-route_4.cjs.entry.js +6 -6
- package/dist/cjs/ion-searchbar.cjs.entry.js +72 -15
- package/dist/cjs/ion-segment_2.cjs.entry.js +20 -12
- package/dist/cjs/ion-select_3.cjs.entry.js +82 -29
- package/dist/cjs/ion-spinner.cjs.entry.js +6 -6
- package/dist/cjs/ion-split-pane.cjs.entry.js +12 -8
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +19 -11
- package/dist/cjs/ion-tab_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-text.cjs.entry.js +5 -5
- package/dist/cjs/ion-textarea.cjs.entry.js +14 -11
- package/dist/cjs/ion-toast.cjs.entry.js +36 -32
- package/dist/cjs/ion-toggle.cjs.entry.js +46 -17
- package/dist/cjs/ionic-global-2734c454.js +411 -0
- package/dist/cjs/ionic.cjs.js +3 -3
- package/dist/cjs/{ios.transition-06673f18.js → ios.transition-07077689.js} +2 -1
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/cjs/{md.transition-4d7bb4b1.js → md.transition-a829ffba.js} +1 -1
- package/dist/cjs/{overlays-6487955a.js → overlays-a247b257.js} +3 -4
- package/dist/cjs/{status-tap-0be20572.js → status-tap-870d407b.js} +2 -2
- package/dist/collection/components/accordion/accordion.ios.css +12 -0
- package/dist/collection/components/accordion/accordion.js +34 -15
- package/dist/collection/components/accordion/accordion.md.css +6 -0
- package/dist/collection/components/accordion-group/accordion-group.ios.css +12 -0
- package/dist/collection/components/accordion-group/accordion-group.js +11 -8
- package/dist/collection/components/accordion-group/accordion-group.md.css +18 -0
- package/dist/collection/components/action-sheet/action-sheet.ios.css +18 -6
- package/dist/collection/components/action-sheet/action-sheet.js +14 -10
- package/dist/collection/components/action-sheet/action-sheet.md.css +17 -5
- package/dist/collection/components/alert/alert.ios.css +19 -1
- package/dist/collection/components/alert/alert.js +15 -12
- package/dist/collection/components/alert/alert.md.css +19 -1
- package/dist/collection/components/app/app.js +8 -4
- package/dist/collection/components/avatar/avatar.ios.css +12 -0
- package/dist/collection/components/avatar/avatar.js +13 -4
- package/dist/collection/components/avatar/avatar.md.css +12 -0
- package/dist/collection/components/back-button/back-button.ios.css +60 -48
- package/dist/collection/components/back-button/back-button.js +14 -11
- package/dist/collection/components/back-button/back-button.md.css +60 -48
- package/dist/collection/components/backdrop/backdrop.ios.css +13 -1
- package/dist/collection/components/backdrop/backdrop.js +12 -6
- package/dist/collection/components/backdrop/backdrop.md.css +13 -1
- package/dist/collection/components/badge/badge.ios.css +12 -0
- package/dist/collection/components/badge/badge.js +11 -8
- package/dist/collection/components/badge/badge.md.css +12 -0
- package/dist/collection/components/breadcrumb/breadcrumb.ios.css +20 -8
- package/dist/collection/components/breadcrumb/breadcrumb.js +39 -11
- package/dist/collection/components/breadcrumb/breadcrumb.md.css +20 -8
- package/dist/collection/components/breadcrumbs/breadcrumbs.ios.css +6 -0
- package/dist/collection/components/breadcrumbs/breadcrumbs.js +11 -9
- package/dist/collection/components/breadcrumbs/breadcrumbs.md.css +6 -0
- package/dist/collection/components/button/button.ionic.css +579 -0
- package/dist/collection/components/button/button.ios.css +23 -5
- package/dist/collection/components/button/button.js +31 -14
- package/dist/collection/components/button/button.md.css +22 -12
- package/dist/collection/components/button/test/clear/button.e2e.js +6 -3
- package/dist/collection/components/button/test/shape/button.e2e.js +88 -0
- package/dist/collection/components/button/test/size/button.e2e.js +18 -1
- package/dist/collection/components/button/test/states/button.e2e.js +51 -0
- package/dist/collection/components/buttons/buttons.ios.css +22 -4
- package/dist/collection/components/buttons/buttons.js +14 -8
- package/dist/collection/components/buttons/buttons.md.css +18 -0
- package/dist/collection/components/card/card.ionic.css +88 -0
- package/dist/collection/components/card/card.ios.css +16 -3
- package/dist/collection/components/card/card.js +34 -10
- package/dist/collection/components/card/card.md.css +16 -3
- package/dist/collection/components/card/test/shape/card.e2e.js +34 -0
- package/dist/collection/components/card-content/card-content.ios.css +12 -0
- package/dist/collection/components/card-content/card-content.js +11 -8
- package/dist/collection/components/card-content/card-content.md.css +12 -0
- package/dist/collection/components/card-header/card-header.ios.css +12 -0
- package/dist/collection/components/card-header/card-header.js +12 -9
- package/dist/collection/components/card-header/card-header.md.css +12 -0
- package/dist/collection/components/card-subtitle/card-subtitle.ios.css +12 -0
- package/dist/collection/components/card-subtitle/card-subtitle.js +11 -8
- package/dist/collection/components/card-subtitle/card-subtitle.md.css +12 -0
- package/dist/collection/components/card-title/card-title.ios.css +12 -0
- package/dist/collection/components/card-title/card-title.js +11 -8
- package/dist/collection/components/card-title/card-title.md.css +12 -0
- package/dist/collection/components/checkbox/checkbox.ionic.css +496 -0
- package/dist/collection/components/checkbox/checkbox.ios.css +20 -3
- package/dist/collection/components/checkbox/checkbox.js +58 -13
- package/dist/collection/components/checkbox/checkbox.md.css +21 -4
- package/dist/collection/components/checkbox/test/basic/checkbox.e2e.js +66 -1
- package/dist/collection/components/checkbox/test/label/checkbox.e2e.js +1 -1
- package/dist/collection/components/checkbox/test/states/checkbox.e2e.js +32 -1
- package/dist/collection/components/chip/chip.ionic.css +133 -0
- package/dist/collection/components/chip/chip.ios.css +6 -0
- package/dist/collection/components/chip/chip.js +33 -8
- package/dist/collection/components/chip/chip.md.css +6 -0
- package/dist/collection/components/chip/test/shape/chip.e2e.js +34 -0
- package/dist/collection/components/chip/test/states/chip.e2e.js +16 -0
- package/dist/collection/components/col/col.css +12 -0
- package/dist/collection/components/col/col.js +9 -5
- package/dist/collection/components/content/content.css +8 -2
- package/dist/collection/components/content/content.js +33 -11
- package/dist/collection/components/content/test/content.spec.js +27 -0
- package/dist/collection/components/datetime/datetime.ios.css +15 -3
- package/dist/collection/components/datetime/datetime.js +86 -30
- package/dist/collection/components/datetime/datetime.md.css +15 -3
- package/dist/collection/components/datetime/test/overlay-roles/datetime.e2e.js +34 -0
- package/dist/collection/components/datetime/utils/data.js +3 -3
- package/dist/collection/components/datetime-button/datetime-button.ios.css +6 -0
- package/dist/collection/components/datetime-button/datetime-button.js +11 -8
- package/dist/collection/components/datetime-button/datetime-button.md.css +6 -0
- package/dist/collection/components/fab/fab.css +25 -1
- package/dist/collection/components/fab/fab.js +9 -5
- package/dist/collection/components/fab-button/fab-button.ios.css +18 -6
- package/dist/collection/components/fab-button/fab-button.js +35 -15
- package/dist/collection/components/fab-button/fab-button.md.css +20 -8
- package/dist/collection/components/fab-list/fab-list.css +12 -0
- package/dist/collection/components/fab-list/fab-list.js +9 -5
- package/dist/collection/components/footer/footer.ios.css +14 -2
- package/dist/collection/components/footer/footer.js +17 -14
- package/dist/collection/components/footer/footer.md.css +12 -0
- package/dist/collection/components/grid/grid.css +12 -0
- package/dist/collection/components/grid/grid.js +9 -5
- package/dist/collection/components/header/header.ios.css +14 -2
- package/dist/collection/components/header/header.js +17 -14
- package/dist/collection/components/header/header.md.css +12 -0
- package/dist/collection/components/img/img.js +8 -2
- package/dist/collection/components/infinite-scroll/infinite-scroll.js +8 -4
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +12 -0
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +16 -10
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +12 -0
- package/dist/collection/components/input/input.ios.css +20 -2
- package/dist/collection/components/input/input.js +55 -14
- package/dist/collection/components/input/input.md.css +42 -4
- package/dist/collection/components/input/test/input.spec.js +13 -0
- package/dist/collection/components/input-password-toggle/input-password-toggle.js +39 -7
- package/dist/collection/components/item/item.ios.css +20 -8
- package/dist/collection/components/item/item.js +36 -16
- package/dist/collection/components/item/item.md.css +31 -7
- package/dist/collection/components/item-divider/item-divider.ios.css +18 -0
- package/dist/collection/components/item-divider/item-divider.js +11 -8
- package/dist/collection/components/item-divider/item-divider.md.css +18 -0
- package/dist/collection/components/item-group/item-group.ios.css +12 -0
- package/dist/collection/components/item-group/item-group.js +13 -7
- package/dist/collection/components/item-group/item-group.md.css +12 -0
- package/dist/collection/components/item-option/item-option.ios.css +14 -2
- package/dist/collection/components/item-option/item-option.js +11 -8
- package/dist/collection/components/item-option/item-option.md.css +14 -2
- package/dist/collection/components/item-options/item-options.ios.css +18 -0
- package/dist/collection/components/item-options/item-options.js +13 -7
- package/dist/collection/components/item-options/item-options.md.css +18 -0
- package/dist/collection/components/item-sliding/item-sliding.css +6 -0
- package/dist/collection/components/item-sliding/item-sliding.js +8 -4
- package/dist/collection/components/label/label.ios.css +18 -0
- package/dist/collection/components/label/label.js +11 -8
- package/dist/collection/components/label/label.md.css +18 -0
- package/dist/collection/components/list/list.ios.css +18 -0
- package/dist/collection/components/list/list.js +12 -9
- package/dist/collection/components/list/list.md.css +18 -0
- package/dist/collection/components/list-header/list-header.ios.css +18 -0
- package/dist/collection/components/list-header/list-header.js +11 -8
- package/dist/collection/components/list-header/list-header.md.css +18 -0
- package/dist/collection/components/loading/loading.ios.css +13 -1
- package/dist/collection/components/loading/loading.js +13 -10
- package/dist/collection/components/loading/loading.md.css +13 -1
- package/dist/collection/components/menu/menu.ios.css +15 -3
- package/dist/collection/components/menu/menu.js +12 -7
- package/dist/collection/components/menu/menu.md.css +15 -3
- package/dist/collection/components/menu-button/menu-button.ios.css +16 -4
- package/dist/collection/components/menu-button/menu-button.js +12 -9
- package/dist/collection/components/menu-button/menu-button.md.css +17 -5
- package/dist/collection/components/menu-toggle/menu-toggle.js +8 -5
- package/dist/collection/components/modal/modal.ios.css +14 -2
- package/dist/collection/components/modal/modal.js +12 -9
- package/dist/collection/components/modal/modal.md.css +14 -2
- package/dist/collection/components/nav/nav.css +7 -1
- package/dist/collection/components/nav/nav.js +11 -5
- package/dist/collection/components/nav-link/nav-link.js +5 -1
- package/dist/collection/components/note/note.ios.css +12 -0
- package/dist/collection/components/note/note.js +11 -8
- package/dist/collection/components/note/note.md.css +12 -0
- package/dist/collection/components/picker/picker.ios.css +15 -3
- package/dist/collection/components/picker/picker.js +8 -5
- package/dist/collection/components/picker/picker.md.css +15 -3
- package/dist/collection/components/picker-column/picker-column.css +8 -20
- package/dist/collection/components/picker-column/picker-column.js +18 -140
- package/dist/collection/components/picker-column-option/picker-column-option.ios.css +6 -0
- package/dist/collection/components/picker-column-option/picker-column-option.js +13 -7
- package/dist/collection/components/picker-column-option/picker-column-option.md.css +6 -0
- package/dist/collection/components/picker-legacy/picker.ios.css +13 -1
- package/dist/collection/components/picker-legacy/picker.js +7 -6
- package/dist/collection/components/picker-legacy/picker.md.css +13 -1
- package/dist/collection/components/picker-legacy-column/picker-column.ios.css +12 -0
- package/dist/collection/components/picker-legacy-column/picker-column.js +4 -4
- package/dist/collection/components/picker-legacy-column/picker-column.md.css +12 -0
- package/dist/collection/components/popover/popover.ios.css +13 -1
- package/dist/collection/components/popover/popover.js +15 -12
- package/dist/collection/components/popover/popover.md.css +13 -1
- package/dist/collection/components/progress-bar/progress-bar.ios.css +8 -2
- package/dist/collection/components/progress-bar/progress-bar.js +10 -7
- package/dist/collection/components/progress-bar/progress-bar.md.css +8 -2
- package/dist/collection/components/radio/radio.ios.css +20 -3
- package/dist/collection/components/radio/radio.js +12 -9
- package/dist/collection/components/radio/radio.md.css +20 -3
- package/dist/collection/components/radio-group/radio-group.js +9 -3
- package/dist/collection/components/range/range.ios.css +12 -0
- package/dist/collection/components/range/range.js +12 -9
- package/dist/collection/components/range/range.md.css +12 -0
- package/dist/collection/components/refresher/refresher.ios.css +14 -1
- package/dist/collection/components/refresher/refresher.js +11 -8
- package/dist/collection/components/refresher/refresher.md.css +15 -2
- package/dist/collection/components/refresher-content/refresher-content.js +12 -7
- package/dist/collection/components/reorder/reorder.ios.css +6 -0
- package/dist/collection/components/reorder/reorder.js +28 -6
- package/dist/collection/components/reorder/reorder.md.css +6 -0
- package/dist/collection/components/reorder-group/reorder-group.css +6 -0
- package/dist/collection/components/reorder-group/reorder-group.js +8 -4
- package/dist/collection/components/ripple-effect/ripple-effect.css +7 -1
- package/dist/collection/components/ripple-effect/ripple-effect.js +8 -4
- package/dist/collection/components/route/route.js +4 -0
- package/dist/collection/components/router/router.js +4 -0
- package/dist/collection/components/router-link/router-link.css +8 -2
- package/dist/collection/components/router-link/router-link.js +9 -5
- package/dist/collection/components/router-outlet/router-outlet.css +7 -1
- package/dist/collection/components/router-outlet/router-outlet.js +5 -2
- package/dist/collection/components/row/row.css +12 -0
- package/dist/collection/components/row/row.js +9 -2
- package/dist/collection/components/searchbar/searchbar.ios.css +14 -2
- package/dist/collection/components/searchbar/searchbar.js +79 -24
- package/dist/collection/components/searchbar/searchbar.md.css +14 -2
- package/dist/collection/components/segment/segment.ios.css +18 -0
- package/dist/collection/components/segment/segment.js +11 -8
- package/dist/collection/components/segment/segment.md.css +18 -0
- package/dist/collection/components/segment-button/segment-button.ios.css +16 -4
- package/dist/collection/components/segment-button/segment-button.js +12 -9
- package/dist/collection/components/segment-button/segment-button.md.css +18 -6
- package/dist/collection/components/select/select.ios.css +22 -3
- package/dist/collection/components/select/select.js +72 -28
- package/dist/collection/components/select/select.md.css +38 -5
- package/dist/collection/components/select-option/select-option.js +9 -2
- package/dist/collection/components/select-popover/select-popover.ios.css +18 -0
- package/dist/collection/components/select-popover/select-popover.js +12 -4
- package/dist/collection/components/select-popover/select-popover.md.css +18 -0
- package/dist/collection/components/skeleton-text/skeleton-text.css +6 -0
- package/dist/collection/components/skeleton-text/skeleton-text.js +9 -5
- package/dist/collection/components/spinner/spinner.css +6 -0
- package/dist/collection/components/spinner/spinner.js +10 -6
- package/dist/collection/components/split-pane/split-pane.ios.css +20 -2
- package/dist/collection/components/split-pane/split-pane.js +14 -8
- package/dist/collection/components/split-pane/split-pane.md.css +20 -2
- package/dist/collection/components/tab/tab.js +6 -2
- package/dist/collection/components/tab-bar/tab-bar.ionic.css +151 -0
- package/dist/collection/components/tab-bar/tab-bar.ios.css +18 -0
- package/dist/collection/components/tab-bar/tab-bar.js +12 -9
- package/dist/collection/components/tab-bar/tab-bar.md.css +18 -0
- package/dist/collection/components/tab-bar/test/basic/tab-bar.e2e.js +34 -0
- package/dist/collection/components/tab-button/tab-button.ionic.css +258 -0
- package/dist/collection/components/tab-button/tab-button.ios.css +15 -3
- package/dist/collection/components/tab-button/tab-button.js +11 -8
- package/dist/collection/components/tab-button/tab-button.md.css +15 -3
- package/dist/collection/components/tabs/tabs.css +7 -1
- package/dist/collection/components/tabs/tabs.js +4 -1
- package/dist/collection/components/text/text.css +6 -0
- package/dist/collection/components/text/text.js +7 -6
- package/dist/collection/components/textarea/textarea.ios.css +26 -1
- package/dist/collection/components/textarea/textarea.js +15 -12
- package/dist/collection/components/textarea/textarea.md.css +39 -2
- package/dist/collection/components/thumbnail/thumbnail.css +6 -0
- package/dist/collection/components/thumbnail/thumbnail.js +9 -2
- package/dist/collection/components/title/title.ios.css +6 -0
- package/dist/collection/components/title/title.js +13 -7
- package/dist/collection/components/title/title.md.css +6 -0
- package/dist/collection/components/toast/animations/utils.js +1 -1
- package/dist/collection/components/toast/toast.ios.css +12 -0
- package/dist/collection/components/toast/toast.js +15 -11
- package/dist/collection/components/toast/toast.md.css +12 -0
- package/dist/collection/components/toggle/toggle.ios.css +20 -3
- package/dist/collection/components/toggle/toggle.js +46 -18
- package/dist/collection/components/toggle/toggle.md.css +20 -3
- package/dist/collection/components/toolbar/toolbar.ios.css +14 -2
- package/dist/collection/components/toolbar/toolbar.js +13 -10
- package/dist/collection/components/toolbar/toolbar.md.css +14 -2
- package/dist/collection/css/test/link/basic/link.e2e.js +35 -0
- package/dist/collection/css/test/{a11y → typography/a11y}/typography.e2e.js +1 -1
- package/dist/collection/css/test/typography/basic/typography.e2e.js +90 -0
- package/dist/collection/global/ionic-global.js +161 -13
- package/dist/collection/global/test/ionic-global.spec.js +109 -0
- package/dist/collection/themes/{test → native/test}/colors/theme.e2e.js +1 -1
- package/dist/collection/utils/menu-controller/animations/overlay.js +3 -3
- package/dist/collection/utils/menu-controller/animations/push.js +2 -1
- package/dist/collection/utils/menu-controller/animations/reveal.js +2 -1
- package/dist/collection/utils/test/playwright/generator.js +48 -23
- package/dist/collection/utils/test/playwright/page/utils/goto.js +13 -4
- package/dist/collection/utils/test/playwright/page/utils/set-content.js +13 -1
- package/dist/collection/utils/transition/ios.transition.js +1 -0
- package/dist/docs.json +3994 -276
- package/dist/esm/{app-globals-b8e5e7fa.js → app-globals-6b65a082.js} +1 -1
- package/dist/esm/{button-active-a411da52.js → button-active-b3a77616.js} +1 -1
- package/dist/esm/{data-ae11fd43.js → data-e73f49e1.js} +4 -4
- package/dist/esm/{hardware-back-button-329c81fd.js → hardware-back-button-7e31a4ae.js} +2 -2
- package/dist/esm/{index-5cc724f3.js → index-55408470.js} +1 -1
- package/dist/esm/{index-10916999.js → index-8137ebe0.js} +9 -8
- package/dist/esm/{index-6e4709ff.js → index-a19e0b91.js} +1 -1
- package/dist/esm/{index-f1f5de26.js → index-bf81c266.js} +3 -3
- package/dist/esm/index.js +8 -9
- package/dist/esm/{input-shims-4530285e.js → input-shims-8453cb67.js} +3 -2
- package/dist/esm/{input.utils-09c71bc7.js → input.utils-8bf2cdac.js} +1 -1
- package/dist/esm/ion-accordion_2.entry.js +38 -14
- package/dist/esm/ion-action-sheet.entry.js +17 -13
- package/dist/esm/ion-alert.entry.js +18 -15
- package/dist/esm/ion-app_8.entry.js +78 -58
- package/dist/esm/ion-avatar_3.entry.js +22 -8
- package/dist/esm/ion-back-button.entry.js +15 -11
- package/dist/esm/ion-backdrop.entry.js +11 -7
- package/dist/esm/ion-breadcrumb_2.entry.js +47 -15
- package/dist/esm/ion-button_2.entry.js +28 -11
- package/dist/esm/ion-card_5.entry.js +50 -26
- package/dist/esm/ion-checkbox.entry.js +24 -13
- package/dist/esm/ion-chip.entry.js +15 -6
- package/dist/esm/ion-col_3.entry.js +14 -11
- package/dist/esm/ion-datetime-button.entry.js +11 -8
- package/dist/esm/ion-datetime_3.entry.js +99 -44
- package/dist/esm/ion-fab_3.entry.js +40 -19
- package/dist/esm/ion-img.entry.js +6 -3
- package/dist/esm/ion-infinite-scroll_2.entry.js +17 -14
- package/dist/esm/ion-input-password-toggle.entry.js +40 -10
- package/dist/esm/ion-input.entry.js +38 -15
- package/dist/esm/ion-item-option_3.entry.js +24 -17
- package/dist/esm/ion-item_8.entry.js +85 -40
- package/dist/esm/ion-loading.entry.js +15 -12
- package/dist/esm/ion-menu_3.entry.js +30 -23
- package/dist/esm/ion-modal.entry.js +17 -14
- package/dist/esm/ion-nav_2.entry.js +10 -8
- package/dist/esm/ion-picker-column-option.entry.js +10 -6
- package/dist/esm/ion-picker-column.entry.js +18 -136
- package/dist/esm/ion-picker.entry.js +9 -5
- package/dist/esm/ion-popover.entry.js +15 -12
- package/dist/esm/ion-progress-bar.entry.js +11 -7
- package/dist/esm/ion-radio_2.entry.js +17 -11
- package/dist/esm/ion-range.entry.js +12 -9
- package/dist/esm/ion-refresher_2.entry.js +19 -15
- package/dist/esm/ion-reorder_2.entry.js +29 -10
- package/dist/esm/ion-ripple-effect.entry.js +6 -6
- package/dist/esm/ion-route_4.entry.js +7 -7
- package/dist/esm/ion-searchbar.entry.js +73 -16
- package/dist/esm/ion-segment_2.entry.js +21 -13
- package/dist/esm/ion-select_3.entry.js +83 -30
- package/dist/esm/ion-spinner.entry.js +7 -7
- package/dist/esm/ion-split-pane.entry.js +13 -9
- package/dist/esm/ion-tab-bar_2.entry.js +20 -12
- package/dist/esm/ion-tab_2.entry.js +5 -5
- package/dist/esm/ion-text.entry.js +6 -6
- package/dist/esm/ion-textarea.entry.js +15 -12
- package/dist/esm/ion-toast.entry.js +16 -12
- package/dist/esm/ion-toggle.entry.js +47 -18
- package/dist/esm/ionic-global-ccd91ba4.js +401 -0
- package/dist/esm/ionic.js +5 -5
- package/dist/esm/{ios.transition-8e181a7e.js → ios.transition-b169aa46.js} +3 -2
- package/dist/esm/loader.js +5 -5
- package/dist/esm/{md.transition-f1c3c737.js → md.transition-ecde7aa6.js} +2 -2
- package/dist/esm/{overlays-9472c98b.js → overlays-7125a1f5.js} +2 -3
- package/dist/esm/{status-tap-39da9160.js → status-tap-6bfbede6.js} +3 -3
- package/dist/esm-es5/app-globals-6b65a082.js +4 -0
- package/dist/esm-es5/{button-active-a411da52.js → button-active-b3a77616.js} +1 -1
- package/dist/esm-es5/data-e73f49e1.js +4 -0
- package/dist/esm-es5/{hardware-back-button-329c81fd.js → hardware-back-button-7e31a4ae.js} +1 -1
- package/dist/esm-es5/index-55408470.js +4 -0
- package/dist/esm-es5/index-8137ebe0.js +4 -0
- package/dist/esm-es5/{index-6e4709ff.js → index-a19e0b91.js} +1 -1
- package/dist/esm-es5/{index-f1f5de26.js → index-bf81c266.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/input-shims-8453cb67.js +4 -0
- package/dist/esm-es5/input.utils-8bf2cdac.js +4 -0
- package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
- package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
- package/dist/esm-es5/ion-alert.entry.js +1 -1
- package/dist/esm-es5/ion-app_8.entry.js +1 -1
- package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
- package/dist/esm-es5/ion-back-button.entry.js +1 -1
- package/dist/esm-es5/ion-backdrop.entry.js +1 -1
- package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
- package/dist/esm-es5/ion-button_2.entry.js +1 -1
- package/dist/esm-es5/ion-card_5.entry.js +1 -1
- package/dist/esm-es5/ion-checkbox.entry.js +1 -1
- package/dist/esm-es5/ion-chip.entry.js +1 -1
- package/dist/esm-es5/ion-col_3.entry.js +1 -1
- package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
- package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
- package/dist/esm-es5/ion-fab_3.entry.js +1 -1
- package/dist/esm-es5/ion-img.entry.js +1 -1
- package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
- package/dist/esm-es5/ion-input-password-toggle.entry.js +1 -1
- package/dist/esm-es5/ion-input.entry.js +1 -1
- package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
- package/dist/esm-es5/ion-item_8.entry.js +1 -1
- package/dist/esm-es5/ion-loading.entry.js +1 -1
- package/dist/esm-es5/ion-menu_3.entry.js +1 -1
- package/dist/esm-es5/ion-modal.entry.js +1 -1
- package/dist/esm-es5/ion-nav_2.entry.js +1 -1
- package/dist/esm-es5/ion-picker-column-option.entry.js +1 -1
- package/dist/esm-es5/ion-picker-column.entry.js +1 -1
- package/dist/esm-es5/ion-picker.entry.js +1 -1
- package/dist/esm-es5/ion-popover.entry.js +1 -1
- package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
- package/dist/esm-es5/ion-radio_2.entry.js +1 -1
- package/dist/esm-es5/ion-range.entry.js +1 -1
- package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
- package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
- package/dist/esm-es5/ion-ripple-effect.entry.js +1 -1
- package/dist/esm-es5/ion-route_4.entry.js +1 -1
- package/dist/esm-es5/ion-searchbar.entry.js +1 -1
- package/dist/esm-es5/ion-segment_2.entry.js +1 -1
- package/dist/esm-es5/ion-select_3.entry.js +1 -1
- package/dist/esm-es5/ion-spinner.entry.js +1 -1
- package/dist/esm-es5/ion-split-pane.entry.js +1 -1
- package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
- package/dist/esm-es5/ion-tab_2.entry.js +1 -1
- package/dist/esm-es5/ion-text.entry.js +1 -1
- package/dist/esm-es5/ion-textarea.entry.js +1 -1
- package/dist/esm-es5/ion-toast.entry.js +1 -1
- package/dist/esm-es5/ion-toggle.entry.js +1 -1
- package/dist/esm-es5/ionic-global-ccd91ba4.js +4 -0
- package/dist/esm-es5/ionic.js +1 -1
- package/dist/esm-es5/ios.transition-b169aa46.js +4 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/md.transition-ecde7aa6.js +4 -0
- package/dist/esm-es5/overlays-7125a1f5.js +4 -0
- package/dist/esm-es5/status-tap-6bfbede6.js +4 -0
- package/dist/html.html-data.json +1944 -88
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/ionic.js +1 -1
- package/dist/ionic/p-00e85b08.js +4 -0
- package/dist/ionic/{p-43505ff8.system.entry.js → p-047dbdb1.system.entry.js} +1 -1
- package/dist/ionic/p-053d229a.system.js +4 -0
- package/dist/ionic/p-053d3fb1.entry.js +4 -0
- package/dist/ionic/{p-4dd82d9d.system.js → p-077ebefa.system.js} +1 -1
- package/dist/ionic/p-0817ca20.system.js +4 -0
- package/dist/ionic/{p-3d6e882f.system.entry.js → p-09e29b0f.system.entry.js} +1 -1
- package/dist/ionic/{p-58ea73f7.system.entry.js → p-0a567068.system.entry.js} +1 -1
- package/dist/ionic/p-0a5bb1da.entry.js +4 -0
- package/dist/ionic/p-0a60889a.system.entry.js +4 -0
- package/dist/ionic/p-0b803b36.system.entry.js +4 -0
- package/dist/ionic/p-0cbb7a38.entry.js +4 -0
- package/dist/ionic/p-0d959052.entry.js +4 -0
- package/dist/ionic/p-0ff8a4e7.entry.js +4 -0
- package/dist/ionic/p-1378644b.system.entry.js +4 -0
- package/dist/ionic/{p-17978fce.entry.js → p-13aa82f5.entry.js} +1 -1
- package/dist/ionic/p-14bc1127.entry.js +4 -0
- package/dist/ionic/p-15714c69.system.entry.js +4 -0
- package/dist/ionic/p-15c6083b.system.entry.js +4 -0
- package/dist/ionic/p-16c337e2.entry.js +4 -0
- package/dist/ionic/{p-3040730e.js → p-17f4c151.js} +1 -1
- package/dist/ionic/p-1ad4072e.entry.js +4 -0
- package/dist/ionic/{p-d60342e3.js → p-1b039c87.js} +1 -1
- package/dist/ionic/{p-0c06e09b.system.js → p-1d608fb3.system.js} +1 -1
- package/dist/ionic/p-1fcfcb94.js +4 -0
- package/dist/ionic/{p-71215c1d.system.js → p-2172efcb.system.js} +1 -1
- package/dist/ionic/p-21ee6d54.system.entry.js +4 -0
- package/dist/ionic/p-26a955b2.system.entry.js +4 -0
- package/dist/ionic/p-2bb19623.system.entry.js +4 -0
- package/dist/ionic/p-2e4abd54.entry.js +4 -0
- package/dist/ionic/p-2f0454a4.system.entry.js +4 -0
- package/dist/ionic/{p-fda4872f.entry.js → p-34a79000.entry.js} +1 -1
- package/dist/ionic/p-3dd3cb26.system.entry.js +4 -0
- package/dist/ionic/p-3f073322.system.js +4 -0
- package/dist/ionic/p-41444ceb.entry.js +4 -0
- package/dist/ionic/p-42a60fc6.entry.js +4 -0
- package/dist/ionic/{p-96cc4814.js → p-4c463790.js} +1 -1
- package/dist/ionic/p-4f728192.system.entry.js +4 -0
- package/dist/ionic/p-507bf356.system.entry.js +4 -0
- package/dist/ionic/p-510c8716.entry.js +4 -0
- package/dist/ionic/p-541e2e0a.system.js +4 -0
- package/dist/ionic/p-55882fc4.system.entry.js +4 -0
- package/dist/ionic/p-560b4cfa.entry.js +4 -0
- package/dist/ionic/p-594923b2.entry.js +4 -0
- package/dist/ionic/p-5bef1e83.js +4 -0
- package/dist/ionic/p-5cbdd9e3.entry.js +4 -0
- package/dist/ionic/p-65fe9b29.system.entry.js +4 -0
- package/dist/ionic/p-6bc5f5db.entry.js +4 -0
- package/dist/ionic/p-6bd8a3f8.system.entry.js +4 -0
- package/dist/ionic/p-6bee0fd7.system.entry.js +4 -0
- package/dist/ionic/p-6d2aa487.entry.js +4 -0
- package/dist/ionic/p-6d9b2c33.system.entry.js +4 -0
- package/dist/ionic/p-6eb11291.entry.js +4 -0
- package/dist/ionic/p-73e3a38e.system.js +4 -0
- package/dist/ionic/p-748469e5.entry.js +4 -0
- package/dist/ionic/p-7872a01f.system.entry.js +4 -0
- package/dist/ionic/p-79119dca.system.entry.js +4 -0
- package/dist/ionic/p-7b053f42.system.entry.js +4 -0
- package/dist/ionic/p-7c319cce.entry.js +4 -0
- package/dist/ionic/p-809dc691.system.js +4 -0
- package/dist/ionic/p-8304afaa.js +4 -0
- package/dist/ionic/p-84dfeae5.entry.js +4 -0
- package/dist/ionic/p-864309ff.entry.js +4 -0
- package/dist/ionic/p-899dfb1b.entry.js +4 -0
- package/dist/ionic/p-8c11da86.entry.js +4 -0
- package/dist/ionic/p-8f03847e.system.entry.js +4 -0
- package/dist/ionic/p-9143716d.js +4 -0
- package/dist/ionic/p-91e0fae3.system.entry.js +4 -0
- package/dist/ionic/p-925c3274.system.entry.js +4 -0
- package/dist/ionic/p-9486ad09.entry.js +4 -0
- package/dist/ionic/p-95382987.entry.js +4 -0
- package/dist/ionic/p-958392b3.system.entry.js +4 -0
- package/dist/ionic/p-9a3a8dae.system.entry.js +4 -0
- package/dist/ionic/p-9ade14d0.entry.js +4 -0
- package/dist/ionic/p-9b13de79.js +4 -0
- package/dist/ionic/p-9be416f1.entry.js +4 -0
- package/dist/ionic/p-9c452996.entry.js +4 -0
- package/dist/ionic/p-9e3fc5c4.entry.js +4 -0
- package/dist/ionic/p-9e81053f.system.entry.js +4 -0
- package/dist/ionic/p-9eda6c5d.system.entry.js +4 -0
- package/dist/ionic/p-a16903c4.system.entry.js +4 -0
- package/dist/ionic/p-a35191f4.entry.js +4 -0
- package/dist/ionic/{p-c222f76a.js → p-a3e86f85.js} +1 -1
- package/dist/ionic/p-a4d1b5cc.js +4 -0
- package/dist/ionic/p-a5223322.entry.js +4 -0
- package/dist/ionic/p-a6fbf92e.system.entry.js +4 -0
- package/dist/ionic/p-a7727720.system.entry.js +4 -0
- package/dist/ionic/p-ac8bf1dc.system.entry.js +4 -0
- package/dist/ionic/p-ae5ef403.js +4 -0
- package/dist/ionic/p-b036467b.system.entry.js +4 -0
- package/dist/ionic/p-b18961ff.entry.js +4 -0
- package/dist/ionic/p-b1abddbc.system.entry.js +4 -0
- package/dist/ionic/{p-c1d1d004.system.entry.js → p-b2f88f88.system.entry.js} +1 -1
- package/dist/ionic/p-b61a2062.js +4 -0
- package/dist/ionic/p-b68096c3.js +4 -0
- package/dist/ionic/p-b96df23f.system.entry.js +4 -0
- package/dist/ionic/p-bc302e69.entry.js +4 -0
- package/dist/ionic/p-bfdfa197.system.entry.js +4 -0
- package/dist/ionic/p-c1373383.entry.js +4 -0
- package/dist/ionic/{p-f687573e.system.js → p-c3db3abe.system.js} +1 -1
- package/dist/ionic/p-c46c441e.system.entry.js +4 -0
- package/dist/ionic/p-c78743ee.entry.js +4 -0
- package/dist/ionic/p-cb1a9f57.system.js +4 -0
- package/dist/ionic/p-cb40aff5.entry.js +4 -0
- package/dist/ionic/p-ccc12f7c.system.js +4 -0
- package/dist/ionic/p-cda2e303.system.entry.js +4 -0
- package/dist/ionic/p-cdc68278.system.entry.js +4 -0
- package/dist/ionic/p-d24eee88.entry.js +4 -0
- package/dist/ionic/p-d26ef51c.system.js +4 -0
- package/dist/ionic/p-d4755af4.entry.js +4 -0
- package/dist/ionic/p-d4fe6131.entry.js +4 -0
- package/dist/ionic/p-da4bd7e1.system.entry.js +4 -0
- package/dist/ionic/p-da907c11.entry.js +4 -0
- package/dist/ionic/p-dba9dc96.entry.js +4 -0
- package/dist/ionic/p-dbc7e0bc.system.entry.js +4 -0
- package/dist/ionic/p-dde515cb.system.entry.js +4 -0
- package/dist/ionic/{p-04070329.system.entry.js → p-dfe87e18.system.entry.js} +1 -1
- package/dist/ionic/p-eb0c6a8b.system.js +4 -0
- package/dist/ionic/p-ec6b6448.entry.js +4 -0
- package/dist/ionic/{p-74a9cafe.system.js → p-ed5175cf.system.js} +2 -2
- package/dist/ionic/p-eed178ea.system.js +4 -0
- package/dist/ionic/p-f5003c30.entry.js +4 -0
- package/dist/ionic/{p-99daf8b7.entry.js → p-f8f6cf70.entry.js} +1 -1
- package/dist/ionic/p-f91ea85e.system.entry.js +4 -0
- package/dist/ionic/p-f9fc539a.system.entry.js +4 -0
- package/dist/ionic/{p-9ad82dba.js → p-fc0aa455.js} +1 -1
- package/dist/ionic/{p-d98c0112.entry.js → p-fdf42961.entry.js} +1 -1
- package/dist/ionic/p-fdfb6054.system.js +4 -0
- package/dist/types/components/accordion/accordion.d.ts +13 -2
- package/dist/types/components/accordion-group/accordion-group.d.ts +2 -1
- package/dist/types/components/action-sheet/action-sheet-interface.d.ts +3 -7
- package/dist/types/components/action-sheet/action-sheet.d.ts +3 -2
- package/dist/types/components/alert/alert-interface.d.ts +3 -7
- package/dist/types/components/alert/alert.d.ts +3 -2
- package/dist/types/components/app/app.d.ts +4 -0
- package/dist/types/components/avatar/avatar.d.ts +4 -0
- package/dist/types/components/back-button/back-button.d.ts +2 -1
- package/dist/types/components/backdrop/backdrop.d.ts +4 -0
- package/dist/types/components/badge/badge.d.ts +2 -1
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +22 -1
- package/dist/types/components/breadcrumbs/breadcrumbs.d.ts +2 -2
- package/dist/types/components/button/button.d.ts +8 -3
- package/dist/types/components/buttons/buttons.d.ts +5 -1
- package/dist/types/components/card/card.d.ts +6 -1
- package/dist/types/components/card-content/card-content.d.ts +2 -1
- package/dist/types/components/card-header/card-header.d.ts +3 -2
- package/dist/types/components/card-subtitle/card-subtitle.d.ts +2 -1
- package/dist/types/components/card-title/card-title.d.ts +2 -1
- package/dist/types/components/checkbox/checkbox.d.ts +10 -1
- package/dist/types/components/chip/chip.d.ts +6 -1
- package/dist/types/components/col/col.d.ts +4 -0
- package/dist/types/components/content/content.d.ts +11 -0
- package/dist/types/components/datetime/datetime.d.ts +42 -1
- package/dist/types/components/datetime/utils/data.d.ts +3 -3
- package/dist/types/components/datetime-button/datetime-button.d.ts +2 -1
- package/dist/types/components/fab/fab.d.ts +4 -0
- package/dist/types/components/fab-button/fab-button.d.ts +14 -3
- package/dist/types/components/fab-list/fab-list.d.ts +4 -0
- package/dist/types/components/footer/footer.d.ts +4 -3
- package/dist/types/components/grid/grid.d.ts +4 -0
- package/dist/types/components/header/header.d.ts +4 -3
- package/dist/types/components/img/img.d.ts +3 -0
- package/dist/types/components/infinite-scroll/infinite-scroll.d.ts +4 -0
- package/dist/types/components/infinite-scroll-content/infinite-scroll-content.d.ts +4 -0
- package/dist/types/components/input/input.d.ts +17 -2
- package/dist/types/components/input-password-toggle/input-password-toggle.d.ts +20 -0
- package/dist/types/components/item/item.d.ts +15 -4
- package/dist/types/components/item-divider/item-divider.d.ts +2 -1
- package/dist/types/components/item-group/item-group.d.ts +4 -0
- package/dist/types/components/item-option/item-option.d.ts +2 -1
- package/dist/types/components/item-options/item-options.d.ts +4 -0
- package/dist/types/components/item-sliding/item-sliding.d.ts +4 -0
- package/dist/types/components/label/label.d.ts +2 -1
- package/dist/types/components/list/list.d.ts +2 -1
- package/dist/types/components/list-header/list-header.d.ts +2 -1
- package/dist/types/components/loading/loading-interface.d.ts +2 -7
- package/dist/types/components/loading/loading.d.ts +3 -2
- package/dist/types/components/menu/menu.d.ts +3 -0
- package/dist/types/components/menu-button/menu-button.d.ts +2 -1
- package/dist/types/components/menu-toggle/menu-toggle.d.ts +3 -0
- package/dist/types/components/modal/modal-interface.d.ts +3 -7
- package/dist/types/components/modal/modal.d.ts +2 -1
- package/dist/types/components/nav/nav-interface.d.ts +9 -1
- package/dist/types/components/nav/nav.d.ts +5 -1
- package/dist/types/components/nav-link/nav-link.d.ts +4 -0
- package/dist/types/components/note/note.d.ts +2 -1
- package/dist/types/components/picker/picker.d.ts +2 -1
- package/dist/types/components/picker-column/picker-column.d.ts +3 -34
- package/dist/types/components/picker-column-option/picker-column-option.d.ts +4 -0
- package/dist/types/components/picker-legacy/picker.d.ts +2 -1
- package/dist/types/components/popover/popover-interface.d.ts +3 -7
- package/dist/types/components/popover/popover.d.ts +6 -5
- package/dist/types/components/progress-bar/progress-bar.d.ts +2 -1
- package/dist/types/components/radio/radio.d.ts +2 -1
- package/dist/types/components/radio-group/radio-group.d.ts +4 -0
- package/dist/types/components/range/range.d.ts +2 -1
- package/dist/types/components/refresher/refresher.d.ts +2 -1
- package/dist/types/components/refresher-content/refresher-content.d.ts +4 -0
- package/dist/types/components/reorder/reorder.d.ts +13 -0
- package/dist/types/components/reorder-group/reorder-group.d.ts +4 -0
- package/dist/types/components/ripple-effect/ripple-effect.d.ts +4 -0
- package/dist/types/components/route/route.d.ts +4 -0
- package/dist/types/components/router/router.d.ts +4 -0
- package/dist/types/components/router-link/router-link.d.ts +4 -0
- package/dist/types/components/router-outlet/router-outlet.d.ts +4 -1
- package/dist/types/components/row/row.d.ts +4 -0
- package/dist/types/components/searchbar/searchbar.d.ts +39 -8
- package/dist/types/components/segment/segment.d.ts +2 -1
- package/dist/types/components/segment-button/segment-button.d.ts +2 -1
- package/dist/types/components/select/select.d.ts +26 -5
- package/dist/types/components/select-option/select-option.d.ts +4 -0
- package/dist/types/components/select-popover/select-popover.d.ts +3 -0
- package/dist/types/components/skeleton-text/skeleton-text.d.ts +4 -0
- package/dist/types/components/spinner/spinner.d.ts +4 -0
- package/dist/types/components/split-pane/split-pane.d.ts +4 -0
- package/dist/types/components/tab/tab.d.ts +4 -0
- package/dist/types/components/tab-bar/tab-bar.d.ts +3 -2
- package/dist/types/components/tab-button/tab-button.d.ts +2 -1
- package/dist/types/components/tabs/tabs.d.ts +3 -0
- package/dist/types/components/text/text.d.ts +2 -1
- package/dist/types/components/textarea/textarea.d.ts +3 -2
- package/dist/types/components/thumbnail/thumbnail.d.ts +4 -0
- package/dist/types/components/title/title.d.ts +4 -0
- package/dist/types/components/toast/animations/utils.d.ts +2 -2
- package/dist/types/components/toast/toast-interface.d.ts +3 -7
- package/dist/types/components/toast/toast.d.ts +3 -2
- package/dist/types/components/toggle/toggle.d.ts +22 -1
- package/dist/types/components/toolbar/toolbar.d.ts +4 -3
- package/dist/types/components.d.ts +1240 -168
- package/dist/types/global/ionic-global.d.ts +25 -2
- package/dist/types/interface.d.ts +3 -0
- package/dist/types/utils/config.d.ts +99 -2
- package/dist/types/utils/overlays-interface.d.ts +31 -1
- package/dist/types/utils/test/playwright/generator.d.ts +31 -2
- package/hydrate/index.js +1594 -751
- package/package.json +7 -4
- package/components/index9.js +0 -167
- package/dist/cjs/index-5915f9b3.js +0 -38
- package/dist/cjs/ionic-global-1adf9bc4.js +0 -230
- package/dist/collection/components/button/test/round/button.e2e.js +0 -52
- package/dist/collection/components/picker-column/test/picker-column.spec.js +0 -103
- package/dist/esm/index-9b0d46f4.js +0 -34
- package/dist/esm/ionic-global-c4e0c089.js +0 -224
- package/dist/esm-es5/app-globals-b8e5e7fa.js +0 -4
- package/dist/esm-es5/data-ae11fd43.js +0 -4
- package/dist/esm-es5/index-10916999.js +0 -4
- package/dist/esm-es5/index-5cc724f3.js +0 -4
- package/dist/esm-es5/index-9b0d46f4.js +0 -4
- package/dist/esm-es5/input-shims-4530285e.js +0 -4
- package/dist/esm-es5/input.utils-09c71bc7.js +0 -4
- package/dist/esm-es5/ionic-global-c4e0c089.js +0 -4
- package/dist/esm-es5/ios.transition-8e181a7e.js +0 -4
- package/dist/esm-es5/md.transition-f1c3c737.js +0 -4
- package/dist/esm-es5/overlays-9472c98b.js +0 -4
- package/dist/esm-es5/status-tap-39da9160.js +0 -4
- package/dist/ionic/p-012cc611.system.entry.js +0 -4
- package/dist/ionic/p-0307a5ce.entry.js +0 -4
- package/dist/ionic/p-06e58c4e.js +0 -4
- package/dist/ionic/p-06fee233.js +0 -4
- package/dist/ionic/p-07ae133d.system.entry.js +0 -4
- package/dist/ionic/p-0aa4682e.entry.js +0 -4
- package/dist/ionic/p-0bbb6edf.system.entry.js +0 -4
- package/dist/ionic/p-0ebb1fe7.system.entry.js +0 -4
- package/dist/ionic/p-0f2d99a6.entry.js +0 -4
- package/dist/ionic/p-100bedc4.system.entry.js +0 -4
- package/dist/ionic/p-105f7d62.system.entry.js +0 -4
- package/dist/ionic/p-155f1939.entry.js +0 -4
- package/dist/ionic/p-1672c4fd.system.entry.js +0 -4
- package/dist/ionic/p-18057853.entry.js +0 -4
- package/dist/ionic/p-1c451f69.entry.js +0 -4
- package/dist/ionic/p-1cff9cad.entry.js +0 -4
- package/dist/ionic/p-1f9cdee2.entry.js +0 -4
- package/dist/ionic/p-25575222.system.js +0 -4
- package/dist/ionic/p-266fc56e.system.js +0 -4
- package/dist/ionic/p-2e12bda2.entry.js +0 -4
- package/dist/ionic/p-2f6cedaf.system.entry.js +0 -4
- package/dist/ionic/p-352f7037.system.entry.js +0 -4
- package/dist/ionic/p-35722bba.system.entry.js +0 -4
- package/dist/ionic/p-35b9e842.entry.js +0 -4
- package/dist/ionic/p-37a63e79.system.entry.js +0 -4
- package/dist/ionic/p-3c70b01b.entry.js +0 -4
- package/dist/ionic/p-3e3b34f7.system.entry.js +0 -4
- package/dist/ionic/p-3f70bfba.entry.js +0 -4
- package/dist/ionic/p-4196b2d1.system.entry.js +0 -4
- package/dist/ionic/p-4429fc97.system.entry.js +0 -4
- package/dist/ionic/p-46111310.js +0 -4
- package/dist/ionic/p-46f407f0.system.js +0 -4
- package/dist/ionic/p-49b6fee0.system.entry.js +0 -4
- package/dist/ionic/p-4a615fea.entry.js +0 -4
- package/dist/ionic/p-5033128d.system.js +0 -4
- package/dist/ionic/p-510578f3.system.entry.js +0 -4
- package/dist/ionic/p-51b68ec9.system.entry.js +0 -4
- package/dist/ionic/p-51ff648c.entry.js +0 -4
- package/dist/ionic/p-5270f8e8.entry.js +0 -4
- package/dist/ionic/p-546433d2.js +0 -4
- package/dist/ionic/p-54f76ced.js +0 -4
- package/dist/ionic/p-56c3b69c.entry.js +0 -4
- package/dist/ionic/p-596e0cf8.system.entry.js +0 -4
- package/dist/ionic/p-5ae49f12.entry.js +0 -4
- package/dist/ionic/p-5b1273f4.system.entry.js +0 -4
- package/dist/ionic/p-5d3f6707.entry.js +0 -4
- package/dist/ionic/p-5da04d11.entry.js +0 -4
- package/dist/ionic/p-5e7c32e8.system.entry.js +0 -4
- package/dist/ionic/p-5fa8587e.system.entry.js +0 -4
- package/dist/ionic/p-6771c0a9.system.entry.js +0 -4
- package/dist/ionic/p-68a1e274.system.entry.js +0 -4
- package/dist/ionic/p-6994c97a.js +0 -4
- package/dist/ionic/p-69bc14fd.entry.js +0 -4
- package/dist/ionic/p-6a7eac5a.js +0 -4
- package/dist/ionic/p-6f4db5ce.system.entry.js +0 -4
- package/dist/ionic/p-71688099.system.entry.js +0 -4
- package/dist/ionic/p-716ab5f8.system.entry.js +0 -4
- package/dist/ionic/p-75cddcc9.js +0 -4
- package/dist/ionic/p-7d9eefb3.system.js +0 -4
- package/dist/ionic/p-7fc505bf.entry.js +0 -4
- package/dist/ionic/p-83321ee8.entry.js +0 -4
- package/dist/ionic/p-83b070b7.entry.js +0 -4
- package/dist/ionic/p-88cff52d.entry.js +0 -4
- package/dist/ionic/p-896111fa.entry.js +0 -4
- package/dist/ionic/p-89b59bd7.entry.js +0 -4
- package/dist/ionic/p-8bd567ba.system.entry.js +0 -4
- package/dist/ionic/p-8e9ac22d.entry.js +0 -4
- package/dist/ionic/p-9540561f.entry.js +0 -4
- package/dist/ionic/p-9958874b.system.entry.js +0 -4
- package/dist/ionic/p-9d7fc908.system.js +0 -4
- package/dist/ionic/p-9ea607bd.system.js +0 -4
- package/dist/ionic/p-a1b4e619.system.entry.js +0 -4
- package/dist/ionic/p-a7ba2dcc.system.js +0 -4
- package/dist/ionic/p-a8f02173.system.js +0 -4
- package/dist/ionic/p-aa110ca0.system.entry.js +0 -4
- package/dist/ionic/p-aa682cb9.system.entry.js +0 -4
- package/dist/ionic/p-ab85debb.entry.js +0 -4
- package/dist/ionic/p-ac4e2a74.system.entry.js +0 -4
- package/dist/ionic/p-ac9f44a8.system.entry.js +0 -4
- package/dist/ionic/p-bae993f0.entry.js +0 -4
- package/dist/ionic/p-c04d5a75.entry.js +0 -4
- package/dist/ionic/p-c41af68a.entry.js +0 -4
- package/dist/ionic/p-c478747f.system.js +0 -4
- package/dist/ionic/p-c80d05c9.js +0 -4
- package/dist/ionic/p-c8f2b769.entry.js +0 -4
- package/dist/ionic/p-c99ccdc9.entry.js +0 -4
- package/dist/ionic/p-c9c39c98.system.entry.js +0 -4
- package/dist/ionic/p-cae889f9.entry.js +0 -4
- package/dist/ionic/p-d2544865.system.js +0 -4
- package/dist/ionic/p-d45c59a6.system.entry.js +0 -4
- package/dist/ionic/p-d5f48185.system.entry.js +0 -4
- package/dist/ionic/p-d79542bd.system.js +0 -4
- package/dist/ionic/p-d8067ea4.system.entry.js +0 -4
- package/dist/ionic/p-d8f66669.entry.js +0 -4
- package/dist/ionic/p-dc1372e0.entry.js +0 -4
- package/dist/ionic/p-df48edd6.entry.js +0 -4
- package/dist/ionic/p-df6fa126.entry.js +0 -4
- package/dist/ionic/p-e8a0e731.entry.js +0 -4
- package/dist/ionic/p-e8c7fa1b.system.entry.js +0 -4
- package/dist/ionic/p-e955bf61.entry.js +0 -4
- package/dist/ionic/p-ea2c16b5.system.entry.js +0 -4
- package/dist/ionic/p-f0392d49.entry.js +0 -4
- package/dist/ionic/p-f4cb521c.js +0 -4
- package/dist/ionic/p-f818b01a.entry.js +0 -4
- package/dist/ionic/p-f94cbfe9.js +0 -4
- package/dist/ionic/p-fab4ecad.system.entry.js +0 -4
- package/dist/ionic/p-fb02eeec.system.entry.js +0 -4
- package/dist/ionic/p-fb97326f.system.entry.js +0 -4
- package/dist/ionic/p-fbd30ec7.entry.js +0 -4
- package/dist/ionic/p-ff2323ba.system.entry.js +0 -4
- package/dist/ionic/p-ff4b7e40.system.js +0 -4
package/components/button.js
CHANGED
|
@@ -3,15 +3,17 @@
|
|
|
3
3
|
*/
|
|
4
4
|
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
5
5
|
import { h as hasShadowDom, i as inheritAriaAttributes } from './helpers.js';
|
|
6
|
-
import { p as printIonWarning } from './
|
|
6
|
+
import { d as getIonTheme, p as printIonWarning } from './ionic-global.js';
|
|
7
7
|
import { o as openURL, c as createColorClasses, h as hostContext } from './theme.js';
|
|
8
|
-
import { b as getIonMode } from './ionic-global.js';
|
|
9
8
|
import { d as defineCustomElement$1 } from './ripple-effect.js';
|
|
10
9
|
|
|
11
|
-
const
|
|
10
|
+
const buttonIonicCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #0054e9);--background:transparent;--color:var(--ion-color-primary, #0054e9)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--ion-color-primary, #0054e9)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon){font-size:1.35em;pointer-events:none}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-base)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}:host{--border-radius:0.5rem;--padding-bottom:var(--padding-top);--padding-end:1rem;--padding-start:var(--padding-end);--padding-top:0.75rem;--focus-ring-color:#9ec4fd;--focus-ring-width:2px;position:relative;min-height:2.5rem;font-size:min(0.875rem, 42px)}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:3rem;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host ::slotted(ion-icon[slot=start]){-webkit-margin-end:0.5rem;margin-inline-end:0.5rem}:host ::slotted(ion-icon[slot=end]){-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}:host(.button-xsmall) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-icon[slot=start]){-webkit-margin-end:0.25rem;margin-inline-end:0.25rem}:host(.button-xsmall) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-icon[slot=end]){-webkit-margin-start:0.25rem;margin-inline-start:0.25rem}:host(.button-xsmall){--border-radius:0.25rem;--padding-top:0.25rem;--padding-end:0.75rem;min-height:1.5rem;font-size:min(0.75rem, 36px)}:host(.button-small){--border-radius:0.25rem;--padding-top:0.5rem;--padding-end:1rem;min-height:2rem;font-size:min(0.75rem, 36px)}:host(.button-large){--padding-top:1rem;--padding-end:1.5rem;min-height:3rem;font-size:min(1rem, 48px)}:host(.button-xlarge){--padding-top:1rem;--padding-end:2rem;min-height:3.5rem;font-size:min(1.25rem, 60px)}::slotted(ion-icon[slot=start]),::slotted(ion-icon[slot=end]),::slotted(ion-icon[slot=icon-only]){font-size:1rem}:host(.button-xsmall) ::slotted(ion-icon[slot=start]),:host(.button-xsmall) ::slotted(ion-icon[slot=end]),:host(.button-xsmall) ::slotted(ion-icon[slot=icon-only]),:host(.button-small) ::slotted(ion-icon[slot=start]),:host(.button-small) ::slotted(ion-icon[slot=end]),:host(.button-small) ::slotted(ion-icon[slot=icon-only]),:host(.button-large) ::slotted(ion-icon[slot=start]),:host(.button-large) ::slotted(ion-icon[slot=end]),:host(.button-large) ::slotted(ion-icon[slot=icon-only]),:host(.button-xlarge) ::slotted(ion-icon[slot=start]),:host(.button-xlarge) ::slotted(ion-icon[slot=end]),:host(.button-xlarge) ::slotted(ion-icon[slot=icon-only]){font-size:1em}:host(.button-has-icon-only.button-xsmall){--padding-end:0.375rem}:host(.button-has-icon-only.button-small){--padding-end:0.625rem}:host(.button-has-icon-only){--padding-end:0.8125rem}:host(.button-has-icon-only.button-large){--padding-end:1rem}:host(.button-has-icon-only.button-xlarge){--padding-end:1.125rem}:host(.button-rectangular){--border-radius:0}:host(.button-round){--border-radius:62.4375rem}:host(.ion-focused) .button-native{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:2px}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, #004acd)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline){--border-width:1px;--border-style:solid;--background-activated:#e3e3e3;--background-activated-opacity:1;--background-focused:transparent;--background-hover:transparent;--background-focused-opacity:0.1;--color-activated:var(--ion-color-primary, #0054e9)}:host(.button-outline.ion-focused){--border-color:transparent}:host(.button-clear){--background-activated:#e3e3e3;--background-activated-opacity:1;--background-focused:transparent;--background-hover:transparent}:host(.button-outline),:host(.button-clear){--background-hover:#121212;--background-hover-opacity:0.04}:host(.button-disabled){--color:#c9c9c9;--border-color:var(--color);opacity:1}:host(.button-solid.button-disabled){--background:#f5f5f5}";
|
|
11
|
+
const IonButtonIonicStyle0 = buttonIonicCss;
|
|
12
|
+
|
|
13
|
+
const buttonIosCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #0054e9);--background:transparent;--color:var(--ion-color-primary, #0054e9)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--ion-color-primary, #0054e9)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon){font-size:1.35em;pointer-events:none}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-base)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}:host{--border-radius:14px;--padding-top:13px;--padding-bottom:13px;--padding-start:1em;--padding-end:1em;--transition:background-color, opacity 100ms linear;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:4px;margin-bottom:4px;min-height:3.1em;font-size:min(1rem, 48px);font-weight:500;letter-spacing:0}:host(.button-solid){--background-activated:var(--ion-color-primary-shade, #004acd);--background-focused:var(--ion-color-primary-shade, #004acd);--background-hover:var(--ion-color-primary-tint, #1a65eb);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1}:host(.button-outline){--border-radius:14px;--border-width:1px;--border-style:solid;--background-activated:var(--ion-color-primary, #0054e9);--background-focused:var(--ion-color-primary, #0054e9);--background-hover:transparent;--background-focused-opacity:0.1;--color-activated:var(--ion-color-primary-contrast, #fff)}:host(.button-clear){--background-activated:transparent;--background-activated-opacity:0;--background-focused:var(--ion-color-primary, #0054e9);--background-hover:transparent;--background-focused-opacity:0.1;font-size:min(1.0625rem, 51px);font-weight:normal}:host(.in-buttons){font-size:clamp(17px, 1.0625rem, 21.08px);font-weight:400}:host(.button-large){--border-radius:16px;--padding-top:17px;--padding-start:1em;--padding-end:1em;--padding-bottom:17px;min-height:3.1em;font-size:min(1.25rem, 60px)}:host(.button-small){--border-radius:6px;--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:min(0.8125rem, 39px)}:host(.button-round){--border-radius:999px;--padding-top:0;--padding-start:26px;--padding-end:26px;--padding-bottom:0}:host(.button-strong){font-weight:600}:host(.button-has-icon-only){--padding-top:0;--padding-bottom:var(--padding-top);--padding-end:var(--padding-top);--padding-start:var(--padding-end);min-width:clamp(30px, 2.125em, 60px);min-height:clamp(30px, 2.125em, 60px)}::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.12px, 1.125em, 43.02px)}:host(.button-small.button-has-icon-only){min-width:clamp(23px, 2.16em, 54px);min-height:clamp(23px, 2.16em, 54px)}:host(.button-small) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(12.1394px, 1.308125em, 40.1856px)}:host(.button-large.button-has-icon-only){min-width:clamp(46px, 2.5em, 78px);min-height:clamp(46px, 2.5em, 78px)}:host(.button-large) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.12px, 0.9em, 43.056px)}:host(.button-outline.ion-focused.ion-color) .button-native,:host(.button-clear.ion-focused.ion-color) .button-native{color:var(--ion-color-base)}:host(.button-outline.ion-focused.ion-color) .button-native::after,:host(.button-clear.ion-focused.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.button-clear:not(.ion-activated):hover),:host(.button-outline:not(.ion-activated):hover){opacity:0.6}:host(.button-clear.ion-color:hover) .button-native,:host(.button-outline.ion-color:hover) .button-native{color:var(--ion-color-base)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:transparent}:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}:host(:hover.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color):not(.ion-activated)) .button-native::after{background:#fff;opacity:0.1}}:host(.button-clear.ion-activated){opacity:0.4}:host(.button-outline.ion-activated.ion-color) .button-native{color:var(--ion-color-contrast)}:host(.button-outline.ion-activated.ion-color) .button-native::after{background:var(--ion-color-base)}:host(.button-solid.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--color));color:var(--ion-toolbar-background, var(--background), var(--ion-color-primary-contrast, #fff))}";
|
|
12
14
|
const IonButtonIosStyle0 = buttonIosCss;
|
|
13
15
|
|
|
14
|
-
const buttonMdCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #0054e9);--background:transparent;--color:var(--ion-color-primary, #0054e9)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--ion-color-primary, #0054e9)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-
|
|
16
|
+
const buttonMdCss = ":host{--overflow:hidden;--ripple-color:currentColor;--border-width:initial;--border-color:initial;--border-style:initial;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--box-shadow:none;display:inline-block;width:auto;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:top;vertical-align:-webkit-baseline-middle;-webkit-font-kerning:none;font-kerning:none}:host(.button-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.button-solid){--background:var(--ion-color-primary, #0054e9);--color:var(--ion-color-primary-contrast, #fff)}:host(.button-outline){--border-color:var(--ion-color-primary, #0054e9);--background:transparent;--color:var(--ion-color-primary, #0054e9)}:host(.button-clear){--border-width:0;--background:transparent;--color:var(--ion-color-primary, #0054e9)}:host(.button-block){display:block}:host(.button-block) .button-native{margin-left:0;margin-right:0;width:100%;clear:both;contain:content}:host(.button-block) .button-native::after{clear:both}:host(.button-full){display:block}:host(.button-full) .button-native{margin-left:0;margin-right:0;width:100%;contain:content}:host(.button-full:not(.button-round)) .button-native{border-radius:0;border-right-width:0;border-left-width:0}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);line-height:1;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:layout style;cursor:pointer;opacity:var(--opacity);overflow:var(--overflow);z-index:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-native::-moz-focus-inner{border:0}.button-inner{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;z-index:1}::slotted([slot=start]),::slotted([slot=end]){-ms-flex-negative:0;flex-shrink:0}::slotted(ion-icon){font-size:1.35em;pointer-events:none}::slotted(ion-icon[slot=start]){-webkit-margin-start:-0.3em;margin-inline-start:-0.3em;-webkit-margin-end:0.3em;margin-inline-end:0.3em;margin-top:0;margin-bottom:0}::slotted(ion-icon[slot=end]){-webkit-margin-start:0.3em;margin-inline-start:0.3em;-webkit-margin-end:-0.2em;margin-inline-end:-0.2em;margin-top:0;margin-bottom:0}ion-ripple-effect{color:var(--ripple-color)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}@media (any-hover: hover){:host(:hover){color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-activated){color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}:host(.button-solid.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host(.button-outline.ion-color) .button-native{border-color:var(--ion-color-base);background:transparent;color:var(--ion-color-base)}:host(.button-clear.ion-color) .button-native{background:transparent;color:var(--ion-color-base)}:host(.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{color:var(--ion-toolbar-color, var(--color))}:host(.button-outline.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{border-color:var(--ion-toolbar-color, var(--color, var(--border-color)))}:host(.button-solid.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-color, var(--background));color:var(--ion-toolbar-background, var(--color))}:host{--border-radius:4px;--padding-top:8px;--padding-bottom:8px;--padding-start:1.1em;--padding-end:1.1em;--transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), background-color 15ms linear, color 15ms linear;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;margin-top:4px;margin-bottom:4px;min-height:36px;font-size:0.875rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase}:host(.button-solid){--background-activated:transparent;--background-hover:var(--ion-color-primary-contrast, #fff);--background-focused:var(--ion-color-primary-contrast, #fff);--background-activated-opacity:0;--background-focused-opacity:0.24;--background-hover-opacity:0.08;--box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)}:host(.button-solid.ion-activated){--box-shadow:0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12)}:host(.button-outline){--border-width:2px;--border-style:solid;--box-shadow:none;--background-activated:transparent;--background-focused:var(--ion-color-primary, #0054e9);--background-hover:var(--ion-color-primary, #0054e9);--background-activated-opacity:0;--background-focused-opacity:0.12;--background-hover-opacity:0.04}:host(.button-outline.ion-activated.ion-color) .button-native{background:transparent}:host(.button-clear){--background-activated:transparent;--background-focused:var(--ion-color-primary, #0054e9);--background-hover:var(--ion-color-primary, #0054e9);--background-activated-opacity:0;--background-focused-opacity:0.12;--background-hover-opacity:0.04}:host(.button-round){--border-radius:999px;--padding-top:0;--padding-start:26px;--padding-end:26px;--padding-bottom:0}:host(.button-large){--padding-top:14px;--padding-start:1em;--padding-end:1em;--padding-bottom:14px;min-height:2.8em;font-size:1.25rem}:host(.button-small){--padding-top:4px;--padding-start:0.9em;--padding-end:0.9em;--padding-bottom:4px;min-height:2.1em;font-size:0.8125rem}:host(.button-strong){font-weight:bold}:host(.button-has-icon-only){--padding-top:0;--padding-bottom:var(--padding-top);--padding-end:var(--padding-top);--padding-start:var(--padding-end);min-width:clamp(30px, 2.86em, 60px);min-height:clamp(30px, 2.86em, 60px)}::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.104px, 1.6em, 43.008px)}:host(.button-small.button-has-icon-only){min-width:clamp(23px, 2.16em, 54px);min-height:clamp(23px, 2.16em, 54px)}:host(.button-small) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(13.002px, 1.23125em, 40.385px)}:host(.button-large.button-has-icon-only){min-width:clamp(46px, 2.5em, 78px);min-height:clamp(46px, 2.5em, 78px)}:host(.button-large) ::slotted(ion-icon[slot=icon-only]){font-size:clamp(15.008px, 1.4em, 43.008px)}:host(.button-solid.ion-color.ion-focused) .button-native::after{background:var(--ion-color-contrast)}:host(.button-clear.ion-color.ion-focused) .button-native::after,:host(.button-outline.ion-color.ion-focused) .button-native::after{background:var(--ion-color-base)}@media (any-hover: hover){:host(.button-solid.ion-color:hover) .button-native::after{background:var(--ion-color-contrast)}:host(.button-clear.ion-color:hover) .button-native::after,:host(.button-outline.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}:host(.button-outline.ion-activated.in-toolbar:not(.ion-color):not(.in-toolbar-color)) .button-native{background:var(--ion-toolbar-background, var(--color));color:var(--ion-toolbar-color, var(--background), var(--ion-color-primary-contrast, #fff))}";
|
|
15
17
|
const IonButtonMdStyle0 = buttonMdCss;
|
|
16
18
|
|
|
17
19
|
const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement {
|
|
@@ -124,6 +126,20 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
|
|
|
124
126
|
}
|
|
125
127
|
return 'bounded';
|
|
126
128
|
}
|
|
129
|
+
/**
|
|
130
|
+
* Disable the "xsmall" and "xlarge" sizes if the theme is "ios" or "md"
|
|
131
|
+
*/
|
|
132
|
+
getSize() {
|
|
133
|
+
const theme = getIonTheme(this);
|
|
134
|
+
const { size } = this;
|
|
135
|
+
if (size === undefined && this.inItem) {
|
|
136
|
+
return 'small';
|
|
137
|
+
}
|
|
138
|
+
if ((theme === 'ios' || theme === 'md') && (size === 'xsmall' || size === 'xlarge')) {
|
|
139
|
+
return undefined;
|
|
140
|
+
}
|
|
141
|
+
return size;
|
|
142
|
+
}
|
|
127
143
|
/**
|
|
128
144
|
* Finds the form element based on the provided `form` selector
|
|
129
145
|
* or element reference provided.
|
|
@@ -184,9 +200,9 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
|
|
|
184
200
|
}
|
|
185
201
|
}
|
|
186
202
|
render() {
|
|
187
|
-
const
|
|
188
|
-
const
|
|
189
|
-
const finalSize =
|
|
203
|
+
const { buttonType, type, disabled, rel, target, href, color, expand, hasIconOnly, shape, strong, inheritedAttributes, } = this;
|
|
204
|
+
const theme = getIonTheme(this);
|
|
205
|
+
const finalSize = this.getSize();
|
|
190
206
|
const TagType = href === undefined ? 'button' : 'a';
|
|
191
207
|
const attrs = TagType === 'button'
|
|
192
208
|
? { type }
|
|
@@ -214,8 +230,8 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
|
|
|
214
230
|
{
|
|
215
231
|
type !== 'button' && this.renderHiddenButton();
|
|
216
232
|
}
|
|
217
|
-
return (h(Host, { key: '
|
|
218
|
-
[
|
|
233
|
+
return (h(Host, { key: 'ad194a242d68360d9bbbd025a409af09d87b4d34', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses(color, {
|
|
234
|
+
[theme]: true,
|
|
219
235
|
[buttonType]: true,
|
|
220
236
|
[`${buttonType}-${expand}`]: expand !== undefined,
|
|
221
237
|
[`${buttonType}-${finalSize}`]: finalSize !== undefined,
|
|
@@ -229,13 +245,14 @@ const Button = /*@__PURE__*/ proxyCustomElement(class Button extends HTMLElement
|
|
|
229
245
|
'button-disabled': disabled,
|
|
230
246
|
'ion-activatable': true,
|
|
231
247
|
'ion-focusable': true,
|
|
232
|
-
}) }, h(TagType, Object.assign({ key: '
|
|
248
|
+
}) }, h(TagType, Object.assign({ key: '6ca717c26b637859f780c22f8b4a7e921b723e12' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), h("span", { key: '60ff7c727df3fee342bed8839a493057149e2600', class: "button-inner" }, h("slot", { key: 'e048881659c50129e29668694ef11420400c9059', name: "icon-only", onSlotchange: this.slotChanged }), h("slot", { key: '3783397b79a5f4756fce1ba546c9b3e00e8afb69', name: "start" }), h("slot", { key: '1e3c2fd3969bf4c83e432e2a1a2058d699d9685a' }), h("slot", { key: 'badb9b5954d8d8a19a53ff4be3ff5d0e0b3354ae', name: "end" })), theme === 'md' && h("ion-ripple-effect", { type: this.rippleType }))));
|
|
233
249
|
}
|
|
234
250
|
get el() { return this; }
|
|
235
251
|
static get watchers() { return {
|
|
236
252
|
"disabled": ["disabledChanged"]
|
|
237
253
|
}; }
|
|
238
254
|
static get style() { return {
|
|
255
|
+
ionic: IonButtonIonicStyle0,
|
|
239
256
|
ios: IonButtonIosStyle0,
|
|
240
257
|
md: IonButtonMdStyle0
|
|
241
258
|
}; }
|
package/components/buttons.js
CHANGED
|
@@ -2,9 +2,12 @@
|
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
4
|
import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
|
|
5
|
-
import {
|
|
5
|
+
import { d as getIonTheme } from './ionic-global.js';
|
|
6
6
|
|
|
7
|
-
const
|
|
7
|
+
const ionicButtonsMdCss = ".sc-ion-buttons-ionic-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-ionic-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ionic-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:8px;--padding-end:8px;--box-shadow:none;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-ionic-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-ionic-s ion-button:not(.button-round){--border-radius:2px}.sc-ion-buttons-ionic-h.ion-color.sc-ion-buttons-ionic-s .button,.ion-color .sc-ion-buttons-ionic-h.sc-ion-buttons-ionic-s .button{--color:initial;--color-focused:var(--ion-color-contrast);--color-hover:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-contrast);--background-hover:var(--ion-color-contrast)}.sc-ion-buttons-ionic-h.ion-color.sc-ion-buttons-ionic-s .button-solid,.ion-color .sc-ion-buttons-ionic-h.sc-ion-buttons-ionic-s .button-solid{--background:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-shade);--background-hover:var(--ion-color-base);--color:var(--ion-color-base);--color-focused:var(--ion-color-base);--color-hover:var(--ion-color-base)}.sc-ion-buttons-ionic-h.ion-color.sc-ion-buttons-ionic-s .button-outline,.ion-color .sc-ion-buttons-ionic-h.sc-ion-buttons-ionic-s .button-outline{--border-color:var(--ion-color-contrast)}.sc-ion-buttons-ionic-s .button-has-icon-only.button-clear{--padding-top:12px;--padding-end:12px;--padding-bottom:12px;--padding-start:12px;--border-radius:50%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:3rem;height:3rem}.sc-ion-buttons-ionic-s .button{--background-hover:currentColor}.sc-ion-buttons-ionic-s .button-solid{--color:var(--ion-toolbar-background, var(--ion-background-color, #fff));--background:var(--ion-toolbar-color, var(--ion-text-color, #424242));--background-activated:transparent;--background-focused:currentColor}.sc-ion-buttons-ionic-s .button-outline{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--border-color:currentColor}.sc-ion-buttons-ionic-s .button-clear{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor}.sc-ion-buttons-ionic-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.4em}.sc-ion-buttons-ionic-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.4em}.sc-ion-buttons-ionic-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.8em}";
|
|
8
|
+
const IonButtonsIonicStyle0 = ionicButtonsMdCss;
|
|
9
|
+
|
|
10
|
+
const buttonsIosCss = ".sc-ion-buttons-ios-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-ios-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-ios-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:5px;--padding-end:5px;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-ios-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-ios-s ion-button:not(.button-round){--border-radius:4px}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button{--color:initial;--border-color:initial;--background-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-solid,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-solid{--background:var(--ion-color-contrast);--background-focused:#000;--background-focused-opacity:0.12;--background-activated:#000;--background-activated-opacity:0.12;--background-hover:var(--ion-color-base);--background-hover-opacity:0.45;--color:var(--ion-color-base);--color-focused:var(--ion-color-base)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-clear,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-clear{--color-activated:var(--ion-color-contrast);--color-focused:var(--ion-color-contrast)}.sc-ion-buttons-ios-h.ion-color.sc-ion-buttons-ios-s .button-outline,.ion-color .sc-ion-buttons-ios-h.sc-ion-buttons-ios-s .button-outline{--color-activated:var(--ion-color-base);--color-focused:var(--ion-color-contrast);--background-activated:var(--ion-color-contrast)}.sc-ion-buttons-ios-s .button-clear,.sc-ion-buttons-ios-s .button-outline{--background-activated:transparent;--background-focused:currentColor;--background-hover:transparent}.sc-ion-buttons-ios-s .button-solid:not(.ion-color){--background-focused:#000;--background-focused-opacity:0.12;--background-activated:#000;--background-activated-opacity:0.12}.sc-ion-buttons-ios-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.41em;line-height:0.67}.sc-ion-buttons-ios-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.65em;line-height:0.67}";
|
|
8
11
|
const IonButtonsIosStyle0 = buttonsIosCss;
|
|
9
12
|
|
|
10
13
|
const buttonsMdCss = ".sc-ion-buttons-md-h{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:99}.sc-ion-buttons-md-s ion-button{--padding-top:0;--padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}.sc-ion-buttons-md-s ion-button{--padding-top:3px;--padding-bottom:3px;--padding-start:8px;--padding-end:8px;--box-shadow:none;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:2px;margin-inline-end:2px;min-height:32px}.sc-ion-buttons-md-s .button-has-icon-only{--padding-top:0;--padding-bottom:0}.sc-ion-buttons-md-s ion-button:not(.button-round){--border-radius:2px}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button{--color:initial;--color-focused:var(--ion-color-contrast);--color-hover:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-contrast);--background-hover:var(--ion-color-contrast)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-solid,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-solid{--background:var(--ion-color-contrast);--background-activated:transparent;--background-focused:var(--ion-color-shade);--background-hover:var(--ion-color-base);--color:var(--ion-color-base);--color-focused:var(--ion-color-base);--color-hover:var(--ion-color-base)}.sc-ion-buttons-md-h.ion-color.sc-ion-buttons-md-s .button-outline,.ion-color .sc-ion-buttons-md-h.sc-ion-buttons-md-s .button-outline{--border-color:var(--ion-color-contrast)}.sc-ion-buttons-md-s .button-has-icon-only.button-clear{--padding-top:12px;--padding-end:12px;--padding-bottom:12px;--padding-start:12px;--border-radius:50%;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;width:3rem;height:3rem}.sc-ion-buttons-md-s .button{--background-hover:currentColor}.sc-ion-buttons-md-s .button-solid{--color:var(--ion-toolbar-background, var(--ion-background-color, #fff));--background:var(--ion-toolbar-color, var(--ion-text-color, #424242));--background-activated:transparent;--background-focused:currentColor}.sc-ion-buttons-md-s .button-outline{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--border-color:currentColor}.sc-ion-buttons-md-s .button-clear{--color:initial;--background:transparent;--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor}.sc-ion-buttons-md-s ion-icon[slot=start]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-margin-start:0.4em;margin-inline-start:0.4em;font-size:1.4em}.sc-ion-buttons-md-s ion-icon[slot=icon-only]{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;font-size:1.8em}";
|
|
@@ -17,13 +20,14 @@ const Buttons = /*@__PURE__*/ proxyCustomElement(class Buttons extends HTMLEleme
|
|
|
17
20
|
this.collapse = false;
|
|
18
21
|
}
|
|
19
22
|
render() {
|
|
20
|
-
const
|
|
21
|
-
return (h(Host, { key: '
|
|
22
|
-
[
|
|
23
|
+
const theme = getIonTheme(this);
|
|
24
|
+
return (h(Host, { key: '4894da99d311fd26fdedc64d7db023de4d0c7857', class: {
|
|
25
|
+
[theme]: true,
|
|
23
26
|
['buttons-collapse']: this.collapse,
|
|
24
|
-
} }, h("slot", { key: '
|
|
27
|
+
} }, h("slot", { key: '493d3423fc2dbb636e6cb9ca4e33b3be78ab14d3' })));
|
|
25
28
|
}
|
|
26
29
|
static get style() { return {
|
|
30
|
+
ionic: IonButtonsIonicStyle0,
|
|
27
31
|
ios: IonButtonsIosStyle0,
|
|
28
32
|
md: IonButtonsMdStyle0
|
|
29
33
|
}; }
|
package/components/checkbox.js
CHANGED
|
@@ -4,12 +4,15 @@
|
|
|
4
4
|
import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
|
|
5
5
|
import { i as inheritAriaAttributes, e as renderHiddenInput } from './helpers.js';
|
|
6
6
|
import { c as createColorClasses, h as hostContext } from './theme.js';
|
|
7
|
-
import {
|
|
7
|
+
import { d as getIonTheme } from './ionic-global.js';
|
|
8
8
|
|
|
9
|
-
const
|
|
9
|
+
const checkboxIonicCss = ":host{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.in-item){width:100%;height:100%}:host([slot=start]),:host([slot=end]){width:auto}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item) .label-text-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.label-text-wrapper-hidden{display:none}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{border-radius:var(--border-radius);position:relative;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:calc(var(--size) / 4 - 2px);--border-width:1px;--border-style:solid;--border-color:var(--ion-color-step-400, var(--ion-background-color-step-400, #999999));--checkmark-width:3;--focus-ring-color:#9ec4fd;--focus-ring-width:2px;--focus-ring-offset:2px;--size:24px}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:48px;-webkit-transform:translateY(-50%);transform:translateY(-50%);content:\"\";cursor:pointer;z-index:1}:host .native-wrapper{position:relative}:host(.checkbox-size-small){--size:16px}:host(.ion-invalid){--focus-ring-color:#ffafaf}:host(.ion-invalid) .checkbox-icon{border-color:#f72c2c}:host(.checkbox-disabled.checkbox-indeterminate) .checkbox-icon{border-width:0;background-color:var(--ion-color-step-600, var(--ion-background-color-step-600, #666666))}:host(.checkbox-disabled) .checkbox-icon{border-color:#c9c9c9;background-color:#f5f5f5}:host(.checkbox-disabled.checkbox-checked) .checkbox-icon{border-width:0;background-color:var(--ion-color-step-100, var(--ion-background-color-step-100, #e6e6e6))}@media (any-hover: hover){:host(:hover) .checkbox-icon{background-color:#ececec}:host(:hover.checkbox-checked) .checkbox-icon,:host(:hover.checkbox-indeterminate) .checkbox-icon{background-color:#1061da}}:host(.ion-focused:not(.checkbox-disabled)) .checkbox-icon{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:host(.ion-activated) .checkbox-icon{background-color:#e3e3e3}:host(.ion-activated.checkbox-checked) .checkbox-icon,:host(.ion-activated.checkbox-indeterminate) .checkbox-icon{background-color:#105ed1}:host(.checkbox-shape-soft){--border-radius:calc(var(--size) / 4 - 2px)}:host(.checkbox-shape-rectangular){--border-radius:0}.checkbox-wrapper{min-height:48px}";
|
|
10
|
+
const IonCheckboxIonicStyle0 = checkboxIonicCss;
|
|
11
|
+
|
|
12
|
+
const checkboxIosCss = ":host{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.in-item){width:100%;height:100%}:host([slot=start]),:host([slot=end]){width:auto}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item) .label-text-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.label-text-wrapper-hidden{display:none}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{border-radius:var(--border-radius);position:relative;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:50%;--border-width:0.125rem;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--size:min(1.375rem, 55.836px);--checkmark-width:1.5px}:host(.checkbox-disabled){opacity:0.3}";
|
|
10
13
|
const IonCheckboxIosStyle0 = checkboxIosCss;
|
|
11
14
|
|
|
12
|
-
const checkboxMdCss = ":host{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.in-item){
|
|
15
|
+
const checkboxMdCss = ":host{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.in-item){width:100%;height:100%}:host([slot=start]),:host([slot=end]){width:auto}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.in-item) .label-text-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.label-text-wrapper-hidden{display:none}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{border-radius:var(--border-radius);position:relative;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:calc(var(--size) * 0.125);--border-width:2px;--border-style:solid;--border-color:rgb(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--checkmark-width:3;--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--transition:background 180ms cubic-bezier(0.4, 0, 0.2, 1);--size:18px}.checkbox-icon path{stroke-dasharray:30;stroke-dashoffset:30}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{stroke-dashoffset:0;-webkit-transition:stroke-dashoffset 90ms linear 90ms;transition:stroke-dashoffset 90ms linear 90ms}:host(.checkbox-disabled) .label-text-wrapper{opacity:0.38}:host(.checkbox-disabled) .native-wrapper{opacity:0.63}";
|
|
13
16
|
const IonCheckboxMdStyle0 = checkboxMdCss;
|
|
14
17
|
|
|
15
18
|
const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLElement {
|
|
@@ -62,6 +65,8 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
|
|
|
62
65
|
this.labelPlacement = 'start';
|
|
63
66
|
this.justify = 'space-between';
|
|
64
67
|
this.alignment = 'center';
|
|
68
|
+
this.size = undefined;
|
|
69
|
+
this.shape = 'soft';
|
|
65
70
|
}
|
|
66
71
|
componentWillLoad() {
|
|
67
72
|
this.inheritedAttributes = Object.assign({}, inheritAriaAttributes(this.el));
|
|
@@ -72,12 +77,12 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
|
|
|
72
77
|
}
|
|
73
78
|
}
|
|
74
79
|
render() {
|
|
75
|
-
const { color, checked, disabled, el, getSVGPath, indeterminate, inheritedAttributes, inputId, justify, labelPlacement, name, value, alignment, } = this;
|
|
76
|
-
const
|
|
77
|
-
const path = getSVGPath(
|
|
80
|
+
const { color, checked, disabled, el, getSVGPath, indeterminate, inheritedAttributes, inputId, justify, labelPlacement, name, value, alignment, size, shape, } = this;
|
|
81
|
+
const theme = getIonTheme(this);
|
|
82
|
+
const path = getSVGPath(theme, indeterminate);
|
|
78
83
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
79
|
-
return (h(Host, { key: '
|
|
80
|
-
[
|
|
84
|
+
return (h(Host, { key: 'dbfc0a91cf1beababce441545b50febd32c353fa', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses(color, {
|
|
85
|
+
[theme]: true,
|
|
81
86
|
'in-item': hostContext('ion-item', el),
|
|
82
87
|
'checkbox-checked': checked,
|
|
83
88
|
'checkbox-disabled': disabled,
|
|
@@ -86,20 +91,26 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
|
|
|
86
91
|
[`checkbox-justify-${justify}`]: true,
|
|
87
92
|
[`checkbox-alignment-${alignment}`]: true,
|
|
88
93
|
[`checkbox-label-placement-${labelPlacement}`]: true,
|
|
89
|
-
|
|
94
|
+
[`checkbox-size-${size}`]: size !== undefined,
|
|
95
|
+
[`checkbox-shape-${shape}`]: true,
|
|
96
|
+
}), onClick: this.onClick }, h("label", { key: 'b0e99e2045aa981163d31a55a010d90f09a7b390', class: "checkbox-wrapper" }, h("input", Object.assign({ key: 'c9d9b97425aaaa28cd4c560c412949d7f2ad3520', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), h("div", { key: 'e67a96c2e57820cbe40c9fe5ce2cc2dd47ca717c', class: {
|
|
90
97
|
'label-text-wrapper': true,
|
|
91
98
|
'label-text-wrapper-hidden': el.textContent === '',
|
|
92
|
-
}, part: "label" }, h("slot", { key: '
|
|
99
|
+
}, part: "label" }, h("slot", { key: '43c2d75ae869d8514bece1435acb76741178a84a' })), h("div", { key: '1704e3736b8eff97e9433bd0a63261e208298877', class: "native-wrapper" }, h("svg", { key: 'd5f9cf768266a40edfa621992b361dc62928cc1a', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
|
|
93
100
|
}
|
|
94
|
-
getSVGPath(
|
|
101
|
+
getSVGPath(theme, indeterminate) {
|
|
95
102
|
let path = indeterminate ? (h("path", { d: "M6 12L18 12", part: "mark" })) : (h("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));
|
|
96
|
-
if (
|
|
103
|
+
if (theme === 'md') {
|
|
97
104
|
path = indeterminate ? (h("path", { d: "M2 12H22", part: "mark" })) : (h("path", { d: "M1.73,12.91 8.1,19.28 22.79,4.59", part: "mark" }));
|
|
98
105
|
}
|
|
106
|
+
else if (theme === 'ionic') {
|
|
107
|
+
path = indeterminate ? (h("path", { d: "M6.5 12H17.5", "stroke-linecap": "round", part: "mark" })) : (h("path", { d: "M6 12.5L10 16.5L18.5 8", "stroke-linecap": "round", "stroke-linejoin": "round", part: "mark" }));
|
|
108
|
+
}
|
|
99
109
|
return path;
|
|
100
110
|
}
|
|
101
111
|
get el() { return this; }
|
|
102
112
|
static get style() { return {
|
|
113
|
+
ionic: IonCheckboxIonicStyle0,
|
|
103
114
|
ios: IonCheckboxIosStyle0,
|
|
104
115
|
md: IonCheckboxMdStyle0
|
|
105
116
|
}; }
|
|
@@ -112,7 +123,9 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends HTMLEle
|
|
|
112
123
|
"value": [8],
|
|
113
124
|
"labelPlacement": [1, "label-placement"],
|
|
114
125
|
"justify": [1],
|
|
115
|
-
"alignment": [1]
|
|
126
|
+
"alignment": [1],
|
|
127
|
+
"size": [1],
|
|
128
|
+
"shape": [1]
|
|
116
129
|
}]);
|
|
117
130
|
let checkboxIds = 0;
|
|
118
131
|
function defineCustomElement() {
|
package/components/data.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
import { p as printIonWarning } from './
|
|
4
|
+
import { p as printIonWarning } from './ionic-global.js';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* Returns true if the selected day is equal to the reference day
|
|
@@ -1147,20 +1147,20 @@ const hour23 = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18
|
|
|
1147
1147
|
// h24 hour system uses 1-24. Midnight starts at 24:00.
|
|
1148
1148
|
const hour24 = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 0];
|
|
1149
1149
|
/**
|
|
1150
|
-
* Given a locale and a
|
|
1150
|
+
* Given a locale and a theme,
|
|
1151
1151
|
* return an array with formatted days
|
|
1152
1152
|
* of the week. iOS should display days
|
|
1153
1153
|
* such as "Mon" or "Tue".
|
|
1154
1154
|
* MD should display days such as "M"
|
|
1155
1155
|
* or "T".
|
|
1156
1156
|
*/
|
|
1157
|
-
const getDaysOfWeek = (locale,
|
|
1157
|
+
const getDaysOfWeek = (locale, theme, firstDayOfWeek = 0) => {
|
|
1158
1158
|
/**
|
|
1159
1159
|
* Nov 1st, 2020 starts on a Sunday.
|
|
1160
1160
|
* ion-datetime assumes weeks start on Sunday,
|
|
1161
1161
|
* but is configurable via `firstDayOfWeek`.
|
|
1162
1162
|
*/
|
|
1163
|
-
const weekdayFormat =
|
|
1163
|
+
const weekdayFormat = theme === 'ios' ? 'short' : 'narrow';
|
|
1164
1164
|
const intl = new Intl.DateTimeFormat(locale, { weekday: weekdayFormat });
|
|
1165
1165
|
const startDate = new Date('11/01/2020');
|
|
1166
1166
|
const daysOfWeek = [];
|
package/components/index4.js
CHANGED
|
@@ -3,9 +3,8 @@
|
|
|
3
3
|
*/
|
|
4
4
|
import { d as doc } from './index5.js';
|
|
5
5
|
import { MENU_BACK_BUTTON_PRIORITY } from './hardware-back-button.js';
|
|
6
|
-
import { p as printIonWarning } from './
|
|
6
|
+
import { b as getIonMode, p as printIonWarning } from './ionic-global.js';
|
|
7
7
|
import { c as componentOnReady } from './helpers.js';
|
|
8
|
-
import { b as getIonMode } from './ionic-global.js';
|
|
9
8
|
import { c as createAnimation } from './animation.js';
|
|
10
9
|
|
|
11
10
|
/**
|
|
@@ -48,10 +47,10 @@ const menuOverlayAnimation = (menu) => {
|
|
|
48
47
|
}
|
|
49
48
|
menuAnimation.addElement(menu.menuInnerEl).fromTo('transform', `translateX(${closedX})`, `translateX(${openedX})`);
|
|
50
49
|
const mode = getIonMode(menu);
|
|
51
|
-
const
|
|
52
|
-
const opacity =
|
|
50
|
+
const isIOS = mode === 'ios';
|
|
51
|
+
const opacity = isIOS ? 0.2 : 0.25;
|
|
53
52
|
backdropAnimation.addElement(menu.backdropEl).fromTo('opacity', 0.01, opacity);
|
|
54
|
-
return baseAnimation(
|
|
53
|
+
return baseAnimation(isIOS).addAnimation([menuAnimation, backdropAnimation]);
|
|
55
54
|
};
|
|
56
55
|
|
|
57
56
|
/**
|
|
@@ -64,6 +63,7 @@ const menuPushAnimation = (menu) => {
|
|
|
64
63
|
let menuClosedX;
|
|
65
64
|
const mode = getIonMode(menu);
|
|
66
65
|
const width = menu.width;
|
|
66
|
+
const isIOS = mode === 'ios';
|
|
67
67
|
if (menu.isEndSide) {
|
|
68
68
|
contentOpenedX = -width + 'px';
|
|
69
69
|
menuClosedX = width + 'px';
|
|
@@ -79,7 +79,7 @@ const menuPushAnimation = (menu) => {
|
|
|
79
79
|
.addElement(menu.contentEl)
|
|
80
80
|
.fromTo('transform', 'translateX(0px)', `translateX(${contentOpenedX})`);
|
|
81
81
|
const backdropAnimation = createAnimation().addElement(menu.backdropEl).fromTo('opacity', 0.01, 0.32);
|
|
82
|
-
return baseAnimation(
|
|
82
|
+
return baseAnimation(isIOS).addAnimation([menuAnimation, contentAnimation, backdropAnimation]);
|
|
83
83
|
};
|
|
84
84
|
|
|
85
85
|
/**
|
|
@@ -89,11 +89,12 @@ const menuPushAnimation = (menu) => {
|
|
|
89
89
|
*/
|
|
90
90
|
const menuRevealAnimation = (menu) => {
|
|
91
91
|
const mode = getIonMode(menu);
|
|
92
|
+
const isIOS = mode === 'ios';
|
|
92
93
|
const openedX = menu.width * (menu.isEndSide ? -1 : 1) + 'px';
|
|
93
94
|
const contentOpen = createAnimation()
|
|
94
95
|
.addElement(menu.contentEl) // REVIEW
|
|
95
96
|
.fromTo('transform', 'translateX(0px)', `translateX(${openedX})`);
|
|
96
|
-
return baseAnimation(
|
|
97
|
+
return baseAnimation(isIOS).addAnimation(contentOpen);
|
|
97
98
|
};
|
|
98
99
|
|
|
99
100
|
const createMenuController = () => {
|
package/components/index6.js
CHANGED
|
@@ -1,34 +1,31 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
const printRequiredElementError = (el, ...targetSelectors) => {
|
|
31
|
-
return console.error(`<${el.tagName.toLowerCase()}> must be used inside ${targetSelectors.join(' or ')}.`);
|
|
32
|
-
};
|
|
4
|
+
/* Ionicons v7.2.2, ES Modules */
|
|
5
|
+
const arrowBackSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='square' stroke-miterlimit='10' stroke-width='48' d='M244 400L100 256l144-144M120 256h292' class='ionicon-fill-none'/></svg>";
|
|
6
|
+
const arrowDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 268l144 144 144-144M256 392V100' class='ionicon-fill-none'/></svg>";
|
|
7
|
+
const caretBackSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M368 64L144 256l224 192V64z'/></svg>";
|
|
8
|
+
const caretDownSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M64 144l192 224 192-224H64z'/></svg>";
|
|
9
|
+
const caretUpSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M448 368L256 144 64 368h384z'/></svg>";
|
|
10
|
+
const checkmarkOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='round' stroke-linejoin='round' d='M416 128L192 384l-96-96' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
|
|
11
|
+
const chevronBack = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M328 112L184 256l144 144' class='ionicon-fill-none'/></svg>";
|
|
12
|
+
const chevronDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M112 184l144 144 144-144' class='ionicon-fill-none'/></svg>";
|
|
13
|
+
const chevronExpand = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M136 208l120-104 120 104M136 304l120 104 120-104' stroke-width='48' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none'/></svg>";
|
|
14
|
+
const chevronForward = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M184 112l144 144-144 144' class='ionicon-fill-none'/></svg>";
|
|
15
|
+
const chevronForwardOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='round' stroke-linejoin='round' stroke-width='48' d='M184 112l144 144-144 144' class='ionicon-fill-none'/></svg>";
|
|
16
|
+
const close = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M289.94 256l95-95A24 24 0 00351 127l-95 95-95-95a24 24 0 00-34 34l95 95-95 95a24 24 0 1034 34l95-95 95 95a24 24 0 0034-34z'/></svg>";
|
|
17
|
+
const closeCircle = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48zm75.31 260.69a16 16 0 11-22.62 22.62L256 278.63l-52.69 52.68a16 16 0 01-22.62-22.62L233.37 256l-52.68-52.69a16 16 0 0122.62-22.62L256 233.37l52.69-52.68a16 16 0 0122.62 22.62L278.63 256z'/></svg>";
|
|
18
|
+
const closeSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M400 145.49L366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256 400 145.49z'/></svg>";
|
|
19
|
+
const ellipseOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><circle cx='256' cy='256' r='192' stroke-linecap='round' stroke-linejoin='round' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
|
|
20
|
+
const ellipsisHorizontal = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><circle cx='256' cy='256' r='48'/><circle cx='416' cy='256' r='48'/><circle cx='96' cy='256' r='48'/></svg>";
|
|
21
|
+
const eye = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><circle cx='256' cy='256' r='64'/><path d='M490.84 238.6c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.66 96c-42.52 0-84.33 12.15-124.27 36.11-40.73 24.43-77.63 60.12-109.68 106.07a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.4 76.14 98.28 100.65C162 402 207.9 416 255.66 416c46.71 0 93.81-14.43 136.2-41.72 38.46-24.77 72.72-59.66 99.08-100.92a32.2 32.2 0 00-.1-34.76zM256 352a96 96 0 1196-96 96.11 96.11 0 01-96 96z'/></svg>";
|
|
22
|
+
const eyeOff = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M432 448a15.92 15.92 0 01-11.31-4.69l-352-352a16 16 0 0122.62-22.62l352 352A16 16 0 01432 448zM248 315.85l-51.79-51.79a2 2 0 00-3.39 1.69 64.11 64.11 0 0053.49 53.49 2 2 0 001.69-3.39zM264 196.15L315.87 248a2 2 0 003.4-1.69 64.13 64.13 0 00-53.55-53.55 2 2 0 00-1.72 3.39z'/><path d='M491 273.36a32.2 32.2 0 00-.1-34.76c-26.46-40.92-60.79-75.68-99.27-100.53C349 110.55 302 96 255.68 96a226.54 226.54 0 00-71.82 11.79 4 4 0 00-1.56 6.63l47.24 47.24a4 4 0 003.82 1.05 96 96 0 01116 116 4 4 0 001.05 3.81l67.95 68a4 4 0 005.4.24 343.81 343.81 0 0067.24-77.4zM256 352a96 96 0 01-93.3-118.63 4 4 0 00-1.05-3.81l-66.84-66.87a4 4 0 00-5.41-.23c-24.39 20.81-47 46.13-67.67 75.72a31.92 31.92 0 00-.64 35.54c26.41 41.33 60.39 76.14 98.28 100.65C162.06 402 207.92 416 255.68 416a238.22 238.22 0 0072.64-11.55 4 4 0 001.61-6.64l-47.47-47.46a4 4 0 00-3.81-1.05A96 96 0 01256 352z'/></svg>";
|
|
23
|
+
const menuOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='round' stroke-miterlimit='10' d='M80 160h352M80 256h352M80 352h352' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
|
|
24
|
+
const menuSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M64 384h384v-42.67H64zm0-106.67h384v-42.66H64zM64 128v42.67h384V128z'/></svg>";
|
|
25
|
+
const removeOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='round' stroke-linejoin='round' d='M400 256H112' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
|
|
26
|
+
const reorderThreeOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='round' stroke-linejoin='round' d='M96 256h320M96 176h320M96 336h320' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
|
|
27
|
+
const reorderTwoSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path stroke-linecap='square' stroke-linejoin='round' stroke-width='44' d='M118 304h276M118 208h276' class='ionicon-fill-none'/></svg>";
|
|
28
|
+
const searchOutline = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M221.09 64a157.09 157.09 0 10157.09 157.09A157.1 157.1 0 00221.09 64z' stroke-miterlimit='10' class='ionicon-fill-none ionicon-stroke-width'/><path stroke-linecap='round' stroke-miterlimit='10' d='M338.29 338.29L448 448' class='ionicon-fill-none ionicon-stroke-width'/></svg>";
|
|
29
|
+
const searchSharp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' class='ionicon' viewBox='0 0 512 512'><path d='M464 428L339.92 303.9a160.48 160.48 0 0030.72-94.58C370.64 120.37 298.27 48 209.32 48S48 120.37 48 209.32s72.37 161.32 161.32 161.32a160.48 160.48 0 0094.58-30.72L428 464zM209.32 319.69a110.38 110.38 0 11110.37-110.37 110.5 110.5 0 01-110.37 110.37z'/></svg>";
|
|
33
30
|
|
|
34
|
-
export {
|
|
31
|
+
export { chevronBack as a, arrowBackSharp as b, chevronDown as c, chevronForwardOutline as d, ellipsisHorizontal as e, chevronForward as f, caretUpSharp as g, caretDownSharp as h, close as i, closeCircle as j, closeSharp as k, eye as l, eyeOff as m, menuOutline as n, menuSharp as o, caretBackSharp as p, arrowDown as q, reorderThreeOutline as r, reorderTwoSharp as s, searchOutline as t, searchSharp as u, chevronExpand as v, checkmarkOutline as w, removeOutline as x, ellipseOutline as y };
|