@ionic/core 7.3.4-dev.11695654072.17597cce → 7.3.4-dev.11699470772.1dad7e66
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 +2 -2
- package/components/button.js +2 -2
- package/components/buttons.js +2 -2
- package/components/ion-back-button.js +2 -2
- package/components/ion-badge.js +2 -2
- package/components/ion-breadcrumb.js +2 -2
- package/components/ion-card-content.js +2 -2
- package/components/ion-card-subtitle.js +2 -2
- package/components/ion-card-title.js +2 -2
- package/components/ion-card.js +2 -2
- package/components/ion-chip.js +3 -8
- package/components/ion-datetime-button.js +2 -2
- package/components/ion-datetime.js +3 -3
- package/components/ion-header.js +1 -1
- package/components/ion-input.js +2 -2
- package/components/ion-item-divider.js +2 -2
- package/components/ion-item-option.js +2 -2
- package/components/ion-item-options.js +2 -2
- package/components/ion-loading.js +2 -2
- package/components/ion-menu-button.js +2 -2
- package/components/ion-range.js +2 -2
- package/components/ion-reorder.js +2 -2
- package/components/ion-searchbar.js +3 -9
- package/components/ion-textarea.js +2 -2
- package/components/ion-title.js +2 -2
- package/components/ion-toast.js +2 -2
- package/components/ion-toolbar.js +1 -1
- package/components/ios.transition.js +4 -4
- package/components/item.js +2 -2
- package/components/label.js +2 -2
- package/components/list-header.js +2 -2
- package/components/note.js +2 -2
- package/css/core.css +0 -100
- package/css/core.css.map +1 -1
- package/css/display.css +0 -33
- package/css/display.css.map +1 -1
- package/css/float-elements.css +0 -33
- package/css/float-elements.css.map +1 -1
- package/css/global.bundle.css +6 -84
- package/css/global.bundle.css.map +1 -1
- package/css/ionic-swiper.css +0 -33
- 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/padding.css +0 -33
- package/css/padding.css.map +1 -1
- package/css/structure.css +0 -33
- package/css/structure.css.map +1 -1
- package/css/text-alignment.css +0 -33
- package/css/text-alignment.css.map +1 -1
- package/css/text-transformation.css +0 -33
- package/css/text-transformation.css.map +1 -1
- package/css/typography.css +6 -51
- package/css/typography.css.map +1 -1
- package/css/utils.bundle.css +0 -165
- package/css/utils.bundle.css.map +1 -1
- package/dist/cjs/{index-552c4df4.js → index-8568bedb.js} +2 -2
- package/dist/cjs/index.cjs.js +3 -3
- package/dist/cjs/ion-action-sheet.cjs.entry.js +2 -2
- package/dist/cjs/ion-app_8.cjs.entry.js +7 -7
- package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-back-button.cjs.entry.js +2 -2
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-button_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-card_5.cjs.entry.js +8 -8
- package/dist/cjs/ion-chip.cjs.entry.js +2 -7
- package/dist/cjs/ion-datetime-button.cjs.entry.js +2 -2
- package/dist/cjs/ion-datetime_3.cjs.entry.js +3 -3
- package/dist/cjs/ion-input.cjs.entry.js +2 -2
- package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-item_8.cjs.entry.js +10 -10
- package/dist/cjs/ion-loading.cjs.entry.js +2 -2
- package/dist/cjs/ion-menu_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-modal.cjs.entry.js +1 -1
- package/dist/cjs/ion-nav_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-popover.cjs.entry.js +1 -1
- package/dist/cjs/ion-range.cjs.entry.js +2 -2
- package/dist/cjs/ion-reorder_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-searchbar.cjs.entry.js +3 -9
- package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
- package/dist/cjs/ion-toast.cjs.entry.js +2 -2
- package/dist/cjs/ionic.cjs.js +2 -2
- package/dist/cjs/{ios.transition-b53fc1d5.js → ios.transition-f7c78d7c.js} +5 -5
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/{md.transition-d96426d5.js → md.transition-65dc7dce.js} +1 -1
- package/dist/collection/collection-manifest.json +2 -2
- package/dist/collection/components/accordion/accordion.ios.css +0 -66
- package/dist/collection/components/accordion/accordion.md.css +0 -33
- package/dist/collection/components/accordion-group/accordion-group.ios.css +0 -66
- package/dist/collection/components/accordion-group/accordion-group.md.css +0 -99
- package/dist/collection/components/action-sheet/action-sheet.ios.css +12 -80
- package/dist/collection/components/action-sheet/action-sheet.md.css +8 -76
- package/dist/collection/components/action-sheet/test/a11y/action-sheet.e2e.js +0 -27
- package/dist/collection/components/alert/alert.ios.css +0 -99
- package/dist/collection/components/alert/alert.md.css +0 -99
- package/dist/collection/components/avatar/avatar.ios.css +0 -66
- package/dist/collection/components/avatar/avatar.md.css +0 -66
- package/dist/collection/components/back-button/back-button.ios.css +1 -83
- package/dist/collection/components/back-button/back-button.md.css +3 -75
- package/dist/collection/components/backdrop/backdrop.ios.css +0 -66
- package/dist/collection/components/backdrop/backdrop.md.css +0 -66
- package/dist/collection/components/badge/badge.ios.css +1 -75
- package/dist/collection/components/badge/badge.md.css +1 -67
- package/dist/collection/components/breadcrumb/breadcrumb.ios.css +3 -80
- package/dist/collection/components/breadcrumb/breadcrumb.md.css +3 -69
- package/dist/collection/components/breadcrumbs/breadcrumbs.ios.css +0 -33
- package/dist/collection/components/breadcrumbs/breadcrumbs.md.css +0 -33
- package/dist/collection/components/breadcrumbs/test/a11y/breadcrumbs.e2e.js +0 -21
- package/dist/collection/components/button/button.ios.css +19 -118
- package/dist/collection/components/button/button.md.css +3 -69
- package/dist/collection/components/buttons/buttons.ios.css +3 -102
- package/dist/collection/components/buttons/buttons.md.css +2 -101
- package/dist/collection/components/card/card.ios.css +1 -67
- package/dist/collection/components/card/card.md.css +1 -67
- package/dist/collection/components/card-content/card-content.ios.css +5 -71
- package/dist/collection/components/card-content/card-content.md.css +5 -71
- package/dist/collection/components/card-header/card-header.ios.css +0 -66
- package/dist/collection/components/card-header/card-header.md.css +0 -66
- package/dist/collection/components/card-subtitle/card-subtitle.ios.css +1 -67
- package/dist/collection/components/card-subtitle/card-subtitle.md.css +1 -67
- package/dist/collection/components/card-title/card-title.ios.css +1 -67
- package/dist/collection/components/card-title/card-title.md.css +1 -67
- package/dist/collection/components/checkbox/checkbox.ios.css +0 -99
- package/dist/collection/components/checkbox/checkbox.md.css +0 -99
- package/dist/collection/components/chip/{chip.md.css → chip.css} +7 -43
- package/dist/collection/components/chip/chip.js +2 -4
- package/dist/collection/components/col/col.css +0 -66
- package/dist/collection/components/content/content.css +0 -33
- package/dist/collection/components/datetime/datetime.ios.css +5 -196
- package/dist/collection/components/datetime/datetime.js +1 -1
- package/dist/collection/components/datetime/datetime.md.css +4 -96
- package/dist/collection/components/datetime-button/datetime-button.css +2 -36
- package/dist/collection/components/fab/fab.css +0 -66
- package/dist/collection/components/fab-button/fab-button.ios.css +0 -66
- package/dist/collection/components/fab-button/fab-button.md.css +0 -66
- package/dist/collection/components/fab-list/fab-list.css +0 -66
- package/dist/collection/components/footer/footer.ios.css +0 -66
- package/dist/collection/components/footer/footer.md.css +0 -66
- package/dist/collection/components/grid/grid.css +0 -66
- package/dist/collection/components/header/header.ios.css +2 -71
- package/dist/collection/components/header/header.md.css +0 -66
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.ios.css +0 -66
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.md.css +0 -66
- package/dist/collection/components/input/input.ios.css +1 -100
- package/dist/collection/components/input/input.md.css +1 -199
- package/dist/collection/components/input/test/a11y/input.e2e.js +1 -15
- package/dist/collection/components/item/item.ios.css +4 -70
- package/dist/collection/components/item/item.md.css +6 -138
- package/dist/collection/components/item/test/a11y/item.e2e.js +1 -116
- package/dist/collection/components/item-divider/item-divider.ios.css +9 -101
- package/dist/collection/components/item-divider/item-divider.md.css +11 -103
- package/dist/collection/components/item-group/item-group.ios.css +1 -68
- package/dist/collection/components/item-group/item-group.md.css +1 -68
- package/dist/collection/components/item-option/item-option.ios.css +1 -67
- package/dist/collection/components/item-option/item-option.md.css +1 -67
- package/dist/collection/components/item-options/item-options.ios.css +1 -99
- package/dist/collection/components/item-options/item-options.md.css +1 -99
- package/dist/collection/components/item-sliding/item-sliding.css +0 -33
- package/dist/collection/components/label/label.ios.css +6 -105
- package/dist/collection/components/label/label.md.css +5 -104
- package/dist/collection/components/list/list.ios.css +0 -99
- package/dist/collection/components/list/list.md.css +0 -99
- package/dist/collection/components/list-header/list-header.ios.css +1 -100
- package/dist/collection/components/list-header/list-header.md.css +1 -100
- package/dist/collection/components/loading/loading.ios.css +1 -67
- package/dist/collection/components/loading/loading.md.css +1 -67
- package/dist/collection/components/loading/test/a11y/loading.e2e.js +0 -19
- package/dist/collection/components/menu/menu.ios.css +0 -66
- package/dist/collection/components/menu/menu.md.css +0 -66
- package/dist/collection/components/menu-button/menu-button.ios.css +2 -70
- package/dist/collection/components/menu-button/menu-button.md.css +3 -71
- package/dist/collection/components/menu-button/test/a11y/menu-button.e2e.js +1 -20
- package/dist/collection/components/modal/modal.ios.css +0 -66
- package/dist/collection/components/modal/modal.md.css +0 -66
- package/dist/collection/components/nav/nav.css +0 -33
- package/dist/collection/components/note/note.ios.css +0 -67
- package/dist/collection/components/note/note.md.css +1 -67
- package/dist/collection/components/picker/picker.ios.css +0 -66
- package/dist/collection/components/picker/picker.md.css +0 -66
- package/dist/collection/components/picker-column/picker-column.ios.css +0 -66
- package/dist/collection/components/picker-column/picker-column.md.css +0 -66
- package/dist/collection/components/picker-column-internal/picker-column-internal.ios.css +0 -33
- package/dist/collection/components/picker-column-internal/picker-column-internal.md.css +0 -66
- package/dist/collection/components/picker-internal/picker-internal.ios.css +0 -66
- package/dist/collection/components/picker-internal/picker-internal.md.css +0 -66
- package/dist/collection/components/popover/popover.ios.css +0 -66
- package/dist/collection/components/popover/popover.md.css +0 -66
- package/dist/collection/components/progress-bar/progress-bar.ios.css +0 -33
- package/dist/collection/components/progress-bar/progress-bar.md.css +0 -33
- package/dist/collection/components/radio/radio.ios.css +0 -99
- package/dist/collection/components/radio/radio.md.css +0 -99
- package/dist/collection/components/range/range.ios.css +7 -81
- package/dist/collection/components/range/range.md.css +10 -98
- package/dist/collection/components/range/test/a11y/range.e2e.js +0 -22
- package/dist/collection/components/refresher/refresher.ios.css +0 -66
- package/dist/collection/components/refresher/refresher.md.css +0 -66
- package/dist/collection/components/reorder/reorder.ios.css +2 -75
- package/dist/collection/components/reorder/reorder.md.css +2 -75
- package/dist/collection/components/reorder-group/reorder-group.css +0 -33
- package/dist/collection/components/ripple-effect/ripple-effect.css +0 -33
- package/dist/collection/components/router-link/router-link.css +0 -33
- package/dist/collection/components/router-outlet/router-outlet.css +0 -33
- package/dist/collection/components/router-outlet/router-outlet.js +6 -1
- package/dist/collection/components/row/row.css +0 -66
- package/dist/collection/components/searchbar/searchbar.ios.css +16 -95
- package/dist/collection/components/searchbar/searchbar.js +1 -7
- package/dist/collection/components/searchbar/searchbar.md.css +10 -77
- package/dist/collection/components/searchbar/test/basic/searchbar.e2e.js +0 -18
- package/dist/collection/components/segment/segment.ios.css +0 -99
- package/dist/collection/components/segment/segment.md.css +0 -99
- package/dist/collection/components/segment-button/segment-button.ios.css +0 -66
- package/dist/collection/components/segment-button/segment-button.md.css +0 -66
- package/dist/collection/components/select/select.ios.css +0 -99
- package/dist/collection/components/select/select.md.css +0 -165
- package/dist/collection/components/select-popover/select-popover.ios.css +1 -101
- package/dist/collection/components/select-popover/select-popover.md.css +0 -99
- package/dist/collection/components/skeleton-text/skeleton-text.css +0 -33
- package/dist/collection/components/spinner/spinner.css +0 -33
- package/dist/collection/components/split-pane/split-pane.ios.css +0 -99
- package/dist/collection/components/split-pane/split-pane.md.css +0 -99
- package/dist/collection/components/tab-bar/tab-bar.ios.css +0 -99
- package/dist/collection/components/tab-bar/tab-bar.md.css +0 -99
- package/dist/collection/components/tab-button/tab-button.ios.css +0 -66
- package/dist/collection/components/tab-button/tab-button.md.css +0 -66
- package/dist/collection/components/tabs/tabs.css +0 -33
- package/dist/collection/components/text/text.css +0 -33
- package/dist/collection/components/textarea/test/a11y/textarea.e2e.js +1 -15
- package/dist/collection/components/textarea/textarea.ios.css +1 -133
- package/dist/collection/components/textarea/textarea.md.css +1 -199
- package/dist/collection/components/thumbnail/thumbnail.css +0 -33
- package/dist/collection/components/title/title.ios.css +10 -43
- package/dist/collection/components/title/title.md.css +2 -35
- package/dist/collection/components/toast/test/a11y/toast.e2e.js +1 -98
- package/dist/collection/components/toast/toast.ios.css +3 -74
- package/dist/collection/components/toast/toast.md.css +4 -74
- package/dist/collection/components/toggle/toggle.ios.css +0 -99
- package/dist/collection/components/toggle/toggle.md.css +0 -99
- package/dist/collection/components/toolbar/toolbar.ios.css +14 -66
- package/dist/collection/components/toolbar/toolbar.md.css +0 -66
- package/dist/collection/utils/transition/ios.transition.js +4 -4
- package/dist/docs.json +9 -4
- package/dist/esm/{index-2970aafc.js → index-6391de89.js} +2 -2
- package/dist/esm/index.js +3 -3
- package/dist/esm/ion-action-sheet.entry.js +2 -2
- package/dist/esm/ion-app_8.entry.js +7 -7
- package/dist/esm/ion-avatar_3.entry.js +2 -2
- package/dist/esm/ion-back-button.entry.js +2 -2
- package/dist/esm/ion-breadcrumb_2.entry.js +2 -2
- package/dist/esm/ion-button_2.entry.js +2 -2
- package/dist/esm/ion-card_5.entry.js +8 -8
- package/dist/esm/ion-chip.entry.js +2 -7
- package/dist/esm/ion-datetime-button.entry.js +2 -2
- package/dist/esm/ion-datetime_3.entry.js +3 -3
- package/dist/esm/ion-input.entry.js +2 -2
- package/dist/esm/ion-item-option_3.entry.js +4 -4
- package/dist/esm/ion-item_8.entry.js +10 -10
- package/dist/esm/ion-loading.entry.js +2 -2
- package/dist/esm/ion-menu_3.entry.js +2 -2
- package/dist/esm/ion-modal.entry.js +1 -1
- package/dist/esm/ion-nav_2.entry.js +1 -1
- package/dist/esm/ion-popover.entry.js +1 -1
- package/dist/esm/ion-range.entry.js +2 -2
- package/dist/esm/ion-reorder_2.entry.js +2 -2
- package/dist/esm/ion-searchbar.entry.js +3 -9
- package/dist/esm/ion-textarea.entry.js +2 -2
- package/dist/esm/ion-toast.entry.js +2 -2
- package/dist/esm/ionic.js +2 -2
- package/dist/esm/{ios.transition-4e8d7fb7.js → ios.transition-3137d23e.js} +5 -5
- package/dist/esm/loader.js +1 -1
- package/dist/esm/{md.transition-2b41d64c.js → md.transition-48b3b77c.js} +1 -1
- package/dist/esm-es5/{index-2970aafc.js → index-6391de89.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/ion-action-sheet.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-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-chip.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-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-popover.entry.js +1 -1
- package/dist/esm-es5/ion-range.entry.js +1 -1
- package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
- package/dist/esm-es5/ion-searchbar.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/ionic.js +1 -1
- package/dist/esm-es5/ios.transition-3137d23e.js +4 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/{md.transition-2b41d64c.js → md.transition-48b3b77c.js} +1 -1
- 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-06902103.system.js +4 -0
- package/dist/ionic/{p-89d96720.entry.js → p-091cd81e.entry.js} +1 -1
- package/dist/ionic/{p-a5481fd3.system.entry.js → p-0b68c41d.system.entry.js} +1 -1
- package/dist/ionic/p-0cc2bf5a.system.entry.js +4 -0
- package/dist/ionic/p-11248f01.js +4 -0
- package/dist/ionic/p-1fb9aab8.entry.js +4 -0
- package/dist/ionic/p-2061c86f.system.entry.js +4 -0
- package/dist/ionic/{p-80eed21b.entry.js → p-208f640c.entry.js} +1 -1
- package/dist/ionic/{p-80b152fd.system.entry.js → p-28f5715a.system.entry.js} +1 -1
- package/dist/ionic/p-341d5877.entry.js +4 -0
- package/dist/ionic/p-38dd9aec.entry.js +4 -0
- package/dist/ionic/p-430e902d.entry.js +4 -0
- package/dist/ionic/p-45ee211b.system.entry.js +4 -0
- package/dist/ionic/p-48144921.entry.js +4 -0
- package/dist/ionic/p-4a153fbc.system.entry.js +4 -0
- package/dist/ionic/p-5009cb46.entry.js +4 -0
- package/dist/ionic/p-5ba27716.system.entry.js +4 -0
- package/dist/ionic/{p-2e45dce9.system.entry.js → p-62324608.system.entry.js} +1 -1
- package/dist/ionic/{p-5d418c78.entry.js → p-653f2fc6.entry.js} +1 -1
- package/dist/ionic/p-69303bb5.system.js +4 -0
- package/dist/ionic/p-6b3afb0f.entry.js +4 -0
- package/dist/ionic/p-6bf632d0.system.entry.js +4 -0
- package/dist/ionic/{p-c569a270.entry.js → p-728ac2b3.entry.js} +1 -1
- package/dist/ionic/p-82f8ee51.entry.js +4 -0
- package/dist/ionic/p-83bcaec9.system.entry.js +4 -0
- package/dist/ionic/{p-586e0a90.system.entry.js → p-87383d00.system.entry.js} +1 -1
- package/dist/ionic/{p-cd4b6518.system.js → p-8843b046.system.js} +1 -1
- package/dist/ionic/{p-eaede417.entry.js → p-98ebc376.entry.js} +1 -1
- package/dist/ionic/p-9c32000a.entry.js +4 -0
- package/dist/ionic/{p-1decbac2.js → p-a2b25750.js} +1 -1
- package/dist/ionic/p-a3f9d271.entry.js +4 -0
- package/dist/ionic/p-a62c0ff4.js +4 -0
- package/dist/ionic/p-af0bc751.system.entry.js +4 -0
- package/dist/ionic/p-b0e9e0b8.system.entry.js +4 -0
- package/dist/ionic/{p-d1e6b365.entry.js → p-b1e8f045.entry.js} +1 -1
- package/dist/ionic/p-b3394798.system.entry.js +4 -0
- package/dist/ionic/p-b3cfc6e1.system.entry.js +4 -0
- package/dist/ionic/p-bbae0ac3.system.entry.js +4 -0
- package/dist/ionic/p-bf4b8d8a.system.entry.js +4 -0
- package/dist/ionic/p-c759a704.entry.js +4 -0
- package/dist/ionic/p-d3b8aebf.entry.js +4 -0
- package/dist/ionic/p-d5e3bff3.entry.js +4 -0
- package/dist/ionic/p-dbb48066.system.entry.js +4 -0
- package/dist/ionic/p-dc49c681.system.entry.js +4 -0
- package/dist/ionic/{p-f7dcca6a.system.js → p-df6743df.system.js} +1 -1
- package/dist/ionic/p-e112994b.system.entry.js +4 -0
- package/dist/ionic/{p-f29fe8c3.system.js → p-e3d5608d.system.js} +1 -1
- package/dist/ionic/p-e805ff9f.system.entry.js +4 -0
- package/dist/ionic/p-ed7b205b.entry.js +4 -0
- package/dist/ionic/p-fa3327e8.system.entry.js +4 -0
- package/dist/ionic/{p-fbb2649b.entry.js → p-fabb7294.entry.js} +1 -1
- package/dist/ionic/{p-8eed522b.entry.js → p-fac1660b.entry.js} +1 -1
- package/dist/ionic/p-fd42994b.system.entry.js +4 -0
- package/dist/ionic/p-fe83e3e2.entry.js +4 -0
- package/hydrate/index.js +157 -158
- package/package.json +4 -4
- package/dist/collection/components/back-button/test/a11y/back-button.e2e.js +0 -26
- package/dist/collection/components/badge/test/a11y/badge.e2e.js +0 -22
- package/dist/collection/components/button/test/a11y/button.e2e.js +0 -61
- package/dist/collection/components/buttons/test/a11y/buttons.e2e.js +0 -74
- package/dist/collection/components/card/test/a11y/card.e2e.js +0 -31
- package/dist/collection/components/chip/chip.ios.css +0 -190
- package/dist/collection/components/chip/test/a11y/chip.e2e.js +0 -58
- package/dist/collection/components/datetime/test/a11y/datetime.e2e.js +0 -28
- package/dist/collection/components/datetime-button/test/a11y/datetime-button.e2e.js +0 -38
- package/dist/collection/components/item-divider/test/a11y/item-divider.e2e.js +0 -44
- package/dist/collection/components/item-sliding/test/a11y/item-sliding.e2e.js +0 -34
- package/dist/collection/components/label/test/a11y/label.e2e.js +0 -66
- package/dist/collection/components/list-header/test/a11y/list-header.e2e.js +0 -24
- package/dist/collection/components/note/test/a11y/note.e2e.js +0 -52
- package/dist/collection/components/reorder-group/test/a11y/reorder-group.e2e.js +0 -33
- package/dist/collection/components/searchbar/test/a11y/searchbar.e2e.js +0 -37
- package/dist/collection/components/title/test/a11y/title.e2e.js +0 -61
- package/dist/collection/css/test/a11y/typography.e2e.js +0 -32
- package/dist/esm-es5/ios.transition-4e8d7fb7.js +0 -4
- package/dist/ionic/p-060aa1aa.entry.js +0 -4
- package/dist/ionic/p-0e4377e6.system.entry.js +0 -4
- package/dist/ionic/p-1e5f9f20.entry.js +0 -4
- package/dist/ionic/p-2c012642.entry.js +0 -4
- package/dist/ionic/p-2f4e5cd6.system.entry.js +0 -4
- package/dist/ionic/p-2f6fbeab.system.entry.js +0 -4
- package/dist/ionic/p-39bf6a89.js +0 -4
- package/dist/ionic/p-3d981b54.entry.js +0 -4
- package/dist/ionic/p-418fc6f2.system.entry.js +0 -4
- package/dist/ionic/p-468ac44a.system.entry.js +0 -4
- package/dist/ionic/p-54b72015.system.entry.js +0 -4
- package/dist/ionic/p-5a28523b.system.entry.js +0 -4
- package/dist/ionic/p-5e8d7def.system.entry.js +0 -4
- package/dist/ionic/p-65105512.entry.js +0 -4
- package/dist/ionic/p-66d2ef38.entry.js +0 -4
- package/dist/ionic/p-721933ff.system.js +0 -4
- package/dist/ionic/p-7ea1a467.system.js +0 -4
- package/dist/ionic/p-91f9a6aa.system.entry.js +0 -4
- package/dist/ionic/p-94f99a8b.entry.js +0 -4
- package/dist/ionic/p-985d547d.system.entry.js +0 -4
- package/dist/ionic/p-9e306450.system.entry.js +0 -4
- package/dist/ionic/p-b03dae0c.system.entry.js +0 -4
- package/dist/ionic/p-b062bc29.entry.js +0 -4
- package/dist/ionic/p-b0b8c0c9.system.entry.js +0 -4
- package/dist/ionic/p-bc8b9c38.system.entry.js +0 -4
- package/dist/ionic/p-c4aea998.entry.js +0 -4
- package/dist/ionic/p-c64711cc.entry.js +0 -4
- package/dist/ionic/p-c9fd7db5.system.entry.js +0 -4
- package/dist/ionic/p-caa4c0fa.entry.js +0 -4
- package/dist/ionic/p-d4044209.system.entry.js +0 -4
- package/dist/ionic/p-d6de281e.entry.js +0 -4
- package/dist/ionic/p-e497d6a5.js +0 -4
- package/dist/ionic/p-f1e5e368.system.entry.js +0 -4
- package/dist/ionic/p-f2b925a2.system.entry.js +0 -4
- package/dist/ionic/p-f64f215c.entry.js +0 -4
- package/dist/ionic/p-f902ddc6.entry.js +0 -4
- package/dist/ionic/p-f9ec8c18.entry.js +0 -4
- package/dist/ionic/p-fade59a2.system.entry.js +0 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import{__awaiter,__generator,__spreadArray}from"tslib";
|
|
2
2
|
/*!
|
|
3
3
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
|
-
*/import{r as registerInstance,d as createEvent,w as writeTask,h,H as Host,f as getElement}from"./index-847f2fde.js";import{f as findClosestIonContent,i as isIonContent,d as disableContentScrollY,r as resetContentScrollY,a as findIonContent,p as printIonContentErrorMsg}from"./index-746a238e.js";import{C as CoreDelegate,a as attachComponent,d as detachComponent}from"./framework-delegate-aa433dea.js";import{g as getElementRoot,l as clamp,r as raf,k as inheritAttributes,m as hasLazyBuild}from"./helpers-3379ba19.js";import{c as createLockController}from"./lock-controller-e8c6c051.js";import{p as printIonWarning}from"./index-595d62c9.js";import{g as getCapacitor}from"./capacitor-b4979570.js";import{G as GESTURE,e as createTriggerController,B as BACKDROP,j as prepareOverlay,k as setOverlayId,f as present,n as activeAnimations,g as dismiss,h as eventMethod}from"./overlays-e1dadfe6.js";import{g as getClassMap}from"./theme-17531cdf.js";import{e as deepReady,w as waitForMount}from"./index-2970aafc.js";import{b as getIonMode,c as config}from"./ionic-global-1ef19007.js";import{KEYBOARD_DID_OPEN}from"./keyboard-b551279d.js";import{c as createAnimation}from"./animation-a1d9e088.js";import{g as getTimeGivenProgression}from"./cubic-bezier-66542bc5.js";import{createGesture}from"./index-ff313b19.js";import{w as win}from"./index-7a14ecec.js";import"./hardware-back-button-39299f84.js";import"./keyboard-b063f012.js";import"./gesture-controller-0fa396c4.js";var Style;(function(e){e["Dark"]="DARK";e["Light"]="LIGHT";e["Default"]="DEFAULT"})(Style||(Style={}));var StatusBar={getEngine:function(){var e=getCapacitor();if(e===null||e===void 0?void 0:e.isPluginAvailable("StatusBar")){return e.Plugins.StatusBar}return undefined},supportsDefaultStatusBarStyle:function(){var e=getCapacitor();return!!(e===null||e===void 0?void 0:e.PluginHeaders)},setStyle:function(e){var t=this.getEngine();if(!t){return}t.setStyle(e)},getStyle:function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:e=this.getEngine();if(!e){return[2,Style.Default]}return[4,e.getInfo()];case 1:t=r.sent().style;return[2,t]}}))}))}};var getBackdropValueForSheet=function(e,t){if(t===1){return 0}var r=1/(1-t);var a=-(t*r);return e*r+a};var setCardStatusBarDark=function(){if(!win||win.innerWidth>=768||!StatusBar.supportsDefaultStatusBarStyle()){return}StatusBar.setStyle({style:Style.Dark})};var setCardStatusBarDefault=function(e){if(e===void 0){e=Style.Default}if(!win||win.innerWidth>=768||!StatusBar.supportsDefaultStatusBarStyle()){return}StatusBar.setStyle({style:e})};var handleCanDismiss=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(a){switch(a.label){case 0:if(typeof e.canDismiss!=="function"){return[2]}return[4,e.canDismiss(undefined,GESTURE)];case 1:r=a.sent();if(!r){return[2]}if(t.isRunning()){t.onFinish((function(){e.dismiss(undefined,"handler")}),{oneTimeCallback:true})}else{e.dismiss(undefined,"handler")}return[2]}}))}))};var calculateSpringStep=function(e){return.00255275*Math.pow(2.71828,-14.9619*e)-1.00255*Math.pow(2.71828,-.0380968*e)+1};var SwipeToCloseDefaults={MIN_PRESENTING_SCALE:.93};var createSwipeToCloseGesture=function(e,t,r,a){var n=.5;var i=e.offsetHeight;var o=false;var s=false;var d=null;var l=null;var c=.2;var p=true;var u=0;var f=function(){if(d&&isIonContent(d)){return d.scrollY}else{return true}};var h=function(e){var t=e.event.target;if(t===null||!t.closest){return true}d=findClosestIonContent(t);if(d){if(isIonContent(d)){var r=getElementRoot(d);l=r.querySelector(".inner-scroll")}else{l=d}var a=!!d.querySelector("ion-refresher");return!a&&l.scrollTop===0}var n=t.closest("ion-footer");if(n===null){return true}return false};var m=function(r){var a=r.deltaY;p=f();s=e.canDismiss!==undefined&&e.canDismiss!==true;if(a>0&&d){disableContentScrollY(d)}t.progressStart(true,o?1:0)};var v=function(e){var a=e.deltaY;if(a>0&&d){disableContentScrollY(d)}var o=e.deltaY/i;var l=o>=0&&s;var p=l?c:.9999;var f=l?calculateSpringStep(o/p):o;var h=clamp(1e-4,f,p);t.progressStep(h);if(h>=n&&u<n){setCardStatusBarDefault(r)}else if(h<n&&u>=n){setCardStatusBarDark()}u=h};var b=function(r){var l=r.velocityY;var u=r.deltaY/i;var f=u>=0&&s;var h=f?c:.9999;var m=f?calculateSpringStep(u/h):u;var v=clamp(1e-4,m,h);var b=(r.deltaY+l*1e3)/i;var y=!f&&b>=n;var k=y?-.001:.001;if(!y){t.easing("cubic-bezier(1, 0, 0.68, 0.28)");k+=getTimeGivenProgression([0,0],[1,0],[.68,.28],[1,1],v)[0]}else{t.easing("cubic-bezier(0.32, 0.72, 0, 1)");k+=getTimeGivenProgression([0,0],[.32,.72],[0,1],[1,1],v)[0]}var w=y?computeDuration(u*i,l):computeDuration((1-v)*i,l);o=y;g.enable(false);if(d){resetContentScrollY(d,p)}t.onFinish((function(){if(!y){g.enable(true)}})).progressEnd(y?1:0,k,w);if(f&&v>h/4){handleCanDismiss(e,t)}else if(y){a()}};var g=createGesture({el:e,gestureName:"modalSwipeToClose",gesturePriority:39,direction:"y",threshold:10,canStart:h,onStart:m,onMove:v,onEnd:b});return g};var computeDuration=function(e,t){return clamp(400,e/Math.abs(t*1.1),500)};var createSheetEnterAnimation=function(e){var t=e.currentBreakpoint,r=e.backdropBreakpoint;var a=r===undefined||r<t;var n=a?"calc(var(--backdrop-opacity) * ".concat(t,")"):"0";var i=createAnimation("backdropAnimation").fromTo("opacity",0,n);if(a){i.beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"])}var o=createAnimation("wrapperAnimation").keyframes([{offset:0,opacity:1,transform:"translateY(100%)"},{offset:1,opacity:1,transform:"translateY(".concat(100-t*100,"%)")}]);return{wrapperAnimation:o,backdropAnimation:i}};var createSheetLeaveAnimation=function(e){var t=e.currentBreakpoint,r=e.backdropBreakpoint;var a="calc(var(--backdrop-opacity) * ".concat(getBackdropValueForSheet(t,r),")");var n=[{offset:0,opacity:a},{offset:1,opacity:0}];var i=[{offset:0,opacity:a},{offset:r,opacity:0},{offset:1,opacity:0}];var o=createAnimation("backdropAnimation").keyframes(r!==0?i:n);var s=createAnimation("wrapperAnimation").keyframes([{offset:0,opacity:1,transform:"translateY(".concat(100-t*100,"%)")},{offset:1,opacity:1,transform:"translateY(100%)"}]);return{wrapperAnimation:s,backdropAnimation:o}};var createEnterAnimation$1=function(){var e=createAnimation().fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);var t=createAnimation().fromTo("transform","translateY(100vh)","translateY(0vh)");return{backdropAnimation:e,wrapperAnimation:t}};var iosEnterAnimation=function(e,t){var r=t.presentingEl,a=t.currentBreakpoint;var n=getElementRoot(e);var i=a!==undefined?createSheetEnterAnimation(t):createEnterAnimation$1(),o=i.wrapperAnimation,s=i.backdropAnimation;s.addElement(n.querySelector("ion-backdrop"));o.addElement(n.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1});var d=createAnimation("entering-base").addElement(e).easing("cubic-bezier(0.32,0.72,0,1)").duration(500).addAnimation(o);if(r){var l=window.innerWidth<768;var c=r.tagName==="ION-MODAL"&&r.presentingElement!==undefined;var p=getElementRoot(r);var u=createAnimation().beforeStyles({transform:"translateY(0)","transform-origin":"top center",overflow:"hidden"});var f=document.body;if(l){var h=!CSS.supports("width","max(0px, 1px)")?"30px":"max(30px, var(--ion-safe-area-top))";var m=c?"-10px":h;var v=SwipeToCloseDefaults.MIN_PRESENTING_SCALE;var b="translateY(".concat(m,") scale(").concat(v,")");u.afterStyles({transform:b}).beforeAddWrite((function(){return f.style.setProperty("background-color","black")})).addElement(r).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"},{offset:1,filter:"contrast(0.85)",transform:b,borderRadius:"10px 10px 0 0"}]);d.addAnimation(u)}else{d.addAnimation(s);if(!c){o.fromTo("opacity","0","1")}else{var v=c?SwipeToCloseDefaults.MIN_PRESENTING_SCALE:1;var b="translateY(-10px) scale(".concat(v,")");u.afterStyles({transform:b}).addElement(p.querySelector(".modal-wrapper")).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0) scale(1)"},{offset:1,filter:"contrast(0.85)",transform:b}]);var g=createAnimation().afterStyles({transform:b}).addElement(p.querySelector(".modal-shadow")).keyframes([{offset:0,opacity:"1",transform:"translateY(0) scale(1)"},{offset:1,opacity:"0",transform:b}]);d.addAnimation([u,g])}}}else{d.addAnimation(s)}return d};var createLeaveAnimation$1=function(){var e=createAnimation().fromTo("opacity","var(--backdrop-opacity)",0);var t=createAnimation().fromTo("transform","translateY(0vh)","translateY(100vh)");return{backdropAnimation:e,wrapperAnimation:t}};var iosLeaveAnimation=function(e,t,r){if(r===void 0){r=500}var a=t.presentingEl,n=t.currentBreakpoint;var i=getElementRoot(e);var o=n!==undefined?createSheetLeaveAnimation(t):createLeaveAnimation$1(),s=o.wrapperAnimation,d=o.backdropAnimation;d.addElement(i.querySelector("ion-backdrop"));s.addElement(i.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1});var l=createAnimation("leaving-base").addElement(e).easing("cubic-bezier(0.32,0.72,0,1)").duration(r).addAnimation(s);if(a){var c=window.innerWidth<768;var p=a.tagName==="ION-MODAL"&&a.presentingElement!==undefined;var u=getElementRoot(a);var f=createAnimation().beforeClearStyles(["transform"]).afterClearStyles(["transform"]).onFinish((function(e){if(e!==1){return}a.style.setProperty("overflow","");var t=Array.from(h.querySelectorAll("ion-modal:not(.overlay-hidden)")).filter((function(e){return e.presentingElement!==undefined})).length;if(t<=1){h.style.setProperty("background-color","")}}));var h=document.body;if(c){var m=!CSS.supports("width","max(0px, 1px)")?"30px":"max(30px, var(--ion-safe-area-top))";var v=p?"-10px":m;var b=SwipeToCloseDefaults.MIN_PRESENTING_SCALE;var g="translateY(".concat(v,") scale(").concat(b,")");f.addElement(a).keyframes([{offset:0,filter:"contrast(0.85)",transform:g,borderRadius:"10px 10px 0 0"},{offset:1,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"}]);l.addAnimation(f)}else{l.addAnimation(d);if(!p){s.fromTo("opacity","1","0")}else{var b=p?SwipeToCloseDefaults.MIN_PRESENTING_SCALE:1;var g="translateY(-10px) scale(".concat(b,")");f.addElement(u.querySelector(".modal-wrapper")).afterStyles({transform:"translate3d(0, 0, 0)"}).keyframes([{offset:0,filter:"contrast(0.85)",transform:g},{offset:1,filter:"contrast(1)",transform:"translateY(0) scale(1)"}]);var y=createAnimation().addElement(u.querySelector(".modal-shadow")).afterStyles({transform:"translateY(0) scale(1)"}).keyframes([{offset:0,opacity:"0",transform:g},{offset:1,opacity:"1",transform:"translateY(0) scale(1)"}]);l.addAnimation([f,y])}}}else{l.addAnimation(d)}return l};var createEnterAnimation=function(){var e=createAnimation().fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);var t=createAnimation().keyframes([{offset:0,opacity:.01,transform:"translateY(40px)"},{offset:1,opacity:1,transform:"translateY(0px)"}]);return{backdropAnimation:e,wrapperAnimation:t}};var mdEnterAnimation=function(e,t){var r=t.currentBreakpoint;var a=getElementRoot(e);var n=r!==undefined?createSheetEnterAnimation(t):createEnterAnimation(),i=n.wrapperAnimation,o=n.backdropAnimation;o.addElement(a.querySelector("ion-backdrop"));i.addElement(a.querySelector(".modal-wrapper"));return createAnimation().addElement(e).easing("cubic-bezier(0.36,0.66,0.04,1)").duration(280).addAnimation([o,i])};var createLeaveAnimation=function(){var e=createAnimation().fromTo("opacity","var(--backdrop-opacity)",0);var t=createAnimation().keyframes([{offset:0,opacity:.99,transform:"translateY(0px)"},{offset:1,opacity:0,transform:"translateY(40px)"}]);return{backdropAnimation:e,wrapperAnimation:t}};var mdLeaveAnimation=function(e,t){var r=t.currentBreakpoint;var a=getElementRoot(e);var n=r!==undefined?createSheetLeaveAnimation(t):createLeaveAnimation(),i=n.wrapperAnimation,o=n.backdropAnimation;o.addElement(a.querySelector("ion-backdrop"));i.addElement(a.querySelector(".modal-wrapper"));return createAnimation().easing("cubic-bezier(0.47,0,0.745,0.715)").duration(200).addAnimation([o,i])};var createSheetGesture=function(e,t,r,a,n,i,o,s,d,l){if(o===void 0){o=[]}var c=[{offset:0,opacity:"var(--backdrop-opacity)"},{offset:1,opacity:.01}];var p=[{offset:0,opacity:"var(--backdrop-opacity)"},{offset:1-n,opacity:0},{offset:1,opacity:0}];var u={WRAPPER_KEYFRAMES:[{offset:0,transform:"translateY(0%)"},{offset:1,transform:"translateY(100%)"}],BACKDROP_KEYFRAMES:n!==0?p:c};var f=e.querySelector("ion-content");var h=r.clientHeight;var m=a;var v=0;var b=false;var g=.95;var y=i.childAnimations.find((function(e){return e.id==="wrapperAnimation"}));var k=i.childAnimations.find((function(e){return e.id==="backdropAnimation"}));var w=o[o.length-1];var x=o[0];var S=function(){e.style.setProperty("pointer-events","auto");t.style.setProperty("pointer-events","auto");e.classList.remove("ion-disable-focus-trap")};var A=function(){e.style.setProperty("pointer-events","none");t.style.setProperty("pointer-events","none");e.classList.add("ion-disable-focus-trap")};if(y&&k){y.keyframes(__spreadArray([],u.WRAPPER_KEYFRAMES,true));k.keyframes(__spreadArray([],u.BACKDROP_KEYFRAMES,true));i.progressStart(true,1-m);var E=m>n;if(E){S()}else{A()}}if(f&&m!==w){f.scrollY=false}var C=function(e){var t=e.event.target.closest("ion-content");m=s();if(m===1&&t){return false}return true};var D=function(){b=e.canDismiss!==undefined&&e.canDismiss!==true&&x===0;if(f){f.scrollY=false}raf((function(){e.focus()}));i.progressStart(true,1-m)};var B=function(e){var t=1-m;var r=o.length>1?1-o[1]:undefined;var a=t+e.deltaY/h;var n=r!==undefined&&a>=r&&b;var s=n?g:.9999;var d=n&&r!==undefined?r+calculateSpringStep((a-r)/(s-r)):a;v=clamp(1e-4,d,s);i.progressStep(v)};var _=function(e){var t=e.velocityY;var r=(e.deltaY+t*350)/h;var a=m-r;var n=o.reduce((function(e,t){return Math.abs(t-a)<Math.abs(e-a)?t:e}));M({breakpoint:n,breakpointOffset:v,canDismiss:b,animated:true})};var M=function(t){var r=t.breakpoint,a=t.canDismiss,s=t.breakpointOffset,c=t.animated;var p=a&&r===0;var h=p?m:r;var v=h!==0;m=0;if(y&&k){y.keyframes([{offset:0,transform:"translateY(".concat(s*100,"%)")},{offset:1,transform:"translateY(".concat((1-h)*100,"%)")}]);k.keyframes([{offset:0,opacity:"calc(var(--backdrop-opacity) * ".concat(getBackdropValueForSheet(1-s,n),")")},{offset:1,opacity:"calc(var(--backdrop-opacity) * ".concat(getBackdropValueForSheet(h,n),")")}]);i.progressStep(0)}Y.enable(false);if(p){handleCanDismiss(e,i)}else if(!v){d()}return new Promise((function(e){i.onFinish((function(){if(v){if(y&&k){raf((function(){y.keyframes(__spreadArray([],u.WRAPPER_KEYFRAMES,true));k.keyframes(__spreadArray([],u.BACKDROP_KEYFRAMES,true));i.progressStart(true,1-h);m=h;l(m);if(f&&m===o[o.length-1]){f.scrollY=true}var t=m>n;if(t){S()}else{A()}Y.enable(true);e()}))}else{Y.enable(true);e()}}else{e()}}),{oneTimeCallback:true}).progressEnd(1,0,c?500:0)}))};var Y=createGesture({el:r,gestureName:"modalSheet",gesturePriority:40,direction:"y",threshold:10,canStart:C,onStart:D,onMove:B,onEnd:_});return{gesture:Y,moveSheetToBreakpoint:M}};var modalIosCss=':host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){:host{--width:600px;--height:600px}}.modal-handle{left:0px;right:0px;top:5px;border-radius:8px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;width:36px;height:5px;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;background:var(--ion-color-step-350, #c0c0be);cursor:pointer;z-index:11}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:36px;height:5px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:""}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + 10px))}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.4)}:host(.modal-card),:host(.modal-sheet){--border-radius:10px}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:10px}}.modal-wrapper{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}@media screen and (max-width: 767px){@supports (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - max(30px, var(--ion-safe-area-top)) - 10px)}}@supports not (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - 40px)}}:host(.modal-card) .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}:host-context([dir=rtl]):host(.modal-card) .modal-wrapper,:host-context([dir=rtl]).modal-card .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}@supports selector(:dir(rtl)){:host(.modal-card) .modal-wrapper:dir(rtl){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}}:host(.modal-card){--backdrop-opacity:0;--width:100%;-ms-flex-align:end;align-items:flex-end}:host(.modal-card) .modal-shadow{display:none}:host(.modal-card) ion-backdrop{pointer-events:none}}@media screen and (min-width: 768px){:host(.modal-card){--width:calc(100% - 120px);--height:calc(100% - (120px + var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));--max-width:720px;--max-height:1000px;--backdrop-opacity:0;--box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}:host(.modal-card) .modal-wrapper{-webkit-box-shadow:none;box-shadow:none}:host(.modal-card) .modal-shadow{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}}:host(.modal-sheet) .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}:host-context([dir=rtl]):host(.modal-sheet) .modal-wrapper,:host-context([dir=rtl]).modal-sheet .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}@supports selector(:dir(rtl)){:host(.modal-sheet) .modal-wrapper:dir(rtl){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}}';var modalMdCss=':host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){:host{--width:600px;--height:600px}}.modal-handle{left:0px;right:0px;top:5px;border-radius:8px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;width:36px;height:5px;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;background:var(--ion-color-step-350, #c0c0be);cursor:pointer;z-index:11}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:36px;height:5px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:""}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + 10px))}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:2px;--box-shadow:0 28px 48px rgba(0, 0, 0, 0.4)}}.modal-wrapper{-webkit-transform:translate3d(0, 40px, 0);transform:translate3d(0, 40px, 0);opacity:0.01}';var Modal=function(){function e(e){var t=this;registerInstance(this,e);this.didPresent=createEvent(this,"ionModalDidPresent",7);this.willPresent=createEvent(this,"ionModalWillPresent",7);this.willDismiss=createEvent(this,"ionModalWillDismiss",7);this.didDismiss=createEvent(this,"ionModalDidDismiss",7);this.ionBreakpointDidChange=createEvent(this,"ionBreakpointDidChange",7);this.didPresentShorthand=createEvent(this,"didPresent",7);this.willPresentShorthand=createEvent(this,"willPresent",7);this.willDismissShorthand=createEvent(this,"willDismiss",7);this.didDismissShorthand=createEvent(this,"didDismiss",7);this.ionMount=createEvent(this,"ionMount",7);this.lockController=createLockController();this.triggerController=createTriggerController();this.coreDelegate=CoreDelegate();this.isSheetModal=false;this.inheritedAttributes={};this.inline=false;this.gestureAnimationDismissing=false;this.onHandleClick=function(){var e=t,r=e.sheetTransition,a=e.handleBehavior;if(a!=="cycle"||r!==undefined){return}t.moveToNextBreakpoint()};this.onBackdropTap=function(){var e=t.sheetTransition;if(e!==undefined){return}t.dismiss(undefined,BACKDROP)};this.onLifecycle=function(e){var r=t.usersElement;var a=LIFECYCLE_MAP[e.type];if(r&&a){var n=new CustomEvent(a,{bubbles:false,cancelable:false,detail:e.detail});r.dispatchEvent(n)}};this.presented=false;this.hasController=false;this.overlayIndex=undefined;this.delegate=undefined;this.keyboardClose=true;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.breakpoints=undefined;this.initialBreakpoint=undefined;this.backdropBreakpoint=0;this.handle=undefined;this.handleBehavior="none";this.component=undefined;this.componentProps=undefined;this.cssClass=undefined;this.backdropDismiss=true;this.showBackdrop=true;this.animated=true;this.presentingElement=undefined;this.htmlAttributes=undefined;this.isOpen=false;this.trigger=undefined;this.keepContentsMounted=false;this.canDismiss=true}e.prototype.onIsOpenChange=function(e,t){if(e===true&&t===false){this.present()}else if(e===false&&t===true){this.dismiss()}};e.prototype.triggerChanged=function(){var e=this,t=e.trigger,r=e.el,a=e.triggerController;if(t){a.addClickListener(r,t)}};e.prototype.breakpointsChanged=function(e){if(e!==undefined){this.sortedBreakpoints=e.sort((function(e,t){return e-t}))}};e.prototype.connectedCallback=function(){var e=this.el;prepareOverlay(e);this.triggerChanged()};e.prototype.disconnectedCallback=function(){this.triggerController.removeClickListener()};e.prototype.componentWillLoad=function(){var e=this,t=e.breakpoints,r=e.initialBreakpoint,a=e.el;var n=this.isSheetModal=t!==undefined&&r!==undefined;this.inheritedAttributes=inheritAttributes(a,["aria-label","role"]);if(n){this.currentBreakpoint=this.initialBreakpoint}if(t!==undefined&&r!==undefined&&!t.includes(r)){printIonWarning("Your breakpoints array must include the initialBreakpoint value.")}setOverlayId(a)};e.prototype.componentDidLoad=function(){var e=this;if(this.isOpen===true){raf((function(){return e.present()}))}this.breakpointsChanged(this.breakpoints)};e.prototype.getDelegate=function(e){if(e===void 0){e=false}if(this.workingDelegate&&!e){return{delegate:this.workingDelegate,inline:this.inline}}var t=this.el.parentNode;var r=this.inline=t!==null&&!this.hasController;var a=this.workingDelegate=r?this.delegate||this.coreDelegate:this.delegate;return{inline:r,delegate:a}};e.prototype.checkCanDismiss=function(e,t){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(a){r=this.canDismiss;if(typeof r==="function"){return[2,r(e,t)]}return[2,r]}))}))};e.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,r,a,n,i,o,s,d,l;var c=this;return __generator(this,(function(p){switch(p.label){case 0:return[4,this.lockController.lock()];case 1:e=p.sent();if(this.presented){e();return[2]}t=this,r=t.presentingElement,a=t.el;this.currentBreakpoint=this.initialBreakpoint;n=this.getDelegate(true),i=n.inline,o=n.delegate;this.ionMount.emit();s=this;return[4,attachComponent(o,a,this.component,["ion-page"],this.componentProps,i)];case 2:s.usersElement=p.sent();if(!hasLazyBuild(a))return[3,4];return[4,deepReady(this.usersElement)];case 3:p.sent();return[3,6];case 4:if(!!this.keepContentsMounted)return[3,6];return[4,waitForMount()];case 5:p.sent();p.label=6;case 6:writeTask((function(){return c.el.classList.add("show-modal")}));d=r!==undefined;if(!(d&&getIonMode(this)==="ios"))return[3,8];l=this;return[4,StatusBar.getStyle()];case 7:l.statusBarStyle=p.sent();setCardStatusBarDark();p.label=8;case 8:return[4,present(this,"modalEnter",iosEnterAnimation,mdEnterAnimation,{presentingEl:r,currentBreakpoint:this.initialBreakpoint,backdropBreakpoint:this.backdropBreakpoint})];case 9:p.sent();if(typeof window!=="undefined"){this.keyboardOpenCallback=function(){if(c.gesture){c.gesture.enable(false);raf((function(){if(c.gesture){c.gesture.enable(true)}}))}};window.addEventListener(KEYBOARD_DID_OPEN,this.keyboardOpenCallback)}if(this.isSheetModal){this.initSheetGesture()}else if(d){this.initSwipeToClose()}e();return[2]}}))}))};e.prototype.initSwipeToClose=function(){var e=this;var t;if(getIonMode(this)!=="ios"){return}var r=this.el;var a=this.leaveAnimation||config.get("modalLeave",iosLeaveAnimation);var n=this.animation=a(r,{presentingEl:this.presentingElement});var i=findIonContent(r);if(!i){printIonContentErrorMsg(r);return}var o=(t=this.statusBarStyle)!==null&&t!==void 0?t:Style.Default;this.gesture=createSwipeToCloseGesture(r,n,o,(function(){e.gestureAnimationDismissing=true;setCardStatusBarDefault(e.statusBarStyle);e.animation.onFinish((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.dismiss(undefined,GESTURE)];case 1:e.sent();this.gestureAnimationDismissing=false;return[2]}}))}))}))}));this.gesture.enable(true)};e.prototype.initSheetGesture=function(){var e=this;var t=this,r=t.wrapperEl,a=t.initialBreakpoint,n=t.backdropBreakpoint;if(!r||a===undefined){return}var i=this.enterAnimation||config.get("modalEnter",iosEnterAnimation);var o=this.animation=i(this.el,{presentingEl:this.presentingElement,currentBreakpoint:a,backdropBreakpoint:n});o.progressStart(true,1);var s=createSheetGesture(this.el,this.backdropEl,r,a,n,o,this.sortedBreakpoints,(function(){var t;return(t=e.currentBreakpoint)!==null&&t!==void 0?t:0}),(function(){return e.sheetOnDismiss()}),(function(t){if(e.currentBreakpoint!==t){e.currentBreakpoint=t;e.ionBreakpointDidChange.emit({breakpoint:t})}})),d=s.gesture,l=s.moveSheetToBreakpoint;this.gesture=d;this.moveSheetToBreakpoint=l;this.gesture.enable(true)};e.prototype.sheetOnDismiss=function(){var e=this;this.gestureAnimationDismissing=true;this.animation.onFinish((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:this.currentBreakpoint=0;this.ionBreakpointDidChange.emit({breakpoint:this.currentBreakpoint});return[4,this.dismiss(undefined,GESTURE)];case 1:e.sent();this.gestureAnimationDismissing=false;return[2]}}))}))}))};e.prototype.dismiss=function(e,t){return __awaiter(this,void 0,void 0,(function(){var r,a,n,i,o,s,d,l;var c=this;return __generator(this,(function(p){switch(p.label){case 0:if(this.gestureAnimationDismissing&&t!==GESTURE){return[2,false]}return[4,this.lockController.lock()];case 1:a=p.sent();n=t!=="handler";if(!n)return[3,3];return[4,this.checkCanDismiss(e,t)];case 2:n=!p.sent();p.label=3;case 3:if(n){a();return[2,false]}i=this.presentingElement;o=i!==undefined;if(o&&getIonMode(this)==="ios"){setCardStatusBarDefault(this.statusBarStyle)}if(typeof window!=="undefined"&&this.keyboardOpenCallback){window.removeEventListener(KEYBOARD_DID_OPEN,this.keyboardOpenCallback);this.keyboardOpenCallback=undefined}s=activeAnimations.get(this)||[];return[4,dismiss(this,e,t,"modalLeave",iosLeaveAnimation,mdLeaveAnimation,{presentingEl:i,currentBreakpoint:(r=this.currentBreakpoint)!==null&&r!==void 0?r:this.initialBreakpoint,backdropBreakpoint:this.backdropBreakpoint})];case 4:d=p.sent();if(!d)return[3,6];l=this.getDelegate().delegate;return[4,detachComponent(l,this.usersElement)];case 5:p.sent();writeTask((function(){return c.el.classList.remove("show-modal")}));if(this.animation){this.animation.destroy()}if(this.gesture){this.gesture.destroy()}s.forEach((function(e){return e.destroy()}));p.label=6;case 6:this.currentBreakpoint=undefined;this.animation=undefined;a();return[2,d]}}))}))};e.prototype.onDidDismiss=function(){return eventMethod(this.el,"ionModalDidDismiss")};e.prototype.onWillDismiss=function(){return eventMethod(this.el,"ionModalWillDismiss")};e.prototype.setCurrentBreakpoint=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,a,n,i,o;return __generator(this,(function(s){switch(s.label){case 0:if(!this.isSheetModal){printIonWarning("setCurrentBreakpoint is only supported on sheet modals.");return[2]}if(!this.breakpoints.includes(e)){printIonWarning("Attempted to set invalid breakpoint value ".concat(e,". Please double check that the breakpoint value is part of your defined breakpoints."));return[2]}t=this,r=t.currentBreakpoint,a=t.moveSheetToBreakpoint,n=t.canDismiss,i=t.breakpoints,o=t.animated;if(r===e){return[2]}if(!a)return[3,2];this.sheetTransition=a({breakpoint:e,breakpointOffset:1-r,canDismiss:n!==undefined&&n!==true&&i[0]===0,animated:o});return[4,this.sheetTransition];case 1:s.sent();this.sheetTransition=undefined;s.label=2;case 2:return[2]}}))}))};e.prototype.getCurrentBreakpoint=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.currentBreakpoint]}))}))};e.prototype.moveToNextBreakpoint=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,r,a,n,i,o;return __generator(this,(function(s){switch(s.label){case 0:e=this,t=e.breakpoints,r=e.currentBreakpoint;if(!t||r==null){return[2,false]}a=t.filter((function(e){return e!==0}));n=a.indexOf(r);i=(n+1)%a.length;o=a[i];return[4,this.setCurrentBreakpoint(o)];case 1:s.sent();return[2,true]}}))}))};e.prototype.render=function(){var e;var t=this;var r=this,a=r.handle,n=r.isSheetModal,i=r.presentingElement,o=r.htmlAttributes,s=r.handleBehavior,d=r.inheritedAttributes;var l=a!==false&&n;var c=getIonMode(this);var p=i!==undefined&&c==="ios";var u=s==="cycle";return h(Host,Object.assign({"no-router":true,tabindex:"-1"},o,{style:{zIndex:"".concat(2e4+this.overlayIndex)},class:Object.assign((e={},e[c]=true,e["modal-default"]=!p&&!n,e["modal-card"]=p,e["modal-sheet"]=n,e["overlay-hidden"]=true,e),getClassMap(this.cssClass)),onIonBackdropTap:this.onBackdropTap,onIonModalDidPresent:this.onLifecycle,onIonModalWillPresent:this.onLifecycle,onIonModalWillDismiss:this.onLifecycle,onIonModalDidDismiss:this.onLifecycle}),h("ion-backdrop",{ref:function(e){return t.backdropEl=e},visible:this.showBackdrop,tappable:this.backdropDismiss,part:"backdrop"}),c==="ios"&&h("div",{class:"modal-shadow"}),h("div",Object.assign({role:"dialog"},d,{"aria-modal":"true",class:"modal-wrapper ion-overlay-wrapper",part:"content",ref:function(e){return t.wrapperEl=e}}),l&&h("button",{class:"modal-handle",tabIndex:!u?-1:0,"aria-label":"Activate to adjust the size of the dialog overlaying the screen",onClick:u?this.onHandleClick:undefined,part:"handle"}),h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["onIsOpenChange"],trigger:["triggerChanged"]}},enumerable:false,configurable:true});return e}();var LIFECYCLE_MAP={ionModalDidPresent:"ionViewDidEnter",ionModalWillPresent:"ionViewWillEnter",ionModalWillDismiss:"ionViewWillLeave",ionModalDidDismiss:"ionViewDidLeave"};Modal.style={ios:modalIosCss,md:modalMdCss};export{Modal as ion_modal};
|
|
4
|
+
*/import{r as registerInstance,d as createEvent,w as writeTask,h,H as Host,f as getElement}from"./index-847f2fde.js";import{f as findClosestIonContent,i as isIonContent,d as disableContentScrollY,r as resetContentScrollY,a as findIonContent,p as printIonContentErrorMsg}from"./index-746a238e.js";import{C as CoreDelegate,a as attachComponent,d as detachComponent}from"./framework-delegate-aa433dea.js";import{g as getElementRoot,l as clamp,r as raf,k as inheritAttributes,m as hasLazyBuild}from"./helpers-3379ba19.js";import{c as createLockController}from"./lock-controller-e8c6c051.js";import{p as printIonWarning}from"./index-595d62c9.js";import{g as getCapacitor}from"./capacitor-b4979570.js";import{G as GESTURE,e as createTriggerController,B as BACKDROP,j as prepareOverlay,k as setOverlayId,f as present,n as activeAnimations,g as dismiss,h as eventMethod}from"./overlays-e1dadfe6.js";import{g as getClassMap}from"./theme-17531cdf.js";import{e as deepReady,w as waitForMount}from"./index-6391de89.js";import{b as getIonMode,c as config}from"./ionic-global-1ef19007.js";import{KEYBOARD_DID_OPEN}from"./keyboard-b551279d.js";import{c as createAnimation}from"./animation-a1d9e088.js";import{g as getTimeGivenProgression}from"./cubic-bezier-66542bc5.js";import{createGesture}from"./index-ff313b19.js";import{w as win}from"./index-7a14ecec.js";import"./hardware-back-button-39299f84.js";import"./keyboard-b063f012.js";import"./gesture-controller-0fa396c4.js";var Style;(function(e){e["Dark"]="DARK";e["Light"]="LIGHT";e["Default"]="DEFAULT"})(Style||(Style={}));var StatusBar={getEngine:function(){var e=getCapacitor();if(e===null||e===void 0?void 0:e.isPluginAvailable("StatusBar")){return e.Plugins.StatusBar}return undefined},supportsDefaultStatusBarStyle:function(){var e=getCapacitor();return!!(e===null||e===void 0?void 0:e.PluginHeaders)},setStyle:function(e){var t=this.getEngine();if(!t){return}t.setStyle(e)},getStyle:function(){return __awaiter(this,void 0,void 0,(function(){var e,t;return __generator(this,(function(r){switch(r.label){case 0:e=this.getEngine();if(!e){return[2,Style.Default]}return[4,e.getInfo()];case 1:t=r.sent().style;return[2,t]}}))}))}};var getBackdropValueForSheet=function(e,t){if(t===1){return 0}var r=1/(1-t);var a=-(t*r);return e*r+a};var setCardStatusBarDark=function(){if(!win||win.innerWidth>=768||!StatusBar.supportsDefaultStatusBarStyle()){return}StatusBar.setStyle({style:Style.Dark})};var setCardStatusBarDefault=function(e){if(e===void 0){e=Style.Default}if(!win||win.innerWidth>=768||!StatusBar.supportsDefaultStatusBarStyle()){return}StatusBar.setStyle({style:e})};var handleCanDismiss=function(e,t){return __awaiter(void 0,void 0,void 0,(function(){var r;return __generator(this,(function(a){switch(a.label){case 0:if(typeof e.canDismiss!=="function"){return[2]}return[4,e.canDismiss(undefined,GESTURE)];case 1:r=a.sent();if(!r){return[2]}if(t.isRunning()){t.onFinish((function(){e.dismiss(undefined,"handler")}),{oneTimeCallback:true})}else{e.dismiss(undefined,"handler")}return[2]}}))}))};var calculateSpringStep=function(e){return.00255275*Math.pow(2.71828,-14.9619*e)-1.00255*Math.pow(2.71828,-.0380968*e)+1};var SwipeToCloseDefaults={MIN_PRESENTING_SCALE:.93};var createSwipeToCloseGesture=function(e,t,r,a){var n=.5;var i=e.offsetHeight;var o=false;var s=false;var d=null;var l=null;var c=.2;var p=true;var u=0;var f=function(){if(d&&isIonContent(d)){return d.scrollY}else{return true}};var h=function(e){var t=e.event.target;if(t===null||!t.closest){return true}d=findClosestIonContent(t);if(d){if(isIonContent(d)){var r=getElementRoot(d);l=r.querySelector(".inner-scroll")}else{l=d}var a=!!d.querySelector("ion-refresher");return!a&&l.scrollTop===0}var n=t.closest("ion-footer");if(n===null){return true}return false};var m=function(r){var a=r.deltaY;p=f();s=e.canDismiss!==undefined&&e.canDismiss!==true;if(a>0&&d){disableContentScrollY(d)}t.progressStart(true,o?1:0)};var v=function(e){var a=e.deltaY;if(a>0&&d){disableContentScrollY(d)}var o=e.deltaY/i;var l=o>=0&&s;var p=l?c:.9999;var f=l?calculateSpringStep(o/p):o;var h=clamp(1e-4,f,p);t.progressStep(h);if(h>=n&&u<n){setCardStatusBarDefault(r)}else if(h<n&&u>=n){setCardStatusBarDark()}u=h};var b=function(r){var l=r.velocityY;var u=r.deltaY/i;var f=u>=0&&s;var h=f?c:.9999;var m=f?calculateSpringStep(u/h):u;var v=clamp(1e-4,m,h);var b=(r.deltaY+l*1e3)/i;var y=!f&&b>=n;var k=y?-.001:.001;if(!y){t.easing("cubic-bezier(1, 0, 0.68, 0.28)");k+=getTimeGivenProgression([0,0],[1,0],[.68,.28],[1,1],v)[0]}else{t.easing("cubic-bezier(0.32, 0.72, 0, 1)");k+=getTimeGivenProgression([0,0],[.32,.72],[0,1],[1,1],v)[0]}var w=y?computeDuration(u*i,l):computeDuration((1-v)*i,l);o=y;g.enable(false);if(d){resetContentScrollY(d,p)}t.onFinish((function(){if(!y){g.enable(true)}})).progressEnd(y?1:0,k,w);if(f&&v>h/4){handleCanDismiss(e,t)}else if(y){a()}};var g=createGesture({el:e,gestureName:"modalSwipeToClose",gesturePriority:39,direction:"y",threshold:10,canStart:h,onStart:m,onMove:v,onEnd:b});return g};var computeDuration=function(e,t){return clamp(400,e/Math.abs(t*1.1),500)};var createSheetEnterAnimation=function(e){var t=e.currentBreakpoint,r=e.backdropBreakpoint;var a=r===undefined||r<t;var n=a?"calc(var(--backdrop-opacity) * ".concat(t,")"):"0";var i=createAnimation("backdropAnimation").fromTo("opacity",0,n);if(a){i.beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"])}var o=createAnimation("wrapperAnimation").keyframes([{offset:0,opacity:1,transform:"translateY(100%)"},{offset:1,opacity:1,transform:"translateY(".concat(100-t*100,"%)")}]);return{wrapperAnimation:o,backdropAnimation:i}};var createSheetLeaveAnimation=function(e){var t=e.currentBreakpoint,r=e.backdropBreakpoint;var a="calc(var(--backdrop-opacity) * ".concat(getBackdropValueForSheet(t,r),")");var n=[{offset:0,opacity:a},{offset:1,opacity:0}];var i=[{offset:0,opacity:a},{offset:r,opacity:0},{offset:1,opacity:0}];var o=createAnimation("backdropAnimation").keyframes(r!==0?i:n);var s=createAnimation("wrapperAnimation").keyframes([{offset:0,opacity:1,transform:"translateY(".concat(100-t*100,"%)")},{offset:1,opacity:1,transform:"translateY(100%)"}]);return{wrapperAnimation:s,backdropAnimation:o}};var createEnterAnimation$1=function(){var e=createAnimation().fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);var t=createAnimation().fromTo("transform","translateY(100vh)","translateY(0vh)");return{backdropAnimation:e,wrapperAnimation:t}};var iosEnterAnimation=function(e,t){var r=t.presentingEl,a=t.currentBreakpoint;var n=getElementRoot(e);var i=a!==undefined?createSheetEnterAnimation(t):createEnterAnimation$1(),o=i.wrapperAnimation,s=i.backdropAnimation;s.addElement(n.querySelector("ion-backdrop"));o.addElement(n.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1});var d=createAnimation("entering-base").addElement(e).easing("cubic-bezier(0.32,0.72,0,1)").duration(500).addAnimation(o);if(r){var l=window.innerWidth<768;var c=r.tagName==="ION-MODAL"&&r.presentingElement!==undefined;var p=getElementRoot(r);var u=createAnimation().beforeStyles({transform:"translateY(0)","transform-origin":"top center",overflow:"hidden"});var f=document.body;if(l){var h=!CSS.supports("width","max(0px, 1px)")?"30px":"max(30px, var(--ion-safe-area-top))";var m=c?"-10px":h;var v=SwipeToCloseDefaults.MIN_PRESENTING_SCALE;var b="translateY(".concat(m,") scale(").concat(v,")");u.afterStyles({transform:b}).beforeAddWrite((function(){return f.style.setProperty("background-color","black")})).addElement(r).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"},{offset:1,filter:"contrast(0.85)",transform:b,borderRadius:"10px 10px 0 0"}]);d.addAnimation(u)}else{d.addAnimation(s);if(!c){o.fromTo("opacity","0","1")}else{var v=c?SwipeToCloseDefaults.MIN_PRESENTING_SCALE:1;var b="translateY(-10px) scale(".concat(v,")");u.afterStyles({transform:b}).addElement(p.querySelector(".modal-wrapper")).keyframes([{offset:0,filter:"contrast(1)",transform:"translateY(0) scale(1)"},{offset:1,filter:"contrast(0.85)",transform:b}]);var g=createAnimation().afterStyles({transform:b}).addElement(p.querySelector(".modal-shadow")).keyframes([{offset:0,opacity:"1",transform:"translateY(0) scale(1)"},{offset:1,opacity:"0",transform:b}]);d.addAnimation([u,g])}}}else{d.addAnimation(s)}return d};var createLeaveAnimation$1=function(){var e=createAnimation().fromTo("opacity","var(--backdrop-opacity)",0);var t=createAnimation().fromTo("transform","translateY(0vh)","translateY(100vh)");return{backdropAnimation:e,wrapperAnimation:t}};var iosLeaveAnimation=function(e,t,r){if(r===void 0){r=500}var a=t.presentingEl,n=t.currentBreakpoint;var i=getElementRoot(e);var o=n!==undefined?createSheetLeaveAnimation(t):createLeaveAnimation$1(),s=o.wrapperAnimation,d=o.backdropAnimation;d.addElement(i.querySelector("ion-backdrop"));s.addElement(i.querySelectorAll(".modal-wrapper, .modal-shadow")).beforeStyles({opacity:1});var l=createAnimation("leaving-base").addElement(e).easing("cubic-bezier(0.32,0.72,0,1)").duration(r).addAnimation(s);if(a){var c=window.innerWidth<768;var p=a.tagName==="ION-MODAL"&&a.presentingElement!==undefined;var u=getElementRoot(a);var f=createAnimation().beforeClearStyles(["transform"]).afterClearStyles(["transform"]).onFinish((function(e){if(e!==1){return}a.style.setProperty("overflow","");var t=Array.from(h.querySelectorAll("ion-modal:not(.overlay-hidden)")).filter((function(e){return e.presentingElement!==undefined})).length;if(t<=1){h.style.setProperty("background-color","")}}));var h=document.body;if(c){var m=!CSS.supports("width","max(0px, 1px)")?"30px":"max(30px, var(--ion-safe-area-top))";var v=p?"-10px":m;var b=SwipeToCloseDefaults.MIN_PRESENTING_SCALE;var g="translateY(".concat(v,") scale(").concat(b,")");f.addElement(a).keyframes([{offset:0,filter:"contrast(0.85)",transform:g,borderRadius:"10px 10px 0 0"},{offset:1,filter:"contrast(1)",transform:"translateY(0px) scale(1)",borderRadius:"0px"}]);l.addAnimation(f)}else{l.addAnimation(d);if(!p){s.fromTo("opacity","1","0")}else{var b=p?SwipeToCloseDefaults.MIN_PRESENTING_SCALE:1;var g="translateY(-10px) scale(".concat(b,")");f.addElement(u.querySelector(".modal-wrapper")).afterStyles({transform:"translate3d(0, 0, 0)"}).keyframes([{offset:0,filter:"contrast(0.85)",transform:g},{offset:1,filter:"contrast(1)",transform:"translateY(0) scale(1)"}]);var y=createAnimation().addElement(u.querySelector(".modal-shadow")).afterStyles({transform:"translateY(0) scale(1)"}).keyframes([{offset:0,opacity:"0",transform:g},{offset:1,opacity:"1",transform:"translateY(0) scale(1)"}]);l.addAnimation([f,y])}}}else{l.addAnimation(d)}return l};var createEnterAnimation=function(){var e=createAnimation().fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);var t=createAnimation().keyframes([{offset:0,opacity:.01,transform:"translateY(40px)"},{offset:1,opacity:1,transform:"translateY(0px)"}]);return{backdropAnimation:e,wrapperAnimation:t}};var mdEnterAnimation=function(e,t){var r=t.currentBreakpoint;var a=getElementRoot(e);var n=r!==undefined?createSheetEnterAnimation(t):createEnterAnimation(),i=n.wrapperAnimation,o=n.backdropAnimation;o.addElement(a.querySelector("ion-backdrop"));i.addElement(a.querySelector(".modal-wrapper"));return createAnimation().addElement(e).easing("cubic-bezier(0.36,0.66,0.04,1)").duration(280).addAnimation([o,i])};var createLeaveAnimation=function(){var e=createAnimation().fromTo("opacity","var(--backdrop-opacity)",0);var t=createAnimation().keyframes([{offset:0,opacity:.99,transform:"translateY(0px)"},{offset:1,opacity:0,transform:"translateY(40px)"}]);return{backdropAnimation:e,wrapperAnimation:t}};var mdLeaveAnimation=function(e,t){var r=t.currentBreakpoint;var a=getElementRoot(e);var n=r!==undefined?createSheetLeaveAnimation(t):createLeaveAnimation(),i=n.wrapperAnimation,o=n.backdropAnimation;o.addElement(a.querySelector("ion-backdrop"));i.addElement(a.querySelector(".modal-wrapper"));return createAnimation().easing("cubic-bezier(0.47,0,0.745,0.715)").duration(200).addAnimation([o,i])};var createSheetGesture=function(e,t,r,a,n,i,o,s,d,l){if(o===void 0){o=[]}var c=[{offset:0,opacity:"var(--backdrop-opacity)"},{offset:1,opacity:.01}];var p=[{offset:0,opacity:"var(--backdrop-opacity)"},{offset:1-n,opacity:0},{offset:1,opacity:0}];var u={WRAPPER_KEYFRAMES:[{offset:0,transform:"translateY(0%)"},{offset:1,transform:"translateY(100%)"}],BACKDROP_KEYFRAMES:n!==0?p:c};var f=e.querySelector("ion-content");var h=r.clientHeight;var m=a;var v=0;var b=false;var g=.95;var y=i.childAnimations.find((function(e){return e.id==="wrapperAnimation"}));var k=i.childAnimations.find((function(e){return e.id==="backdropAnimation"}));var w=o[o.length-1];var x=o[0];var S=function(){e.style.setProperty("pointer-events","auto");t.style.setProperty("pointer-events","auto");e.classList.remove("ion-disable-focus-trap")};var A=function(){e.style.setProperty("pointer-events","none");t.style.setProperty("pointer-events","none");e.classList.add("ion-disable-focus-trap")};if(y&&k){y.keyframes(__spreadArray([],u.WRAPPER_KEYFRAMES,true));k.keyframes(__spreadArray([],u.BACKDROP_KEYFRAMES,true));i.progressStart(true,1-m);var E=m>n;if(E){S()}else{A()}}if(f&&m!==w){f.scrollY=false}var C=function(e){var t=e.event.target.closest("ion-content");m=s();if(m===1&&t){return false}return true};var D=function(){b=e.canDismiss!==undefined&&e.canDismiss!==true&&x===0;if(f){f.scrollY=false}raf((function(){e.focus()}));i.progressStart(true,1-m)};var B=function(e){var t=1-m;var r=o.length>1?1-o[1]:undefined;var a=t+e.deltaY/h;var n=r!==undefined&&a>=r&&b;var s=n?g:.9999;var d=n&&r!==undefined?r+calculateSpringStep((a-r)/(s-r)):a;v=clamp(1e-4,d,s);i.progressStep(v)};var _=function(e){var t=e.velocityY;var r=(e.deltaY+t*350)/h;var a=m-r;var n=o.reduce((function(e,t){return Math.abs(t-a)<Math.abs(e-a)?t:e}));M({breakpoint:n,breakpointOffset:v,canDismiss:b,animated:true})};var M=function(t){var r=t.breakpoint,a=t.canDismiss,s=t.breakpointOffset,c=t.animated;var p=a&&r===0;var h=p?m:r;var v=h!==0;m=0;if(y&&k){y.keyframes([{offset:0,transform:"translateY(".concat(s*100,"%)")},{offset:1,transform:"translateY(".concat((1-h)*100,"%)")}]);k.keyframes([{offset:0,opacity:"calc(var(--backdrop-opacity) * ".concat(getBackdropValueForSheet(1-s,n),")")},{offset:1,opacity:"calc(var(--backdrop-opacity) * ".concat(getBackdropValueForSheet(h,n),")")}]);i.progressStep(0)}Y.enable(false);if(p){handleCanDismiss(e,i)}else if(!v){d()}return new Promise((function(e){i.onFinish((function(){if(v){if(y&&k){raf((function(){y.keyframes(__spreadArray([],u.WRAPPER_KEYFRAMES,true));k.keyframes(__spreadArray([],u.BACKDROP_KEYFRAMES,true));i.progressStart(true,1-h);m=h;l(m);if(f&&m===o[o.length-1]){f.scrollY=true}var t=m>n;if(t){S()}else{A()}Y.enable(true);e()}))}else{Y.enable(true);e()}}else{e()}}),{oneTimeCallback:true}).progressEnd(1,0,c?500:0)}))};var Y=createGesture({el:r,gestureName:"modalSheet",gesturePriority:40,direction:"y",threshold:10,canStart:C,onStart:D,onMove:B,onEnd:_});return{gesture:Y,moveSheetToBreakpoint:M}};var modalIosCss=':host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){:host{--width:600px;--height:600px}}.modal-handle{left:0px;right:0px;top:5px;border-radius:8px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;width:36px;height:5px;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;background:var(--ion-color-step-350, #c0c0be);cursor:pointer;z-index:11}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:36px;height:5px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:""}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + 10px))}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.4)}:host(.modal-card),:host(.modal-sheet){--border-radius:10px}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:10px}}.modal-wrapper{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}@media screen and (max-width: 767px){@supports (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - max(30px, var(--ion-safe-area-top)) - 10px)}}@supports not (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - 40px)}}:host(.modal-card) .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}:host-context([dir=rtl]):host(.modal-card) .modal-wrapper,:host-context([dir=rtl]).modal-card .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}@supports selector(:dir(rtl)){:host(.modal-card) .modal-wrapper:dir(rtl){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}}:host(.modal-card){--backdrop-opacity:0;--width:100%;-ms-flex-align:end;align-items:flex-end}:host(.modal-card) .modal-shadow{display:none}:host(.modal-card) ion-backdrop{pointer-events:none}}@media screen and (min-width: 768px){:host(.modal-card){--width:calc(100% - 120px);--height:calc(100% - (120px + var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));--max-width:720px;--max-height:1000px;--backdrop-opacity:0;--box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}:host(.modal-card) .modal-wrapper{-webkit-box-shadow:none;box-shadow:none}:host(.modal-card) .modal-shadow{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}}:host(.modal-sheet) .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}:host-context([dir=rtl]):host(.modal-sheet) .modal-wrapper,:host-context([dir=rtl]).modal-sheet .modal-wrapper{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}@supports selector(:dir(rtl)){:host(.modal-sheet) .modal-wrapper:dir(rtl){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0;border-bottom-left-radius:0}}';var modalMdCss=':host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-radius:0;--border-width:0;--border-style:none;--border-color:transparent;--background:var(--ion-background-color, #fff);--box-shadow:none;--backdrop-opacity:0;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){:host{--width:600px;--height:600px}}.modal-handle{left:0px;right:0px;top:5px;border-radius:8px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;width:36px;height:5px;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;background:var(--ion-color-step-350, #c0c0be);cursor:pointer;z-index:11}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:36px;height:5px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:""}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + 10px))}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:2px;--box-shadow:0 28px 48px rgba(0, 0, 0, 0.4)}}.modal-wrapper{-webkit-transform:translate3d(0, 40px, 0);transform:translate3d(0, 40px, 0);opacity:0.01}';var Modal=function(){function e(e){var t=this;registerInstance(this,e);this.didPresent=createEvent(this,"ionModalDidPresent",7);this.willPresent=createEvent(this,"ionModalWillPresent",7);this.willDismiss=createEvent(this,"ionModalWillDismiss",7);this.didDismiss=createEvent(this,"ionModalDidDismiss",7);this.ionBreakpointDidChange=createEvent(this,"ionBreakpointDidChange",7);this.didPresentShorthand=createEvent(this,"didPresent",7);this.willPresentShorthand=createEvent(this,"willPresent",7);this.willDismissShorthand=createEvent(this,"willDismiss",7);this.didDismissShorthand=createEvent(this,"didDismiss",7);this.ionMount=createEvent(this,"ionMount",7);this.lockController=createLockController();this.triggerController=createTriggerController();this.coreDelegate=CoreDelegate();this.isSheetModal=false;this.inheritedAttributes={};this.inline=false;this.gestureAnimationDismissing=false;this.onHandleClick=function(){var e=t,r=e.sheetTransition,a=e.handleBehavior;if(a!=="cycle"||r!==undefined){return}t.moveToNextBreakpoint()};this.onBackdropTap=function(){var e=t.sheetTransition;if(e!==undefined){return}t.dismiss(undefined,BACKDROP)};this.onLifecycle=function(e){var r=t.usersElement;var a=LIFECYCLE_MAP[e.type];if(r&&a){var n=new CustomEvent(a,{bubbles:false,cancelable:false,detail:e.detail});r.dispatchEvent(n)}};this.presented=false;this.hasController=false;this.overlayIndex=undefined;this.delegate=undefined;this.keyboardClose=true;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.breakpoints=undefined;this.initialBreakpoint=undefined;this.backdropBreakpoint=0;this.handle=undefined;this.handleBehavior="none";this.component=undefined;this.componentProps=undefined;this.cssClass=undefined;this.backdropDismiss=true;this.showBackdrop=true;this.animated=true;this.presentingElement=undefined;this.htmlAttributes=undefined;this.isOpen=false;this.trigger=undefined;this.keepContentsMounted=false;this.canDismiss=true}e.prototype.onIsOpenChange=function(e,t){if(e===true&&t===false){this.present()}else if(e===false&&t===true){this.dismiss()}};e.prototype.triggerChanged=function(){var e=this,t=e.trigger,r=e.el,a=e.triggerController;if(t){a.addClickListener(r,t)}};e.prototype.breakpointsChanged=function(e){if(e!==undefined){this.sortedBreakpoints=e.sort((function(e,t){return e-t}))}};e.prototype.connectedCallback=function(){var e=this.el;prepareOverlay(e);this.triggerChanged()};e.prototype.disconnectedCallback=function(){this.triggerController.removeClickListener()};e.prototype.componentWillLoad=function(){var e=this,t=e.breakpoints,r=e.initialBreakpoint,a=e.el;var n=this.isSheetModal=t!==undefined&&r!==undefined;this.inheritedAttributes=inheritAttributes(a,["aria-label","role"]);if(n){this.currentBreakpoint=this.initialBreakpoint}if(t!==undefined&&r!==undefined&&!t.includes(r)){printIonWarning("Your breakpoints array must include the initialBreakpoint value.")}setOverlayId(a)};e.prototype.componentDidLoad=function(){var e=this;if(this.isOpen===true){raf((function(){return e.present()}))}this.breakpointsChanged(this.breakpoints)};e.prototype.getDelegate=function(e){if(e===void 0){e=false}if(this.workingDelegate&&!e){return{delegate:this.workingDelegate,inline:this.inline}}var t=this.el.parentNode;var r=this.inline=t!==null&&!this.hasController;var a=this.workingDelegate=r?this.delegate||this.coreDelegate:this.delegate;return{inline:r,delegate:a}};e.prototype.checkCanDismiss=function(e,t){return __awaiter(this,void 0,void 0,(function(){var r;return __generator(this,(function(a){r=this.canDismiss;if(typeof r==="function"){return[2,r(e,t)]}return[2,r]}))}))};e.prototype.present=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,r,a,n,i,o,s,d,l;var c=this;return __generator(this,(function(p){switch(p.label){case 0:return[4,this.lockController.lock()];case 1:e=p.sent();if(this.presented){e();return[2]}t=this,r=t.presentingElement,a=t.el;this.currentBreakpoint=this.initialBreakpoint;n=this.getDelegate(true),i=n.inline,o=n.delegate;this.ionMount.emit();s=this;return[4,attachComponent(o,a,this.component,["ion-page"],this.componentProps,i)];case 2:s.usersElement=p.sent();if(!hasLazyBuild(a))return[3,4];return[4,deepReady(this.usersElement)];case 3:p.sent();return[3,6];case 4:if(!!this.keepContentsMounted)return[3,6];return[4,waitForMount()];case 5:p.sent();p.label=6;case 6:writeTask((function(){return c.el.classList.add("show-modal")}));d=r!==undefined;if(!(d&&getIonMode(this)==="ios"))return[3,8];l=this;return[4,StatusBar.getStyle()];case 7:l.statusBarStyle=p.sent();setCardStatusBarDark();p.label=8;case 8:return[4,present(this,"modalEnter",iosEnterAnimation,mdEnterAnimation,{presentingEl:r,currentBreakpoint:this.initialBreakpoint,backdropBreakpoint:this.backdropBreakpoint})];case 9:p.sent();if(typeof window!=="undefined"){this.keyboardOpenCallback=function(){if(c.gesture){c.gesture.enable(false);raf((function(){if(c.gesture){c.gesture.enable(true)}}))}};window.addEventListener(KEYBOARD_DID_OPEN,this.keyboardOpenCallback)}if(this.isSheetModal){this.initSheetGesture()}else if(d){this.initSwipeToClose()}e();return[2]}}))}))};e.prototype.initSwipeToClose=function(){var e=this;var t;if(getIonMode(this)!=="ios"){return}var r=this.el;var a=this.leaveAnimation||config.get("modalLeave",iosLeaveAnimation);var n=this.animation=a(r,{presentingEl:this.presentingElement});var i=findIonContent(r);if(!i){printIonContentErrorMsg(r);return}var o=(t=this.statusBarStyle)!==null&&t!==void 0?t:Style.Default;this.gesture=createSwipeToCloseGesture(r,n,o,(function(){e.gestureAnimationDismissing=true;setCardStatusBarDefault(e.statusBarStyle);e.animation.onFinish((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:return[4,this.dismiss(undefined,GESTURE)];case 1:e.sent();this.gestureAnimationDismissing=false;return[2]}}))}))}))}));this.gesture.enable(true)};e.prototype.initSheetGesture=function(){var e=this;var t=this,r=t.wrapperEl,a=t.initialBreakpoint,n=t.backdropBreakpoint;if(!r||a===undefined){return}var i=this.enterAnimation||config.get("modalEnter",iosEnterAnimation);var o=this.animation=i(this.el,{presentingEl:this.presentingElement,currentBreakpoint:a,backdropBreakpoint:n});o.progressStart(true,1);var s=createSheetGesture(this.el,this.backdropEl,r,a,n,o,this.sortedBreakpoints,(function(){var t;return(t=e.currentBreakpoint)!==null&&t!==void 0?t:0}),(function(){return e.sheetOnDismiss()}),(function(t){if(e.currentBreakpoint!==t){e.currentBreakpoint=t;e.ionBreakpointDidChange.emit({breakpoint:t})}})),d=s.gesture,l=s.moveSheetToBreakpoint;this.gesture=d;this.moveSheetToBreakpoint=l;this.gesture.enable(true)};e.prototype.sheetOnDismiss=function(){var e=this;this.gestureAnimationDismissing=true;this.animation.onFinish((function(){return __awaiter(e,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:this.currentBreakpoint=0;this.ionBreakpointDidChange.emit({breakpoint:this.currentBreakpoint});return[4,this.dismiss(undefined,GESTURE)];case 1:e.sent();this.gestureAnimationDismissing=false;return[2]}}))}))}))};e.prototype.dismiss=function(e,t){return __awaiter(this,void 0,void 0,(function(){var r,a,n,i,o,s,d,l;var c=this;return __generator(this,(function(p){switch(p.label){case 0:if(this.gestureAnimationDismissing&&t!==GESTURE){return[2,false]}return[4,this.lockController.lock()];case 1:a=p.sent();n=t!=="handler";if(!n)return[3,3];return[4,this.checkCanDismiss(e,t)];case 2:n=!p.sent();p.label=3;case 3:if(n){a();return[2,false]}i=this.presentingElement;o=i!==undefined;if(o&&getIonMode(this)==="ios"){setCardStatusBarDefault(this.statusBarStyle)}if(typeof window!=="undefined"&&this.keyboardOpenCallback){window.removeEventListener(KEYBOARD_DID_OPEN,this.keyboardOpenCallback);this.keyboardOpenCallback=undefined}s=activeAnimations.get(this)||[];return[4,dismiss(this,e,t,"modalLeave",iosLeaveAnimation,mdLeaveAnimation,{presentingEl:i,currentBreakpoint:(r=this.currentBreakpoint)!==null&&r!==void 0?r:this.initialBreakpoint,backdropBreakpoint:this.backdropBreakpoint})];case 4:d=p.sent();if(!d)return[3,6];l=this.getDelegate().delegate;return[4,detachComponent(l,this.usersElement)];case 5:p.sent();writeTask((function(){return c.el.classList.remove("show-modal")}));if(this.animation){this.animation.destroy()}if(this.gesture){this.gesture.destroy()}s.forEach((function(e){return e.destroy()}));p.label=6;case 6:this.currentBreakpoint=undefined;this.animation=undefined;a();return[2,d]}}))}))};e.prototype.onDidDismiss=function(){return eventMethod(this.el,"ionModalDidDismiss")};e.prototype.onWillDismiss=function(){return eventMethod(this.el,"ionModalWillDismiss")};e.prototype.setCurrentBreakpoint=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,a,n,i,o;return __generator(this,(function(s){switch(s.label){case 0:if(!this.isSheetModal){printIonWarning("setCurrentBreakpoint is only supported on sheet modals.");return[2]}if(!this.breakpoints.includes(e)){printIonWarning("Attempted to set invalid breakpoint value ".concat(e,". Please double check that the breakpoint value is part of your defined breakpoints."));return[2]}t=this,r=t.currentBreakpoint,a=t.moveSheetToBreakpoint,n=t.canDismiss,i=t.breakpoints,o=t.animated;if(r===e){return[2]}if(!a)return[3,2];this.sheetTransition=a({breakpoint:e,breakpointOffset:1-r,canDismiss:n!==undefined&&n!==true&&i[0]===0,animated:o});return[4,this.sheetTransition];case 1:s.sent();this.sheetTransition=undefined;s.label=2;case 2:return[2]}}))}))};e.prototype.getCurrentBreakpoint=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.currentBreakpoint]}))}))};e.prototype.moveToNextBreakpoint=function(){return __awaiter(this,void 0,void 0,(function(){var e,t,r,a,n,i,o;return __generator(this,(function(s){switch(s.label){case 0:e=this,t=e.breakpoints,r=e.currentBreakpoint;if(!t||r==null){return[2,false]}a=t.filter((function(e){return e!==0}));n=a.indexOf(r);i=(n+1)%a.length;o=a[i];return[4,this.setCurrentBreakpoint(o)];case 1:s.sent();return[2,true]}}))}))};e.prototype.render=function(){var e;var t=this;var r=this,a=r.handle,n=r.isSheetModal,i=r.presentingElement,o=r.htmlAttributes,s=r.handleBehavior,d=r.inheritedAttributes;var l=a!==false&&n;var c=getIonMode(this);var p=i!==undefined&&c==="ios";var u=s==="cycle";return h(Host,Object.assign({"no-router":true,tabindex:"-1"},o,{style:{zIndex:"".concat(2e4+this.overlayIndex)},class:Object.assign((e={},e[c]=true,e["modal-default"]=!p&&!n,e["modal-card"]=p,e["modal-sheet"]=n,e["overlay-hidden"]=true,e),getClassMap(this.cssClass)),onIonBackdropTap:this.onBackdropTap,onIonModalDidPresent:this.onLifecycle,onIonModalWillPresent:this.onLifecycle,onIonModalWillDismiss:this.onLifecycle,onIonModalDidDismiss:this.onLifecycle}),h("ion-backdrop",{ref:function(e){return t.backdropEl=e},visible:this.showBackdrop,tappable:this.backdropDismiss,part:"backdrop"}),c==="ios"&&h("div",{class:"modal-shadow"}),h("div",Object.assign({role:"dialog"},d,{"aria-modal":"true",class:"modal-wrapper ion-overlay-wrapper",part:"content",ref:function(e){return t.wrapperEl=e}}),l&&h("button",{class:"modal-handle",tabIndex:!u?-1:0,"aria-label":"Activate to adjust the size of the dialog overlaying the screen",onClick:u?this.onHandleClick:undefined,part:"handle"}),h("slot",null)))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{isOpen:["onIsOpenChange"],trigger:["triggerChanged"]}},enumerable:false,configurable:true});return e}();var LIFECYCLE_MAP={ionModalDidPresent:"ionViewDidEnter",ionModalWillPresent:"ionViewWillEnter",ionModalWillDismiss:"ionViewWillLeave",ionModalDidDismiss:"ionViewDidLeave"};Modal.style={ios:modalIosCss,md:modalMdCss};export{Modal as ion_modal};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import{__awaiter,__generator}from"tslib";
|
|
2
2
|
/*!
|
|
3
3
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
|
-
*/import{r as registerInstance,d as createEvent,h,f as getElement,H as Host}from"./index-847f2fde.js";import{g as getTimeGivenProgression}from"./cubic-bezier-66542bc5.js";import{o as assert,s as shallowEqualStringMap}from"./helpers-3379ba19.js";import{l as lifecycle,t as transition,s as setPageHidden,d as LIFECYCLE_WILL_UNLOAD,b as LIFECYCLE_WILL_LEAVE,c as LIFECYCLE_DID_LEAVE}from"./index-2970aafc.js";import{b as getIonMode,c as config}from"./ionic-global-1ef19007.js";import{a as attachComponent}from"./framework-delegate-aa433dea.js";var VIEW_STATE_NEW=1;var VIEW_STATE_ATTACHED=2;var VIEW_STATE_DESTROYED=3;var ViewController=function(){function e(e,t){this.component=e;this.params=t;this.state=VIEW_STATE_NEW}e.prototype.init=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n;return __generator(this,(function(i){switch(i.label){case 0:this.state=VIEW_STATE_ATTACHED;if(!!this.element)return[3,2];t=this.component;n=this;return[4,attachComponent(this.delegate,e,t,["ion-page","ion-page-invisible"],this.params)];case 1:n.element=i.sent();i.label=2;case 2:return[2]}}))}))};e.prototype._destroy=function(){assert(this.state!==VIEW_STATE_DESTROYED,"view state must be ATTACHED");var e=this.element;if(e){if(this.delegate){this.delegate.removeViewFromDom(e.parentElement,e)}else{e.remove()}}this.nav=undefined;this.state=VIEW_STATE_DESTROYED};return e}();var matches=function(e,t,n){if(!e){return false}if(e.component!==t){return false}return shallowEqualStringMap(e.params,n)};var convertToView=function(e,t){if(!e){return null}if(e instanceof ViewController){return e}return new ViewController(e,t)};var convertToViews=function(e){return e.map((function(e){if(e instanceof ViewController){return e}if("component"in e){return convertToView(e.component,e.componentProps===null?undefined:e.componentProps)}return convertToView(e,undefined)})).filter((function(e){return e!==null}))};var navCss=":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;overflow:hidden;z-index:0}";var Nav=function(){function e(e){registerInstance(this,e);this.ionNavWillLoad=createEvent(this,"ionNavWillLoad",7);this.ionNavWillChange=createEvent(this,"ionNavWillChange",3);this.ionNavDidChange=createEvent(this,"ionNavDidChange",3);this.transInstr=[];this.gestureOrAnimationInProgress=false;this.useRouter=false;this.isTransitioning=false;this.destroyed=false;this.views=[];this.didLoad=false;this.delegate=undefined;this.swipeGesture=undefined;this.animated=true;this.animation=undefined;this.rootParams=undefined;this.root=undefined}e.prototype.swipeGestureChanged=function(){if(this.gesture){this.gesture.enable(this.swipeGesture===true)}};e.prototype.rootChanged=function(){if(this.root===undefined){return}if(this.didLoad===false){return}if(!this.useRouter){if(this.root!==undefined){this.setRoot(this.root,this.rootParams)}}};e.prototype.componentWillLoad=function(){this.useRouter=document.querySelector("ion-router")!==null&&this.el.closest("[no-router]")===null;if(this.swipeGesture===undefined){var e=getIonMode(this);this.swipeGesture=config.getBoolean("swipeBackEnabled",e==="ios")}this.ionNavWillLoad.emit()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.didLoad=true;this.rootChanged();e=this;return[4,import("./swipe-back-6d4c0a4e.js")];case 1:e.gesture=t.sent().createSwipeBackGesture(this.el,this.canStart.bind(this),this.onStart.bind(this),this.onMove.bind(this),this.onEnd.bind(this));this.swipeGestureChanged();return[2]}}))}))};e.prototype.connectedCallback=function(){this.destroyed=false};e.prototype.disconnectedCallback=function(){for(var e=0,t=this.views;e<t.length;e++){var n=t[e];lifecycle(n.element,LIFECYCLE_WILL_UNLOAD);n._destroy()}if(this.gesture){this.gesture.destroy();this.gesture=undefined}this.transInstr.length=0;this.views.length=0;this.destroyed=true};e.prototype.push=function(e,t,n,i){return this.insert(-1,e,t,n,i)};e.prototype.insert=function(e,t,n,i,r){return this.insertPages(e,[{component:t,componentProps:n}],i,r)};e.prototype.insertPages=function(e,t,n,i){return this.queueTrns({insertStart:e,insertViews:t,opts:n},i)};e.prototype.pop=function(e,t){return this.removeIndex(-1,1,e,t)};e.prototype.popTo=function(e,t,n){var i={removeStart:-1,removeCount:-1,opts:t};if(typeof e==="object"&&e.component){i.removeView=e;i.removeStart=1}else if(typeof e==="number"){i.removeStart=e+1}return this.queueTrns(i,n)};e.prototype.popToRoot=function(e,t){return this.removeIndex(1,-1,e,t)};e.prototype.removeIndex=function(e,t,n,i){if(t===void 0){t=1}return this.queueTrns({removeStart:e,removeCount:t,opts:n},i)};e.prototype.setRoot=function(e,t,n,i){return this.setPages([{component:e,componentProps:t}],n,i)};e.prototype.setPages=function(e,t,n){t!==null&&t!==void 0?t:t={};if(t.animated!==true){t.animated=false}return this.queueTrns({insertStart:0,insertViews:e,removeStart:0,removeCount:-1,opts:t},n)};e.prototype.setRouteId=function(e,t,n,i){var r=this;var o=this.getActiveSync();if(matches(o,e,t)){return Promise.resolve({changed:false,element:o.element})}var s;var a=new Promise((function(e){return s=e}));var u;var c={updateURL:false,viewIsReady:function(e){var t;var n=new Promise((function(e){return t=e}));s({changed:true,element:e,markVisible:function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:t();return[4,u];case 1:e.sent();return[2]}}))}))}});return n}};if(n==="root"){u=this.setRoot(e,t,c)}else{var f=this.views.find((function(n){return matches(n,e,t)}));if(f){u=this.popTo(f,Object.assign(Object.assign({},c),{direction:"back",animationBuilder:i}))}else if(n==="forward"){u=this.push(e,t,Object.assign(Object.assign({},c),{animationBuilder:i}))}else if(n==="back"){u=this.setRoot(e,t,Object.assign(Object.assign({},c),{direction:"back",animated:true,animationBuilder:i}))}}return a};e.prototype.getRouteId=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.getActiveSync();if(e){return[2,{id:e.element.tagName,params:e.params,element:e.element}]}return[2,undefined]}))}))};e.prototype.getActive=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.getActiveSync()]}))}))};e.prototype.getByIndex=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.views[e]]}))}))};e.prototype.canGoBack=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.canGoBackSync(e)]}))}))};e.prototype.getPrevious=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.getPreviousSync(e)]}))}))};e.prototype.getLength=function(){return this.views.length};e.prototype.getActiveSync=function(){return this.views[this.views.length-1]};e.prototype.canGoBackSync=function(e){if(e===void 0){e=this.getActiveSync()}return!!(e&&this.getPreviousSync(e))};e.prototype.getPreviousSync=function(e){if(e===void 0){e=this.getActiveSync()}if(!e){return undefined}var t=this.views;var n=t.indexOf(e);return n>0?t[n-1]:undefined};e.prototype.queueTrns=function(e,t){return __awaiter(this,void 0,void 0,(function(){var n,i,r,o,s;return __generator(this,(function(a){switch(a.label){case 0:if(this.isTransitioning&&((n=e.opts)===null||n===void 0?void 0:n.skipIfBusy)){return[2,false]}r=new Promise((function(t,n){e.resolve=t;e.reject=n}));e.done=t;if(!(e.opts&&e.opts.updateURL!==false&&this.useRouter))return[3,2];o=document.querySelector("ion-router");if(!o)return[3,2];return[4,o.canTransition()];case 1:s=a.sent();if(s===false){return[2,false]}if(typeof s==="string"){o.push(s,e.opts.direction||"back");return[2,false]}a.label=2;case 2:if(((i=e.insertViews)===null||i===void 0?void 0:i.length)===0){e.insertViews=undefined}this.transInstr.push(e);this.nextTrns();return[2,r]}}))}))};e.prototype.success=function(e,t){if(this.destroyed){this.fireError("nav controller was destroyed",t);return}if(t.done){t.done(e.hasCompleted,e.requiresTransition,e.enteringView,e.leavingView,e.direction)}t.resolve(e.hasCompleted);if(t.opts.updateURL!==false&&this.useRouter){var n=document.querySelector("ion-router");if(n){var i=e.direction==="back"?"back":"forward";n.navChanged(i)}}};e.prototype.failed=function(e,t){if(this.destroyed){this.fireError("nav controller was destroyed",t);return}this.transInstr.length=0;this.fireError(e,t)};e.prototype.fireError=function(e,t){if(t.done){t.done(false,false,e)}if(t.reject&&!this.destroyed){t.reject(e)}else{t.resolve(false)}};e.prototype.nextTrns=function(){if(this.isTransitioning){return false}var e=this.transInstr.shift();if(!e){return false}this.runTransition(e);return true};e.prototype.runTransition=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,i,r,o,s;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,6,,7]);this.ionNavWillChange.emit();this.isTransitioning=true;this.prepareTI(e);t=this.getActiveSync();n=this.getEnteringView(e,t);if(!t&&!n){throw new Error("no views in the stack to be removed")}if(!(n&&n.state===VIEW_STATE_NEW))return[3,2];return[4,n.init(this.el)];case 1:a.sent();a.label=2;case 2:this.postViewInit(n,t,e);i=(e.enteringRequiresTransition||e.leavingRequiresTransition)&&n!==t;if(i&&e.opts&&t){r=e.opts.direction==="back";if(r){e.opts.animationBuilder=e.opts.animationBuilder||(n===null||n===void 0?void 0:n.animationBuilder)}t.animationBuilder=e.opts.animationBuilder}o=void 0;if(!i)return[3,4];return[4,this.transition(n,t,e)];case 3:o=a.sent();return[3,5];case 4:o={hasCompleted:true,requiresTransition:false};a.label=5;case 5:this.success(o,e);this.ionNavDidChange.emit();return[3,7];case 6:s=a.sent();this.failed(s,e);return[3,7];case 7:this.isTransitioning=false;this.nextTrns();return[2]}}))}))};e.prototype.prepareTI=function(e){var t,n;var i;var r=this.views.length;(t=e.opts)!==null&&t!==void 0?t:e.opts={};(n=(i=e.opts).delegate)!==null&&n!==void 0?n:i.delegate=this.delegate;if(e.removeView!==undefined){assert(e.removeStart!==undefined,"removeView needs removeStart");assert(e.removeCount!==undefined,"removeView needs removeCount");var o=this.views.indexOf(e.removeView);if(o<0){throw new Error("removeView was not found")}e.removeStart+=o}if(e.removeStart!==undefined){if(e.removeStart<0){e.removeStart=r-1}if(e.removeCount<0){e.removeCount=r-e.removeStart}e.leavingRequiresTransition=e.removeCount>0&&e.removeStart+e.removeCount===r}if(e.insertViews){if(e.insertStart<0||e.insertStart>r){e.insertStart=r}e.enteringRequiresTransition=e.insertStart===r}var s=e.insertViews;if(!s){return}assert(s.length>0,"length can not be zero");var a=convertToViews(s);if(a.length===0){throw new Error("invalid views to insert")}for(var u=0,c=a;u<c.length;u++){var f=c[u];f.delegate=e.opts.delegate;var l=f.nav;if(l&&l!==this){throw new Error("inserted view was already inserted")}if(f.state===VIEW_STATE_DESTROYED){throw new Error("inserted view was already destroyed")}}e.insertViews=a};e.prototype.getEnteringView=function(e,t){var n=e.insertViews;if(n!==undefined){return n[n.length-1]}var i=e.removeStart;if(i!==undefined){var r=this.views;var o=i+e.removeCount;for(var s=r.length-1;s>=0;s--){var a=r[s];if((s<i||s>=o)&&a!==t){return a}}}return undefined};e.prototype.postViewInit=function(e,t,n){var i,r,o;assert(t||e,"Both leavingView and enteringView are null");assert(n.resolve,"resolve must be valid");assert(n.reject,"reject must be valid");var s=n.opts;var a=n.insertViews,u=n.removeStart,c=n.removeCount;var f;if(u!==undefined&&c!==undefined){assert(u>=0,"removeStart can not be negative");assert(c>=0,"removeCount can not be negative");f=[];for(var l=u;l<u+c;l++){var d=this.views[l];if(d!==undefined&&d!==e&&d!==t){f.push(d)}}(i=s.direction)!==null&&i!==void 0?i:s.direction="back"}var h=this.views.length+((r=a===null||a===void 0?void 0:a.length)!==null&&r!==void 0?r:0)-(c!==null&&c!==void 0?c:0);assert(h>=0,"final balance can not be negative");if(h===0){console.warn("You can't remove all the pages in the navigation stack. nav.pop() is probably called too many times.",this,this.el);throw new Error("navigation stack needs at least one root page")}if(a){var v=n.insertStart;for(var p=0,g=a;p<g.length;p++){var d=g[p];this.insertViewAt(d,v);v++}if(n.enteringRequiresTransition){(o=s.direction)!==null&&o!==void 0?o:s.direction="forward"}}if(f&&f.length>0){for(var m=0,w=f;m<w.length;m++){var d=w[m];lifecycle(d.element,LIFECYCLE_WILL_LEAVE);lifecycle(d.element,LIFECYCLE_DID_LEAVE);lifecycle(d.element,LIFECYCLE_WILL_UNLOAD)}for(var y=0,E=f;y<E.length;y++){var d=E[y];this.destroyView(d)}}};e.prototype.transition=function(e,t,n){return __awaiter(this,void 0,void 0,(function(){var i,r,o,s,a,u,c;var f=this;return __generator(this,(function(l){switch(l.label){case 0:i=n.opts;r=i.progressAnimation?function(e){if(e!==undefined&&!f.gestureOrAnimationInProgress){f.gestureOrAnimationInProgress=true;e.onFinish((function(){f.gestureOrAnimationInProgress=false}),{oneTimeCallback:true});e.progressEnd(0,0,0)}else{f.sbAni=e}}:undefined;o=getIonMode(this);s=e.element;a=t&&t.element;u=Object.assign(Object.assign({mode:o,showGoBack:this.canGoBackSync(e),baseEl:this.el,progressCallback:r,animated:this.animated&&config.getBoolean("animated",true),enteringEl:s,leavingEl:a},i),{animationBuilder:i.animationBuilder||this.animation||config.get("navAnimation")});return[4,transition(u)];case 1:c=l.sent().hasCompleted;return[2,this.transitionFinish(c,e,t,i)]}}))}))};e.prototype.transitionFinish=function(e,t,n,i){var r=e?t:n;if(r){this.unmountInactiveViews(r)}return{hasCompleted:e,requiresTransition:true,enteringView:t,leavingView:n,direction:i.direction}};e.prototype.insertViewAt=function(e,t){var n=this.views;var i=n.indexOf(e);if(i>-1){assert(e.nav===this,"view is not part of the nav");n.splice(i,1);n.splice(t,0,e)}else{assert(!e.nav,"nav is used");e.nav=this;n.splice(t,0,e)}};e.prototype.removeView=function(e){assert(e.state===VIEW_STATE_ATTACHED||e.state===VIEW_STATE_DESTROYED,"view state should be loaded or destroyed");var t=this.views;var n=t.indexOf(e);assert(n>-1,"view must be part of the stack");if(n>=0){t.splice(n,1)}};e.prototype.destroyView=function(e){e._destroy();this.removeView(e)};e.prototype.unmountInactiveViews=function(e){if(this.destroyed){return}var t=this.views;var n=t.indexOf(e);for(var i=t.length-1;i>=0;i--){var r=t[i];var o=r.element;if(o){if(i>n){lifecycle(o,LIFECYCLE_WILL_UNLOAD);this.destroyView(r)}else if(i<n){setPageHidden(o,true)}}}};e.prototype.canStart=function(){return!this.gestureOrAnimationInProgress&&!!this.swipeGesture&&!this.isTransitioning&&this.transInstr.length===0&&this.canGoBackSync()};e.prototype.onStart=function(){this.gestureOrAnimationInProgress=true;this.pop({direction:"back",progressAnimation:true})};e.prototype.onMove=function(e){if(this.sbAni){this.sbAni.progressStep(e)}};e.prototype.onEnd=function(e,t,n){var i=this;if(this.sbAni){this.sbAni.onFinish((function(){i.gestureOrAnimationInProgress=false}),{oneTimeCallback:true});var r=e?-.001:.001;if(!e){this.sbAni.easing("cubic-bezier(1, 0, 0.68, 0.28)");r+=getTimeGivenProgression([0,0],[1,0],[.68,.28],[1,1],t)[0]}else{r+=getTimeGivenProgression([0,0],[.32,.72],[0,1],[1,1],t)[0]}this.sbAni.progressEnd(e?1:0,r,n)}else{this.gestureOrAnimationInProgress=false}};e.prototype.render=function(){return h("slot",null)};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{swipeGesture:["swipeGestureChanged"],root:["rootChanged"]}},enumerable:false,configurable:true});return e}();Nav.style=navCss;var navLink=function(e,t,n,i,r){var o=e.closest("ion-nav");if(o){if(t==="forward"){if(n!==undefined){return o.push(n,i,{skipIfBusy:true,animationBuilder:r})}}else if(t==="root"){if(n!==undefined){return o.setRoot(n,i,{skipIfBusy:true,animationBuilder:r})}}else if(t==="back"){return o.pop({skipIfBusy:true,animationBuilder:r})}}return Promise.resolve(false)};var NavLink=function(){function e(e){var t=this;registerInstance(this,e);this.onClick=function(){return navLink(t.el,t.routerDirection,t.component,t.componentProps,t.routerAnimation)};this.component=undefined;this.componentProps=undefined;this.routerDirection="forward";this.routerAnimation=undefined}e.prototype.render=function(){return h(Host,{onClick:this.onClick})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();export{Nav as ion_nav,NavLink as ion_nav_link};
|
|
4
|
+
*/import{r as registerInstance,d as createEvent,h,f as getElement,H as Host}from"./index-847f2fde.js";import{g as getTimeGivenProgression}from"./cubic-bezier-66542bc5.js";import{o as assert,s as shallowEqualStringMap}from"./helpers-3379ba19.js";import{l as lifecycle,t as transition,s as setPageHidden,d as LIFECYCLE_WILL_UNLOAD,b as LIFECYCLE_WILL_LEAVE,c as LIFECYCLE_DID_LEAVE}from"./index-6391de89.js";import{b as getIonMode,c as config}from"./ionic-global-1ef19007.js";import{a as attachComponent}from"./framework-delegate-aa433dea.js";var VIEW_STATE_NEW=1;var VIEW_STATE_ATTACHED=2;var VIEW_STATE_DESTROYED=3;var ViewController=function(){function e(e,t){this.component=e;this.params=t;this.state=VIEW_STATE_NEW}e.prototype.init=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n;return __generator(this,(function(i){switch(i.label){case 0:this.state=VIEW_STATE_ATTACHED;if(!!this.element)return[3,2];t=this.component;n=this;return[4,attachComponent(this.delegate,e,t,["ion-page","ion-page-invisible"],this.params)];case 1:n.element=i.sent();i.label=2;case 2:return[2]}}))}))};e.prototype._destroy=function(){assert(this.state!==VIEW_STATE_DESTROYED,"view state must be ATTACHED");var e=this.element;if(e){if(this.delegate){this.delegate.removeViewFromDom(e.parentElement,e)}else{e.remove()}}this.nav=undefined;this.state=VIEW_STATE_DESTROYED};return e}();var matches=function(e,t,n){if(!e){return false}if(e.component!==t){return false}return shallowEqualStringMap(e.params,n)};var convertToView=function(e,t){if(!e){return null}if(e instanceof ViewController){return e}return new ViewController(e,t)};var convertToViews=function(e){return e.map((function(e){if(e instanceof ViewController){return e}if("component"in e){return convertToView(e.component,e.componentProps===null?undefined:e.componentProps)}return convertToView(e,undefined)})).filter((function(e){return e!==null}))};var navCss=":host{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;overflow:hidden;z-index:0}";var Nav=function(){function e(e){registerInstance(this,e);this.ionNavWillLoad=createEvent(this,"ionNavWillLoad",7);this.ionNavWillChange=createEvent(this,"ionNavWillChange",3);this.ionNavDidChange=createEvent(this,"ionNavDidChange",3);this.transInstr=[];this.gestureOrAnimationInProgress=false;this.useRouter=false;this.isTransitioning=false;this.destroyed=false;this.views=[];this.didLoad=false;this.delegate=undefined;this.swipeGesture=undefined;this.animated=true;this.animation=undefined;this.rootParams=undefined;this.root=undefined}e.prototype.swipeGestureChanged=function(){if(this.gesture){this.gesture.enable(this.swipeGesture===true)}};e.prototype.rootChanged=function(){if(this.root===undefined){return}if(this.didLoad===false){return}if(!this.useRouter){if(this.root!==undefined){this.setRoot(this.root,this.rootParams)}}};e.prototype.componentWillLoad=function(){this.useRouter=document.querySelector("ion-router")!==null&&this.el.closest("[no-router]")===null;if(this.swipeGesture===undefined){var e=getIonMode(this);this.swipeGesture=config.getBoolean("swipeBackEnabled",e==="ios")}this.ionNavWillLoad.emit()};e.prototype.componentDidLoad=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){switch(t.label){case 0:this.didLoad=true;this.rootChanged();e=this;return[4,import("./swipe-back-6d4c0a4e.js")];case 1:e.gesture=t.sent().createSwipeBackGesture(this.el,this.canStart.bind(this),this.onStart.bind(this),this.onMove.bind(this),this.onEnd.bind(this));this.swipeGestureChanged();return[2]}}))}))};e.prototype.connectedCallback=function(){this.destroyed=false};e.prototype.disconnectedCallback=function(){for(var e=0,t=this.views;e<t.length;e++){var n=t[e];lifecycle(n.element,LIFECYCLE_WILL_UNLOAD);n._destroy()}if(this.gesture){this.gesture.destroy();this.gesture=undefined}this.transInstr.length=0;this.views.length=0;this.destroyed=true};e.prototype.push=function(e,t,n,i){return this.insert(-1,e,t,n,i)};e.prototype.insert=function(e,t,n,i,r){return this.insertPages(e,[{component:t,componentProps:n}],i,r)};e.prototype.insertPages=function(e,t,n,i){return this.queueTrns({insertStart:e,insertViews:t,opts:n},i)};e.prototype.pop=function(e,t){return this.removeIndex(-1,1,e,t)};e.prototype.popTo=function(e,t,n){var i={removeStart:-1,removeCount:-1,opts:t};if(typeof e==="object"&&e.component){i.removeView=e;i.removeStart=1}else if(typeof e==="number"){i.removeStart=e+1}return this.queueTrns(i,n)};e.prototype.popToRoot=function(e,t){return this.removeIndex(1,-1,e,t)};e.prototype.removeIndex=function(e,t,n,i){if(t===void 0){t=1}return this.queueTrns({removeStart:e,removeCount:t,opts:n},i)};e.prototype.setRoot=function(e,t,n,i){return this.setPages([{component:e,componentProps:t}],n,i)};e.prototype.setPages=function(e,t,n){t!==null&&t!==void 0?t:t={};if(t.animated!==true){t.animated=false}return this.queueTrns({insertStart:0,insertViews:e,removeStart:0,removeCount:-1,opts:t},n)};e.prototype.setRouteId=function(e,t,n,i){var r=this;var o=this.getActiveSync();if(matches(o,e,t)){return Promise.resolve({changed:false,element:o.element})}var s;var a=new Promise((function(e){return s=e}));var u;var c={updateURL:false,viewIsReady:function(e){var t;var n=new Promise((function(e){return t=e}));s({changed:true,element:e,markVisible:function(){return __awaiter(r,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:t();return[4,u];case 1:e.sent();return[2]}}))}))}});return n}};if(n==="root"){u=this.setRoot(e,t,c)}else{var f=this.views.find((function(n){return matches(n,e,t)}));if(f){u=this.popTo(f,Object.assign(Object.assign({},c),{direction:"back",animationBuilder:i}))}else if(n==="forward"){u=this.push(e,t,Object.assign(Object.assign({},c),{animationBuilder:i}))}else if(n==="back"){u=this.setRoot(e,t,Object.assign(Object.assign({},c),{direction:"back",animated:true,animationBuilder:i}))}}return a};e.prototype.getRouteId=function(){return __awaiter(this,void 0,void 0,(function(){var e;return __generator(this,(function(t){e=this.getActiveSync();if(e){return[2,{id:e.element.tagName,params:e.params,element:e.element}]}return[2,undefined]}))}))};e.prototype.getActive=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.getActiveSync()]}))}))};e.prototype.getByIndex=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.views[e]]}))}))};e.prototype.canGoBack=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.canGoBackSync(e)]}))}))};e.prototype.getPrevious=function(e){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.getPreviousSync(e)]}))}))};e.prototype.getLength=function(){return this.views.length};e.prototype.getActiveSync=function(){return this.views[this.views.length-1]};e.prototype.canGoBackSync=function(e){if(e===void 0){e=this.getActiveSync()}return!!(e&&this.getPreviousSync(e))};e.prototype.getPreviousSync=function(e){if(e===void 0){e=this.getActiveSync()}if(!e){return undefined}var t=this.views;var n=t.indexOf(e);return n>0?t[n-1]:undefined};e.prototype.queueTrns=function(e,t){return __awaiter(this,void 0,void 0,(function(){var n,i,r,o,s;return __generator(this,(function(a){switch(a.label){case 0:if(this.isTransitioning&&((n=e.opts)===null||n===void 0?void 0:n.skipIfBusy)){return[2,false]}r=new Promise((function(t,n){e.resolve=t;e.reject=n}));e.done=t;if(!(e.opts&&e.opts.updateURL!==false&&this.useRouter))return[3,2];o=document.querySelector("ion-router");if(!o)return[3,2];return[4,o.canTransition()];case 1:s=a.sent();if(s===false){return[2,false]}if(typeof s==="string"){o.push(s,e.opts.direction||"back");return[2,false]}a.label=2;case 2:if(((i=e.insertViews)===null||i===void 0?void 0:i.length)===0){e.insertViews=undefined}this.transInstr.push(e);this.nextTrns();return[2,r]}}))}))};e.prototype.success=function(e,t){if(this.destroyed){this.fireError("nav controller was destroyed",t);return}if(t.done){t.done(e.hasCompleted,e.requiresTransition,e.enteringView,e.leavingView,e.direction)}t.resolve(e.hasCompleted);if(t.opts.updateURL!==false&&this.useRouter){var n=document.querySelector("ion-router");if(n){var i=e.direction==="back"?"back":"forward";n.navChanged(i)}}};e.prototype.failed=function(e,t){if(this.destroyed){this.fireError("nav controller was destroyed",t);return}this.transInstr.length=0;this.fireError(e,t)};e.prototype.fireError=function(e,t){if(t.done){t.done(false,false,e)}if(t.reject&&!this.destroyed){t.reject(e)}else{t.resolve(false)}};e.prototype.nextTrns=function(){if(this.isTransitioning){return false}var e=this.transInstr.shift();if(!e){return false}this.runTransition(e);return true};e.prototype.runTransition=function(e){return __awaiter(this,void 0,void 0,(function(){var t,n,i,r,o,s;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,6,,7]);this.ionNavWillChange.emit();this.isTransitioning=true;this.prepareTI(e);t=this.getActiveSync();n=this.getEnteringView(e,t);if(!t&&!n){throw new Error("no views in the stack to be removed")}if(!(n&&n.state===VIEW_STATE_NEW))return[3,2];return[4,n.init(this.el)];case 1:a.sent();a.label=2;case 2:this.postViewInit(n,t,e);i=(e.enteringRequiresTransition||e.leavingRequiresTransition)&&n!==t;if(i&&e.opts&&t){r=e.opts.direction==="back";if(r){e.opts.animationBuilder=e.opts.animationBuilder||(n===null||n===void 0?void 0:n.animationBuilder)}t.animationBuilder=e.opts.animationBuilder}o=void 0;if(!i)return[3,4];return[4,this.transition(n,t,e)];case 3:o=a.sent();return[3,5];case 4:o={hasCompleted:true,requiresTransition:false};a.label=5;case 5:this.success(o,e);this.ionNavDidChange.emit();return[3,7];case 6:s=a.sent();this.failed(s,e);return[3,7];case 7:this.isTransitioning=false;this.nextTrns();return[2]}}))}))};e.prototype.prepareTI=function(e){var t,n;var i;var r=this.views.length;(t=e.opts)!==null&&t!==void 0?t:e.opts={};(n=(i=e.opts).delegate)!==null&&n!==void 0?n:i.delegate=this.delegate;if(e.removeView!==undefined){assert(e.removeStart!==undefined,"removeView needs removeStart");assert(e.removeCount!==undefined,"removeView needs removeCount");var o=this.views.indexOf(e.removeView);if(o<0){throw new Error("removeView was not found")}e.removeStart+=o}if(e.removeStart!==undefined){if(e.removeStart<0){e.removeStart=r-1}if(e.removeCount<0){e.removeCount=r-e.removeStart}e.leavingRequiresTransition=e.removeCount>0&&e.removeStart+e.removeCount===r}if(e.insertViews){if(e.insertStart<0||e.insertStart>r){e.insertStart=r}e.enteringRequiresTransition=e.insertStart===r}var s=e.insertViews;if(!s){return}assert(s.length>0,"length can not be zero");var a=convertToViews(s);if(a.length===0){throw new Error("invalid views to insert")}for(var u=0,c=a;u<c.length;u++){var f=c[u];f.delegate=e.opts.delegate;var l=f.nav;if(l&&l!==this){throw new Error("inserted view was already inserted")}if(f.state===VIEW_STATE_DESTROYED){throw new Error("inserted view was already destroyed")}}e.insertViews=a};e.prototype.getEnteringView=function(e,t){var n=e.insertViews;if(n!==undefined){return n[n.length-1]}var i=e.removeStart;if(i!==undefined){var r=this.views;var o=i+e.removeCount;for(var s=r.length-1;s>=0;s--){var a=r[s];if((s<i||s>=o)&&a!==t){return a}}}return undefined};e.prototype.postViewInit=function(e,t,n){var i,r,o;assert(t||e,"Both leavingView and enteringView are null");assert(n.resolve,"resolve must be valid");assert(n.reject,"reject must be valid");var s=n.opts;var a=n.insertViews,u=n.removeStart,c=n.removeCount;var f;if(u!==undefined&&c!==undefined){assert(u>=0,"removeStart can not be negative");assert(c>=0,"removeCount can not be negative");f=[];for(var l=u;l<u+c;l++){var d=this.views[l];if(d!==undefined&&d!==e&&d!==t){f.push(d)}}(i=s.direction)!==null&&i!==void 0?i:s.direction="back"}var h=this.views.length+((r=a===null||a===void 0?void 0:a.length)!==null&&r!==void 0?r:0)-(c!==null&&c!==void 0?c:0);assert(h>=0,"final balance can not be negative");if(h===0){console.warn("You can't remove all the pages in the navigation stack. nav.pop() is probably called too many times.",this,this.el);throw new Error("navigation stack needs at least one root page")}if(a){var v=n.insertStart;for(var p=0,g=a;p<g.length;p++){var d=g[p];this.insertViewAt(d,v);v++}if(n.enteringRequiresTransition){(o=s.direction)!==null&&o!==void 0?o:s.direction="forward"}}if(f&&f.length>0){for(var m=0,w=f;m<w.length;m++){var d=w[m];lifecycle(d.element,LIFECYCLE_WILL_LEAVE);lifecycle(d.element,LIFECYCLE_DID_LEAVE);lifecycle(d.element,LIFECYCLE_WILL_UNLOAD)}for(var y=0,E=f;y<E.length;y++){var d=E[y];this.destroyView(d)}}};e.prototype.transition=function(e,t,n){return __awaiter(this,void 0,void 0,(function(){var i,r,o,s,a,u,c;var f=this;return __generator(this,(function(l){switch(l.label){case 0:i=n.opts;r=i.progressAnimation?function(e){if(e!==undefined&&!f.gestureOrAnimationInProgress){f.gestureOrAnimationInProgress=true;e.onFinish((function(){f.gestureOrAnimationInProgress=false}),{oneTimeCallback:true});e.progressEnd(0,0,0)}else{f.sbAni=e}}:undefined;o=getIonMode(this);s=e.element;a=t&&t.element;u=Object.assign(Object.assign({mode:o,showGoBack:this.canGoBackSync(e),baseEl:this.el,progressCallback:r,animated:this.animated&&config.getBoolean("animated",true),enteringEl:s,leavingEl:a},i),{animationBuilder:i.animationBuilder||this.animation||config.get("navAnimation")});return[4,transition(u)];case 1:c=l.sent().hasCompleted;return[2,this.transitionFinish(c,e,t,i)]}}))}))};e.prototype.transitionFinish=function(e,t,n,i){var r=e?t:n;if(r){this.unmountInactiveViews(r)}return{hasCompleted:e,requiresTransition:true,enteringView:t,leavingView:n,direction:i.direction}};e.prototype.insertViewAt=function(e,t){var n=this.views;var i=n.indexOf(e);if(i>-1){assert(e.nav===this,"view is not part of the nav");n.splice(i,1);n.splice(t,0,e)}else{assert(!e.nav,"nav is used");e.nav=this;n.splice(t,0,e)}};e.prototype.removeView=function(e){assert(e.state===VIEW_STATE_ATTACHED||e.state===VIEW_STATE_DESTROYED,"view state should be loaded or destroyed");var t=this.views;var n=t.indexOf(e);assert(n>-1,"view must be part of the stack");if(n>=0){t.splice(n,1)}};e.prototype.destroyView=function(e){e._destroy();this.removeView(e)};e.prototype.unmountInactiveViews=function(e){if(this.destroyed){return}var t=this.views;var n=t.indexOf(e);for(var i=t.length-1;i>=0;i--){var r=t[i];var o=r.element;if(o){if(i>n){lifecycle(o,LIFECYCLE_WILL_UNLOAD);this.destroyView(r)}else if(i<n){setPageHidden(o,true)}}}};e.prototype.canStart=function(){return!this.gestureOrAnimationInProgress&&!!this.swipeGesture&&!this.isTransitioning&&this.transInstr.length===0&&this.canGoBackSync()};e.prototype.onStart=function(){this.gestureOrAnimationInProgress=true;this.pop({direction:"back",progressAnimation:true})};e.prototype.onMove=function(e){if(this.sbAni){this.sbAni.progressStep(e)}};e.prototype.onEnd=function(e,t,n){var i=this;if(this.sbAni){this.sbAni.onFinish((function(){i.gestureOrAnimationInProgress=false}),{oneTimeCallback:true});var r=e?-.001:.001;if(!e){this.sbAni.easing("cubic-bezier(1, 0, 0.68, 0.28)");r+=getTimeGivenProgression([0,0],[1,0],[.68,.28],[1,1],t)[0]}else{r+=getTimeGivenProgression([0,0],[.32,.72],[0,1],[1,1],t)[0]}this.sbAni.progressEnd(e?1:0,r,n)}else{this.gestureOrAnimationInProgress=false}};e.prototype.render=function(){return h("slot",null)};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{swipeGesture:["swipeGestureChanged"],root:["rootChanged"]}},enumerable:false,configurable:true});return e}();Nav.style=navCss;var navLink=function(e,t,n,i,r){var o=e.closest("ion-nav");if(o){if(t==="forward"){if(n!==undefined){return o.push(n,i,{skipIfBusy:true,animationBuilder:r})}}else if(t==="root"){if(n!==undefined){return o.setRoot(n,i,{skipIfBusy:true,animationBuilder:r})}}else if(t==="back"){return o.pop({skipIfBusy:true,animationBuilder:r})}}return Promise.resolve(false)};var NavLink=function(){function e(e){var t=this;registerInstance(this,e);this.onClick=function(){return navLink(t.el,t.routerDirection,t.component,t.componentProps,t.routerAnimation)};this.component=undefined;this.componentProps=undefined;this.routerDirection="forward";this.routerAnimation=undefined}e.prototype.render=function(){return h(Host,{onClick:this.onClick})};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();export{Nav as ion_nav,NavLink as ion_nav_link};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import{__awaiter,__generator}from"tslib";
|
|
2
2
|
/*!
|
|
3
3
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
|
-
*/import{r as registerInstance,d as createEvent,h,H as Host,f as getElement}from"./index-847f2fde.js";import{C as CoreDelegate,a as attachComponent,d as detachComponent}from"./framework-delegate-aa433dea.js";import{r as raf,g as getElementRoot,a as addEventListener,m as hasLazyBuild}from"./helpers-3379ba19.js";import{c as createLockController}from"./lock-controller-e8c6c051.js";import{p as printIonWarning}from"./index-595d62c9.js";import{B as BACKDROP,j as prepareOverlay,k as setOverlayId,f as present,o as focusFirstDescendant,g as dismiss,h as eventMethod}from"./overlays-e1dadfe6.js";import{b as getIonMode,a as isPlatform}from"./ionic-global-1ef19007.js";import{g as getClassMap}from"./theme-17531cdf.js";import{e as deepReady,w as waitForMount}from"./index-2970aafc.js";import{c as createAnimation}from"./animation-a1d9e088.js";import"./hardware-back-button-39299f84.js";import"./index-7a14ecec.js";var getArrowDimensions=function(e){if(!e){return{arrowWidth:0,arrowHeight:0}}var t=e.getBoundingClientRect(),r=t.width,o=t.height;return{arrowWidth:r,arrowHeight:o}};var getPopoverDimensions=function(e,t,r){var o=t.getBoundingClientRect();var n=o.height;var i=o.width;if(e==="cover"&&r){var a=r.getBoundingClientRect();i=a.width}return{contentWidth:i,contentHeight:n}};var configureDismissInteraction=function(e,t,r,o){var n=[];var i=getElementRoot(o);var a=i.querySelector(".popover-content");switch(t){case"hover":n=[{eventName:"mouseenter",callback:function(t){var o=document.elementFromPoint(t.clientX,t.clientY);if(o===e){return}r.dismiss(undefined,undefined,false)}}];break;case"context-menu":case"click":default:n=[{eventName:"click",callback:function(t){var o=t.target;var n=o.closest("[data-ion-popover-trigger]");if(n===e){t.stopPropagation();return}r.dismiss(undefined,undefined,false)}}];break}n.forEach((function(e){var t=e.eventName,r=e.callback;return a.addEventListener(t,r)}));return function(){n.forEach((function(e){var t=e.eventName,r=e.callback;return a.removeEventListener(t,r)}))}};var configureTriggerInteraction=function(e,t,r){var o=[];switch(t){case"hover":var n;o=[{eventName:"mouseenter",callback:function(e){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){e.stopPropagation();if(n){clearTimeout(n)}n=setTimeout((function(){raf((function(){r.presentFromTrigger(e);n=undefined}))}),100);return[2]}))}))}},{eventName:"mouseleave",callback:function(e){if(n){clearTimeout(n)}var t=e.relatedTarget;if(!t){return}if(t.closest("ion-popover")!==r){r.dismiss(undefined,undefined,false)}}},{eventName:"click",callback:function(e){return e.stopPropagation()}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break;case"context-menu":o=[{eventName:"contextmenu",callback:function(e){e.preventDefault();r.presentFromTrigger(e)}},{eventName:"click",callback:function(e){return e.stopPropagation()}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break;case"click":default:o=[{eventName:"click",callback:function(e){return r.presentFromTrigger(e)}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break}o.forEach((function(t){var r=t.eventName,o=t.callback;return e.addEventListener(r,o)}));e.setAttribute("data-ion-popover-trigger","true");return function(){o.forEach((function(t){var r=t.eventName,o=t.callback;return e.removeEventListener(r,o)}));e.removeAttribute("data-ion-popover-trigger")}};var getIndexOfItem=function(e,t){if(!t||t.tagName!=="ION-ITEM"){return-1}return e.findIndex((function(e){return e===t}))};var getNextItem=function(e,t){var r=getIndexOfItem(e,t);return e[r+1]};var getPrevItem=function(e,t){var r=getIndexOfItem(e,t);return e[r-1]};var focusItem=function(e){var t=getElementRoot(e);var r=t.querySelector("button");if(r){raf((function(){return r.focus()}))}};var isTriggerElement=function(e){return e.hasAttribute("data-ion-popover-trigger")};var configureKeyboardInteraction=function(e){var t=function(t){return __awaiter(void 0,void 0,void 0,(function(){var r,o,n,i,a,s,p,c,d,l,v;return __generator(this,(function(f){switch(f.label){case 0:o=document.activeElement;n=[];i=(r=t.target)===null||r===void 0?void 0:r.tagName;if(i!=="ION-POPOVER"&&i!=="ION-ITEM"){return[2]}try{n=Array.from(e.querySelectorAll("ion-item:not(ion-popover ion-popover *):not([disabled])"))}catch(e){}a=t.key;switch(a){case"ArrowLeft":return[3,1];case"ArrowDown":return[3,3];case"ArrowUp":return[3,4];case"Home":return[3,5];case"End":return[3,6];case"ArrowRight":return[3,7];case" ":return[3,7];case"Enter":return[3,7]}return[3,8];case 1:return[4,e.getParentPopover()];case 2:s=f.sent();if(s){e.dismiss(undefined,undefined,false)}return[3,8];case 3:t.preventDefault();p=getNextItem(n,o);if(p!==undefined){focusItem(p)}return[3,8];case 4:t.preventDefault();c=getPrevItem(n,o);if(c!==undefined){focusItem(c)}return[3,8];case 5:t.preventDefault();d=n[0];if(d!==undefined){focusItem(d)}return[3,8];case 6:t.preventDefault();l=n[n.length-1];if(l!==undefined){focusItem(l)}return[3,8];case 7:if(o&&isTriggerElement(o)){v=new CustomEvent("ionPopoverActivateTrigger");o.dispatchEvent(v)}return[3,8];case 8:return[2]}}))}))};e.addEventListener("keydown",t);return function(){return e.removeEventListener("keydown",t)}};var getPopoverPosition=function(e,t,r,o,n,i,a,s,p,c,d){var l;var v={top:0,left:0,width:0,height:0};switch(i){case"event":if(!d){return p}var f=d;v={top:f.clientY,left:f.clientX,width:1,height:1};break;case"trigger":default:var u=d;var h=c||((l=u===null||u===void 0?void 0:u.detail)===null||l===void 0?void 0:l.ionShadowTarget)||(u===null||u===void 0?void 0:u.target);if(!h){return p}var g=h.getBoundingClientRect();v={top:g.top,left:g.left,width:g.width,height:g.height};break}var m=calculatePopoverSide(a,v,t,r,o,n,e);var w=calculatePopoverAlign(s,a,v,t,r);var b=m.top+w.top;var x=m.left+w.left;var y=calculateArrowPosition(a,o,n,b,x,t,r,e),P=y.arrowTop,k=y.arrowLeft;var A=calculatePopoverOrigin(a,s,e),D=A.originX,E=A.originY;return{top:b,left:x,referenceCoordinates:v,arrowTop:P,arrowLeft:k,originX:D,originY:E}};var calculatePopoverOrigin=function(e,t,r){switch(e){case"top":return{originX:getOriginXAlignment(t),originY:"bottom"};case"bottom":return{originX:getOriginXAlignment(t),originY:"top"};case"left":return{originX:"right",originY:getOriginYAlignment(t)};case"right":return{originX:"left",originY:getOriginYAlignment(t)};case"start":return{originX:r?"left":"right",originY:getOriginYAlignment(t)};case"end":return{originX:r?"right":"left",originY:getOriginYAlignment(t)}}};var getOriginXAlignment=function(e){switch(e){case"start":return"left";case"center":return"center";case"end":return"right"}};var getOriginYAlignment=function(e){switch(e){case"start":return"top";case"center":return"center";case"end":return"bottom"}};var calculateArrowPosition=function(e,t,r,o,n,i,a,s){var p={arrowTop:o+a/2-t/2,arrowLeft:n+i-t/2};var c={arrowTop:o+a/2-t/2,arrowLeft:n-t*1.5};switch(e){case"top":return{arrowTop:o+a,arrowLeft:n+i/2-t/2};case"bottom":return{arrowTop:o-r,arrowLeft:n+i/2-t/2};case"left":return p;case"right":return c;case"start":return s?c:p;case"end":return s?p:c;default:return{arrowTop:0,arrowLeft:0}}};var calculatePopoverSide=function(e,t,r,o,n,i,a){var s={top:t.top,left:t.left-r-n};var p={top:t.top,left:t.left+t.width+n};switch(e){case"top":return{top:t.top-o-i,left:t.left};case"right":return p;case"bottom":return{top:t.top+t.height+i,left:t.left};case"left":return s;case"start":return a?p:s;case"end":return a?s:p}};var calculatePopoverAlign=function(e,t,r,o,n){switch(e){case"center":return calculatePopoverCenterAlign(t,r,o,n);case"end":return calculatePopoverEndAlign(t,r,o,n);case"start":default:return{top:0,left:0}}};var calculatePopoverEndAlign=function(e,t,r,o){switch(e){case"start":case"end":case"left":case"right":return{top:-(o-t.height),left:0};case"top":case"bottom":default:return{top:0,left:-(r-t.width)}}};var calculatePopoverCenterAlign=function(e,t,r,o){switch(e){case"start":case"end":case"left":case"right":return{top:-(o/2-t.height/2),left:0};case"top":case"bottom":default:return{top:0,left:-(r/2-t.width/2)}}};var calculateWindowAdjustment=function(e,t,r,o,n,i,a,s,p,c,d,l,v,f,u){if(v===void 0){v=0}if(f===void 0){f=0}if(u===void 0){u=0}var h=v;var g=f;var m=r;var w=t;var b;var x=c;var y=d;var P=false;var k=false;var A=l?l.top+l.height:i/2-s/2;var D=l?l.height:0;var E=false;if(m<o+p){m=o;P=true;x="left"}else if(a+o+m+p>n){k=true;m=n-a-o;x="right"}if(A+D+s>i&&(e==="top"||e==="bottom")){if(A-s>0){w=Math.max(12,A-s-D-(u-1));h=w+s;y="bottom";E=true}else{b=o}}return{top:w,left:m,bottom:b,originX:x,originY:y,checkSafeAreaLeft:P,checkSafeAreaRight:k,arrowTop:h,arrowLeft:g,addPopoverBottomClass:E}};var shouldShowArrow=function(e,t,r,o){if(t===void 0){t=false}if(!r&&!o){return false}if(e!=="top"&&e!=="bottom"&&t){return false}return true};var POPOVER_IOS_BODY_PADDING=5;var iosEnterAnimation=function(e,t){var r;var o=t.event,n=t.size,i=t.trigger,a=t.reference,s=t.side,p=t.align;var c=e.ownerDocument;var d=c.dir==="rtl";var l=c.defaultView.innerWidth;var v=c.defaultView.innerHeight;var f=getElementRoot(e);var u=f.querySelector(".popover-content");var h=f.querySelector(".popover-arrow");var g=i||((r=o===null||o===void 0?void 0:o.detail)===null||r===void 0?void 0:r.ionShadowTarget)||(o===null||o===void 0?void 0:o.target);var m=getPopoverDimensions(n,u,g),w=m.contentWidth,b=m.contentHeight;var x=getArrowDimensions(h),y=x.arrowWidth,P=x.arrowHeight;var k={top:v/2-b/2,left:l/2-w/2,originX:d?"right":"left",originY:"top"};var A=getPopoverPosition(d,w,b,y,P,a,s,p,k,i,o);var D=n==="cover"?0:POPOVER_IOS_BODY_PADDING;var E=n==="cover"?0:25;var I=calculateWindowAdjustment(s,A.top,A.left,D,l,v,w,b,E,A.originX,A.originY,A.referenceCoordinates,A.arrowTop,A.arrowLeft,P),T=I.originX,O=I.originY,C=I.top,L=I.left,S=I.bottom,_=I.checkSafeAreaLeft,W=I.checkSafeAreaRight,Y=I.arrowTop,N=I.arrowLeft,M=I.addPopoverBottomClass;var j=createAnimation();var R=createAnimation();var B=createAnimation();R.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);B.addElement(f.querySelector(".popover-arrow")).addElement(f.querySelector(".popover-content")).fromTo("opacity",.01,1);return j.easing("ease").duration(100).beforeAddWrite((function(){if(n==="cover"){e.style.setProperty("--width","".concat(w,"px"))}if(M){e.classList.add("popover-bottom")}if(S!==undefined){u.style.setProperty("bottom","".concat(S,"px"))}var t=" + var(--ion-safe-area-left, 0)";var r=" - var(--ion-safe-area-right, 0)";var a="".concat(L,"px");if(_){a="".concat(L,"px").concat(t)}if(W){a="".concat(L,"px").concat(r)}u.style.setProperty("top","calc(".concat(C,"px + var(--offset-y, 0))"));u.style.setProperty("left","calc(".concat(a," + var(--offset-x, 0))"));u.style.setProperty("transform-origin","".concat(O," ").concat(T));if(h!==null){var p=A.top!==C||A.left!==L;var c=shouldShowArrow(s,p,o,i);if(c){h.style.setProperty("top","calc(".concat(Y,"px + var(--offset-y, 0))"));h.style.setProperty("left","calc(".concat(N,"px + var(--offset-x, 0))"))}else{h.style.setProperty("display","none")}}})).addAnimation([R,B])};var iosLeaveAnimation=function(e){var t=getElementRoot(e);var r=t.querySelector(".popover-content");var o=t.querySelector(".popover-arrow");var n=createAnimation();var i=createAnimation();var a=createAnimation();i.addElement(t.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0);a.addElement(t.querySelector(".popover-arrow")).addElement(t.querySelector(".popover-content")).fromTo("opacity",.99,0);return n.easing("ease").afterAddWrite((function(){e.style.removeProperty("--width");e.classList.remove("popover-bottom");r.style.removeProperty("top");r.style.removeProperty("left");r.style.removeProperty("bottom");r.style.removeProperty("transform-origin");if(o){o.style.removeProperty("top");o.style.removeProperty("left");o.style.removeProperty("display")}})).duration(300).addAnimation([i,a])};var POPOVER_MD_BODY_PADDING=12;var mdEnterAnimation=function(e,t){var r;var o=t.event,n=t.size,i=t.trigger,a=t.reference,s=t.side,p=t.align;var c=e.ownerDocument;var d=c.dir==="rtl";var l=c.defaultView.innerWidth;var v=c.defaultView.innerHeight;var f=getElementRoot(e);var u=f.querySelector(".popover-content");var h=i||((r=o===null||o===void 0?void 0:o.detail)===null||r===void 0?void 0:r.ionShadowTarget)||(o===null||o===void 0?void 0:o.target);var g=getPopoverDimensions(n,u,h),m=g.contentWidth,w=g.contentHeight;var b={top:v/2-w/2,left:l/2-m/2,originX:d?"right":"left",originY:"top"};var x=getPopoverPosition(d,m,w,0,0,a,s,p,b,i,o);var y=n==="cover"?0:POPOVER_MD_BODY_PADDING;var P=calculateWindowAdjustment(s,x.top,x.left,y,l,v,m,w,0,x.originX,x.originY,x.referenceCoordinates),k=P.originX,A=P.originY,D=P.top,E=P.left,I=P.bottom;var T=createAnimation();var O=createAnimation();var C=createAnimation();var L=createAnimation();var S=createAnimation();O.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);C.addElement(f.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1);L.addElement(u).beforeStyles({top:"calc(".concat(D,"px + var(--offset-y, 0px))"),left:"calc(".concat(E,"px + var(--offset-x, 0px))"),"transform-origin":"".concat(A," ").concat(k)}).beforeAddWrite((function(){if(I!==undefined){u.style.setProperty("bottom","".concat(I,"px"))}})).fromTo("transform","scale(0.8)","scale(1)");S.addElement(f.querySelector(".popover-viewport")).fromTo("opacity",.01,1);return T.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((function(){if(n==="cover"){e.style.setProperty("--width","".concat(m,"px"))}if(A==="bottom"){e.classList.add("popover-bottom")}})).addAnimation([O,C,L,S])};var mdLeaveAnimation=function(e){var t=getElementRoot(e);var r=t.querySelector(".popover-content");var o=createAnimation();var n=createAnimation();var i=createAnimation();n.addElement(t.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0);i.addElement(t.querySelector(".popover-wrapper")).fromTo("opacity",.99,0);return o.easing("ease").afterAddWrite((function(){e.style.removeProperty("--width");e.classList.remove("popover-bottom");r.style.removeProperty("top");r.style.removeProperty("left");r.style.removeProperty("bottom");r.style.removeProperty("transform-origin")})).duration(150).addAnimation([n,i])};var popoverIosCss=':host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start):dir(rtl){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end):dir(rtl){--offset-x:5px}}:host{--width:200px;--max-height:90%;--box-shadow:none;--backdrop-opacity:var(--ion-backdrop-opacity, 0.08)}:host(.popover-desktop){--box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.12)}.popover-content{border-radius:10px}:host(.popover-desktop) .popover-content{border:0.5px solid var(--ion-color-step-100, #e6e6e6)}.popover-arrow{display:block;position:absolute;width:20px;height:10px;overflow:hidden}.popover-arrow::after{top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:"";z-index:10}@supports (inset-inline-start: 0){.popover-arrow::after{inset-inline-start:3px}}@supports not (inset-inline-start: 0){.popover-arrow::after{left:3px}:host-context([dir=rtl]) .popover-arrow::after{left:unset;right:unset;right:3px}[dir=rtl] .popover-arrow::after{left:unset;right:unset;right:3px}@supports selector(:dir(rtl)){.popover-arrow::after:dir(rtl){left:unset;right:unset;right:3px}}}:host(.popover-bottom) .popover-arrow{top:auto;bottom:-10px}:host(.popover-bottom) .popover-arrow::after{top:-6px}:host(.popover-side-left) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host(.popover-side-right) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host(.popover-side-top) .popover-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.popover-side-start) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host-context([dir=rtl]):host(.popover-side-start) .popover-arrow,:host-context([dir=rtl]).popover-side-start .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@supports selector(:dir(rtl)){:host(.popover-side-start) .popover-arrow:dir(rtl){-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}:host(.popover-side-end) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host-context([dir=rtl]):host(.popover-side-end) .popover-arrow,:host-context([dir=rtl]).popover-side-end .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@supports selector(:dir(rtl)){:host(.popover-side-end) .popover-arrow:dir(rtl){-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.popover-arrow,.popover-content{opacity:0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.popover-translucent) .popover-content,:host(.popover-translucent) .popover-arrow::after{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}';var popoverMdCss=":host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start):dir(rtl){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end):dir(rtl){--offset-x:5px}}:host{--width:250px;--max-height:90%;--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);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}.popover-content{border-radius:4px;-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]) .popover-content{-webkit-transform-origin:right top;transform-origin:right top}[dir=rtl] .popover-content{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.popover-content:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.popover-viewport{-webkit-transition-delay:100ms;transition-delay:100ms}.popover-wrapper{opacity:0}";var Popover=function(){function e(e){var t=this;registerInstance(this,e);this.didPresent=createEvent(this,"ionPopoverDidPresent",7);this.willPresent=createEvent(this,"ionPopoverWillPresent",7);this.willDismiss=createEvent(this,"ionPopoverWillDismiss",7);this.didDismiss=createEvent(this,"ionPopoverDidDismiss",7);this.didPresentShorthand=createEvent(this,"didPresent",7);this.willPresentShorthand=createEvent(this,"willPresent",7);this.willDismissShorthand=createEvent(this,"willDismiss",7);this.didDismissShorthand=createEvent(this,"didDismiss",7);this.ionMount=createEvent(this,"ionMount",7);this.parentPopover=null;this.coreDelegate=CoreDelegate();this.lockController=createLockController();this.inline=false;this.focusDescendantOnPresent=false;this.onBackdropTap=function(){t.dismiss(undefined,BACKDROP)};this.onLifecycle=function(e){var r=t.usersElement;var o=LIFECYCLE_MAP[e.type];if(r&&o){var n=new CustomEvent(o,{bubbles:false,cancelable:false,detail:e.detail});r.dispatchEvent(n)}};this.configureTriggerInteraction=function(){var e=t,r=e.trigger,o=e.triggerAction,n=e.el,i=e.destroyTriggerInteraction;if(i){i()}if(r===undefined){return}var a=t.triggerEl=r!==undefined?document.getElementById(r):null;if(!a){printIonWarning('A trigger element with the ID "'.concat(r,'" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-popover.'),t.el);return}t.destroyTriggerInteraction=configureTriggerInteraction(a,o,n)};this.configureKeyboardInteraction=function(){var e=t,r=e.destroyKeyboardInteraction,o=e.el;if(r){r()}t.destroyKeyboardInteraction=configureKeyboardInteraction(o)};this.configureDismissInteraction=function(){var e=t,r=e.destroyDismissInteraction,o=e.parentPopover,n=e.triggerAction,i=e.triggerEl,a=e.el;if(!o||!i){return}if(r){r()}t.destroyDismissInteraction=configureDismissInteraction(i,n,a,o)};this.presented=false;this.hasController=false;this.delegate=undefined;this.overlayIndex=undefined;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.component=undefined;this.componentProps=undefined;this.keyboardClose=true;this.cssClass=undefined;this.backdropDismiss=true;this.event=undefined;this.showBackdrop=true;this.translucent=false;this.animated=true;this.htmlAttributes=undefined;this.triggerAction="click";this.trigger=undefined;this.size="auto";this.dismissOnSelect=false;this.reference="trigger";this.side="bottom";this.alignment=undefined;this.arrow=true;this.isOpen=false;this.keyboardEvents=false;this.keepContentsMounted=false}e.prototype.onTriggerChange=function(){this.configureTriggerInteraction()};e.prototype.onIsOpenChange=function(e,t){if(e===true&&t===false){this.present()}else if(e===false&&t===true){this.dismiss()}};e.prototype.connectedCallback=function(){var e=this,t=e.configureTriggerInteraction,r=e.el;prepareOverlay(r);t()};e.prototype.disconnectedCallback=function(){var e=this.destroyTriggerInteraction;if(e){e()}};e.prototype.componentWillLoad=function(){var e=this.el;var t=setOverlayId(e);this.parentPopover=e.closest("ion-popover:not(#".concat(t,")"));if(this.alignment===undefined){this.alignment=getIonMode(this)==="ios"?"center":"start"}};e.prototype.componentDidLoad=function(){var e=this;var t=this,r=t.parentPopover,o=t.isOpen;if(o===true){raf((function(){return e.present()}))}if(r){addEventListener(r,"ionPopoverWillDismiss",(function(){e.dismiss(undefined,undefined,false)}))}};e.prototype.presentFromTrigger=function(e,t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:this.focusDescendantOnPresent=t;return[4,this.present(e)];case 1:r.sent();this.focusDescendantOnPresent=false;return[2]}}))}))};e.prototype.getDelegate=function(e){if(e===void 0){e=false}if(this.workingDelegate&&!e){return{delegate:this.workingDelegate,inline:this.inline}}var t=this.el.parentNode;var r=this.inline=t!==null&&!this.hasController;var o=this.workingDelegate=r?this.delegate||this.coreDelegate:this.delegate;return{inline:r,delegate:o}};e.prototype.present=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,o,n,i,a;return __generator(this,(function(s){switch(s.label){case 0:return[4,this.lockController.lock()];case 1:t=s.sent();if(this.presented){t();return[2]}r=this.el;o=this.getDelegate(true),n=o.inline,i=o.delegate;this.ionMount.emit();a=this;return[4,attachComponent(i,r,this.component,["popover-viewport"],this.componentProps,n)];case 2:a.usersElement=s.sent();if(!this.keyboardEvents){this.configureKeyboardInteraction()}this.configureDismissInteraction();if(!hasLazyBuild(r))return[3,4];return[4,deepReady(this.usersElement)];case 3:s.sent();return[3,6];case 4:if(!!this.keepContentsMounted)return[3,6];return[4,waitForMount()];case 5:s.sent();s.label=6;case 6:return[4,present(this,"popoverEnter",iosEnterAnimation,mdEnterAnimation,{event:e||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment})];case 7:s.sent();if(this.focusDescendantOnPresent){focusFirstDescendant(this.el,this.el)}t();return[2]}}))}))};e.prototype.dismiss=function(e,t,r){if(r===void 0){r=true}return __awaiter(this,void 0,void 0,(function(){var o,n,i,a,s,p;return __generator(this,(function(c){switch(c.label){case 0:return[4,this.lockController.lock()];case 1:o=c.sent();n=this,i=n.destroyKeyboardInteraction,a=n.destroyDismissInteraction;if(r&&this.parentPopover){this.parentPopover.dismiss(e,t,r)}return[4,dismiss(this,e,t,"popoverLeave",iosLeaveAnimation,mdLeaveAnimation,this.event)];case 2:s=c.sent();if(!s)return[3,4];if(i){i();this.destroyKeyboardInteraction=undefined}if(a){a();this.destroyDismissInteraction=undefined}p=this.getDelegate().delegate;return[4,detachComponent(p,this.usersElement)];case 3:c.sent();c.label=4;case 4:o();return[2,s]}}))}))};e.prototype.getParentPopover=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.parentPopover]}))}))};e.prototype.onDidDismiss=function(){return eventMethod(this.el,"ionPopoverDidDismiss")};e.prototype.onWillDismiss=function(){return eventMethod(this.el,"ionPopoverWillDismiss")};e.prototype.render=function(){var e;var t=this;var r=getIonMode(this);var o=this,n=o.onLifecycle,i=o.parentPopover,a=o.dismissOnSelect,s=o.side,p=o.arrow,c=o.htmlAttributes;var d=isPlatform("desktop");var l=p&&!i;return h(Host,Object.assign({"aria-modal":"true","no-router":true,tabindex:"-1"},c,{style:{zIndex:"".concat(2e4+this.overlayIndex)},class:Object.assign(Object.assign({},getClassMap(this.cssClass)),(e={},e[r]=true,e["popover-translucent"]=this.translucent,e["overlay-hidden"]=true,e["popover-desktop"]=d,e["popover-side-".concat(s)]=true,e["popover-nested"]=!!i,e)),onIonPopoverDidPresent:n,onIonPopoverWillPresent:n,onIonPopoverWillDismiss:n,onIonPopoverDidDismiss:n,onIonBackdropTap:this.onBackdropTap}),!i&&h("ion-backdrop",{tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),h("div",{class:"popover-wrapper ion-overlay-wrapper",onClick:a?function(){return t.dismiss()}:undefined},l&&h("div",{class:"popover-arrow",part:"arrow"}),h("div",{class:"popover-content",part:"content"},h("slot",null))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{trigger:["onTriggerChange"],triggerAction:["onTriggerChange"],isOpen:["onIsOpenChange"]}},enumerable:false,configurable:true});return e}();var LIFECYCLE_MAP={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};Popover.style={ios:popoverIosCss,md:popoverMdCss};export{Popover as ion_popover};
|
|
4
|
+
*/import{r as registerInstance,d as createEvent,h,H as Host,f as getElement}from"./index-847f2fde.js";import{C as CoreDelegate,a as attachComponent,d as detachComponent}from"./framework-delegate-aa433dea.js";import{r as raf,g as getElementRoot,a as addEventListener,m as hasLazyBuild}from"./helpers-3379ba19.js";import{c as createLockController}from"./lock-controller-e8c6c051.js";import{p as printIonWarning}from"./index-595d62c9.js";import{B as BACKDROP,j as prepareOverlay,k as setOverlayId,f as present,o as focusFirstDescendant,g as dismiss,h as eventMethod}from"./overlays-e1dadfe6.js";import{b as getIonMode,a as isPlatform}from"./ionic-global-1ef19007.js";import{g as getClassMap}from"./theme-17531cdf.js";import{e as deepReady,w as waitForMount}from"./index-6391de89.js";import{c as createAnimation}from"./animation-a1d9e088.js";import"./hardware-back-button-39299f84.js";import"./index-7a14ecec.js";var getArrowDimensions=function(e){if(!e){return{arrowWidth:0,arrowHeight:0}}var t=e.getBoundingClientRect(),r=t.width,o=t.height;return{arrowWidth:r,arrowHeight:o}};var getPopoverDimensions=function(e,t,r){var o=t.getBoundingClientRect();var n=o.height;var i=o.width;if(e==="cover"&&r){var a=r.getBoundingClientRect();i=a.width}return{contentWidth:i,contentHeight:n}};var configureDismissInteraction=function(e,t,r,o){var n=[];var i=getElementRoot(o);var a=i.querySelector(".popover-content");switch(t){case"hover":n=[{eventName:"mouseenter",callback:function(t){var o=document.elementFromPoint(t.clientX,t.clientY);if(o===e){return}r.dismiss(undefined,undefined,false)}}];break;case"context-menu":case"click":default:n=[{eventName:"click",callback:function(t){var o=t.target;var n=o.closest("[data-ion-popover-trigger]");if(n===e){t.stopPropagation();return}r.dismiss(undefined,undefined,false)}}];break}n.forEach((function(e){var t=e.eventName,r=e.callback;return a.addEventListener(t,r)}));return function(){n.forEach((function(e){var t=e.eventName,r=e.callback;return a.removeEventListener(t,r)}))}};var configureTriggerInteraction=function(e,t,r){var o=[];switch(t){case"hover":var n;o=[{eventName:"mouseenter",callback:function(e){return __awaiter(void 0,void 0,void 0,(function(){return __generator(this,(function(t){e.stopPropagation();if(n){clearTimeout(n)}n=setTimeout((function(){raf((function(){r.presentFromTrigger(e);n=undefined}))}),100);return[2]}))}))}},{eventName:"mouseleave",callback:function(e){if(n){clearTimeout(n)}var t=e.relatedTarget;if(!t){return}if(t.closest("ion-popover")!==r){r.dismiss(undefined,undefined,false)}}},{eventName:"click",callback:function(e){return e.stopPropagation()}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break;case"context-menu":o=[{eventName:"contextmenu",callback:function(e){e.preventDefault();r.presentFromTrigger(e)}},{eventName:"click",callback:function(e){return e.stopPropagation()}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break;case"click":default:o=[{eventName:"click",callback:function(e){return r.presentFromTrigger(e)}},{eventName:"ionPopoverActivateTrigger",callback:function(e){return r.presentFromTrigger(e,true)}}];break}o.forEach((function(t){var r=t.eventName,o=t.callback;return e.addEventListener(r,o)}));e.setAttribute("data-ion-popover-trigger","true");return function(){o.forEach((function(t){var r=t.eventName,o=t.callback;return e.removeEventListener(r,o)}));e.removeAttribute("data-ion-popover-trigger")}};var getIndexOfItem=function(e,t){if(!t||t.tagName!=="ION-ITEM"){return-1}return e.findIndex((function(e){return e===t}))};var getNextItem=function(e,t){var r=getIndexOfItem(e,t);return e[r+1]};var getPrevItem=function(e,t){var r=getIndexOfItem(e,t);return e[r-1]};var focusItem=function(e){var t=getElementRoot(e);var r=t.querySelector("button");if(r){raf((function(){return r.focus()}))}};var isTriggerElement=function(e){return e.hasAttribute("data-ion-popover-trigger")};var configureKeyboardInteraction=function(e){var t=function(t){return __awaiter(void 0,void 0,void 0,(function(){var r,o,n,i,a,s,p,c,d,l,v;return __generator(this,(function(f){switch(f.label){case 0:o=document.activeElement;n=[];i=(r=t.target)===null||r===void 0?void 0:r.tagName;if(i!=="ION-POPOVER"&&i!=="ION-ITEM"){return[2]}try{n=Array.from(e.querySelectorAll("ion-item:not(ion-popover ion-popover *):not([disabled])"))}catch(e){}a=t.key;switch(a){case"ArrowLeft":return[3,1];case"ArrowDown":return[3,3];case"ArrowUp":return[3,4];case"Home":return[3,5];case"End":return[3,6];case"ArrowRight":return[3,7];case" ":return[3,7];case"Enter":return[3,7]}return[3,8];case 1:return[4,e.getParentPopover()];case 2:s=f.sent();if(s){e.dismiss(undefined,undefined,false)}return[3,8];case 3:t.preventDefault();p=getNextItem(n,o);if(p!==undefined){focusItem(p)}return[3,8];case 4:t.preventDefault();c=getPrevItem(n,o);if(c!==undefined){focusItem(c)}return[3,8];case 5:t.preventDefault();d=n[0];if(d!==undefined){focusItem(d)}return[3,8];case 6:t.preventDefault();l=n[n.length-1];if(l!==undefined){focusItem(l)}return[3,8];case 7:if(o&&isTriggerElement(o)){v=new CustomEvent("ionPopoverActivateTrigger");o.dispatchEvent(v)}return[3,8];case 8:return[2]}}))}))};e.addEventListener("keydown",t);return function(){return e.removeEventListener("keydown",t)}};var getPopoverPosition=function(e,t,r,o,n,i,a,s,p,c,d){var l;var v={top:0,left:0,width:0,height:0};switch(i){case"event":if(!d){return p}var f=d;v={top:f.clientY,left:f.clientX,width:1,height:1};break;case"trigger":default:var u=d;var h=c||((l=u===null||u===void 0?void 0:u.detail)===null||l===void 0?void 0:l.ionShadowTarget)||(u===null||u===void 0?void 0:u.target);if(!h){return p}var g=h.getBoundingClientRect();v={top:g.top,left:g.left,width:g.width,height:g.height};break}var m=calculatePopoverSide(a,v,t,r,o,n,e);var w=calculatePopoverAlign(s,a,v,t,r);var b=m.top+w.top;var x=m.left+w.left;var y=calculateArrowPosition(a,o,n,b,x,t,r,e),P=y.arrowTop,k=y.arrowLeft;var A=calculatePopoverOrigin(a,s,e),D=A.originX,E=A.originY;return{top:b,left:x,referenceCoordinates:v,arrowTop:P,arrowLeft:k,originX:D,originY:E}};var calculatePopoverOrigin=function(e,t,r){switch(e){case"top":return{originX:getOriginXAlignment(t),originY:"bottom"};case"bottom":return{originX:getOriginXAlignment(t),originY:"top"};case"left":return{originX:"right",originY:getOriginYAlignment(t)};case"right":return{originX:"left",originY:getOriginYAlignment(t)};case"start":return{originX:r?"left":"right",originY:getOriginYAlignment(t)};case"end":return{originX:r?"right":"left",originY:getOriginYAlignment(t)}}};var getOriginXAlignment=function(e){switch(e){case"start":return"left";case"center":return"center";case"end":return"right"}};var getOriginYAlignment=function(e){switch(e){case"start":return"top";case"center":return"center";case"end":return"bottom"}};var calculateArrowPosition=function(e,t,r,o,n,i,a,s){var p={arrowTop:o+a/2-t/2,arrowLeft:n+i-t/2};var c={arrowTop:o+a/2-t/2,arrowLeft:n-t*1.5};switch(e){case"top":return{arrowTop:o+a,arrowLeft:n+i/2-t/2};case"bottom":return{arrowTop:o-r,arrowLeft:n+i/2-t/2};case"left":return p;case"right":return c;case"start":return s?c:p;case"end":return s?p:c;default:return{arrowTop:0,arrowLeft:0}}};var calculatePopoverSide=function(e,t,r,o,n,i,a){var s={top:t.top,left:t.left-r-n};var p={top:t.top,left:t.left+t.width+n};switch(e){case"top":return{top:t.top-o-i,left:t.left};case"right":return p;case"bottom":return{top:t.top+t.height+i,left:t.left};case"left":return s;case"start":return a?p:s;case"end":return a?s:p}};var calculatePopoverAlign=function(e,t,r,o,n){switch(e){case"center":return calculatePopoverCenterAlign(t,r,o,n);case"end":return calculatePopoverEndAlign(t,r,o,n);case"start":default:return{top:0,left:0}}};var calculatePopoverEndAlign=function(e,t,r,o){switch(e){case"start":case"end":case"left":case"right":return{top:-(o-t.height),left:0};case"top":case"bottom":default:return{top:0,left:-(r-t.width)}}};var calculatePopoverCenterAlign=function(e,t,r,o){switch(e){case"start":case"end":case"left":case"right":return{top:-(o/2-t.height/2),left:0};case"top":case"bottom":default:return{top:0,left:-(r/2-t.width/2)}}};var calculateWindowAdjustment=function(e,t,r,o,n,i,a,s,p,c,d,l,v,f,u){if(v===void 0){v=0}if(f===void 0){f=0}if(u===void 0){u=0}var h=v;var g=f;var m=r;var w=t;var b;var x=c;var y=d;var P=false;var k=false;var A=l?l.top+l.height:i/2-s/2;var D=l?l.height:0;var E=false;if(m<o+p){m=o;P=true;x="left"}else if(a+o+m+p>n){k=true;m=n-a-o;x="right"}if(A+D+s>i&&(e==="top"||e==="bottom")){if(A-s>0){w=Math.max(12,A-s-D-(u-1));h=w+s;y="bottom";E=true}else{b=o}}return{top:w,left:m,bottom:b,originX:x,originY:y,checkSafeAreaLeft:P,checkSafeAreaRight:k,arrowTop:h,arrowLeft:g,addPopoverBottomClass:E}};var shouldShowArrow=function(e,t,r,o){if(t===void 0){t=false}if(!r&&!o){return false}if(e!=="top"&&e!=="bottom"&&t){return false}return true};var POPOVER_IOS_BODY_PADDING=5;var iosEnterAnimation=function(e,t){var r;var o=t.event,n=t.size,i=t.trigger,a=t.reference,s=t.side,p=t.align;var c=e.ownerDocument;var d=c.dir==="rtl";var l=c.defaultView.innerWidth;var v=c.defaultView.innerHeight;var f=getElementRoot(e);var u=f.querySelector(".popover-content");var h=f.querySelector(".popover-arrow");var g=i||((r=o===null||o===void 0?void 0:o.detail)===null||r===void 0?void 0:r.ionShadowTarget)||(o===null||o===void 0?void 0:o.target);var m=getPopoverDimensions(n,u,g),w=m.contentWidth,b=m.contentHeight;var x=getArrowDimensions(h),y=x.arrowWidth,P=x.arrowHeight;var k={top:v/2-b/2,left:l/2-w/2,originX:d?"right":"left",originY:"top"};var A=getPopoverPosition(d,w,b,y,P,a,s,p,k,i,o);var D=n==="cover"?0:POPOVER_IOS_BODY_PADDING;var E=n==="cover"?0:25;var I=calculateWindowAdjustment(s,A.top,A.left,D,l,v,w,b,E,A.originX,A.originY,A.referenceCoordinates,A.arrowTop,A.arrowLeft,P),T=I.originX,O=I.originY,C=I.top,L=I.left,S=I.bottom,_=I.checkSafeAreaLeft,W=I.checkSafeAreaRight,Y=I.arrowTop,N=I.arrowLeft,M=I.addPopoverBottomClass;var j=createAnimation();var R=createAnimation();var B=createAnimation();R.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);B.addElement(f.querySelector(".popover-arrow")).addElement(f.querySelector(".popover-content")).fromTo("opacity",.01,1);return j.easing("ease").duration(100).beforeAddWrite((function(){if(n==="cover"){e.style.setProperty("--width","".concat(w,"px"))}if(M){e.classList.add("popover-bottom")}if(S!==undefined){u.style.setProperty("bottom","".concat(S,"px"))}var t=" + var(--ion-safe-area-left, 0)";var r=" - var(--ion-safe-area-right, 0)";var a="".concat(L,"px");if(_){a="".concat(L,"px").concat(t)}if(W){a="".concat(L,"px").concat(r)}u.style.setProperty("top","calc(".concat(C,"px + var(--offset-y, 0))"));u.style.setProperty("left","calc(".concat(a," + var(--offset-x, 0))"));u.style.setProperty("transform-origin","".concat(O," ").concat(T));if(h!==null){var p=A.top!==C||A.left!==L;var c=shouldShowArrow(s,p,o,i);if(c){h.style.setProperty("top","calc(".concat(Y,"px + var(--offset-y, 0))"));h.style.setProperty("left","calc(".concat(N,"px + var(--offset-x, 0))"))}else{h.style.setProperty("display","none")}}})).addAnimation([R,B])};var iosLeaveAnimation=function(e){var t=getElementRoot(e);var r=t.querySelector(".popover-content");var o=t.querySelector(".popover-arrow");var n=createAnimation();var i=createAnimation();var a=createAnimation();i.addElement(t.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0);a.addElement(t.querySelector(".popover-arrow")).addElement(t.querySelector(".popover-content")).fromTo("opacity",.99,0);return n.easing("ease").afterAddWrite((function(){e.style.removeProperty("--width");e.classList.remove("popover-bottom");r.style.removeProperty("top");r.style.removeProperty("left");r.style.removeProperty("bottom");r.style.removeProperty("transform-origin");if(o){o.style.removeProperty("top");o.style.removeProperty("left");o.style.removeProperty("display")}})).duration(300).addAnimation([i,a])};var POPOVER_MD_BODY_PADDING=12;var mdEnterAnimation=function(e,t){var r;var o=t.event,n=t.size,i=t.trigger,a=t.reference,s=t.side,p=t.align;var c=e.ownerDocument;var d=c.dir==="rtl";var l=c.defaultView.innerWidth;var v=c.defaultView.innerHeight;var f=getElementRoot(e);var u=f.querySelector(".popover-content");var h=i||((r=o===null||o===void 0?void 0:o.detail)===null||r===void 0?void 0:r.ionShadowTarget)||(o===null||o===void 0?void 0:o.target);var g=getPopoverDimensions(n,u,h),m=g.contentWidth,w=g.contentHeight;var b={top:v/2-w/2,left:l/2-m/2,originX:d?"right":"left",originY:"top"};var x=getPopoverPosition(d,m,w,0,0,a,s,p,b,i,o);var y=n==="cover"?0:POPOVER_MD_BODY_PADDING;var P=calculateWindowAdjustment(s,x.top,x.left,y,l,v,m,w,0,x.originX,x.originY,x.referenceCoordinates),k=P.originX,A=P.originY,D=P.top,E=P.left,I=P.bottom;var T=createAnimation();var O=createAnimation();var C=createAnimation();var L=createAnimation();var S=createAnimation();O.addElement(f.querySelector("ion-backdrop")).fromTo("opacity",.01,"var(--backdrop-opacity)").beforeStyles({"pointer-events":"none"}).afterClearStyles(["pointer-events"]);C.addElement(f.querySelector(".popover-wrapper")).duration(150).fromTo("opacity",.01,1);L.addElement(u).beforeStyles({top:"calc(".concat(D,"px + var(--offset-y, 0px))"),left:"calc(".concat(E,"px + var(--offset-x, 0px))"),"transform-origin":"".concat(A," ").concat(k)}).beforeAddWrite((function(){if(I!==undefined){u.style.setProperty("bottom","".concat(I,"px"))}})).fromTo("transform","scale(0.8)","scale(1)");S.addElement(f.querySelector(".popover-viewport")).fromTo("opacity",.01,1);return T.easing("cubic-bezier(0.36,0.66,0.04,1)").duration(300).beforeAddWrite((function(){if(n==="cover"){e.style.setProperty("--width","".concat(m,"px"))}if(A==="bottom"){e.classList.add("popover-bottom")}})).addAnimation([O,C,L,S])};var mdLeaveAnimation=function(e){var t=getElementRoot(e);var r=t.querySelector(".popover-content");var o=createAnimation();var n=createAnimation();var i=createAnimation();n.addElement(t.querySelector("ion-backdrop")).fromTo("opacity","var(--backdrop-opacity)",0);i.addElement(t.querySelector(".popover-wrapper")).fromTo("opacity",.99,0);return o.easing("ease").afterAddWrite((function(){e.style.removeProperty("--width");e.classList.remove("popover-bottom");r.style.removeProperty("top");r.style.removeProperty("left");r.style.removeProperty("bottom");r.style.removeProperty("transform-origin")})).duration(150).addAnimation([n,i])};var popoverIosCss=':host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start):dir(rtl){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end):dir(rtl){--offset-x:5px}}:host{--width:200px;--max-height:90%;--box-shadow:none;--backdrop-opacity:var(--ion-backdrop-opacity, 0.08)}:host(.popover-desktop){--box-shadow:0px 4px 16px 0px rgba(0, 0, 0, 0.12)}.popover-content{border-radius:10px}:host(.popover-desktop) .popover-content{border:0.5px solid var(--ion-color-step-100, #e6e6e6)}.popover-arrow{display:block;position:absolute;width:20px;height:10px;overflow:hidden}.popover-arrow::after{top:3px;border-radius:3px;position:absolute;width:14px;height:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background:var(--background);content:"";z-index:10}@supports (inset-inline-start: 0){.popover-arrow::after{inset-inline-start:3px}}@supports not (inset-inline-start: 0){.popover-arrow::after{left:3px}:host-context([dir=rtl]) .popover-arrow::after{left:unset;right:unset;right:3px}[dir=rtl] .popover-arrow::after{left:unset;right:unset;right:3px}@supports selector(:dir(rtl)){.popover-arrow::after:dir(rtl){left:unset;right:unset;right:3px}}}:host(.popover-bottom) .popover-arrow{top:auto;bottom:-10px}:host(.popover-bottom) .popover-arrow::after{top:-6px}:host(.popover-side-left) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host(.popover-side-right) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host(.popover-side-top) .popover-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host(.popover-side-start) .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}:host-context([dir=rtl]):host(.popover-side-start) .popover-arrow,:host-context([dir=rtl]).popover-side-start .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}@supports selector(:dir(rtl)){:host(.popover-side-start) .popover-arrow:dir(rtl){-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}}:host(.popover-side-end) .popover-arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host-context([dir=rtl]):host(.popover-side-end) .popover-arrow,:host-context([dir=rtl]).popover-side-end .popover-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@supports selector(:dir(rtl)){:host(.popover-side-end) .popover-arrow:dir(rtl){-webkit-transform:rotate(90deg);transform:rotate(90deg)}}.popover-arrow,.popover-content{opacity:0}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.popover-translucent) .popover-content,:host(.popover-translucent) .popover-arrow::after{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}';var popoverMdCss=":host{--background:var(--ion-background-color, #fff);--min-width:0;--min-height:0;--max-width:auto;--height:auto;--offset-x:0px;--offset-y:0px;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:fixed;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;color:var(--ion-text-color, #000);z-index:1001}:host(.popover-nested){pointer-events:none}:host(.popover-nested) .popover-wrapper{pointer-events:auto}:host(.overlay-hidden){display:none}.popover-wrapper{z-index:10}.popover-content{display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:auto;z-index:10}.popover-viewport{--ion-safe-area-top:0px;--ion-safe-area-right:0px;--ion-safe-area-bottom:0px;--ion-safe-area-left:0px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.popover-nested.popover-side-left){--offset-x:5px}:host(.popover-nested.popover-side-right){--offset-x:-5px}:host(.popover-nested.popover-side-start){--offset-x:5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-start),:host-context([dir=rtl]).popover-nested.popover-side-start{--offset-x:-5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-start):dir(rtl){--offset-x:-5px}}:host(.popover-nested.popover-side-end){--offset-x:-5px}:host-context([dir=rtl]):host(.popover-nested.popover-side-end),:host-context([dir=rtl]).popover-nested.popover-side-end{--offset-x:5px}@supports selector(:dir(rtl)){:host(.popover-nested.popover-side-end):dir(rtl){--offset-x:5px}}:host{--width:250px;--max-height:90%;--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);--backdrop-opacity:var(--ion-backdrop-opacity, 0.32)}.popover-content{border-radius:4px;-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]) .popover-content{-webkit-transform-origin:right top;transform-origin:right top}[dir=rtl] .popover-content{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.popover-content:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.popover-viewport{-webkit-transition-delay:100ms;transition-delay:100ms}.popover-wrapper{opacity:0}";var Popover=function(){function e(e){var t=this;registerInstance(this,e);this.didPresent=createEvent(this,"ionPopoverDidPresent",7);this.willPresent=createEvent(this,"ionPopoverWillPresent",7);this.willDismiss=createEvent(this,"ionPopoverWillDismiss",7);this.didDismiss=createEvent(this,"ionPopoverDidDismiss",7);this.didPresentShorthand=createEvent(this,"didPresent",7);this.willPresentShorthand=createEvent(this,"willPresent",7);this.willDismissShorthand=createEvent(this,"willDismiss",7);this.didDismissShorthand=createEvent(this,"didDismiss",7);this.ionMount=createEvent(this,"ionMount",7);this.parentPopover=null;this.coreDelegate=CoreDelegate();this.lockController=createLockController();this.inline=false;this.focusDescendantOnPresent=false;this.onBackdropTap=function(){t.dismiss(undefined,BACKDROP)};this.onLifecycle=function(e){var r=t.usersElement;var o=LIFECYCLE_MAP[e.type];if(r&&o){var n=new CustomEvent(o,{bubbles:false,cancelable:false,detail:e.detail});r.dispatchEvent(n)}};this.configureTriggerInteraction=function(){var e=t,r=e.trigger,o=e.triggerAction,n=e.el,i=e.destroyTriggerInteraction;if(i){i()}if(r===undefined){return}var a=t.triggerEl=r!==undefined?document.getElementById(r):null;if(!a){printIonWarning('A trigger element with the ID "'.concat(r,'" was not found in the DOM. The trigger element must be in the DOM when the "trigger" property is set on ion-popover.'),t.el);return}t.destroyTriggerInteraction=configureTriggerInteraction(a,o,n)};this.configureKeyboardInteraction=function(){var e=t,r=e.destroyKeyboardInteraction,o=e.el;if(r){r()}t.destroyKeyboardInteraction=configureKeyboardInteraction(o)};this.configureDismissInteraction=function(){var e=t,r=e.destroyDismissInteraction,o=e.parentPopover,n=e.triggerAction,i=e.triggerEl,a=e.el;if(!o||!i){return}if(r){r()}t.destroyDismissInteraction=configureDismissInteraction(i,n,a,o)};this.presented=false;this.hasController=false;this.delegate=undefined;this.overlayIndex=undefined;this.enterAnimation=undefined;this.leaveAnimation=undefined;this.component=undefined;this.componentProps=undefined;this.keyboardClose=true;this.cssClass=undefined;this.backdropDismiss=true;this.event=undefined;this.showBackdrop=true;this.translucent=false;this.animated=true;this.htmlAttributes=undefined;this.triggerAction="click";this.trigger=undefined;this.size="auto";this.dismissOnSelect=false;this.reference="trigger";this.side="bottom";this.alignment=undefined;this.arrow=true;this.isOpen=false;this.keyboardEvents=false;this.keepContentsMounted=false}e.prototype.onTriggerChange=function(){this.configureTriggerInteraction()};e.prototype.onIsOpenChange=function(e,t){if(e===true&&t===false){this.present()}else if(e===false&&t===true){this.dismiss()}};e.prototype.connectedCallback=function(){var e=this,t=e.configureTriggerInteraction,r=e.el;prepareOverlay(r);t()};e.prototype.disconnectedCallback=function(){var e=this.destroyTriggerInteraction;if(e){e()}};e.prototype.componentWillLoad=function(){var e=this.el;var t=setOverlayId(e);this.parentPopover=e.closest("ion-popover:not(#".concat(t,")"));if(this.alignment===undefined){this.alignment=getIonMode(this)==="ios"?"center":"start"}};e.prototype.componentDidLoad=function(){var e=this;var t=this,r=t.parentPopover,o=t.isOpen;if(o===true){raf((function(){return e.present()}))}if(r){addEventListener(r,"ionPopoverWillDismiss",(function(){e.dismiss(undefined,undefined,false)}))}};e.prototype.presentFromTrigger=function(e,t){if(t===void 0){t=false}return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(r){switch(r.label){case 0:this.focusDescendantOnPresent=t;return[4,this.present(e)];case 1:r.sent();this.focusDescendantOnPresent=false;return[2]}}))}))};e.prototype.getDelegate=function(e){if(e===void 0){e=false}if(this.workingDelegate&&!e){return{delegate:this.workingDelegate,inline:this.inline}}var t=this.el.parentNode;var r=this.inline=t!==null&&!this.hasController;var o=this.workingDelegate=r?this.delegate||this.coreDelegate:this.delegate;return{inline:r,delegate:o}};e.prototype.present=function(e){return __awaiter(this,void 0,void 0,(function(){var t,r,o,n,i,a;return __generator(this,(function(s){switch(s.label){case 0:return[4,this.lockController.lock()];case 1:t=s.sent();if(this.presented){t();return[2]}r=this.el;o=this.getDelegate(true),n=o.inline,i=o.delegate;this.ionMount.emit();a=this;return[4,attachComponent(i,r,this.component,["popover-viewport"],this.componentProps,n)];case 2:a.usersElement=s.sent();if(!this.keyboardEvents){this.configureKeyboardInteraction()}this.configureDismissInteraction();if(!hasLazyBuild(r))return[3,4];return[4,deepReady(this.usersElement)];case 3:s.sent();return[3,6];case 4:if(!!this.keepContentsMounted)return[3,6];return[4,waitForMount()];case 5:s.sent();s.label=6;case 6:return[4,present(this,"popoverEnter",iosEnterAnimation,mdEnterAnimation,{event:e||this.event,size:this.size,trigger:this.triggerEl,reference:this.reference,side:this.side,align:this.alignment})];case 7:s.sent();if(this.focusDescendantOnPresent){focusFirstDescendant(this.el,this.el)}t();return[2]}}))}))};e.prototype.dismiss=function(e,t,r){if(r===void 0){r=true}return __awaiter(this,void 0,void 0,(function(){var o,n,i,a,s,p;return __generator(this,(function(c){switch(c.label){case 0:return[4,this.lockController.lock()];case 1:o=c.sent();n=this,i=n.destroyKeyboardInteraction,a=n.destroyDismissInteraction;if(r&&this.parentPopover){this.parentPopover.dismiss(e,t,r)}return[4,dismiss(this,e,t,"popoverLeave",iosLeaveAnimation,mdLeaveAnimation,this.event)];case 2:s=c.sent();if(!s)return[3,4];if(i){i();this.destroyKeyboardInteraction=undefined}if(a){a();this.destroyDismissInteraction=undefined}p=this.getDelegate().delegate;return[4,detachComponent(p,this.usersElement)];case 3:c.sent();c.label=4;case 4:o();return[2,s]}}))}))};e.prototype.getParentPopover=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){return[2,this.parentPopover]}))}))};e.prototype.onDidDismiss=function(){return eventMethod(this.el,"ionPopoverDidDismiss")};e.prototype.onWillDismiss=function(){return eventMethod(this.el,"ionPopoverWillDismiss")};e.prototype.render=function(){var e;var t=this;var r=getIonMode(this);var o=this,n=o.onLifecycle,i=o.parentPopover,a=o.dismissOnSelect,s=o.side,p=o.arrow,c=o.htmlAttributes;var d=isPlatform("desktop");var l=p&&!i;return h(Host,Object.assign({"aria-modal":"true","no-router":true,tabindex:"-1"},c,{style:{zIndex:"".concat(2e4+this.overlayIndex)},class:Object.assign(Object.assign({},getClassMap(this.cssClass)),(e={},e[r]=true,e["popover-translucent"]=this.translucent,e["overlay-hidden"]=true,e["popover-desktop"]=d,e["popover-side-".concat(s)]=true,e["popover-nested"]=!!i,e)),onIonPopoverDidPresent:n,onIonPopoverWillPresent:n,onIonPopoverWillDismiss:n,onIonPopoverDidDismiss:n,onIonBackdropTap:this.onBackdropTap}),!i&&h("ion-backdrop",{tappable:this.backdropDismiss,visible:this.showBackdrop,part:"backdrop"}),h("div",{class:"popover-wrapper ion-overlay-wrapper",onClick:a?function(){return t.dismiss()}:undefined},l&&h("div",{class:"popover-arrow",part:"arrow"}),h("div",{class:"popover-content",part:"content"},h("slot",null))))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{trigger:["onTriggerChange"],triggerAction:["onTriggerChange"],isOpen:["onIsOpenChange"]}},enumerable:false,configurable:true});return e}();var LIFECYCLE_MAP={ionPopoverDidPresent:"ionViewDidEnter",ionPopoverWillPresent:"ionViewWillEnter",ionPopoverWillDismiss:"ionViewWillLeave",ionPopoverDidDismiss:"ionViewDidLeave"};Popover.style={ios:popoverIosCss,md:popoverMdCss};export{Popover as ion_popover};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import{__awaiter,__generator}from"tslib";
|
|
2
2
|
/*!
|
|
3
3
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
4
|
-
*/import{r as registerInstance,d as createEvent,h,H as Host,f as getElement}from"./index-847f2fde.js";import{f as findClosestIonContent,d as disableContentScrollY,r as resetContentScrollY}from"./index-746a238e.js";import{c as createLegacyFormController}from"./form-controller-ed77647a.js";import{l as clamp,j as debounceEvent,i as inheritAriaAttributes,d as renderHiddenInput,e as getAriaLabel}from"./helpers-3379ba19.js";import{p as printIonWarning}from"./index-595d62c9.js";import{i as isRTL}from"./dir-912e3e13.js";import{c as createColorClasses,h as hostContext}from"./theme-17531cdf.js";import{b as getIonMode}from"./ionic-global-1ef19007.js";function getDecimalPlaces(e){if(e%1===0)return 0;return e.toString().split(".")[1].length}function roundToMaxDecimalPlaces(e){var t=[];for(var n=1;n<arguments.length;n++){t[n-1]=arguments[n]}var r=Math.max.apply(Math,t.map((function(e){return getDecimalPlaces(e)})));return Number(e.toFixed(r))}var rangeIosCss=":host{--knob-handle-size:calc(var(--knob-size) * 2);display:-ms-flexbox;display:flex;position:relative;-ms-flex:3;flex:3;-ms-flex-align:center;align-items:center;font-family:var(--ion-font-family, inherit);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.range-disabled){pointer-events:none}::slotted(ion-label){-ms-flex:initial;flex:initial}::slotted(ion-icon[slot]){font-size:24px}.range-slider{position:relative;-ms-flex:1;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y}:host(.range-pressed) .range-slider{cursor:-webkit-grabbing;cursor:grabbing}.range-pin{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.range-knob-handle{top:calc((var(--height) - var(--knob-handle-size)) / 2);-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-pack:center;justify-content:center;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}@supports (inset-inline-start: 0){.range-knob-handle{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-knob-handle{left:0}:host-context([dir=rtl]) .range-knob-handle{left:unset;right:unset;right:0}[dir=rtl] .range-knob-handle{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-knob-handle:dir(rtl){left:unset;right:unset;right:0}}}:host-context([dir=rtl]) .range-knob-handle{left:unset}[dir=rtl] .range-knob-handle{left:unset}@supports selector(:dir(rtl)){.range-knob-handle:dir(rtl){left:unset}}.range-knob-handle:active,.range-knob-handle:focus{outline:none}.range-bar-container{border-radius:var(--bar-border-radius);top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height)}@supports (inset-inline-start: 0){.range-bar-container{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-bar-container{left:0}:host-context([dir=rtl]) .range-bar-container{left:unset;right:unset;right:0}[dir=rtl] .range-bar-container{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-bar-container:dir(rtl){left:unset;right:unset;right:0}}}:host-context([dir=rtl]) .range-bar-container{left:unset}[dir=rtl] .range-bar-container{left:unset}@supports selector(:dir(rtl)){.range-bar-container:dir(rtl){left:unset}}.range-bar{border-radius:var(--bar-border-radius);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}.range-knob{border-radius:var(--knob-border-radius);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);-webkit-box-shadow:var(--knob-box-shadow);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}@supports (inset-inline-start: 0){.range-knob{inset-inline-start:calc(50% - var(--knob-size) / 2)}}@supports not (inset-inline-start: 0){.range-knob{left:calc(50% - var(--knob-size) / 2)}:host-context([dir=rtl]) .range-knob{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}[dir=rtl] .range-knob{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}@supports selector(:dir(rtl)){.range-knob:dir(rtl){left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}}}:host-context([dir=rtl]) .range-knob{left:unset}[dir=rtl] .range-knob{left:unset}@supports selector(:dir(rtl)){.range-knob:dir(rtl){left:unset}}:host(.range-pressed) .range-bar-active{will-change:left, right}:host(.in-item){width:100%}:host([slot=start]),:host([slot=end]){width:auto}:host(.in-item) ::slotted(ion-label){-ms-flex-item-align:center;align-self:center}.range-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit}::slotted([slot=label]){max-width:200px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}:host(.range-label-placement-start) .range-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.range-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.range-label-placement-end) .range-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.range-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.range-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.range-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host{--knob-border-radius:50%;--knob-background:#ffffff;--knob-box-shadow:0px 0.5px 4px rgba(0, 0, 0, 0.12), 0px 6px 13px rgba(0, 0, 0, 0.12);--knob-size:26px;--bar-height:4px;--bar-background:var(--ion-color-step-900, #e6e6e6);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:2px;--height:42px}:host(.legacy-range){-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}:host(.ion-color) .range-bar-active,:host(.ion-color) .range-tick-active{background:var(--ion-color-base)}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.range-has-pin){padding-top:calc(0.75rem + 8px)}.range-bar-active{bottom:0;width:auto;background:var(--bar-background-active)}.range-bar-active.has-ticks{border-radius:0;-webkit-margin-start:-2px;margin-inline-start:-2px;-webkit-margin-end:-2px;margin-inline-end:-2px}.range-tick{-webkit-margin-start:-2px;margin-inline-start:-2px;border-radius:0;position:absolute;top:17px;width:4px;height:8px;background:var(--ion-color-step-900, #e6e6e6);pointer-events:none}.range-tick-active{background:var(--bar-background-active)}.range-pin{-webkit-transform:translate3d(0, 100%, 0) scale(0.01);transform:translate3d(0, 100%, 0) scale(0.01);-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;min-width:28px;-webkit-transition:-webkit-transform 120ms ease;transition:-webkit-transform 120ms ease;transition:transform 120ms ease;transition:transform 120ms ease, -webkit-transform 120ms ease;background:transparent;color:var(--ion-text-color, #000);font-size:0.75rem;text-align:center}.range-knob-pressed .range-pin,.range-knob-handle.ion-focused .range-pin{-webkit-transform:translate3d(0, calc(-100% + 11px), 0) scale(1);transform:translate3d(0, calc(-100% + 11px), 0) scale(1)}:host(.range-disabled){opacity:0.3}";var rangeMdCss=':host{--knob-handle-size:calc(var(--knob-size) * 2);display:-ms-flexbox;display:flex;position:relative;-ms-flex:3;flex:3;-ms-flex-align:center;align-items:center;font-family:var(--ion-font-family, inherit);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.range-disabled){pointer-events:none}::slotted(ion-label){-ms-flex:initial;flex:initial}::slotted(ion-icon[slot]){font-size:24px}.range-slider{position:relative;-ms-flex:1;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y}:host(.range-pressed) .range-slider{cursor:-webkit-grabbing;cursor:grabbing}.range-pin{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.range-knob-handle{top:calc((var(--height) - var(--knob-handle-size)) / 2);-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-pack:center;justify-content:center;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}@supports (inset-inline-start: 0){.range-knob-handle{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-knob-handle{left:0}:host-context([dir=rtl]) .range-knob-handle{left:unset;right:unset;right:0}[dir=rtl] .range-knob-handle{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-knob-handle:dir(rtl){left:unset;right:unset;right:0}}}:host-context([dir=rtl]) .range-knob-handle{left:unset}[dir=rtl] .range-knob-handle{left:unset}@supports selector(:dir(rtl)){.range-knob-handle:dir(rtl){left:unset}}.range-knob-handle:active,.range-knob-handle:focus{outline:none}.range-bar-container{border-radius:var(--bar-border-radius);top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height)}@supports (inset-inline-start: 0){.range-bar-container{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-bar-container{left:0}:host-context([dir=rtl]) .range-bar-container{left:unset;right:unset;right:0}[dir=rtl] .range-bar-container{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-bar-container:dir(rtl){left:unset;right:unset;right:0}}}:host-context([dir=rtl]) .range-bar-container{left:unset}[dir=rtl] .range-bar-container{left:unset}@supports selector(:dir(rtl)){.range-bar-container:dir(rtl){left:unset}}.range-bar{border-radius:var(--bar-border-radius);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}.range-knob{border-radius:var(--knob-border-radius);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);-webkit-box-shadow:var(--knob-box-shadow);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}@supports (inset-inline-start: 0){.range-knob{inset-inline-start:calc(50% - var(--knob-size) / 2)}}@supports not (inset-inline-start: 0){.range-knob{left:calc(50% - var(--knob-size) / 2)}:host-context([dir=rtl]) .range-knob{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}[dir=rtl] .range-knob{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}@supports selector(:dir(rtl)){.range-knob:dir(rtl){left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}}}:host-context([dir=rtl]) .range-knob{left:unset}[dir=rtl] .range-knob{left:unset}@supports selector(:dir(rtl)){.range-knob:dir(rtl){left:unset}}:host(.range-pressed) .range-bar-active{will-change:left, right}:host(.in-item){width:100%}:host([slot=start]),:host([slot=end]){width:auto}:host(.in-item) ::slotted(ion-label){-ms-flex-item-align:center;align-self:center}.range-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit}::slotted([slot=label]){max-width:200px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}:host(.range-label-placement-start) .range-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.range-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.range-label-placement-end) .range-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.range-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.range-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.range-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host{--knob-border-radius:50%;--knob-background:var(--bar-background-active);--knob-box-shadow:none;--knob-size:18px;--bar-height:2px;--bar-background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.26);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:0;--height:42px;--pin-background:var(--ion-color-primary, #3880ff);--pin-color:var(--ion-color-primary-contrast, #fff)}:host(.legacy-range) ::slotted([slot=label]){font-size:initial}:host(:not(.legacy-range)) ::slotted(:not(ion-icon)[slot=start]),:host(:not(.legacy-range)) ::slotted(:not(ion-icon)[slot=end]),:host(:not(.legacy-range)) .native-wrapper{font-size:0.75rem}:host(.legacy-range){-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:8px;padding-bottom:8px;font-size:0.75rem}:host(.ion-color) .range-bar{background:rgba(var(--ion-color-base-rgb), 0.26)}:host(.ion-color) .range-bar-active,:host(.ion-color) .range-knob,:host(.ion-color) .range-knob::before,:host(.ion-color) .range-pin,:host(.ion-color) .range-pin::before,:host(.ion-color) .range-tick{background:var(--ion-color-base);color:var(--ion-color-contrast)}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.range-has-pin){padding-top:1.75rem}.range-bar-active{bottom:0;width:auto;background:var(--bar-background-active)}.range-knob{-webkit-transform:scale(0.67);transform:scale(0.67);-webkit-transition-duration:120ms;transition-duration:120ms;-webkit-transition-property:background-color, border, -webkit-transform;transition-property:background-color, border, -webkit-transform;transition-property:transform, background-color, border;transition-property:transform, background-color, border, -webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;z-index:2}.range-knob::before{border-radius:50%;position:absolute;width:var(--knob-size);height:var(--knob-size);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:0.267s cubic-bezier(0, 0, 0.58, 1);transition:0.267s cubic-bezier(0, 0, 0.58, 1);background:var(--knob-background);content:"";opacity:0.13;pointer-events:none}@supports (inset-inline-start: 0){.range-knob::before{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-knob::before{left:0}:host-context([dir=rtl]) .range-knob::before{left:unset;right:unset;right:0}[dir=rtl] .range-knob::before{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-knob::before:dir(rtl){left:unset;right:unset;right:0}}}.range-tick{position:absolute;top:calc((var(--height) - var(--bar-height)) / 2);width:var(--bar-height);height:var(--bar-height);background:var(--bar-background-active);z-index:1;pointer-events:none}.range-tick-active{background:transparent}.range-pin{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;border-radius:50%;-webkit-transform:translate3d(0, 0, 0) scale(0.01);transform:translate3d(0, 0, 0) scale(0.01);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.75rem;height:1.75rem;-webkit-transition:background 120ms ease, -webkit-transform 120ms ease;transition:background 120ms ease, -webkit-transform 120ms ease;transition:transform 120ms ease, background 120ms ease;transition:transform 120ms ease, background 120ms ease, -webkit-transform 120ms ease;background:var(--pin-background);color:var(--pin-color)}.range-pin::before{bottom:-1px;-webkit-margin-start:-13px;margin-inline-start:-13px;border-radius:50% 50% 50% 0;position:absolute;width:26px;height:26px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 120ms ease;transition:background 120ms ease;background:var(--pin-background);content:"";z-index:-1}@supports (inset-inline-start: 0){.range-pin::before{inset-inline-start:50%}}@supports not (inset-inline-start: 0){.range-pin::before{left:50%}:host-context([dir=rtl]) .range-pin::before{left:unset;right:unset;right:50%}[dir=rtl] .range-pin::before{left:unset;right:unset;right:50%}@supports selector(:dir(rtl)){.range-pin::before:dir(rtl){left:unset;right:unset;right:50%}}}:host-context([dir=rtl]) .range-pin::before{left:unset}[dir=rtl] .range-pin::before{left:unset}@supports selector(:dir(rtl)){.range-pin::before:dir(rtl){left:unset}}.range-knob-pressed .range-pin,.range-knob-handle.ion-focused .range-pin{-webkit-transform:translate3d(0, calc(-100% + 4px), 0) scale(1);transform:translate3d(0, calc(-100% + 4px), 0) scale(1)}@media (any-hover: hover){.range-knob-handle:hover .range-knob:before{-webkit-transform:scale(2);transform:scale(2);opacity:0.13}}.range-knob-handle.ion-activated .range-knob:before,.range-knob-handle.ion-focused .range-knob:before,.range-knob-handle.range-knob-pressed .range-knob:before{-webkit-transform:scale(2);transform:scale(2)}.range-knob-handle.ion-focused .range-knob::before{opacity:0.13}.range-knob-handle.ion-activated .range-knob::before,.range-knob-handle.range-knob-pressed .range-knob::before{opacity:0.25}:host(:not(.range-has-pin)) .range-knob-pressed .range-knob,:host(:not(.range-has-pin)) .range-knob-handle.ion-focused .range-knob{-webkit-transform:scale(1);transform:scale(1)}:host(.range-disabled) .range-bar-active,:host(.range-disabled) .range-bar,:host(.range-disabled) .range-tick{background-color:var(--ion-color-step-250, #bfbfbf)}:host(.range-disabled) .range-knob{-webkit-transform:scale(0.55);transform:scale(0.55);outline:5px solid #fff;background-color:var(--ion-color-step-250, #bfbfbf)}:host(.range-disabled) .label-text-wrapper,:host(.range-disabled) ::slotted([slot=start]),:host(.range-disabled) ::slotted([slot=end]){opacity:0.38}';var Range=function(){function e(e){var t=this;registerInstance(this,e);this.ionChange=createEvent(this,"ionChange",7);this.ionInput=createEvent(this,"ionInput",7);this.ionStyle=createEvent(this,"ionStyle",7);this.ionFocus=createEvent(this,"ionFocus",7);this.ionBlur=createEvent(this,"ionBlur",7);this.ionKnobMoveStart=createEvent(this,"ionKnobMoveStart",7);this.ionKnobMoveEnd=createEvent(this,"ionKnobMoveEnd",7);this.rangeId="ion-r-".concat(rangeIds++);this.didLoad=false;this.noUpdate=false;this.hasFocus=false;this.inheritedAttributes={};this.contentEl=null;this.initialContentScrollY=true;this.hasLoggedDeprecationWarning=false;this.clampBounds=function(e){return clamp(t.min,e,t.max)};this.ensureValueInBounds=function(e){if(t.dualKnobs){return{lower:t.clampBounds(e.lower),upper:t.clampBounds(e.upper)}}else{return t.clampBounds(e)}};this.setupGesture=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;var n=this;return __generator(this,(function(r){switch(r.label){case 0:e=this.rangeSlider;if(!e)return[3,2];t=this;return[4,import("./index-ff313b19.js")];case 1:t.gesture=r.sent().createGesture({el:e,gestureName:"range",gesturePriority:100,threshold:0,onStart:function(e){return n.onStart(e)},onMove:function(e){return n.onMove(e)},onEnd:function(e){return n.onEnd(e)}});this.gesture.enable(!this.disabled);r.label=2;case 2:return[2]}}))}))};this.handleKeyboard=function(e,n){var r=t.ensureValueInBounds;var a=t.step;a=a>0?a:1;a=a/(t.max-t.min);if(!n){a*=-1}if(e==="A"){t.ratioA=clamp(0,t.ratioA+a,1)}else{t.ratioB=clamp(0,t.ratioB+a,1)}t.ionKnobMoveStart.emit({value:r(t.value)});t.updateValue();t.emitValueChange();t.ionKnobMoveEnd.emit({value:r(t.value)})};this.onBlur=function(){if(t.hasFocus){t.hasFocus=false;t.ionBlur.emit();t.emitStyle()}};this.onFocus=function(){if(!t.hasFocus){t.hasFocus=true;t.ionFocus.emit();t.emitStyle()}};this.ratioA=0;this.ratioB=0;this.pressedKnob=undefined;this.color=undefined;this.debounce=undefined;this.name=this.rangeId;this.label=undefined;this.dualKnobs=false;this.min=0;this.max=100;this.pin=false;this.pinFormatter=function(e){return Math.round(e)};this.snaps=false;this.step=1;this.ticks=true;this.activeBarStart=undefined;this.disabled=false;this.value=0;this.labelPlacement="start";this.legacy=undefined}e.prototype.debounceChanged=function(){var e=this,t=e.ionInput,n=e.debounce,r=e.originalIonInput;this.ionInput=n===undefined?r!==null&&r!==void 0?r:t:debounceEvent(t,n)};e.prototype.minChanged=function(){if(!this.noUpdate){this.updateRatio()}};e.prototype.maxChanged=function(){if(!this.noUpdate){this.updateRatio()}};e.prototype.activeBarStartChanged=function(){var e=this.activeBarStart;if(e!==undefined){if(e>this.max){printIonWarning("Range: The value of activeBarStart (".concat(e,") is greater than the max (").concat(this.max,"). Valid values are greater than or equal to the min value and less than or equal to the max value."),this.el);this.activeBarStart=this.max}else if(e<this.min){printIonWarning("Range: The value of activeBarStart (".concat(e,") is less than the min (").concat(this.min,"). Valid values are greater than or equal to the min value and less than or equal to the max value."),this.el);this.activeBarStart=this.min}}};e.prototype.disabledChanged=function(){if(this.gesture){this.gesture.enable(!this.disabled)}this.emitStyle()};e.prototype.valueChanged=function(){if(!this.noUpdate){this.updateRatio()}};e.prototype.componentWillLoad=function(){if(this.el.hasAttribute("id")){this.rangeId=this.el.getAttribute("id")}this.inheritedAttributes=inheritAriaAttributes(this.el)};e.prototype.componentDidLoad=function(){this.originalIonInput=this.ionInput;this.setupGesture();this.didLoad=true};e.prototype.connectedCallback=function(){var e=this.el;this.legacyFormController=createLegacyFormController(e);this.updateRatio();this.debounceChanged();this.disabledChanged();this.activeBarStartChanged();if(this.didLoad){this.setupGesture()}this.contentEl=findClosestIonContent(this.el)};e.prototype.disconnectedCallback=function(){if(this.gesture){this.gesture.destroy();this.gesture=undefined}};e.prototype.getValue=function(){var e;var t=(e=this.value)!==null&&e!==void 0?e:0;if(this.dualKnobs){if(typeof t==="object"){return t}return{lower:0,upper:t}}else{if(typeof t==="object"){return t.upper}return t}};e.prototype.emitStyle=function(){if(this.legacyFormController.hasLegacyControl()){this.ionStyle.emit({interactive:true,"interactive-disabled":this.disabled})}};e.prototype.emitValueChange=function(){this.value=this.ensureValueInBounds(this.value);this.ionChange.emit({value:this.value})};e.prototype.onStart=function(e){var t=this.contentEl;if(t){this.initialContentScrollY=disableContentScrollY(t)}var n=this.rect=this.rangeSlider.getBoundingClientRect();var r=e.currentX;var a=clamp(0,(r-n.left)/n.width,1);if(isRTL(this.el)){a=1-a}this.pressedKnob=!this.dualKnobs||Math.abs(this.ratioA-a)<Math.abs(this.ratioB-a)?"A":"B";this.setFocus(this.pressedKnob);this.update(r);this.ionKnobMoveStart.emit({value:this.ensureValueInBounds(this.value)})};e.prototype.onMove=function(e){this.update(e.currentX)};e.prototype.onEnd=function(e){var t=this,n=t.contentEl,r=t.initialContentScrollY;if(n){resetContentScrollY(n,r)}this.update(e.currentX);this.pressedKnob=undefined;this.emitValueChange();this.ionKnobMoveEnd.emit({value:this.ensureValueInBounds(this.value)})};e.prototype.update=function(e){var t=this.rect;var n=clamp(0,(e-t.left)/t.width,1);if(isRTL(this.el)){n=1-n}if(this.snaps){n=valueToRatio(ratioToValue(n,this.min,this.max,this.step),this.min,this.max)}if(this.pressedKnob==="A"){this.ratioA=n}else{this.ratioB=n}this.updateValue()};Object.defineProperty(e.prototype,"valA",{get:function(){return ratioToValue(this.ratioA,this.min,this.max,this.step)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"valB",{get:function(){return ratioToValue(this.ratioB,this.min,this.max,this.step)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"ratioLower",{get:function(){if(this.dualKnobs){return Math.min(this.ratioA,this.ratioB)}var e=this.activeBarStart;if(e==null){return 0}return valueToRatio(e,this.min,this.max)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"ratioUpper",{get:function(){if(this.dualKnobs){return Math.max(this.ratioA,this.ratioB)}return this.ratioA},enumerable:false,configurable:true});e.prototype.updateRatio=function(){var e=this.getValue();var t=this,n=t.min,r=t.max;if(this.dualKnobs){this.ratioA=valueToRatio(e.lower,n,r);this.ratioB=valueToRatio(e.upper,n,r)}else{this.ratioA=valueToRatio(e,n,r)}};e.prototype.updateValue=function(){this.noUpdate=true;var e=this,t=e.valA,n=e.valB;this.value=!this.dualKnobs?t:{lower:Math.min(t,n),upper:Math.max(t,n)};this.ionInput.emit({value:this.value});this.noUpdate=false};e.prototype.setFocus=function(e){if(this.el.shadowRoot){var t=this.el.shadowRoot.querySelector(e==="A"?".range-knob-a":".range-knob-b");if(t){t.focus()}}};e.prototype.renderLegacyRange=function(){var e;if(!this.hasLoggedDeprecationWarning){printIonWarning('ion-range now requires providing a label with either the label slot or the "aria-label" attribute. To migrate, remove any usage of "ion-label" and pass the label text to either the component or the "aria-label" attribute.\n\nExample: <ion-range><div slot="label">Volume</div></ion-range>\nExample with aria-label: <ion-range aria-label="Volume"></ion-range>\n\nDevelopers can use the "legacy" property to continue using the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.',this.el);if(this.legacy){printIonWarning('ion-range is being used with the "legacy" property enabled which will forcibly enable the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.\n\nDevelopers can dismiss this warning by removing their usage of the "legacy" property and using the new range syntax.',this.el)}this.hasLoggedDeprecationWarning=true}var t=this,n=t.el,r=t.pressedKnob,a=t.disabled,i=t.pin,o=t.rangeId;var s=getIonMode(this);renderHiddenInput(true,n,this.name,JSON.stringify(this.getValue()),a);return h(Host,{onFocusin:this.onFocus,onFocusout:this.onBlur,id:o,class:createColorClasses(this.color,(e={},e[s]=true,e["in-item"]=hostContext("ion-item",n),e["range-disabled"]=a,e["range-pressed"]=r!==undefined,e["range-has-pin"]=i,e["legacy-range"]=true,e))},h("slot",{name:"start"}),this.renderRangeSlider(),h("slot",{name:"end"}))};e.prototype.renderRange=function(){var e;var t=this,n=t.disabled,r=t.el,a=t.rangeId,i=t.pin,o=t.pressedKnob,s=t.labelPlacement,l=t.label;var d=getIonMode(this);renderHiddenInput(true,r,this.name,JSON.stringify(this.getValue()),n);return h(Host,{onFocusin:this.onFocus,onFocusout:this.onBlur,id:a,class:createColorClasses(this.color,(e={},e[d]=true,e["in-item"]=hostContext("ion-item",r),e["range-disabled"]=n,e["range-pressed"]=o!==undefined,e["range-has-pin"]=i,e["range-label-placement-".concat(s)]=true,e))},h("label",{class:"range-wrapper",id:"range-label"},h("div",{class:{"label-text-wrapper":true,"label-text-wrapper-hidden":!this.hasLabel}},l!==undefined?h("div",{class:"label-text"},l):h("slot",{name:"label"})),h("div",{class:"native-wrapper"},h("slot",{name:"start"}),this.renderRangeSlider(),h("slot",{name:"end"}))))};Object.defineProperty(e.prototype,"hasLabel",{get:function(){return this.label!==undefined||this.el.querySelector('[slot="label"]')!==null},enumerable:false,configurable:true});e.prototype.renderRangeSlider=function(){var e;var t=this;var n;var r=this,a=r.min,i=r.max,o=r.step,s=r.el,l=r.handleKeyboard,d=r.pressedKnob,b=r.disabled,g=r.pin,c=r.ratioLower,p=r.ratioUpper,u=r.inheritedAttributes,f=r.rangeId,m=r.pinFormatter;var v=getAriaLabel(s,f).labelText;if(v===undefined||v===null){v=u["aria-label"]}var x="".concat(c*100,"%");var k="".concat(100-p*100,"%");var w=isRTL(this.el);var y=w?"right":"left";var z=w?"left":"right";var C=function(e){var t;return t={},t[y]=e[y],t};if(this.dualKnobs===false){if(this.valA<((n=this.activeBarStart)!==null&&n!==void 0?n:this.min)){x="".concat(p*100,"%");k="".concat(100-c*100,"%")}else{x="".concat(c*100,"%");k="".concat(100-p*100,"%")}}var B=(e={},e[y]=x,e[z]=k,e);var S=[];if(this.snaps&&this.ticks){for(var I=a;I<=i;I+=o){var A=valueToRatio(I,a,i);var K=Math.min(c,p);var R=Math.max(c,p);var M={ratio:A,active:A>=K&&A<=R};M[y]="".concat(A*100,"%");S.push(M)}}var F;if(!this.legacyFormController.hasLegacyControl()&&this.hasLabel){F="range-label"}return h("div",{class:"range-slider",ref:function(e){return t.rangeSlider=e}},S.map((function(e){return h("div",{style:C(e),role:"presentation",class:{"range-tick":true,"range-tick-active":e.active},part:e.active?"tick-active":"tick"})})),h("div",{class:"range-bar-container"},h("div",{class:"range-bar",role:"presentation",part:"bar"}),h("div",{class:{"range-bar":true,"range-bar-active":true,"has-ticks":S.length>0},role:"presentation",style:B,part:"bar-active"})),renderKnob(w,{knob:"A",pressed:d==="A",value:this.valA,ratio:this.ratioA,pin:g,pinFormatter:m,disabled:b,handleKeyboard:l,min:a,max:i,labelText:v,labelledBy:F}),this.dualKnobs&&renderKnob(w,{knob:"B",pressed:d==="B",value:this.valB,ratio:this.ratioB,pin:g,pinFormatter:m,disabled:b,handleKeyboard:l,min:a,max:i,labelText:v,labelledBy:F}))};e.prototype.render=function(){var e=this.legacyFormController;return e.hasLegacyControl()?this.renderLegacyRange():this.renderRange()};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"],min:["minChanged"],max:["maxChanged"],activeBarStart:["activeBarStartChanged"],disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();var renderKnob=function(e,t){var n=t.knob,r=t.value,a=t.ratio,i=t.min,o=t.max,s=t.disabled,l=t.pressed,d=t.pin,b=t.handleKeyboard,g=t.labelText,c=t.labelledBy,p=t.pinFormatter;var u=e?"right":"left";var f=function(){var e={};e[u]="".concat(a*100,"%");return e};return h("div",{onKeyDown:function(e){var t=e.key;if(t==="ArrowLeft"||t==="ArrowDown"){b(n,false);e.preventDefault();e.stopPropagation()}else if(t==="ArrowRight"||t==="ArrowUp"){b(n,true);e.preventDefault();e.stopPropagation()}},class:{"range-knob-handle":true,"range-knob-a":n==="A","range-knob-b":n==="B","range-knob-pressed":l,"range-knob-min":r===i,"range-knob-max":r===o,"ion-activatable":true,"ion-focusable":true},style:f(),role:"slider",tabindex:s?-1:0,"aria-label":c===undefined?g:null,"aria-labelledby":c!==undefined?c:null,"aria-valuemin":i,"aria-valuemax":o,"aria-disabled":s?"true":null,"aria-valuenow":r},d&&h("div",{class:"range-pin",role:"presentation",part:"pin"},p(r)),h("div",{class:"range-knob",role:"presentation",part:"knob"}))};var ratioToValue=function(e,t,n,r){var a=(n-t)*e;if(r>0){a=Math.round(a/r)*r+t}var i=clamp(t,a,n);return roundToMaxDecimalPlaces(i,t,n,r)};var valueToRatio=function(e,t,n){return clamp(0,(e-t)/(n-t),1)};var rangeIds=0;Range.style={ios:rangeIosCss,md:rangeMdCss};export{Range as ion_range};
|
|
4
|
+
*/import{r as registerInstance,d as createEvent,h,H as Host,f as getElement}from"./index-847f2fde.js";import{f as findClosestIonContent,d as disableContentScrollY,r as resetContentScrollY}from"./index-746a238e.js";import{c as createLegacyFormController}from"./form-controller-ed77647a.js";import{l as clamp,j as debounceEvent,i as inheritAriaAttributes,d as renderHiddenInput,e as getAriaLabel}from"./helpers-3379ba19.js";import{p as printIonWarning}from"./index-595d62c9.js";import{i as isRTL}from"./dir-912e3e13.js";import{c as createColorClasses,h as hostContext}from"./theme-17531cdf.js";import{b as getIonMode}from"./ionic-global-1ef19007.js";function getDecimalPlaces(e){if(e%1===0)return 0;return e.toString().split(".")[1].length}function roundToMaxDecimalPlaces(e){var t=[];for(var n=1;n<arguments.length;n++){t[n-1]=arguments[n]}var r=Math.max.apply(Math,t.map((function(e){return getDecimalPlaces(e)})));return Number(e.toFixed(r))}var rangeIosCss=":host{--knob-handle-size:calc(var(--knob-size) * 2);display:-ms-flexbox;display:flex;position:relative;-ms-flex:3;flex:3;-ms-flex-align:center;align-items:center;font-family:var(--ion-font-family, inherit);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.range-disabled){pointer-events:none}::slotted(ion-label){-ms-flex:initial;flex:initial}::slotted(ion-icon[slot]){font-size:24px}.range-slider{position:relative;-ms-flex:1;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y}:host(.range-pressed) .range-slider{cursor:-webkit-grabbing;cursor:grabbing}.range-pin{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.range-knob-handle{top:calc((var(--height) - var(--knob-handle-size)) / 2);-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2);position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}@supports (inset-inline-start: 0){.range-knob-handle{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-knob-handle{left:0}:host-context([dir=rtl]) .range-knob-handle{left:unset;right:unset;right:0}[dir=rtl] .range-knob-handle{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-knob-handle:dir(rtl){left:unset;right:unset;right:0}}}:host-context([dir=rtl]) .range-knob-handle{left:unset}[dir=rtl] .range-knob-handle{left:unset}@supports selector(:dir(rtl)){.range-knob-handle:dir(rtl){left:unset}}.range-knob-handle:active,.range-knob-handle:focus{outline:none}.range-bar-container{border-radius:var(--bar-border-radius);top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height)}@supports (inset-inline-start: 0){.range-bar-container{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-bar-container{left:0}:host-context([dir=rtl]) .range-bar-container{left:unset;right:unset;right:0}[dir=rtl] .range-bar-container{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-bar-container:dir(rtl){left:unset;right:unset;right:0}}}:host-context([dir=rtl]) .range-bar-container{left:unset}[dir=rtl] .range-bar-container{left:unset}@supports selector(:dir(rtl)){.range-bar-container:dir(rtl){left:unset}}.range-bar{border-radius:var(--bar-border-radius);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}.range-knob{border-radius:var(--knob-border-radius);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);-webkit-box-shadow:var(--knob-box-shadow);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}@supports (inset-inline-start: 0){.range-knob{inset-inline-start:calc(50% - var(--knob-size) / 2)}}@supports not (inset-inline-start: 0){.range-knob{left:calc(50% - var(--knob-size) / 2)}:host-context([dir=rtl]) .range-knob{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}[dir=rtl] .range-knob{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}@supports selector(:dir(rtl)){.range-knob:dir(rtl){left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}}}:host-context([dir=rtl]) .range-knob{left:unset}[dir=rtl] .range-knob{left:unset}@supports selector(:dir(rtl)){.range-knob:dir(rtl){left:unset}}:host(.range-pressed) .range-bar-active{will-change:left, right}:host(.in-item){width:100%}:host([slot=start]),:host([slot=end]){width:auto}:host(.in-item) ::slotted(ion-label){-ms-flex-item-align:center;align-self:center}.range-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit}::slotted([slot=label]){max-width:200px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}:host(.range-label-placement-start) .range-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.range-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.range-label-placement-end) .range-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.range-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.range-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.range-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host{--knob-border-radius:50%;--knob-background:#ffffff;--knob-box-shadow:0px 0.5px 4px rgba(0, 0, 0, 0.12), 0px 6px 13px rgba(0, 0, 0, 0.12);--knob-size:26px;--bar-height:4px;--bar-background:var(--ion-color-step-900, #e6e6e6);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:2px;--height:42px}:host(.legacy-range){-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}:host(.ion-color) .range-bar-active,:host(.ion-color) .range-tick-active{background:var(--ion-color-base)}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.range-has-pin){padding-top:20px}.range-bar-active{bottom:0;width:auto;background:var(--bar-background-active)}.range-bar-active.has-ticks{border-radius:0;-webkit-margin-start:-2px;margin-inline-start:-2px;-webkit-margin-end:-2px;margin-inline-end:-2px}.range-tick{-webkit-margin-start:-2px;margin-inline-start:-2px;border-radius:0;position:absolute;top:17px;width:4px;height:8px;background:var(--ion-color-step-900, #e6e6e6);pointer-events:none}.range-tick-active{background:var(--bar-background-active)}.range-pin{-webkit-transform:translate3d(0, 28px, 0) scale(0.01);transform:translate3d(0, 28px, 0) scale(0.01);-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;display:inline-block;position:relative;top:-20px;min-width:28px;-webkit-transition:-webkit-transform 120ms ease;transition:-webkit-transform 120ms ease;transition:transform 120ms ease;transition:transform 120ms ease, -webkit-transform 120ms ease;background:transparent;color:var(--ion-text-color, #000);font-size:12px;text-align:center}.range-knob-pressed .range-pin,.range-knob-handle.ion-focused .range-pin{-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}:host(.range-disabled){opacity:0.3}";var rangeMdCss=':host{--knob-handle-size:calc(var(--knob-size) * 2);display:-ms-flexbox;display:flex;position:relative;-ms-flex:3;flex:3;-ms-flex-align:center;align-items:center;font-family:var(--ion-font-family, inherit);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.range-disabled){pointer-events:none}::slotted(ion-label){-ms-flex:initial;flex:initial}::slotted(ion-icon[slot]){font-size:24px}.range-slider{position:relative;-ms-flex:1;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y}:host(.range-pressed) .range-slider{cursor:-webkit-grabbing;cursor:grabbing}.range-pin{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.range-knob-handle{top:calc((var(--height) - var(--knob-handle-size)) / 2);-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2);position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}@supports (inset-inline-start: 0){.range-knob-handle{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-knob-handle{left:0}:host-context([dir=rtl]) .range-knob-handle{left:unset;right:unset;right:0}[dir=rtl] .range-knob-handle{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-knob-handle:dir(rtl){left:unset;right:unset;right:0}}}:host-context([dir=rtl]) .range-knob-handle{left:unset}[dir=rtl] .range-knob-handle{left:unset}@supports selector(:dir(rtl)){.range-knob-handle:dir(rtl){left:unset}}.range-knob-handle:active,.range-knob-handle:focus{outline:none}.range-bar-container{border-radius:var(--bar-border-radius);top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height)}@supports (inset-inline-start: 0){.range-bar-container{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-bar-container{left:0}:host-context([dir=rtl]) .range-bar-container{left:unset;right:unset;right:0}[dir=rtl] .range-bar-container{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-bar-container:dir(rtl){left:unset;right:unset;right:0}}}:host-context([dir=rtl]) .range-bar-container{left:unset}[dir=rtl] .range-bar-container{left:unset}@supports selector(:dir(rtl)){.range-bar-container:dir(rtl){left:unset}}.range-bar{border-radius:var(--bar-border-radius);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}.range-knob{border-radius:var(--knob-border-radius);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);-webkit-box-shadow:var(--knob-box-shadow);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}@supports (inset-inline-start: 0){.range-knob{inset-inline-start:calc(50% - var(--knob-size) / 2)}}@supports not (inset-inline-start: 0){.range-knob{left:calc(50% - var(--knob-size) / 2)}:host-context([dir=rtl]) .range-knob{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}[dir=rtl] .range-knob{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}@supports selector(:dir(rtl)){.range-knob:dir(rtl){left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}}}:host-context([dir=rtl]) .range-knob{left:unset}[dir=rtl] .range-knob{left:unset}@supports selector(:dir(rtl)){.range-knob:dir(rtl){left:unset}}:host(.range-pressed) .range-bar-active{will-change:left, right}:host(.in-item){width:100%}:host([slot=start]),:host([slot=end]){width:auto}:host(.in-item) ::slotted(ion-label){-ms-flex-item-align:center;align-self:center}.range-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit}::slotted([slot=label]){max-width:200px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}:host(.range-label-placement-start) .range-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.range-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.range-label-placement-end) .range-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.range-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.range-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}:host(.range-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host{--knob-border-radius:50%;--knob-background:var(--bar-background-active);--knob-box-shadow:none;--knob-size:18px;--bar-height:2px;--bar-background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.26);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:0;--height:42px;--pin-background:var(--ion-color-primary, #3880ff);--pin-color:var(--ion-color-primary-contrast, #fff);font-size:12px}::slotted([slot=label]),.label-text{font-size:initial}:host(.legacy-range){-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:8px;padding-bottom:8px}:host(.ion-color) .range-bar{background:rgba(var(--ion-color-base-rgb), 0.26)}:host(.ion-color) .range-bar-active,:host(.ion-color) .range-knob,:host(.ion-color) .range-knob::before,:host(.ion-color) .range-pin,:host(.ion-color) .range-pin::before,:host(.ion-color) .range-tick{background:var(--ion-color-base);color:var(--ion-color-contrast)}::slotted([slot=start]){-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0}::slotted([slot=end]){-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}:host(.range-has-pin){padding-top:28px}.range-bar-active{bottom:0;width:auto;background:var(--bar-background-active)}.range-knob{-webkit-transform:scale(0.67);transform:scale(0.67);-webkit-transition-duration:120ms;transition-duration:120ms;-webkit-transition-property:background-color, border, -webkit-transform;transition-property:background-color, border, -webkit-transform;transition-property:transform, background-color, border;transition-property:transform, background-color, border, -webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;z-index:2}.range-knob::before{border-radius:50%;position:absolute;width:var(--knob-size);height:var(--knob-size);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:0.267s cubic-bezier(0, 0, 0.58, 1);transition:0.267s cubic-bezier(0, 0, 0.58, 1);background:var(--knob-background);content:"";opacity:0.13;pointer-events:none}@supports (inset-inline-start: 0){.range-knob::before{inset-inline-start:0}}@supports not (inset-inline-start: 0){.range-knob::before{left:0}:host-context([dir=rtl]) .range-knob::before{left:unset;right:unset;right:0}[dir=rtl] .range-knob::before{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.range-knob::before:dir(rtl){left:unset;right:unset;right:0}}}.range-tick{position:absolute;top:calc((var(--height) - var(--bar-height)) / 2);width:var(--bar-height);height:var(--bar-height);background:var(--bar-background-active);z-index:1;pointer-events:none}.range-tick-active{background:transparent}.range-pin{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;border-radius:50%;-webkit-transform:translate3d(0, 0, 0) scale(0.01);transform:translate3d(0, 0, 0) scale(0.01);display:inline-block;position:relative;min-width:28px;height:28px;-webkit-transition:background 120ms ease, -webkit-transform 120ms ease;transition:background 120ms ease, -webkit-transform 120ms ease;transition:transform 120ms ease, background 120ms ease;transition:transform 120ms ease, background 120ms ease, -webkit-transform 120ms ease;background:var(--pin-background);color:var(--pin-color);text-align:center}.range-pin::before{top:3px;-webkit-margin-start:-13px;margin-inline-start:-13px;border-radius:50% 50% 50% 0;position:absolute;width:26px;height:26px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 120ms ease;transition:background 120ms ease;background:var(--pin-background);content:"";z-index:-1}@supports (inset-inline-start: 0){.range-pin::before{inset-inline-start:50%}}@supports not (inset-inline-start: 0){.range-pin::before{left:50%}:host-context([dir=rtl]) .range-pin::before{left:unset;right:unset;right:50%}[dir=rtl] .range-pin::before{left:unset;right:unset;right:50%}@supports selector(:dir(rtl)){.range-pin::before:dir(rtl){left:unset;right:unset;right:50%}}}:host-context([dir=rtl]) .range-pin::before{left:unset}[dir=rtl] .range-pin::before{left:unset}@supports selector(:dir(rtl)){.range-pin::before:dir(rtl){left:unset}}.range-knob-pressed .range-pin,.range-knob-handle.ion-focused .range-pin{-webkit-transform:translate3d(0, -24px, 0) scale(1);transform:translate3d(0, -24px, 0) scale(1)}@media (any-hover: hover){.range-knob-handle:hover .range-knob:before{-webkit-transform:scale(2);transform:scale(2);opacity:0.13}}.range-knob-handle.ion-activated .range-knob:before,.range-knob-handle.ion-focused .range-knob:before,.range-knob-handle.range-knob-pressed .range-knob:before{-webkit-transform:scale(2);transform:scale(2)}.range-knob-handle.ion-focused .range-knob::before{opacity:0.13}.range-knob-handle.ion-activated .range-knob::before,.range-knob-handle.range-knob-pressed .range-knob::before{opacity:0.25}:host(:not(.range-has-pin)) .range-knob-pressed .range-knob,:host(:not(.range-has-pin)) .range-knob-handle.ion-focused .range-knob{-webkit-transform:scale(1);transform:scale(1)}:host(.range-disabled) .range-bar-active,:host(.range-disabled) .range-bar,:host(.range-disabled) .range-tick{background-color:var(--ion-color-step-250, #bfbfbf)}:host(.range-disabled) .range-knob{-webkit-transform:scale(0.55);transform:scale(0.55);outline:5px solid #fff;background-color:var(--ion-color-step-250, #bfbfbf)}:host(.range-disabled) .label-text-wrapper,:host(.range-disabled) ::slotted([slot=start]),:host(.range-disabled) ::slotted([slot=end]){opacity:0.38}';var Range=function(){function e(e){var t=this;registerInstance(this,e);this.ionChange=createEvent(this,"ionChange",7);this.ionInput=createEvent(this,"ionInput",7);this.ionStyle=createEvent(this,"ionStyle",7);this.ionFocus=createEvent(this,"ionFocus",7);this.ionBlur=createEvent(this,"ionBlur",7);this.ionKnobMoveStart=createEvent(this,"ionKnobMoveStart",7);this.ionKnobMoveEnd=createEvent(this,"ionKnobMoveEnd",7);this.rangeId="ion-r-".concat(rangeIds++);this.didLoad=false;this.noUpdate=false;this.hasFocus=false;this.inheritedAttributes={};this.contentEl=null;this.initialContentScrollY=true;this.hasLoggedDeprecationWarning=false;this.clampBounds=function(e){return clamp(t.min,e,t.max)};this.ensureValueInBounds=function(e){if(t.dualKnobs){return{lower:t.clampBounds(e.lower),upper:t.clampBounds(e.upper)}}else{return t.clampBounds(e)}};this.setupGesture=function(){return __awaiter(t,void 0,void 0,(function(){var e,t;var n=this;return __generator(this,(function(r){switch(r.label){case 0:e=this.rangeSlider;if(!e)return[3,2];t=this;return[4,import("./index-ff313b19.js")];case 1:t.gesture=r.sent().createGesture({el:e,gestureName:"range",gesturePriority:100,threshold:0,onStart:function(e){return n.onStart(e)},onMove:function(e){return n.onMove(e)},onEnd:function(e){return n.onEnd(e)}});this.gesture.enable(!this.disabled);r.label=2;case 2:return[2]}}))}))};this.handleKeyboard=function(e,n){var r=t.ensureValueInBounds;var a=t.step;a=a>0?a:1;a=a/(t.max-t.min);if(!n){a*=-1}if(e==="A"){t.ratioA=clamp(0,t.ratioA+a,1)}else{t.ratioB=clamp(0,t.ratioB+a,1)}t.ionKnobMoveStart.emit({value:r(t.value)});t.updateValue();t.emitValueChange();t.ionKnobMoveEnd.emit({value:r(t.value)})};this.onBlur=function(){if(t.hasFocus){t.hasFocus=false;t.ionBlur.emit();t.emitStyle()}};this.onFocus=function(){if(!t.hasFocus){t.hasFocus=true;t.ionFocus.emit();t.emitStyle()}};this.ratioA=0;this.ratioB=0;this.pressedKnob=undefined;this.color=undefined;this.debounce=undefined;this.name=this.rangeId;this.label=undefined;this.dualKnobs=false;this.min=0;this.max=100;this.pin=false;this.pinFormatter=function(e){return Math.round(e)};this.snaps=false;this.step=1;this.ticks=true;this.activeBarStart=undefined;this.disabled=false;this.value=0;this.labelPlacement="start";this.legacy=undefined}e.prototype.debounceChanged=function(){var e=this,t=e.ionInput,n=e.debounce,r=e.originalIonInput;this.ionInput=n===undefined?r!==null&&r!==void 0?r:t:debounceEvent(t,n)};e.prototype.minChanged=function(){if(!this.noUpdate){this.updateRatio()}};e.prototype.maxChanged=function(){if(!this.noUpdate){this.updateRatio()}};e.prototype.activeBarStartChanged=function(){var e=this.activeBarStart;if(e!==undefined){if(e>this.max){printIonWarning("Range: The value of activeBarStart (".concat(e,") is greater than the max (").concat(this.max,"). Valid values are greater than or equal to the min value and less than or equal to the max value."),this.el);this.activeBarStart=this.max}else if(e<this.min){printIonWarning("Range: The value of activeBarStart (".concat(e,") is less than the min (").concat(this.min,"). Valid values are greater than or equal to the min value and less than or equal to the max value."),this.el);this.activeBarStart=this.min}}};e.prototype.disabledChanged=function(){if(this.gesture){this.gesture.enable(!this.disabled)}this.emitStyle()};e.prototype.valueChanged=function(){if(!this.noUpdate){this.updateRatio()}};e.prototype.componentWillLoad=function(){if(this.el.hasAttribute("id")){this.rangeId=this.el.getAttribute("id")}this.inheritedAttributes=inheritAriaAttributes(this.el)};e.prototype.componentDidLoad=function(){this.originalIonInput=this.ionInput;this.setupGesture();this.didLoad=true};e.prototype.connectedCallback=function(){var e=this.el;this.legacyFormController=createLegacyFormController(e);this.updateRatio();this.debounceChanged();this.disabledChanged();this.activeBarStartChanged();if(this.didLoad){this.setupGesture()}this.contentEl=findClosestIonContent(this.el)};e.prototype.disconnectedCallback=function(){if(this.gesture){this.gesture.destroy();this.gesture=undefined}};e.prototype.getValue=function(){var e;var t=(e=this.value)!==null&&e!==void 0?e:0;if(this.dualKnobs){if(typeof t==="object"){return t}return{lower:0,upper:t}}else{if(typeof t==="object"){return t.upper}return t}};e.prototype.emitStyle=function(){if(this.legacyFormController.hasLegacyControl()){this.ionStyle.emit({interactive:true,"interactive-disabled":this.disabled})}};e.prototype.emitValueChange=function(){this.value=this.ensureValueInBounds(this.value);this.ionChange.emit({value:this.value})};e.prototype.onStart=function(e){var t=this.contentEl;if(t){this.initialContentScrollY=disableContentScrollY(t)}var n=this.rect=this.rangeSlider.getBoundingClientRect();var r=e.currentX;var a=clamp(0,(r-n.left)/n.width,1);if(isRTL(this.el)){a=1-a}this.pressedKnob=!this.dualKnobs||Math.abs(this.ratioA-a)<Math.abs(this.ratioB-a)?"A":"B";this.setFocus(this.pressedKnob);this.update(r);this.ionKnobMoveStart.emit({value:this.ensureValueInBounds(this.value)})};e.prototype.onMove=function(e){this.update(e.currentX)};e.prototype.onEnd=function(e){var t=this,n=t.contentEl,r=t.initialContentScrollY;if(n){resetContentScrollY(n,r)}this.update(e.currentX);this.pressedKnob=undefined;this.emitValueChange();this.ionKnobMoveEnd.emit({value:this.ensureValueInBounds(this.value)})};e.prototype.update=function(e){var t=this.rect;var n=clamp(0,(e-t.left)/t.width,1);if(isRTL(this.el)){n=1-n}if(this.snaps){n=valueToRatio(ratioToValue(n,this.min,this.max,this.step),this.min,this.max)}if(this.pressedKnob==="A"){this.ratioA=n}else{this.ratioB=n}this.updateValue()};Object.defineProperty(e.prototype,"valA",{get:function(){return ratioToValue(this.ratioA,this.min,this.max,this.step)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"valB",{get:function(){return ratioToValue(this.ratioB,this.min,this.max,this.step)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"ratioLower",{get:function(){if(this.dualKnobs){return Math.min(this.ratioA,this.ratioB)}var e=this.activeBarStart;if(e==null){return 0}return valueToRatio(e,this.min,this.max)},enumerable:false,configurable:true});Object.defineProperty(e.prototype,"ratioUpper",{get:function(){if(this.dualKnobs){return Math.max(this.ratioA,this.ratioB)}return this.ratioA},enumerable:false,configurable:true});e.prototype.updateRatio=function(){var e=this.getValue();var t=this,n=t.min,r=t.max;if(this.dualKnobs){this.ratioA=valueToRatio(e.lower,n,r);this.ratioB=valueToRatio(e.upper,n,r)}else{this.ratioA=valueToRatio(e,n,r)}};e.prototype.updateValue=function(){this.noUpdate=true;var e=this,t=e.valA,n=e.valB;this.value=!this.dualKnobs?t:{lower:Math.min(t,n),upper:Math.max(t,n)};this.ionInput.emit({value:this.value});this.noUpdate=false};e.prototype.setFocus=function(e){if(this.el.shadowRoot){var t=this.el.shadowRoot.querySelector(e==="A"?".range-knob-a":".range-knob-b");if(t){t.focus()}}};e.prototype.renderLegacyRange=function(){var e;if(!this.hasLoggedDeprecationWarning){printIonWarning('ion-range now requires providing a label with either the label slot or the "aria-label" attribute. To migrate, remove any usage of "ion-label" and pass the label text to either the component or the "aria-label" attribute.\n\nExample: <ion-range><div slot="label">Volume</div></ion-range>\nExample with aria-label: <ion-range aria-label="Volume"></ion-range>\n\nDevelopers can use the "legacy" property to continue using the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.',this.el);if(this.legacy){printIonWarning('ion-range is being used with the "legacy" property enabled which will forcibly enable the legacy form markup. This property will be removed in an upcoming major release of Ionic where this form control will use the modern form markup.\n\nDevelopers can dismiss this warning by removing their usage of the "legacy" property and using the new range syntax.',this.el)}this.hasLoggedDeprecationWarning=true}var t=this,n=t.el,r=t.pressedKnob,a=t.disabled,i=t.pin,o=t.rangeId;var s=getIonMode(this);renderHiddenInput(true,n,this.name,JSON.stringify(this.getValue()),a);return h(Host,{onFocusin:this.onFocus,onFocusout:this.onBlur,id:o,class:createColorClasses(this.color,(e={},e[s]=true,e["in-item"]=hostContext("ion-item",n),e["range-disabled"]=a,e["range-pressed"]=r!==undefined,e["range-has-pin"]=i,e["legacy-range"]=true,e))},h("slot",{name:"start"}),this.renderRangeSlider(),h("slot",{name:"end"}))};e.prototype.renderRange=function(){var e;var t=this,n=t.disabled,r=t.el,a=t.rangeId,i=t.pin,o=t.pressedKnob,s=t.labelPlacement,l=t.label;var d=getIonMode(this);renderHiddenInput(true,r,this.name,JSON.stringify(this.getValue()),n);return h(Host,{onFocusin:this.onFocus,onFocusout:this.onBlur,id:a,class:createColorClasses(this.color,(e={},e[d]=true,e["in-item"]=hostContext("ion-item",r),e["range-disabled"]=n,e["range-pressed"]=o!==undefined,e["range-has-pin"]=i,e["range-label-placement-".concat(s)]=true,e))},h("label",{class:"range-wrapper",id:"range-label"},h("div",{class:{"label-text-wrapper":true,"label-text-wrapper-hidden":!this.hasLabel}},l!==undefined?h("div",{class:"label-text"},l):h("slot",{name:"label"})),h("div",{class:"native-wrapper"},h("slot",{name:"start"}),this.renderRangeSlider(),h("slot",{name:"end"}))))};Object.defineProperty(e.prototype,"hasLabel",{get:function(){return this.label!==undefined||this.el.querySelector('[slot="label"]')!==null},enumerable:false,configurable:true});e.prototype.renderRangeSlider=function(){var e;var t=this;var n;var r=this,a=r.min,i=r.max,o=r.step,s=r.el,l=r.handleKeyboard,d=r.pressedKnob,b=r.disabled,g=r.pin,p=r.ratioLower,c=r.ratioUpper,u=r.inheritedAttributes,f=r.rangeId,m=r.pinFormatter;var v=getAriaLabel(s,f).labelText;if(v===undefined||v===null){v=u["aria-label"]}var k="".concat(p*100,"%");var x="".concat(100-c*100,"%");var w=isRTL(this.el);var y=w?"right":"left";var C=w?"left":"right";var z=function(e){var t;return t={},t[y]=e[y],t};if(this.dualKnobs===false){if(this.valA<((n=this.activeBarStart)!==null&&n!==void 0?n:this.min)){k="".concat(c*100,"%");x="".concat(100-p*100,"%")}else{k="".concat(p*100,"%");x="".concat(100-c*100,"%")}}var B=(e={},e[y]=k,e[C]=x,e);var S=[];if(this.snaps&&this.ticks){for(var I=a;I<=i;I+=o){var A=valueToRatio(I,a,i);var K=Math.min(p,c);var R=Math.max(p,c);var M={ratio:A,active:A>=K&&A<=R};M[y]="".concat(A*100,"%");S.push(M)}}var F;if(!this.legacyFormController.hasLegacyControl()&&this.hasLabel){F="range-label"}return h("div",{class:"range-slider",ref:function(e){return t.rangeSlider=e}},S.map((function(e){return h("div",{style:z(e),role:"presentation",class:{"range-tick":true,"range-tick-active":e.active},part:e.active?"tick-active":"tick"})})),h("div",{class:"range-bar-container"},h("div",{class:"range-bar",role:"presentation",part:"bar"}),h("div",{class:{"range-bar":true,"range-bar-active":true,"has-ticks":S.length>0},role:"presentation",style:B,part:"bar-active"})),renderKnob(w,{knob:"A",pressed:d==="A",value:this.valA,ratio:this.ratioA,pin:g,pinFormatter:m,disabled:b,handleKeyboard:l,min:a,max:i,labelText:v,labelledBy:F}),this.dualKnobs&&renderKnob(w,{knob:"B",pressed:d==="B",value:this.valB,ratio:this.ratioB,pin:g,pinFormatter:m,disabled:b,handleKeyboard:l,min:a,max:i,labelText:v,labelledBy:F}))};e.prototype.render=function(){var e=this.legacyFormController;return e.hasLegacyControl()?this.renderLegacyRange():this.renderRange()};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{debounce:["debounceChanged"],min:["minChanged"],max:["maxChanged"],activeBarStart:["activeBarStartChanged"],disabled:["disabledChanged"],value:["valueChanged"]}},enumerable:false,configurable:true});return e}();var renderKnob=function(e,t){var n=t.knob,r=t.value,a=t.ratio,i=t.min,o=t.max,s=t.disabled,l=t.pressed,d=t.pin,b=t.handleKeyboard,g=t.labelText,p=t.labelledBy,c=t.pinFormatter;var u=e?"right":"left";var f=function(){var e={};e[u]="".concat(a*100,"%");return e};return h("div",{onKeyDown:function(e){var t=e.key;if(t==="ArrowLeft"||t==="ArrowDown"){b(n,false);e.preventDefault();e.stopPropagation()}else if(t==="ArrowRight"||t==="ArrowUp"){b(n,true);e.preventDefault();e.stopPropagation()}},class:{"range-knob-handle":true,"range-knob-a":n==="A","range-knob-b":n==="B","range-knob-pressed":l,"range-knob-min":r===i,"range-knob-max":r===o,"ion-activatable":true,"ion-focusable":true},style:f(),role:"slider",tabindex:s?-1:0,"aria-label":p===undefined?g:null,"aria-labelledby":p!==undefined?p:null,"aria-valuemin":i,"aria-valuemax":o,"aria-disabled":s?"true":null,"aria-valuenow":r},d&&h("div",{class:"range-pin",role:"presentation",part:"pin"},c(r)),h("div",{class:"range-knob",role:"presentation",part:"knob"}))};var ratioToValue=function(e,t,n,r){var a=(n-t)*e;if(r>0){a=Math.round(a/r)*r+t}var i=clamp(t,a,n);return roundToMaxDecimalPlaces(i,t,n,r)};var valueToRatio=function(e,t,n){return clamp(0,(e-t)/(n-t),1)};var rangeIds=0;Range.style={ios:rangeIosCss,md:rangeMdCss};export{Range as ion_range};
|