@ionic/core 8.3.3-dev.11729026389.13240e88 → 8.3.3-dev.11729027747.1d05ced8
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 +21 -36
- package/components/alert.js +2 -2
- package/components/backdrop.js +1 -1
- package/components/button.js +2 -2
- package/components/buttons.js +2 -2
- package/components/checkbox.js +3 -3
- package/components/ion-app.js +1 -1
- package/components/ion-avatar.js +1 -1
- package/components/ion-back-button.js +2 -2
- package/components/ion-badge.js +2 -2
- package/components/ion-breadcrumb.js +4 -4
- package/components/ion-breadcrumbs.js +2 -2
- package/components/ion-card-content.js +1 -1
- package/components/ion-card-header.js +2 -2
- package/components/ion-card-subtitle.js +2 -2
- package/components/ion-card-title.js +2 -2
- package/components/ion-card.js +1 -1
- package/components/ion-chip.js +2 -2
- package/components/ion-col.js +2 -2
- package/components/ion-content.js +3 -3
- package/components/ion-datetime-button.js +2 -2
- package/components/ion-datetime.js +2 -2
- package/components/ion-fab-button.js +2 -2
- package/components/ion-fab-list.js +2 -2
- package/components/ion-fab.js +2 -2
- package/components/ion-footer.js +2 -2
- package/components/ion-grid.js +2 -2
- package/components/ion-header.js +2 -2
- package/components/ion-img.js +1 -1
- package/components/ion-infinite-scroll-content.js +2 -2
- package/components/ion-infinite-scroll.js +1 -1
- package/components/ion-input-password-toggle.js +3 -3
- package/components/ion-input.js +3 -3
- package/components/ion-item-divider.js +2 -2
- package/components/ion-item-group.js +1 -1
- package/components/ion-item-option.js +2 -2
- package/components/ion-item-options.js +1 -1
- package/components/ion-item-sliding.js +1 -1
- package/components/ion-loading.js +2 -2
- package/components/ion-menu-button.js +2 -2
- package/components/ion-menu-toggle.js +2 -2
- package/components/ion-menu.js +2 -2
- package/components/ion-modal.js +4 -4
- package/components/ion-nav-link.js +1 -1
- package/components/ion-nav.js +1 -1
- package/components/ion-note.js +2 -2
- package/components/ion-picker-legacy.js +2 -2
- package/components/ion-progress-bar.js +1 -1
- package/components/ion-range.js +3 -3
- package/components/ion-refresher-content.js +1 -1
- package/components/ion-refresher.js +1 -1
- package/components/ion-reorder-group.js +1 -1
- package/components/ion-reorder.js +1 -1
- package/components/ion-router-link.js +2 -2
- package/components/ion-router-outlet.js +1 -1
- package/components/ion-row.js +1 -1
- package/components/ion-searchbar.js +4 -4
- package/components/ion-segment-button.js +3 -3
- package/components/ion-segment.js +2 -2
- package/components/ion-select-option.js +1 -1
- package/components/ion-select.js +2 -2
- package/components/ion-skeleton-text.js +2 -2
- package/components/ion-split-pane.js +2 -2
- package/components/ion-tab-bar.js +2 -2
- package/components/ion-tab-button.js +2 -2
- package/components/ion-tab.js +2 -2
- package/components/ion-tabs.js +1 -1
- package/components/ion-text.js +2 -2
- package/components/ion-textarea.js +2 -2
- package/components/ion-thumbnail.js +1 -1
- package/components/ion-title.js +2 -2
- package/components/ion-toast.js +2 -2
- package/components/ion-toggle.js +3 -3
- package/components/ion-toolbar.js +2 -2
- package/components/label.js +2 -2
- package/components/list-header.js +2 -2
- package/components/list.js +1 -1
- package/components/picker-column-option.js +2 -2
- package/components/picker-column.js +3 -3
- package/components/picker-column2.js +2 -2
- package/components/picker.js +2 -2
- package/components/popover.js +2 -2
- package/components/radio-group.js +1 -1
- package/components/radio.js +3 -3
- package/components/ripple-effect.js +1 -1
- package/components/select-popover.js +1 -1
- package/components/spinner.js +1 -1
- package/dist/cjs/ion-action-sheet.cjs.entry.js +19 -22
- package/dist/cjs/ion-alert.cjs.entry.js +2 -2
- package/dist/cjs/ion-app_8.cjs.entry.js +15 -15
- package/dist/cjs/ion-avatar_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-back-button.cjs.entry.js +2 -2
- package/dist/cjs/ion-backdrop.cjs.entry.js +1 -1
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +6 -6
- 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-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/ion-chip.cjs.entry.js +2 -2
- package/dist/cjs/ion-col_3.cjs.entry.js +5 -5
- package/dist/cjs/ion-datetime-button.cjs.entry.js +2 -2
- package/dist/cjs/ion-datetime_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-fab_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-img.cjs.entry.js +1 -1
- package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-input-password-toggle.cjs.entry.js +3 -3
- package/dist/cjs/ion-input.cjs.entry.js +3 -3
- package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-item_8.cjs.entry.js +12 -12
- package/dist/cjs/ion-loading.cjs.entry.js +2 -2
- package/dist/cjs/ion-menu_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-modal.cjs.entry.js +4 -4
- package/dist/cjs/ion-nav_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-picker-column-option.cjs.entry.js +2 -2
- package/dist/cjs/ion-picker-column.cjs.entry.js +3 -3
- package/dist/cjs/ion-picker.cjs.entry.js +2 -2
- package/dist/cjs/ion-popover.cjs.entry.js +2 -2
- package/dist/cjs/ion-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/ion-radio_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-range.cjs.entry.js +3 -3
- package/dist/cjs/ion-refresher_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-reorder_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
- package/dist/cjs/ion-route_4.cjs.entry.js +2 -2
- package/dist/cjs/ion-searchbar.cjs.entry.js +4 -4
- package/dist/cjs/ion-segment_2.cjs.entry.js +5 -5
- package/dist/cjs/ion-select_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
- package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-text.cjs.entry.js +2 -2
- package/dist/cjs/ion-textarea.cjs.entry.js +2 -2
- package/dist/cjs/ion-toast.cjs.entry.js +2 -2
- package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
- package/dist/cjs/ionic.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/action-sheet/action-sheet.ios.css +3 -1
- package/dist/collection/components/action-sheet/action-sheet.js +26 -20
- package/dist/collection/components/action-sheet/action-sheet.md.css +3 -1
- package/dist/collection/components/alert/alert.js +2 -2
- package/dist/collection/components/app/app.js +1 -1
- package/dist/collection/components/avatar/avatar.js +1 -1
- package/dist/collection/components/back-button/back-button.js +2 -2
- package/dist/collection/components/backdrop/backdrop.js +1 -1
- package/dist/collection/components/badge/badge.js +2 -2
- package/dist/collection/components/breadcrumb/breadcrumb.js +4 -4
- package/dist/collection/components/breadcrumbs/breadcrumbs.js +2 -2
- package/dist/collection/components/button/button.js +2 -2
- package/dist/collection/components/buttons/buttons.js +2 -2
- package/dist/collection/components/card/card.js +1 -1
- package/dist/collection/components/card-content/card-content.js +1 -1
- package/dist/collection/components/card-header/card-header.js +2 -2
- package/dist/collection/components/card-subtitle/card-subtitle.js +2 -2
- package/dist/collection/components/card-title/card-title.js +2 -2
- package/dist/collection/components/checkbox/checkbox.js +3 -3
- package/dist/collection/components/chip/chip.js +2 -2
- package/dist/collection/components/col/col.js +2 -2
- package/dist/collection/components/content/content.js +3 -3
- package/dist/collection/components/datetime/datetime.js +2 -2
- package/dist/collection/components/datetime-button/datetime-button.js +2 -2
- package/dist/collection/components/fab/fab.js +2 -2
- package/dist/collection/components/fab-button/fab-button.js +2 -2
- package/dist/collection/components/fab-list/fab-list.js +2 -2
- package/dist/collection/components/footer/footer.js +2 -2
- package/dist/collection/components/grid/grid.js +2 -2
- package/dist/collection/components/header/header.js +2 -2
- package/dist/collection/components/img/img.js +1 -1
- package/dist/collection/components/infinite-scroll/infinite-scroll.js +1 -1
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
- package/dist/collection/components/input/input.js +3 -3
- package/dist/collection/components/input-password-toggle/input-password-toggle.js +3 -3
- package/dist/collection/components/item-divider/item-divider.js +2 -2
- package/dist/collection/components/item-group/item-group.js +1 -1
- package/dist/collection/components/item-option/item-option.js +2 -2
- package/dist/collection/components/item-options/item-options.js +1 -1
- package/dist/collection/components/item-sliding/item-sliding.js +1 -1
- package/dist/collection/components/label/label.js +2 -2
- package/dist/collection/components/list/list.js +1 -1
- package/dist/collection/components/list-header/list-header.js +2 -2
- package/dist/collection/components/loading/loading.js +2 -2
- package/dist/collection/components/menu/menu.js +2 -2
- package/dist/collection/components/menu-button/menu-button.js +2 -2
- package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
- package/dist/collection/components/modal/modal.js +4 -4
- package/dist/collection/components/nav/nav.js +1 -1
- package/dist/collection/components/nav-link/nav-link.js +1 -1
- package/dist/collection/components/note/note.js +2 -2
- package/dist/collection/components/picker/picker.js +2 -2
- package/dist/collection/components/picker-column/picker-column.js +3 -3
- package/dist/collection/components/picker-column-option/picker-column-option.js +2 -2
- package/dist/collection/components/picker-legacy/picker.js +2 -2
- package/dist/collection/components/picker-legacy-column/picker-column.js +2 -2
- package/dist/collection/components/popover/popover.js +2 -2
- package/dist/collection/components/progress-bar/progress-bar.js +1 -1
- package/dist/collection/components/radio/radio.js +3 -3
- package/dist/collection/components/radio-group/radio-group.js +1 -1
- package/dist/collection/components/range/range.js +3 -3
- package/dist/collection/components/refresher/refresher.js +1 -1
- package/dist/collection/components/refresher-content/refresher-content.js +1 -1
- package/dist/collection/components/reorder/reorder.js +1 -1
- package/dist/collection/components/reorder-group/reorder-group.js +1 -1
- package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
- package/dist/collection/components/router-link/router-link.js +2 -2
- package/dist/collection/components/router-outlet/router-outlet.js +1 -1
- package/dist/collection/components/row/row.js +1 -1
- package/dist/collection/components/searchbar/searchbar.js +4 -4
- package/dist/collection/components/segment/segment.js +2 -2
- package/dist/collection/components/segment-button/segment-button.js +3 -3
- package/dist/collection/components/select/select.js +2 -2
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/select-popover/select-popover.js +1 -1
- package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-pane/split-pane.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-button/tab-button.js +2 -2
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/text/text.js +2 -2
- package/dist/collection/components/textarea/textarea.js +2 -2
- package/dist/collection/components/thumbnail/thumbnail.js +1 -1
- package/dist/collection/components/title/title.js +2 -2
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/toolbar/toolbar.js +2 -2
- package/dist/docs.json +4 -14
- package/dist/esm/ion-action-sheet.entry.js +19 -22
- package/dist/esm/ion-alert.entry.js +2 -2
- package/dist/esm/ion-app_8.entry.js +15 -15
- package/dist/esm/ion-avatar_3.entry.js +4 -4
- package/dist/esm/ion-back-button.entry.js +2 -2
- package/dist/esm/ion-backdrop.entry.js +1 -1
- package/dist/esm/ion-breadcrumb_2.entry.js +6 -6
- package/dist/esm/ion-button_2.entry.js +2 -2
- package/dist/esm/ion-card_5.entry.js +8 -8
- package/dist/esm/ion-checkbox.entry.js +3 -3
- package/dist/esm/ion-chip.entry.js +2 -2
- package/dist/esm/ion-col_3.entry.js +5 -5
- package/dist/esm/ion-datetime-button.entry.js +2 -2
- package/dist/esm/ion-datetime_3.entry.js +6 -6
- package/dist/esm/ion-fab_3.entry.js +6 -6
- package/dist/esm/ion-img.entry.js +1 -1
- package/dist/esm/ion-infinite-scroll_2.entry.js +3 -3
- package/dist/esm/ion-input-password-toggle.entry.js +3 -3
- package/dist/esm/ion-input.entry.js +3 -3
- package/dist/esm/ion-item-option_3.entry.js +4 -4
- package/dist/esm/ion-item_8.entry.js +12 -12
- package/dist/esm/ion-loading.entry.js +2 -2
- package/dist/esm/ion-menu_3.entry.js +6 -6
- package/dist/esm/ion-modal.entry.js +4 -4
- package/dist/esm/ion-nav_2.entry.js +2 -2
- package/dist/esm/ion-picker-column-option.entry.js +2 -2
- package/dist/esm/ion-picker-column.entry.js +3 -3
- package/dist/esm/ion-picker.entry.js +2 -2
- package/dist/esm/ion-popover.entry.js +2 -2
- package/dist/esm/ion-progress-bar.entry.js +1 -1
- package/dist/esm/ion-radio_2.entry.js +4 -4
- package/dist/esm/ion-range.entry.js +3 -3
- package/dist/esm/ion-refresher_2.entry.js +2 -2
- package/dist/esm/ion-reorder_2.entry.js +2 -2
- package/dist/esm/ion-ripple-effect.entry.js +1 -1
- package/dist/esm/ion-route_4.entry.js +2 -2
- package/dist/esm/ion-searchbar.entry.js +4 -4
- package/dist/esm/ion-segment_2.entry.js +5 -5
- package/dist/esm/ion-select_3.entry.js +4 -4
- package/dist/esm/ion-spinner.entry.js +1 -1
- package/dist/esm/ion-split-pane.entry.js +2 -2
- package/dist/esm/ion-tab-bar_2.entry.js +4 -4
- package/dist/esm/ion-tab_2.entry.js +3 -3
- package/dist/esm/ion-text.entry.js +2 -2
- package/dist/esm/ion-textarea.entry.js +2 -2
- package/dist/esm/ion-toast.entry.js +2 -2
- package/dist/esm/ion-toggle.entry.js +3 -3
- package/dist/esm/ionic.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
- package/dist/esm-es5/ion-alert.entry.js +1 -1
- package/dist/esm-es5/ion-app_8.entry.js +1 -1
- package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
- package/dist/esm-es5/ion-back-button.entry.js +1 -1
- package/dist/esm-es5/ion-backdrop.entry.js +1 -1
- package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
- package/dist/esm-es5/ion-button_2.entry.js +1 -1
- package/dist/esm-es5/ion-card_5.entry.js +1 -1
- package/dist/esm-es5/ion-checkbox.entry.js +1 -1
- package/dist/esm-es5/ion-chip.entry.js +1 -1
- package/dist/esm-es5/ion-col_3.entry.js +1 -1
- package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
- package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
- package/dist/esm-es5/ion-fab_3.entry.js +1 -1
- package/dist/esm-es5/ion-img.entry.js +1 -1
- package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
- package/dist/esm-es5/ion-input-password-toggle.entry.js +1 -1
- package/dist/esm-es5/ion-input.entry.js +1 -1
- package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
- package/dist/esm-es5/ion-item_8.entry.js +1 -1
- package/dist/esm-es5/ion-loading.entry.js +1 -1
- package/dist/esm-es5/ion-menu_3.entry.js +1 -1
- package/dist/esm-es5/ion-modal.entry.js +1 -1
- package/dist/esm-es5/ion-nav_2.entry.js +1 -1
- package/dist/esm-es5/ion-picker-column-option.entry.js +1 -1
- package/dist/esm-es5/ion-picker-column.entry.js +1 -1
- package/dist/esm-es5/ion-picker.entry.js +1 -1
- package/dist/esm-es5/ion-popover.entry.js +1 -1
- package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
- package/dist/esm-es5/ion-radio_2.entry.js +1 -1
- package/dist/esm-es5/ion-range.entry.js +1 -1
- package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
- package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
- package/dist/esm-es5/ion-ripple-effect.entry.js +1 -1
- package/dist/esm-es5/ion-route_4.entry.js +1 -1
- package/dist/esm-es5/ion-searchbar.entry.js +1 -1
- package/dist/esm-es5/ion-segment_2.entry.js +1 -1
- package/dist/esm-es5/ion-select_3.entry.js +1 -1
- package/dist/esm-es5/ion-spinner.entry.js +1 -1
- package/dist/esm-es5/ion-split-pane.entry.js +1 -1
- package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
- package/dist/esm-es5/ion-tab_2.entry.js +1 -1
- package/dist/esm-es5/ion-text.entry.js +1 -1
- package/dist/esm-es5/ion-textarea.entry.js +1 -1
- package/dist/esm-es5/ion-toast.entry.js +1 -1
- package/dist/esm-es5/ion-toggle.entry.js +1 -1
- package/dist/esm-es5/ionic.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-01503bbd.system.entry.js → p-000616a6.system.entry.js} +1 -1
- package/dist/ionic/{p-5417b9bb.entry.js → p-0114f140.entry.js} +1 -1
- package/dist/ionic/{p-a41699db.entry.js → p-01363de7.entry.js} +1 -1
- package/dist/ionic/{p-4b0fedb7.system.entry.js → p-08d58c6e.system.entry.js} +1 -1
- package/dist/ionic/{p-25928b83.system.entry.js → p-0bd1e451.system.entry.js} +1 -1
- package/dist/ionic/p-0da547d8.entry.js +4 -0
- package/dist/ionic/{p-3c968c7f.system.entry.js → p-10d5c336.system.entry.js} +1 -1
- package/dist/ionic/p-11ee3944.system.entry.js +4 -0
- package/dist/ionic/{p-521eca2e.entry.js → p-1604366a.entry.js} +1 -1
- package/dist/ionic/{p-973f0b15.system.entry.js → p-1704f743.system.entry.js} +1 -1
- package/dist/ionic/{p-72ffd137.system.entry.js → p-18853369.system.entry.js} +1 -1
- package/dist/ionic/{p-6b8893dd.entry.js → p-24fa7c25.entry.js} +1 -1
- package/dist/ionic/{p-4a82bd1c.system.entry.js → p-26d3578f.system.entry.js} +1 -1
- package/dist/ionic/{p-a90e2708.system.entry.js → p-27d8ecaa.system.entry.js} +1 -1
- package/dist/ionic/p-322c5fb4.system.js +1 -1
- package/dist/ionic/{p-b0568945.system.entry.js → p-325e50fe.system.entry.js} +1 -1
- package/dist/ionic/{p-8d44cf1f.entry.js → p-368d64f5.entry.js} +1 -1
- package/dist/ionic/{p-6817cf42.system.entry.js → p-37990e47.system.entry.js} +1 -1
- package/dist/ionic/{p-003eecb9.entry.js → p-39d31e65.entry.js} +1 -1
- package/dist/ionic/{p-2b7c93b4.entry.js → p-45f40456.entry.js} +1 -1
- package/dist/ionic/{p-b54fc1ae.entry.js → p-4689be69.entry.js} +1 -1
- package/dist/ionic/{p-772dacba.system.entry.js → p-490c8a1a.system.entry.js} +1 -1
- package/dist/ionic/{p-af999a31.entry.js → p-4a2a18a8.entry.js} +1 -1
- package/dist/ionic/{p-92d7a3d1.entry.js → p-51f35545.entry.js} +1 -1
- package/dist/ionic/{p-bfa2e81c.entry.js → p-52738d32.entry.js} +1 -1
- package/dist/ionic/{p-7243df6f.entry.js → p-5626a758.entry.js} +1 -1
- package/dist/ionic/p-59bfe113.entry.js +4 -0
- package/dist/ionic/p-6632c950.system.entry.js +4 -0
- package/dist/ionic/{p-7c50965e.entry.js → p-669bec19.entry.js} +1 -1
- package/dist/ionic/{p-68c4df55.entry.js → p-6a4ffe5b.entry.js} +1 -1
- package/dist/ionic/{p-960803fc.system.entry.js → p-6aa6d203.system.entry.js} +1 -1
- package/dist/ionic/{p-6e85e450.entry.js → p-6c05b139.entry.js} +1 -1
- package/dist/ionic/{p-95823c62.system.entry.js → p-6fefff9f.system.entry.js} +1 -1
- package/dist/ionic/{p-00b01a55.system.entry.js → p-7219765b.system.entry.js} +1 -1
- package/dist/ionic/{p-233e6c93.entry.js → p-7603fa3c.entry.js} +1 -1
- package/dist/ionic/{p-4a0a4204.system.entry.js → p-762a188e.system.entry.js} +2 -2
- package/dist/ionic/{p-773d118d.entry.js → p-76c72e72.entry.js} +1 -1
- package/dist/ionic/{p-8b6232a6.system.entry.js → p-79357257.system.entry.js} +1 -1
- package/dist/ionic/{p-100b83fd.system.entry.js → p-7c010051.system.entry.js} +1 -1
- package/dist/ionic/{p-2ca6eac2.system.entry.js → p-7f63a0a9.system.entry.js} +1 -1
- package/dist/ionic/{p-21cfd4de.entry.js → p-7f764683.entry.js} +1 -1
- package/dist/ionic/{p-c34659b9.entry.js → p-82229906.entry.js} +1 -1
- package/dist/ionic/{p-2c4bdd9d.entry.js → p-85047881.entry.js} +1 -1
- package/dist/ionic/{p-9172535c.entry.js → p-8522dc98.entry.js} +1 -1
- package/dist/ionic/{p-9b6c6302.system.entry.js → p-8c559d3e.system.entry.js} +1 -1
- package/dist/ionic/{p-baffaf8d.system.entry.js → p-8c7835a4.system.entry.js} +1 -1
- package/dist/ionic/{p-0fa0c92b.entry.js → p-8ebf2e18.entry.js} +1 -1
- package/dist/ionic/{p-89a0a446.entry.js → p-90e5b963.entry.js} +1 -1
- package/dist/ionic/{p-2ea1ca4f.system.entry.js → p-93555796.system.entry.js} +1 -1
- package/dist/ionic/{p-a879ecb7.system.entry.js → p-988c0d79.system.entry.js} +1 -1
- package/dist/ionic/{p-b7657e8d.entry.js → p-99f8439c.entry.js} +1 -1
- package/dist/ionic/{p-f8c8b9ba.entry.js → p-a168b755.entry.js} +1 -1
- package/dist/ionic/{p-9ece8dcf.entry.js → p-a35df635.entry.js} +1 -1
- package/dist/ionic/{p-49bc6544.entry.js → p-a40583b8.entry.js} +1 -1
- package/dist/ionic/{p-755b27f0.system.entry.js → p-a48267bc.system.entry.js} +1 -1
- package/dist/ionic/{p-836d39d4.system.entry.js → p-a604f134.system.entry.js} +2 -2
- package/dist/ionic/p-aebea85f.entry.js +4 -0
- package/dist/ionic/{p-fd0cb4ef.entry.js → p-af6ce16f.entry.js} +1 -1
- package/dist/ionic/{p-a3711608.system.entry.js → p-aff11d9d.system.entry.js} +1 -1
- package/dist/ionic/{p-ab8a2ff1.entry.js → p-b0815de0.entry.js} +1 -1
- package/dist/ionic/{p-293ed6ac.system.entry.js → p-b096d8e2.system.entry.js} +1 -1
- package/dist/ionic/{p-f50ae0d5.system.entry.js → p-b16f01c0.system.entry.js} +1 -1
- package/dist/ionic/{p-e3a5da9d.entry.js → p-b3fe1b31.entry.js} +1 -1
- package/dist/ionic/{p-fcd71204.system.entry.js → p-b4d17d24.system.entry.js} +1 -1
- package/dist/ionic/{p-75c0dc65.system.entry.js → p-bd18dd08.system.entry.js} +1 -1
- package/dist/ionic/{p-df83e308.system.entry.js → p-bf18fec7.system.entry.js} +1 -1
- package/dist/ionic/{p-661ce4a8.entry.js → p-bfadf647.entry.js} +1 -1
- package/dist/ionic/{p-05beda73.entry.js → p-c4e1473f.entry.js} +1 -1
- package/dist/ionic/{p-44d1539c.system.entry.js → p-caec9a53.system.entry.js} +1 -1
- package/dist/ionic/{p-53854390.entry.js → p-ccf3e048.entry.js} +1 -1
- package/dist/ionic/{p-9cc3bcc5.system.entry.js → p-cd83e57a.system.entry.js} +2 -2
- package/dist/ionic/{p-ce705aac.system.entry.js → p-d061a468.system.entry.js} +2 -2
- package/dist/ionic/{p-176b372f.entry.js → p-d0d0b5da.entry.js} +1 -1
- package/dist/ionic/{p-e3e1e3de.entry.js → p-d16f52c4.entry.js} +1 -1
- package/dist/ionic/{p-a0c88dc2.system.entry.js → p-d1960417.system.entry.js} +1 -1
- package/dist/ionic/p-d4b05952.entry.js +4 -0
- package/dist/ionic/{p-5e66bcf2.entry.js → p-d58830bc.entry.js} +1 -1
- package/dist/ionic/{p-5e842258.entry.js → p-dda1c6b2.entry.js} +1 -1
- package/dist/ionic/{p-cdb11938.system.entry.js → p-e47ea956.system.entry.js} +1 -1
- package/dist/ionic/{p-0373d924.system.entry.js → p-e71ad7fd.system.entry.js} +1 -1
- package/dist/ionic/{p-ffb17177.system.entry.js → p-ed972ec6.system.entry.js} +1 -1
- package/dist/ionic/{p-da263d8e.entry.js → p-eec956a8.entry.js} +1 -1
- package/dist/ionic/{p-313ccc01.system.entry.js → p-ef942556.system.entry.js} +1 -1
- package/dist/ionic/{p-8836d0eb.system.entry.js → p-eff0c7a8.system.entry.js} +2 -2
- package/dist/ionic/{p-a72fb8a1.system.entry.js → p-f2a066df.system.entry.js} +1 -1
- package/dist/ionic/{p-cff5585e.system.entry.js → p-f73a7a4b.system.entry.js} +1 -1
- package/dist/ionic/{p-2200e26b.entry.js → p-f7a4f0c9.entry.js} +1 -1
- package/dist/ionic/{p-bd25d639.system.entry.js → p-f7a79406.system.entry.js} +1 -1
- package/dist/ionic/{p-9fef1364.entry.js → p-f7ae9e98.entry.js} +1 -1
- package/dist/ionic/{p-8ed31163.system.entry.js → p-f8ad7ea4.system.entry.js} +1 -1
- package/dist/ionic/{p-9c23044d.entry.js → p-f8bd587f.entry.js} +1 -1
- package/dist/ionic/{p-82ab7ccb.entry.js → p-f98b76f3.entry.js} +1 -1
- package/dist/ionic/{p-ecb57d24.system.entry.js → p-fa8d5872.system.entry.js} +1 -1
- package/dist/ionic/{p-6562e0a9.system.entry.js → p-fb4aa2f3.system.entry.js} +1 -1
- package/dist/ionic/{p-4c8fceb0.entry.js → p-fb7ccf79.entry.js} +1 -1
- package/dist/types/components/action-sheet/action-sheet.d.ts +0 -1
- package/hydrate/index.js +179 -182
- package/hydrate/index.mjs +179 -182
- package/package.json +1 -1
- package/dist/ionic/p-06684ea7.system.entry.js +0 -4
- package/dist/ionic/p-36af16fb.entry.js +0 -4
- package/dist/ionic/p-7251fed5.entry.js +0 -4
- package/dist/ionic/p-93f37ceb.system.entry.js +0 -4
- package/dist/ionic/p-b4c950f8.entry.js +0 -4
- package/dist/ionic/p-f88ebc36.entry.js +0 -4
package/hydrate/index.mjs
CHANGED
|
@@ -6348,10 +6348,10 @@ const mdLeaveAnimation$5 = (baseEl) => {
|
|
|
6348
6348
|
.addAnimation([backdropAnimation, wrapperAnimation]);
|
|
6349
6349
|
};
|
|
6350
6350
|
|
|
6351
|
-
const actionSheetIosCss = ".sc-ion-action-sheet-ios-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-ios-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ios{left:0;right:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;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);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden
|
|
6351
|
+
const actionSheetIosCss = ".sc-ion-action-sheet-ios-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-ios-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-ios{left:0;right:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;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);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-ios:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-ios{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-ios::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-ios{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-selected.sc-ion-action-sheet-ios{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-ios::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios{color:var(--button-color-focused);background-color:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-ios::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-ios:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, var(--ion-background-color-step-100, #f9f9f9)));--backdrop-opacity:var(--ion-backdrop-opacity, 0.4);--button-background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent;--button-background-activated:var(--ion-text-color, #000);--button-background-activated-opacity:.08;--button-background-hover:currentColor;--button-background-hover-opacity:.04;--button-background-focused:currentColor;--button-background-focused-opacity:.12;--button-background-selected:var(--ion-color-step-150, var(--ion-background-color-step-150, var(--ion-background-color, #fff)));--button-background-selected-opacity:1;--button-color:var(--ion-color-primary, #0054e9);--button-color-disabled:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--color:var(--ion-color-step-400, var(--ion-text-color-step-600, #999999));text-align:center}.action-sheet-wrapper.sc-ion-action-sheet-ios{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);padding-bottom:var(--ion-safe-area-bottom, 0);-webkit-box-sizing:content-box;box-sizing:content-box}.action-sheet-container.sc-ion-action-sheet-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0}.action-sheet-group.sc-ion-action-sheet-ios{border-radius:13px;margin-bottom:8px}.action-sheet-group.sc-ion-action-sheet-ios:first-child{margin-top:10px}.action-sheet-group.sc-ion-action-sheet-ios:last-child{margin-bottom:10px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-group.sc-ion-action-sheet-ios{background-color:transparent;-webkit-backdrop-filter:saturate(280%) blur(20px);backdrop-filter:saturate(280%) blur(20px)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-title.sc-ion-action-sheet-ios,.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.sc-ion-action-sheet-ios{background-color:transparent;background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)), to(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8))), -webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4)), color-stop(50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8)));background-image:linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 100%), linear-gradient(0deg, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4), rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.4) 50%, rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.8) 50%);background-repeat:no-repeat;background-position:top, bottom;background-size:100% calc(100% - 1px), 100% 1px;-webkit-backdrop-filter:saturate(120%);backdrop-filter:saturate(120%)}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-button.ion-activated.sc-ion-action-sheet-ios{background-color:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.7);background-image:none}.action-sheet-translucent.sc-ion-action-sheet-ios-h .action-sheet-cancel.sc-ion-action-sheet-ios{background:var(--button-background-selected)}}.action-sheet-title.sc-ion-action-sheet-ios{background:-webkit-gradient(linear, left bottom, left top, from(rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08)), color-stop(50%, transparent)) bottom/100% 1px no-repeat transparent;background:linear-gradient(0deg, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08), rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.08) 50%, transparent 50%) bottom/100% 1px no-repeat transparent}.action-sheet-title.sc-ion-action-sheet-ios{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:14px;padding-bottom:13px;color:var(--color, var(--ion-color-step-400, var(--ion-text-color-step-600, #999999)));font-size:max(13px, 0.8125rem);font-weight:400;text-align:center}.action-sheet-title.action-sheet-has-sub-title.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-sub-title.sc-ion-action-sheet-ios{padding-left:0;padding-right:0;padding-top:6px;padding-bottom:0;font-size:max(13px, 0.8125rem);font-weight:400}.action-sheet-button.sc-ion-action-sheet-ios{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:14px;padding-bottom:14px;min-height:56px;font-size:max(20px, 1.25rem);contain:content}.action-sheet-button.sc-ion-action-sheet-ios .action-sheet-icon.sc-ion-action-sheet-ios{-webkit-margin-end:0.3em;margin-inline-end:0.3em;font-size:max(28px, 1.75rem);pointer-events:none}.action-sheet-button.sc-ion-action-sheet-ios:last-child{background-image:none}.action-sheet-selected.sc-ion-action-sheet-ios{font-weight:bold}.action-sheet-cancel.sc-ion-action-sheet-ios{font-weight:600}.action-sheet-cancel.sc-ion-action-sheet-ios::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-destructive.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-activated.sc-ion-action-sheet-ios,.action-sheet-destructive.ion-focused.sc-ion-action-sheet-ios{color:var(--ion-color-danger, #c5000f)}@media (any-hover: hover){.action-sheet-destructive.sc-ion-action-sheet-ios:hover{color:var(--ion-color-danger, #c5000f)}}";
|
|
6352
6352
|
var IonActionSheetIosStyle0 = actionSheetIosCss;
|
|
6353
6353
|
|
|
6354
|
-
const actionSheetMdCss = ".sc-ion-action-sheet-md-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-md-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-md{left:0;right:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;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);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-md{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden
|
|
6354
|
+
const actionSheetMdCss = ".sc-ion-action-sheet-md-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:block;position:fixed;outline:none;font-family:var(--ion-font-family, inherit);-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-action-sheet-md-h{display:none}.action-sheet-wrapper.sc-ion-action-sheet-md{left:0;right:0;bottom:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);display:block;position:absolute;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);z-index:10;pointer-events:none}.action-sheet-button.sc-ion-action-sheet-md{display:block;position:relative;width:100%;border:0;outline:none;background:var(--button-background);color:var(--button-color);font-family:inherit;overflow:hidden}.action-sheet-button.sc-ion-action-sheet-md:disabled{color:var(--button-color-disabled);opacity:0.4}.action-sheet-button-inner.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;pointer-events:none;width:100%;height:100%;z-index:1}.action-sheet-container.sc-ion-action-sheet-md{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;-ms-flex-pack:end;justify-content:flex-end;height:100%;max-height:calc(100vh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)));max-height:calc(100dvh - (var(--ion-safe-area-top, 0) + var(--ion-safe-area-bottom, 0)))}.action-sheet-group.sc-ion-action-sheet-md{-ms-flex-negative:2;flex-shrink:2;overscroll-behavior-y:contain;overflow-y:auto;-webkit-overflow-scrolling:touch;pointer-events:all;background:var(--background)}@media (any-pointer: coarse){.action-sheet-group.sc-ion-action-sheet-md::-webkit-scrollbar{display:none}}.action-sheet-group-cancel.sc-ion-action-sheet-md{-ms-flex-negative:0;flex-shrink:0;overflow:hidden}.action-sheet-selected.sc-ion-action-sheet-md{color:var(--button-color-selected)}.action-sheet-selected.sc-ion-action-sheet-md::after{background:var(--button-background-selected);opacity:var(--button-background-selected-opacity)}.action-sheet-button.ion-activated.sc-ion-action-sheet-md{color:var(--button-color-activated)}.action-sheet-button.ion-activated.sc-ion-action-sheet-md::after{background:var(--button-background-activated);opacity:var(--button-background-activated-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-md{color:var(--button-color-focused);background-color:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}.action-sheet-button.ion-focused.sc-ion-action-sheet-md::after{background:var(--button-background-focused);opacity:var(--button-background-focused-opacity)}@media (any-hover: hover){.action-sheet-button.sc-ion-action-sheet-md:not(:disabled):hover{color:var(--button-color-hover)}.action-sheet-button.sc-ion-action-sheet-md:not(:disabled):hover::after{background:var(--button-background-hover);opacity:var(--button-background-hover-opacity)}}.sc-ion-action-sheet-md-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);--button-background:transparent;--button-background-selected:currentColor;--button-background-selected-opacity:0;--button-background-activated:transparent;--button-background-activated-opacity:0;--button-background-hover:currentColor;--button-background-hover-opacity:.04;--button-background-focused:currentColor;--button-background-focused-opacity:.12;--button-color:var(--ion-color-step-850, var(--ion-text-color-step-150, #262626));--button-color-disabled:var(--button-color);--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54)}.action-sheet-wrapper.sc-ion-action-sheet-md{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:var(--ion-safe-area-top, 0);margin-bottom:0}.action-sheet-title.sc-ion-action-sheet-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:20px;padding-bottom:17px;min-height:60px;color:var(--color, rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54));font-size:1rem;text-align:start}.action-sheet-sub-title.sc-ion-action-sheet-md{padding-left:0;padding-right:0;padding-top:16px;padding-bottom:0;font-size:0.875rem}.action-sheet-group.sc-ion-action-sheet-md:first-child{padding-top:0}.action-sheet-group.sc-ion-action-sheet-md:last-child{padding-bottom:var(--ion-safe-area-bottom)}.action-sheet-button.sc-ion-action-sheet-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:12px;padding-bottom:12px;position:relative;min-height:52px;font-size:1rem;text-align:start;contain:content;overflow:hidden}.action-sheet-icon.sc-ion-action-sheet-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:32px;margin-inline-end:32px;margin-top:0;margin-bottom:0;color:var(--color);font-size:1.5rem}.action-sheet-button-inner.sc-ion-action-sheet-md{-ms-flex-pack:start;justify-content:flex-start}.action-sheet-selected.sc-ion-action-sheet-md{font-weight:bold}";
|
|
6355
6355
|
var IonActionSheetMdStyle0 = actionSheetMdCss;
|
|
6356
6356
|
|
|
6357
6357
|
/**
|
|
@@ -6457,17 +6457,17 @@ class ActionSheet {
|
|
|
6457
6457
|
onWillDismiss() {
|
|
6458
6458
|
return eventMethod(this.el, 'ionActionSheetWillDismiss');
|
|
6459
6459
|
}
|
|
6460
|
-
async buttonClick(button) {
|
|
6461
|
-
|
|
6462
|
-
|
|
6463
|
-
|
|
6464
|
-
|
|
6465
|
-
|
|
6466
|
-
|
|
6467
|
-
|
|
6468
|
-
|
|
6469
|
-
|
|
6470
|
-
}
|
|
6460
|
+
// private async buttonClick(button: ActionSheetButton) {
|
|
6461
|
+
// const role = button.role;
|
|
6462
|
+
// if (isCancel(role)) {
|
|
6463
|
+
// return this.dismiss(button.data, role);
|
|
6464
|
+
// }
|
|
6465
|
+
// const shouldDismiss = await this.callButtonHandler(button);
|
|
6466
|
+
// if (shouldDismiss) {
|
|
6467
|
+
// return this.dismiss(button.data, button.role);
|
|
6468
|
+
// }
|
|
6469
|
+
// return Promise.resolve();
|
|
6470
|
+
// }
|
|
6471
6471
|
async callButtonHandler(button) {
|
|
6472
6472
|
if (button) {
|
|
6473
6473
|
// a handler has been provided, execute it
|
|
@@ -6541,16 +6541,16 @@ class ActionSheet {
|
|
|
6541
6541
|
render() {
|
|
6542
6542
|
const { header, htmlAttributes, overlayIndex } = this;
|
|
6543
6543
|
const mode = getIonMode$1(this);
|
|
6544
|
-
const allButtons = this.getButtons();
|
|
6545
|
-
const cancelButton = allButtons.find((b) => b.role === 'cancel');
|
|
6546
|
-
const buttons = allButtons.filter((b) => b.role !== 'cancel');
|
|
6544
|
+
// const allButtons = this.getButtons();
|
|
6545
|
+
// const cancelButton = allButtons.find((b) => b.role === 'cancel');
|
|
6546
|
+
// const buttons = allButtons.filter((b) => b.role !== 'cancel');
|
|
6547
6547
|
const headerID = `action-sheet-${overlayIndex}-header`;
|
|
6548
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
6548
|
+
return (hAsync(Host, Object.assign({ key: 'e1b1ed6c403a2740700053df4bd0264982e5f75c', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
|
|
6549
6549
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
6550
|
-
}, class: Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { key: '
|
|
6550
|
+
}, class: Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { key: '9fa9befdcea7af76811b78f9f025f4565bc25f9e', tappable: this.backdropDismiss }), hAsync("div", { key: '63ed6cbdec2ea50dd7c1989677ac0cb1924e4b8c', tabindex: "0" }), hAsync("div", { key: 'e93d88a957d3deb4c886069bf7bb4c1b3c32c77e', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, hAsync("div", { key: '8681ca457aa67fc9646cc9b03af2458cfc6af654', class: "action-sheet-head" }, header !== undefined && (hAsync("h2", { key: 'df225c04e4e9f57e944084c1205870dbfebe7175', id: headerID, class: {
|
|
6551
6551
|
'action-sheet-title': true,
|
|
6552
6552
|
'action-sheet-has-sub-title': this.subHeader !== undefined,
|
|
6553
|
-
} }, header
|
|
6553
|
+
} }, header)), this.subHeader !== undefined && (hAsync("h2", { key: '49dbc8bc9fe09375719c783dcd4ae1a63287befa', class: "action-sheet-sub-title" }, this.subHeader)))), hAsync("div", { key: '22fc26a805b5a0d406caf0c83e00a9f6cea339c7', tabindex: "0" })));
|
|
6554
6554
|
}
|
|
6555
6555
|
get el() { return getElement(this); }
|
|
6556
6556
|
static get watchers() { return {
|
|
@@ -6591,9 +6591,6 @@ class ActionSheet {
|
|
|
6591
6591
|
"$attrsToReflect$": []
|
|
6592
6592
|
}; }
|
|
6593
6593
|
}
|
|
6594
|
-
const buttonClass$3 = (button) => {
|
|
6595
|
-
return Object.assign({ 'action-sheet-button': true, 'ion-activatable': !button.disabled, 'ion-focusable': !button.disabled, [`action-sheet-${button.role}`]: button.role !== undefined }, getClassMap(button.cssClass));
|
|
6596
|
-
};
|
|
6597
6594
|
|
|
6598
6595
|
const ENABLE_HTML_CONTENT_DEFAULT = false;
|
|
6599
6596
|
|
|
@@ -7236,9 +7233,9 @@ class Alert {
|
|
|
7236
7233
|
* If neither is defined, don't set aria-labelledby.
|
|
7237
7234
|
*/
|
|
7238
7235
|
const ariaLabelledBy = header ? hdrId : subHeader ? subHdrId : null;
|
|
7239
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
7236
|
+
return (hAsync(Host, Object.assign({ key: 'a884e5b9a4d3ec4dc31dddf4e6c545b3cfa65447', role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "-1" }, htmlAttributes, { style: {
|
|
7240
7237
|
zIndex: `${20000 + overlayIndex}`,
|
|
7241
|
-
}, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { key: '
|
|
7238
|
+
}, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { key: '4c0e3088895cd7459b3704b9ac86ee436d0ccb0f', tappable: this.backdropDismiss }), hAsync("div", { key: '9732b28f6ce6cbfd8d2b87e93380355f89862f16', tabindex: "0" }), hAsync("div", { key: 'bb4902ccdcc926e8be5272e3084b9bf7bd5c76a4', class: "alert-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, hAsync("div", { key: '69acfd22b9b0e45a8411e77592494d73a79e3ccb', class: "alert-head" }, header && (hAsync("h2", { key: 'c15b0b6f44df94dda14ca1e9dea9629820a11fc5', id: hdrId, class: "alert-title" }, header)), subHeader && (hAsync("h2", { key: '1425dfabf5ee317a5ceaa1f2fe84d391b9b47cda', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), hAsync("div", { key: '6e36a7aec687e9e9b01ac16ee40b593836c293a2', tabindex: "0" })));
|
|
7242
7239
|
}
|
|
7243
7240
|
get el() { return getElement(this); }
|
|
7244
7241
|
static get watchers() { return {
|
|
@@ -7316,7 +7313,7 @@ class App {
|
|
|
7316
7313
|
}
|
|
7317
7314
|
render() {
|
|
7318
7315
|
const mode = getIonMode$1(this);
|
|
7319
|
-
return (hAsync(Host, { key: '
|
|
7316
|
+
return (hAsync(Host, { key: '037d45fe1656a87409c1922c774e659ec32e8fd0', class: {
|
|
7320
7317
|
[mode]: true,
|
|
7321
7318
|
'ion-page': true,
|
|
7322
7319
|
'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),
|
|
@@ -7347,7 +7344,7 @@ class Avatar {
|
|
|
7347
7344
|
registerInstance(this, hostRef);
|
|
7348
7345
|
}
|
|
7349
7346
|
render() {
|
|
7350
|
-
return (hAsync(Host, { key: '
|
|
7347
|
+
return (hAsync(Host, { key: '95d7ca334f9b66e0983cbc1b782ded0b9a54eaa9', class: getIonMode$1(this) }, hAsync("slot", { key: '011d20189acdb03bee328aa4fa0511826a0b3a36' })));
|
|
7351
7348
|
}
|
|
7352
7349
|
static get style() { return {
|
|
7353
7350
|
ios: IonAvatarIosStyle0,
|
|
@@ -7435,7 +7432,7 @@ class BackButton {
|
|
|
7435
7432
|
const showBackButton = defaultHref !== undefined;
|
|
7436
7433
|
const mode = getIonMode$1(this);
|
|
7437
7434
|
const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
|
|
7438
|
-
return (hAsync(Host, { key: '
|
|
7435
|
+
return (hAsync(Host, { key: '175fff2d7a41d2deaaf7b781c5ba2aac9311ebf4', onClick: this.onClick, class: createColorClasses$1(color, {
|
|
7439
7436
|
[mode]: true,
|
|
7440
7437
|
button: true, // ion-buttons target .button
|
|
7441
7438
|
'back-button-disabled': disabled,
|
|
@@ -7445,7 +7442,7 @@ class BackButton {
|
|
|
7445
7442
|
'ion-activatable': true,
|
|
7446
7443
|
'ion-focusable': true,
|
|
7447
7444
|
'show-back-button': showBackButton,
|
|
7448
|
-
}) }, hAsync("button", { key: '
|
|
7445
|
+
}) }, hAsync("button", { key: '59fe30c167ea82e2431e45d46060a01bcb2aea77', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, hAsync("span", { key: '3d704fb7ef001446361e7a09d43763a771b242b9', class: "button-inner" }, backButtonIcon && (hAsync("ion-icon", { key: '5e8d4d811cacecdce053bed29badce0da30b9264', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (hAsync("span", { key: '879d2fb636eb961729cd09e87d0169b91b4dc32a', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), mode === 'md' && hAsync("ion-ripple-effect", { key: 'd74fad653be6ce0958720ce9a9c6939790878102', type: this.rippleType }))));
|
|
7449
7446
|
}
|
|
7450
7447
|
get el() { return getElement(this); }
|
|
7451
7448
|
static get style() { return {
|
|
@@ -7498,7 +7495,7 @@ class Backdrop {
|
|
|
7498
7495
|
}
|
|
7499
7496
|
render() {
|
|
7500
7497
|
const mode = getIonMode$1(this);
|
|
7501
|
-
return (hAsync(Host, { key: '
|
|
7498
|
+
return (hAsync(Host, { key: '604b6a7b73c3d1fca9590fe81b3a29230e94526b', tabindex: "-1", "aria-hidden": "true", class: {
|
|
7502
7499
|
[mode]: true,
|
|
7503
7500
|
'backdrop-hide': !this.visible,
|
|
7504
7501
|
'backdrop-no-tappable': !this.tappable,
|
|
@@ -7538,9 +7535,9 @@ class Badge {
|
|
|
7538
7535
|
}
|
|
7539
7536
|
render() {
|
|
7540
7537
|
const mode = getIonMode$1(this);
|
|
7541
|
-
return (hAsync(Host, { key: '
|
|
7538
|
+
return (hAsync(Host, { key: '2e051a2a6beddbd8d13f70f9e42afbcafd43a19b', class: createColorClasses$1(this.color, {
|
|
7542
7539
|
[mode]: true,
|
|
7543
|
-
}) }, hAsync("slot", { key: '
|
|
7540
|
+
}) }, hAsync("slot", { key: 'e0f4f0e39d2037d4bd85a351b5ff94cf84e233ce' })));
|
|
7544
7541
|
}
|
|
7545
7542
|
static get style() { return {
|
|
7546
7543
|
ios: IonBadgeIosStyle0,
|
|
@@ -7626,7 +7623,7 @@ class Breadcrumb {
|
|
|
7626
7623
|
// to show the separator as long as it isn't also the last breadcrumb
|
|
7627
7624
|
// otherwise if not collapsed use the value in separator
|
|
7628
7625
|
const showSeparator = last ? false : collapsed ? (showCollapsedIndicator && !last ? true : false) : separator;
|
|
7629
|
-
return (hAsync(Host, { key: '
|
|
7626
|
+
return (hAsync(Host, { key: '236916d7f0d7862c821ea2c82e8d679722fee649', onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
|
|
7630
7627
|
[mode]: true,
|
|
7631
7628
|
'breadcrumb-active': active,
|
|
7632
7629
|
'breadcrumb-collapsed': collapsed,
|
|
@@ -7636,15 +7633,15 @@ class Breadcrumb {
|
|
|
7636
7633
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
7637
7634
|
'ion-activatable': clickable,
|
|
7638
7635
|
'ion-focusable': clickable,
|
|
7639
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
7636
|
+
}) }, hAsync(TagType, Object.assign({ key: 'e9c72683c6c13aa9994120b486e0c828d9f06f0f' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), hAsync("slot", { key: '4826849732bbbe560678c3218959424a17264dcb', name: "start" }), hAsync("slot", { key: '4c2d78d38c0204812c8029f7273de20d2712db9b' }), hAsync("slot", { key: '8492e5e1071904183936c1afd8acc4af6e115e67', name: "end" })), showCollapsedIndicator && (hAsync("button", { key: '848225f188b0955661a8d992829eb3ac08d8894c', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
|
|
7640
7637
|
'breadcrumbs-collapsed-indicator': true,
|
|
7641
|
-
} }, hAsync("ion-icon", { key: '
|
|
7638
|
+
} }, hAsync("ion-icon", { key: 'f8392f4fc818eb876f143bd6a3293e337e3b538f', "aria-hidden": "true", icon: ellipsisHorizontal, lazy: false }))), showSeparator && (
|
|
7642
7639
|
/**
|
|
7643
7640
|
* Separators should not be announced by narrators.
|
|
7644
7641
|
* We add aria-hidden on the span so that this applies
|
|
7645
7642
|
* to any custom separators too.
|
|
7646
7643
|
*/
|
|
7647
|
-
hAsync("span", { key: '
|
|
7644
|
+
hAsync("span", { key: '6c432e80a61682211599010ac452b8c14ca66819', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, hAsync("slot", { key: 'eb38b2db91a9406fb123f9132025e68b561f2f33', name: "separator" }, mode === 'ios' ? (hAsync("ion-icon", { icon: chevronForwardOutline, lazy: false, "flip-rtl": true })) : (hAsync("span", null, "/")))))));
|
|
7648
7645
|
}
|
|
7649
7646
|
get el() { return getElement(this); }
|
|
7650
7647
|
static get style() { return {
|
|
@@ -7784,12 +7781,12 @@ class Breadcrumbs {
|
|
|
7784
7781
|
render() {
|
|
7785
7782
|
const { color, collapsed } = this;
|
|
7786
7783
|
const mode = getIonMode$1(this);
|
|
7787
|
-
return (hAsync(Host, { key: '
|
|
7784
|
+
return (hAsync(Host, { key: '17d8cf4ef471b39787b0054974c8ded3bb7c63d7', class: createColorClasses$1(color, {
|
|
7788
7785
|
[mode]: true,
|
|
7789
7786
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
7790
7787
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
7791
7788
|
'breadcrumbs-collapsed': collapsed,
|
|
7792
|
-
}) }, hAsync("slot", { key: '
|
|
7789
|
+
}) }, hAsync("slot", { key: '3b1fe0730d5c8c76e95af181c92ea99c3f924d38', onSlotchange: this.slotChanged })));
|
|
7793
7790
|
}
|
|
7794
7791
|
get el() { return getElement(this); }
|
|
7795
7792
|
static get watchers() { return {
|
|
@@ -8032,7 +8029,7 @@ class Button {
|
|
|
8032
8029
|
{
|
|
8033
8030
|
type !== 'button' && this.renderHiddenButton();
|
|
8034
8031
|
}
|
|
8035
|
-
return (hAsync(Host, { key: '
|
|
8032
|
+
return (hAsync(Host, { key: '5b7ed17b35c2573be0afc558e6b02674e9e26167', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
|
|
8036
8033
|
[mode]: true,
|
|
8037
8034
|
[buttonType]: true,
|
|
8038
8035
|
[`${buttonType}-${expand}`]: expand !== undefined,
|
|
@@ -8047,7 +8044,7 @@ class Button {
|
|
|
8047
8044
|
'button-disabled': disabled,
|
|
8048
8045
|
'ion-activatable': true,
|
|
8049
8046
|
'ion-focusable': true,
|
|
8050
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
8047
|
+
}) }, hAsync(TagType, Object.assign({ key: '966a458dc3467224af4642ed4f3d5324a6be55fb' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), hAsync("span", { key: 'c80be7023eedf773cf912bcd02567fd9f1f847b0', class: "button-inner" }, hAsync("slot", { key: '8bbe6295280630a36b4e2f10831c15a1128a8195', name: "icon-only", onSlotchange: this.slotChanged }), hAsync("slot", { key: '5d9599da2602fb9ddaf680deacacbf199a71c74f', name: "start" }), hAsync("slot", { key: 'e67f2a02eb60c84954293b4613670c48d24463be' }), hAsync("slot", { key: '01c49f68100aace088f61e10e364314ed830d8ad', name: "end" })), mode === 'md' && hAsync("ion-ripple-effect", { key: 'de1a6308dc2c1add2b5191257d532a3960d7e806', type: this.rippleType }))));
|
|
8051
8048
|
}
|
|
8052
8049
|
get el() { return getElement(this); }
|
|
8053
8050
|
static get watchers() { return {
|
|
@@ -8098,10 +8095,10 @@ class Buttons {
|
|
|
8098
8095
|
}
|
|
8099
8096
|
render() {
|
|
8100
8097
|
const mode = getIonMode$1(this);
|
|
8101
|
-
return (hAsync(Host, { key: '
|
|
8098
|
+
return (hAsync(Host, { key: '793b8c75a70119f7a8509925651534fb8cd4cc57', class: {
|
|
8102
8099
|
[mode]: true,
|
|
8103
8100
|
['buttons-collapse']: this.collapse,
|
|
8104
|
-
} }, hAsync("slot", { key: '
|
|
8101
|
+
} }, hAsync("slot", { key: 'c6734e44e32a5591ba8ea34a0f30f4908a3e70c9' })));
|
|
8105
8102
|
}
|
|
8106
8103
|
static get style() { return {
|
|
8107
8104
|
ios: IonButtonsIosStyle0,
|
|
@@ -8170,7 +8167,7 @@ class Card {
|
|
|
8170
8167
|
}
|
|
8171
8168
|
render() {
|
|
8172
8169
|
const mode = getIonMode$1(this);
|
|
8173
|
-
return (hAsync(Host, { key: '
|
|
8170
|
+
return (hAsync(Host, { key: 'a8fbab81cdc15f33c58df20df1da2b58d196fa06', class: createColorClasses$1(this.color, {
|
|
8174
8171
|
[mode]: true,
|
|
8175
8172
|
'card-disabled': this.disabled,
|
|
8176
8173
|
'ion-activatable': this.isClickable(),
|
|
@@ -8217,7 +8214,7 @@ class CardContent {
|
|
|
8217
8214
|
}
|
|
8218
8215
|
render() {
|
|
8219
8216
|
const mode = getIonMode$1(this);
|
|
8220
|
-
return (hAsync(Host, { key: '
|
|
8217
|
+
return (hAsync(Host, { key: '065710efda5c54032a7612bc8469c46a39b9c246', class: {
|
|
8221
8218
|
[mode]: true,
|
|
8222
8219
|
// Used internally for styling
|
|
8223
8220
|
[`card-content-${mode}`]: true,
|
|
@@ -8254,11 +8251,11 @@ class CardHeader {
|
|
|
8254
8251
|
}
|
|
8255
8252
|
render() {
|
|
8256
8253
|
const mode = getIonMode$1(this);
|
|
8257
|
-
return (hAsync(Host, { key: '
|
|
8254
|
+
return (hAsync(Host, { key: '20cf862f9c2410fa1be97d17e43b726c4b006f6c', class: createColorClasses$1(this.color, {
|
|
8258
8255
|
'card-header-translucent': this.translucent,
|
|
8259
8256
|
'ion-inherit-color': true,
|
|
8260
8257
|
[mode]: true,
|
|
8261
|
-
}) }, hAsync("slot", { key: '
|
|
8258
|
+
}) }, hAsync("slot", { key: '40a4b2a04d02969e6cdf328cbb7ee9d77e6d4fce' })));
|
|
8262
8259
|
}
|
|
8263
8260
|
static get style() { return {
|
|
8264
8261
|
ios: IonCardHeaderIosStyle0,
|
|
@@ -8293,10 +8290,10 @@ class CardSubtitle {
|
|
|
8293
8290
|
}
|
|
8294
8291
|
render() {
|
|
8295
8292
|
const mode = getIonMode$1(this);
|
|
8296
|
-
return (hAsync(Host, { key: '
|
|
8293
|
+
return (hAsync(Host, { key: 'da15ebf9caf9015fc2a8b0f5fd5cbc40a424d85a', role: "heading", "aria-level": "3", class: createColorClasses$1(this.color, {
|
|
8297
8294
|
'ion-inherit-color': true,
|
|
8298
8295
|
[mode]: true,
|
|
8299
|
-
}) }, hAsync("slot", { key: '
|
|
8296
|
+
}) }, hAsync("slot", { key: '24e5a0396f518ec710cc6537d851924d31370309' })));
|
|
8300
8297
|
}
|
|
8301
8298
|
static get style() { return {
|
|
8302
8299
|
ios: IonCardSubtitleIosStyle0,
|
|
@@ -8330,10 +8327,10 @@ class CardTitle {
|
|
|
8330
8327
|
}
|
|
8331
8328
|
render() {
|
|
8332
8329
|
const mode = getIonMode$1(this);
|
|
8333
|
-
return (hAsync(Host, { key: '
|
|
8330
|
+
return (hAsync(Host, { key: '7a3c9120461b994de29124eb5ae2f14a995e15da', role: "heading", "aria-level": "2", class: createColorClasses$1(this.color, {
|
|
8334
8331
|
'ion-inherit-color': true,
|
|
8335
8332
|
[mode]: true,
|
|
8336
|
-
}) }, hAsync("slot", { key: '
|
|
8333
|
+
}) }, hAsync("slot", { key: '548998a695d0b6abed8f6bf43201635744cc8540' })));
|
|
8337
8334
|
}
|
|
8338
8335
|
static get style() { return {
|
|
8339
8336
|
ios: IonCardTitleIosStyle0,
|
|
@@ -8428,7 +8425,7 @@ class Checkbox {
|
|
|
8428
8425
|
const mode = getIonMode$1(this);
|
|
8429
8426
|
const path = getSVGPath(mode, indeterminate);
|
|
8430
8427
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
8431
|
-
return (hAsync(Host, { key: '
|
|
8428
|
+
return (hAsync(Host, { key: '874fedc923ef2fb15c07936762bf05745424821a', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses$1(color, {
|
|
8432
8429
|
[mode]: true,
|
|
8433
8430
|
'in-item': hostContext('ion-item', el),
|
|
8434
8431
|
'checkbox-checked': checked,
|
|
@@ -8438,10 +8435,10 @@ class Checkbox {
|
|
|
8438
8435
|
[`checkbox-justify-${justify}`]: justify !== undefined,
|
|
8439
8436
|
[`checkbox-alignment-${alignment}`]: alignment !== undefined,
|
|
8440
8437
|
[`checkbox-label-placement-${labelPlacement}`]: true,
|
|
8441
|
-
}), onClick: this.onClick }, hAsync("label", { key: '
|
|
8438
|
+
}), onClick: this.onClick }, hAsync("label", { key: '0c316771e228f62d10650e5cf7deb836710adca6', class: "checkbox-wrapper" }, hAsync("input", Object.assign({ key: '7fb76d00d9d1d7923a8bac2494f395cd9e0445de', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), hAsync("div", { key: 'ac5980854ea3745ad41c6c739b3ece258b28ba4f', class: {
|
|
8442
8439
|
'label-text-wrapper': true,
|
|
8443
8440
|
'label-text-wrapper-hidden': el.textContent === '',
|
|
8444
|
-
}, part: "label" }, hAsync("slot", { key: '
|
|
8441
|
+
}, part: "label" }, hAsync("slot", { key: 'caadcf425702d54d99c4fb97c97a85b8733edf78' })), hAsync("div", { key: 'b3b2fb8530f308b05e37413e225e3ca0a5ff2c44', class: "native-wrapper" }, hAsync("svg", { key: '3e9d490777e4c0bea9132fafe6cca4ae97477eee', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
|
|
8445
8442
|
}
|
|
8446
8443
|
getSVGPath(mode, indeterminate) {
|
|
8447
8444
|
let path = indeterminate ? (hAsync("path", { d: "M6 12L18 12", part: "mark" })) : (hAsync("path", { d: "M5.9,12.5l3.8,3.8l8.8-8.8", part: "mark" }));
|
|
@@ -8494,12 +8491,12 @@ class Chip {
|
|
|
8494
8491
|
}
|
|
8495
8492
|
render() {
|
|
8496
8493
|
const mode = getIonMode$1(this);
|
|
8497
|
-
return (hAsync(Host, { key: '
|
|
8494
|
+
return (hAsync(Host, { key: '7e3a88e481f815b79e8f2eeb00f2153234d29386', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
|
|
8498
8495
|
[mode]: true,
|
|
8499
8496
|
'chip-outline': this.outline,
|
|
8500
8497
|
'chip-disabled': this.disabled,
|
|
8501
8498
|
'ion-activatable': true,
|
|
8502
|
-
}) }, hAsync("slot", { key: '
|
|
8499
|
+
}) }, hAsync("slot", { key: 'e557aabdc64c4bd8bcb88a92d89dee801795f838' }), mode === 'md' && hAsync("ion-ripple-effect", { key: '2004d108c63d179287230d28638957a838ef880e' })));
|
|
8503
8500
|
}
|
|
8504
8501
|
static get style() { return {
|
|
8505
8502
|
ios: IonChipIosStyle0,
|
|
@@ -8650,9 +8647,9 @@ class Col {
|
|
|
8650
8647
|
render() {
|
|
8651
8648
|
const isRTL = document.dir === 'rtl';
|
|
8652
8649
|
const mode = getIonMode$1(this);
|
|
8653
|
-
return (hAsync(Host, { key: '
|
|
8650
|
+
return (hAsync(Host, { key: '897a97e0ac15bab594463e9a5d75f446378c5916', class: {
|
|
8654
8651
|
[mode]: true,
|
|
8655
|
-
}, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, hAsync("slot", { key: '
|
|
8652
|
+
}, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, hAsync("slot", { key: '04642f36a0583b81c1eb0aa346991c72f2c75001' })));
|
|
8656
8653
|
}
|
|
8657
8654
|
static get style() { return IonColStyle0; }
|
|
8658
8655
|
static get cmpMeta() { return {
|
|
@@ -9026,7 +9023,7 @@ class Content {
|
|
|
9026
9023
|
const forceOverscroll = this.shouldForceOverscroll();
|
|
9027
9024
|
const transitionShadow = mode === 'ios';
|
|
9028
9025
|
this.resize();
|
|
9029
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
9026
|
+
return (hAsync(Host, Object.assign({ key: '717c11415acdbd0da1c1d86c2f3757d1c7a8ea65', role: isMainContent ? 'main' : undefined, class: createColorClasses$1(this.color, {
|
|
9030
9027
|
[mode]: true,
|
|
9031
9028
|
'content-sizing': hostContext('ion-popover', this.el),
|
|
9032
9029
|
overscroll: forceOverscroll,
|
|
@@ -9034,12 +9031,12 @@ class Content {
|
|
|
9034
9031
|
}), style: {
|
|
9035
9032
|
'--offset-top': `${this.cTop}px`,
|
|
9036
9033
|
'--offset-bottom': `${this.cBottom}px`,
|
|
9037
|
-
} }, inheritedAttributes), hAsync("div", { key: '
|
|
9034
|
+
} }, inheritedAttributes), hAsync("div", { key: 'ad0ae962f571673976adc4659a027d608cc4a260', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? hAsync("slot", { name: "fixed" }) : null, hAsync("div", { key: 'a5681f4e0fa66cbc8ed677aec7d6163d0274b465', class: {
|
|
9038
9035
|
'inner-scroll': true,
|
|
9039
9036
|
'scroll-x': scrollX,
|
|
9040
9037
|
'scroll-y': scrollY,
|
|
9041
9038
|
overscroll: (scrollX || scrollY) && forceOverscroll,
|
|
9042
|
-
}, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, hAsync("slot", { key: '
|
|
9039
|
+
}, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, hAsync("slot", { key: '81dc159f6dc9267cc5c8f899334fec9db6696a39' })), transitionShadow ? (hAsync("div", { class: "transition-effect" }, hAsync("div", { class: "transition-cover" }), hAsync("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? hAsync("slot", { name: "fixed" }) : null));
|
|
9043
9040
|
}
|
|
9044
9041
|
get el() { return getElement(this); }
|
|
9045
9042
|
static get style() { return IonContentStyle0; }
|
|
@@ -12560,7 +12557,7 @@ class Datetime {
|
|
|
12560
12557
|
const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
|
|
12561
12558
|
const hasWheelVariant = hasDatePresentation && preferWheel;
|
|
12562
12559
|
renderHiddenInput(true, el, name, formatValue(value), disabled);
|
|
12563
|
-
return (hAsync(Host, { key: '
|
|
12560
|
+
return (hAsync(Host, { key: 'c968c01a9fe0b4b2e7168ada6579f0b504f213c1', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses$1(color, {
|
|
12564
12561
|
[mode]: true,
|
|
12565
12562
|
['datetime-readonly']: readonly,
|
|
12566
12563
|
['datetime-disabled']: disabled,
|
|
@@ -12570,7 +12567,7 @@ class Datetime {
|
|
|
12570
12567
|
[`datetime-size-${size}`]: true,
|
|
12571
12568
|
[`datetime-prefer-wheel`]: hasWheelVariant,
|
|
12572
12569
|
[`datetime-grid`]: isGridStyle,
|
|
12573
|
-
})) }, hAsync("div", { key: '
|
|
12570
|
+
})) }, hAsync("div", { key: '34c6576dcc6693b26c00d08eda2cf194f6a3cc46', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
|
|
12574
12571
|
}
|
|
12575
12572
|
get el() { return getElement(this); }
|
|
12576
12573
|
static get watchers() { return {
|
|
@@ -12978,11 +12975,11 @@ class DatetimeButton {
|
|
|
12978
12975
|
render() {
|
|
12979
12976
|
const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
|
|
12980
12977
|
const mode = getIonMode$1(this);
|
|
12981
|
-
return (hAsync(Host, { key: '
|
|
12978
|
+
return (hAsync(Host, { key: 'c1e3da705c6a00d9606ec966066e8126e9880b17', class: createColorClasses$1(color, {
|
|
12982
12979
|
[mode]: true,
|
|
12983
12980
|
[`${selectedButton}-active`]: datetimeActive,
|
|
12984
12981
|
['datetime-button-disabled']: disabled,
|
|
12985
|
-
}) }, dateText && (hAsync("button", { key: '
|
|
12982
|
+
}) }, dateText && (hAsync("button", { key: '26752763bc400fb9c1fcad988001304ba1540152', class: "ion-activatable", id: "date-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleDateClick, disabled: disabled, part: "native", ref: (el) => (this.dateTargetEl = el) }, hAsync("slot", { key: '8594e0acf504fb28f66cee325b94d03d64c72285', name: "date-target" }, dateText), mode === 'md' && hAsync("ion-ripple-effect", { key: 'de91cd8625f4522736d5c7366f0d4289a4340086' }))), timeText && (hAsync("button", { key: '03d5d4132c3653514a0e55ca2b06e56681a846bf', class: "ion-activatable", id: "time-button", "aria-expanded": datetimeActive ? 'true' : 'false', onClick: this.handleTimeClick, disabled: disabled, part: "native", ref: (el) => (this.timeTargetEl = el) }, hAsync("slot", { key: 'bc8b46650926f4db676832cebdd7aaf30d84a1e9', name: "time-target" }, timeText), mode === 'md' && hAsync("ion-ripple-effect", { key: 'fcaceadaddab045a816739b7a4588fdd46228af2' })))));
|
|
12986
12983
|
}
|
|
12987
12984
|
get el() { return getElement(this); }
|
|
12988
12985
|
static get style() { return {
|
|
@@ -13056,12 +13053,12 @@ class Fab {
|
|
|
13056
13053
|
render() {
|
|
13057
13054
|
const { horizontal, vertical, edge } = this;
|
|
13058
13055
|
const mode = getIonMode$1(this);
|
|
13059
|
-
return (hAsync(Host, { key: '
|
|
13056
|
+
return (hAsync(Host, { key: '6e92fa00d624e6bd249b5852994e8632aa2fd570', class: {
|
|
13060
13057
|
[mode]: true,
|
|
13061
13058
|
[`fab-horizontal-${horizontal}`]: horizontal !== undefined,
|
|
13062
13059
|
[`fab-vertical-${vertical}`]: vertical !== undefined,
|
|
13063
13060
|
'fab-edge': edge,
|
|
13064
|
-
} }, hAsync("slot", { key: '
|
|
13061
|
+
} }, hAsync("slot", { key: '93dc7aa5cc9857d5278cda2819a4fd4f7aff8c9c' })));
|
|
13065
13062
|
}
|
|
13066
13063
|
get el() { return getElement(this); }
|
|
13067
13064
|
static get watchers() { return {
|
|
@@ -13151,7 +13148,7 @@ class FabButton {
|
|
|
13151
13148
|
rel: this.rel,
|
|
13152
13149
|
target: this.target,
|
|
13153
13150
|
};
|
|
13154
|
-
return (hAsync(Host, { key: '
|
|
13151
|
+
return (hAsync(Host, { key: 'da42d7adc23bd03a4f9b1b16bac96179e0b98edc', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
|
|
13155
13152
|
[mode]: true,
|
|
13156
13153
|
'fab-button-in-list': inList,
|
|
13157
13154
|
'fab-button-translucent-in-list': inList && translucent,
|
|
@@ -13162,7 +13159,7 @@ class FabButton {
|
|
|
13162
13159
|
'ion-activatable': true,
|
|
13163
13160
|
'ion-focusable': true,
|
|
13164
13161
|
[`fab-button-${size}`]: size !== undefined,
|
|
13165
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
13162
|
+
}) }, hAsync(TagType, Object.assign({ key: 'f0e62e3f469c05ba7e7fe0ee9315d0d131d46bca' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), hAsync("ion-icon", { key: '5df29d68f977902c650579161662db7e01ebedf5', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), hAsync("span", { key: '451794c3a2f4cd34c7250bc950d21d9839ce9d97', class: "button-inner" }, hAsync("slot", { key: '636042b9532a4035d7ebaf94ec5ba64cf8e5ffbb' })), mode === 'md' && hAsync("ion-ripple-effect", { key: '00f80c424536a011cbbdbb7ad079a464c160835b' }))));
|
|
13166
13163
|
}
|
|
13167
13164
|
get el() { return getElement(this); }
|
|
13168
13165
|
static get style() { return {
|
|
@@ -13213,11 +13210,11 @@ class FabList {
|
|
|
13213
13210
|
}
|
|
13214
13211
|
render() {
|
|
13215
13212
|
const mode = getIonMode$1(this);
|
|
13216
|
-
return (hAsync(Host, { key: '
|
|
13213
|
+
return (hAsync(Host, { key: '94001f76326d3f8d5480f4b1be10c779a282e9fd', class: {
|
|
13217
13214
|
[mode]: true,
|
|
13218
13215
|
'fab-list-active': this.activated,
|
|
13219
13216
|
[`fab-list-side-${this.side}`]: true,
|
|
13220
|
-
} }, hAsync("slot", { key: '
|
|
13217
|
+
} }, hAsync("slot", { key: '6a31a954e2c0aab3afba31f30313a9394a8af94a' })));
|
|
13221
13218
|
}
|
|
13222
13219
|
get el() { return getElement(this); }
|
|
13223
13220
|
static get watchers() { return {
|
|
@@ -13669,7 +13666,7 @@ class Footer {
|
|
|
13669
13666
|
const mode = getIonMode$1(this);
|
|
13670
13667
|
const tabs = this.el.closest('ion-tabs');
|
|
13671
13668
|
const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
|
|
13672
|
-
return (hAsync(Host, { key: '
|
|
13669
|
+
return (hAsync(Host, { key: 'cb3a32020d48e3260c18da2e518706a4a7930f26', role: "contentinfo", class: {
|
|
13673
13670
|
[mode]: true,
|
|
13674
13671
|
// Used internally for styling
|
|
13675
13672
|
[`footer-${mode}`]: true,
|
|
@@ -13677,7 +13674,7 @@ class Footer {
|
|
|
13677
13674
|
[`footer-translucent-${mode}`]: translucent,
|
|
13678
13675
|
['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
|
|
13679
13676
|
[`footer-collapse-${collapse}`]: collapse !== undefined,
|
|
13680
|
-
} }, mode === 'ios' && translucent && hAsync("div", { key: '
|
|
13677
|
+
} }, mode === 'ios' && translucent && hAsync("div", { key: '8f6f2c4594583ee34752950d4291c637accf9287', class: "footer-background" }), hAsync("slot", { key: 'd37e786a045bec0fd06010627ffd27e8e78e754e' })));
|
|
13681
13678
|
}
|
|
13682
13679
|
get el() { return getElement(this); }
|
|
13683
13680
|
static get style() { return {
|
|
@@ -13708,10 +13705,10 @@ class Grid {
|
|
|
13708
13705
|
}
|
|
13709
13706
|
render() {
|
|
13710
13707
|
const mode = getIonMode$1(this);
|
|
13711
|
-
return (hAsync(Host, { key: '
|
|
13708
|
+
return (hAsync(Host, { key: 'f2194ede3623545d366468a30704765e289fb00d', class: {
|
|
13712
13709
|
[mode]: true,
|
|
13713
13710
|
'grid-fixed': this.fixed,
|
|
13714
|
-
} }, hAsync("slot", { key: '
|
|
13711
|
+
} }, hAsync("slot", { key: '4052880901245cda5dd82a5c452e7dd3e02ab7fd' })));
|
|
13715
13712
|
}
|
|
13716
13713
|
static get style() { return IonGridStyle0; }
|
|
13717
13714
|
static get cmpMeta() { return {
|
|
@@ -14042,14 +14039,14 @@ class Header {
|
|
|
14042
14039
|
const collapse = this.collapse || 'none';
|
|
14043
14040
|
// banner role must be at top level, so remove role if inside a menu
|
|
14044
14041
|
const roleType = hostContext('ion-menu', this.el) ? 'none' : 'banner';
|
|
14045
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
14042
|
+
return (hAsync(Host, Object.assign({ key: '4053b08038a245309f125bfcb697a84ef52ab5e5', role: roleType, class: {
|
|
14046
14043
|
[mode]: true,
|
|
14047
14044
|
// Used internally for styling
|
|
14048
14045
|
[`header-${mode}`]: true,
|
|
14049
14046
|
[`header-translucent`]: this.translucent,
|
|
14050
14047
|
[`header-collapse-${collapse}`]: true,
|
|
14051
14048
|
[`header-translucent-${mode}`]: this.translucent,
|
|
14052
|
-
} }, inheritedAttributes), mode === 'ios' && translucent && hAsync("div", { key: '
|
|
14049
|
+
} }, inheritedAttributes), mode === 'ios' && translucent && hAsync("div", { key: '551cf9d1e76ee4331dd36ab45f9200bdb7fe95ea', class: "header-background" }), hAsync("slot", { key: '29360e44e184ac8a9f0f926166c34474c9acba55' })));
|
|
14053
14050
|
}
|
|
14054
14051
|
get el() { return getElement(this); }
|
|
14055
14052
|
static get style() { return {
|
|
@@ -14328,7 +14325,7 @@ class Img {
|
|
|
14328
14325
|
render() {
|
|
14329
14326
|
const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
|
|
14330
14327
|
const { draggable } = inheritedAttributes;
|
|
14331
|
-
return (hAsync(Host, { key: '
|
|
14328
|
+
return (hAsync(Host, { key: '0bf9dd6980a327fe9db56d20ee7d1cba3d24004e', class: getIonMode$1(this) }, hAsync("img", { key: '41219b518d152a07ac9e6887338c6fc1f5bd62e3', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
|
|
14332
14329
|
}
|
|
14333
14330
|
get el() { return getElement(this); }
|
|
14334
14331
|
static get watchers() { return {
|
|
@@ -14535,7 +14532,7 @@ class InfiniteScroll {
|
|
|
14535
14532
|
render() {
|
|
14536
14533
|
const mode = getIonMode$1(this);
|
|
14537
14534
|
const disabled = this.disabled;
|
|
14538
|
-
return (hAsync(Host, { key: '
|
|
14535
|
+
return (hAsync(Host, { key: '6ebf01d8e9abd5b0e6197a0c13436b587ffc9fe8', class: {
|
|
14539
14536
|
[mode]: true,
|
|
14540
14537
|
'infinite-scroll-loading': this.isLoading,
|
|
14541
14538
|
'infinite-scroll-enabled': !disabled,
|
|
@@ -14591,11 +14588,11 @@ class InfiniteScrollContent {
|
|
|
14591
14588
|
}
|
|
14592
14589
|
render() {
|
|
14593
14590
|
const mode = getIonMode$1(this);
|
|
14594
|
-
return (hAsync(Host, { key: '
|
|
14591
|
+
return (hAsync(Host, { key: 'c3ba9864511b2aedd4884fa631d59559f9086924', class: {
|
|
14595
14592
|
[mode]: true,
|
|
14596
14593
|
// Used internally for styling
|
|
14597
14594
|
[`infinite-scroll-content-${mode}`]: true,
|
|
14598
|
-
} }, hAsync("div", { key: '
|
|
14595
|
+
} }, hAsync("div", { key: '4d9d40457fec317f32da1a4584895de867c88ba9', class: "infinite-loading" }, this.loadingSpinner && (hAsync("div", { key: '9e8f364f6c66b53f5912c6c9437caa6cc52bd4d3', class: "infinite-loading-spinner" }, hAsync("ion-spinner", { key: '457f34b169124457be68feff8e464466afc747b7', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
|
|
14599
14596
|
}
|
|
14600
14597
|
static get style() { return {
|
|
14601
14598
|
ios: IonInfiniteScrollContentIosStyle0,
|
|
@@ -15327,7 +15324,7 @@ class Input {
|
|
|
15327
15324
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
15328
15325
|
*/
|
|
15329
15326
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
15330
|
-
return (hAsync(Host, { key: '
|
|
15327
|
+
return (hAsync(Host, { key: '8fe11981fe29ec7042234e5f0a6821511e1a3ce2', class: createColorClasses$1(this.color, {
|
|
15331
15328
|
[mode]: true,
|
|
15332
15329
|
'has-value': hasValue,
|
|
15333
15330
|
'has-focus': hasFocus,
|
|
@@ -15338,7 +15335,7 @@ class Input {
|
|
|
15338
15335
|
'in-item': inItem,
|
|
15339
15336
|
'in-item-color': hostContext('ion-item.ion-color', this.el),
|
|
15340
15337
|
'input-disabled': disabled,
|
|
15341
|
-
}) }, hAsync("label", { key: '
|
|
15338
|
+
}) }, hAsync("label", { key: 'f6bb09e3652a8b6f76e1a81775a193bd9bd0dca5', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: 'bfe2fb131b6d001c97d0524fecc55c299dc7b8e3', class: "native-wrapper" }, hAsync("slot", { key: 'd0787327ae575f4cbac653be197c6aeb78b7b6ba', name: "start" }), hAsync("input", Object.assign({ key: 'e06ece9d9dba1aeca434837d84461a3c5cda033b', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd }, this.inheritedAttributes)), this.clearInput && !readonly && !disabled && (hAsync("button", { key: 'cdee06c490a9c9a3777d691fd0b3f6744d751b77', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
|
|
15342
15339
|
/**
|
|
15343
15340
|
* This prevents mobile browsers from
|
|
15344
15341
|
* blurring the input when the clear
|
|
@@ -15353,7 +15350,7 @@ class Input {
|
|
|
15353
15350
|
* for screen readers as it means users would be unable to swipe past the clear button.
|
|
15354
15351
|
*/
|
|
15355
15352
|
ev.stopPropagation();
|
|
15356
|
-
}, onClick: this.clearTextInput }, hAsync("ion-icon", { key: '
|
|
15353
|
+
}, onClick: this.clearTextInput }, hAsync("ion-icon", { key: '8c813ac0b9dd3754b65fe928e5e55e11cb8ba06c', "aria-hidden": "true", icon: clearIconData }))), hAsync("slot", { key: '6df110f7719f89f345e7b2d14e34ebaedf2a3ae9', name: "end" })), shouldRenderHighlight && hAsync("div", { key: '6b544a470910f92825d83b4693272a5744b90c41', class: "input-highlight" })), this.renderBottomContent()));
|
|
15357
15354
|
}
|
|
15358
15355
|
get el() { return getElement(this); }
|
|
15359
15356
|
static get watchers() { return {
|
|
@@ -15475,16 +15472,16 @@ class InputPasswordToggle {
|
|
|
15475
15472
|
const showPasswordIcon = (_a = this.showIcon) !== null && _a !== void 0 ? _a : eye;
|
|
15476
15473
|
const hidePasswordIcon = (_b = this.hideIcon) !== null && _b !== void 0 ? _b : eyeOff;
|
|
15477
15474
|
const isPasswordVisible = type === 'text';
|
|
15478
|
-
return (hAsync(Host, { key: '
|
|
15475
|
+
return (hAsync(Host, { key: 'e762dedf219725aac7e79cd5b9fe7632b923f021', class: createColorClasses$1(color, {
|
|
15479
15476
|
[mode]: true,
|
|
15480
|
-
}) }, hAsync("ion-button", { key: '
|
|
15477
|
+
}) }, hAsync("ion-button", { key: '8ee1f981af2a3864bcf2116207f4db27e4e1f31a', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": "show password", role: "switch", type: "button", onPointerDown: (ev) => {
|
|
15481
15478
|
/**
|
|
15482
15479
|
* This prevents mobile browsers from
|
|
15483
15480
|
* blurring the input when the password toggle
|
|
15484
15481
|
* button is activated.
|
|
15485
15482
|
*/
|
|
15486
15483
|
ev.preventDefault();
|
|
15487
|
-
}, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: '
|
|
15484
|
+
}, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: 'c864036a33bbc21d5324439f8f10dd0fd7b7b4ca', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? hidePasswordIcon : showPasswordIcon }))));
|
|
15488
15485
|
}
|
|
15489
15486
|
get el() { return getElement(this); }
|
|
15490
15487
|
static get watchers() { return {
|
|
@@ -15780,11 +15777,11 @@ class ItemDivider {
|
|
|
15780
15777
|
}
|
|
15781
15778
|
render() {
|
|
15782
15779
|
const mode = getIonMode$1(this);
|
|
15783
|
-
return (hAsync(Host, { key: '
|
|
15780
|
+
return (hAsync(Host, { key: '384a4e7aa88d995d984a8cf1a9d50ee62152e557', class: createColorClasses$1(this.color, {
|
|
15784
15781
|
[mode]: true,
|
|
15785
15782
|
'item-divider-sticky': this.sticky,
|
|
15786
15783
|
item: true,
|
|
15787
|
-
}) }, hAsync("slot", { key: '
|
|
15784
|
+
}) }, hAsync("slot", { key: '734758b7f460333d35c5ea8a8e4b561a828b5581', name: "start" }), hAsync("div", { key: '9228dbce13729bc6b368a4d3b1632393cb6d77ff', class: "item-divider-inner" }, hAsync("div", { key: '682f4c6d78e8ab0aa1fb71406f6f5d3c49f93f51', class: "item-divider-wrapper" }, hAsync("slot", { key: '8fc592b612e2663337ea9451b7cb728f0be4ac5c' })), hAsync("slot", { key: '8ed1bf0df19475a403dc37b451c80601c3e295bd', name: "end" }))));
|
|
15788
15785
|
}
|
|
15789
15786
|
get el() { return getElement(this); }
|
|
15790
15787
|
static get style() { return {
|
|
@@ -15816,7 +15813,7 @@ class ItemGroup {
|
|
|
15816
15813
|
}
|
|
15817
15814
|
render() {
|
|
15818
15815
|
const mode = getIonMode$1(this);
|
|
15819
|
-
return (hAsync(Host, { key: '
|
|
15816
|
+
return (hAsync(Host, { key: '93e31b0ea21cf60aac7445f463da7959417400e5', role: "group", class: {
|
|
15820
15817
|
[mode]: true,
|
|
15821
15818
|
// Used internally for styling
|
|
15822
15819
|
[`item-group-${mode}`]: true,
|
|
@@ -15884,12 +15881,12 @@ class ItemOption {
|
|
|
15884
15881
|
href: this.href,
|
|
15885
15882
|
target: this.target,
|
|
15886
15883
|
};
|
|
15887
|
-
return (hAsync(Host, { key: '
|
|
15884
|
+
return (hAsync(Host, { key: 'd55436f789ceb991db95f386df5df41fc56a78a6', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
15888
15885
|
[mode]: true,
|
|
15889
15886
|
'item-option-disabled': disabled,
|
|
15890
15887
|
'item-option-expandable': expandable,
|
|
15891
15888
|
'ion-activatable': true,
|
|
15892
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
15889
|
+
}) }, hAsync(TagType, Object.assign({ key: 'e157c5b9ea5cdb68d3e162593c5ae3e72871a266' }, attrs, { class: "button-native", part: "native", disabled: disabled }), hAsync("span", { key: '414d4cda72641e5168b1a67f98ef4a92d4a6fd2b', class: "button-inner" }, hAsync("slot", { key: '6099b63f4f0954a62345a526c9a418be68971805', name: "top" }), hAsync("div", { key: '5af43d2e7e982371247f736726ff19794fcfa7c4', class: "horizontal-wrapper" }, hAsync("slot", { key: '5442bfce241d6647bb671625bf389c6d50b1eb0d', name: "start" }), hAsync("slot", { key: 'b0ba9b814406d7539329e5665705d3da7d8ec974', name: "icon-only" }), hAsync("slot", { key: '3f9fa17386051a1eac5d3e366c9b027759da9a2c' }), hAsync("slot", { key: 'a87945cdab52ef671b12fae4a4dbe8a42c03ed22', name: "end" })), hAsync("slot", { key: '9934bb2238351733dc29d05f0ad795720982980c', name: "bottom" })), mode === 'md' && hAsync("ion-ripple-effect", { key: '03c3b1122d98460d9c89a2d8d18673b32c18f9a0' }))));
|
|
15893
15890
|
}
|
|
15894
15891
|
get el() { return getElement(this); }
|
|
15895
15892
|
static get style() { return {
|
|
@@ -15936,7 +15933,7 @@ class ItemOptions {
|
|
|
15936
15933
|
render() {
|
|
15937
15934
|
const mode = getIonMode$1(this);
|
|
15938
15935
|
const isEnd = isEndSide(this.side);
|
|
15939
|
-
return (hAsync(Host, { key: '
|
|
15936
|
+
return (hAsync(Host, { key: '28e7977e6ef7a331b8570a3e4b88f0283ae50c9e', class: {
|
|
15940
15937
|
[mode]: true,
|
|
15941
15938
|
// Used internally for styling
|
|
15942
15939
|
[`item-options-${mode}`]: true,
|
|
@@ -16398,7 +16395,7 @@ class ItemSliding {
|
|
|
16398
16395
|
}
|
|
16399
16396
|
render() {
|
|
16400
16397
|
const mode = getIonMode$1(this);
|
|
16401
|
-
return (hAsync(Host, { key: '
|
|
16398
|
+
return (hAsync(Host, { key: 'f8c1e978cff89a63e23c46c2ad16eac66db530f5', class: {
|
|
16402
16399
|
[mode]: true,
|
|
16403
16400
|
'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
|
|
16404
16401
|
'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,
|
|
@@ -16507,13 +16504,13 @@ class Label {
|
|
|
16507
16504
|
render() {
|
|
16508
16505
|
const position = this.position;
|
|
16509
16506
|
const mode = getIonMode$1(this);
|
|
16510
|
-
return (hAsync(Host, { key: '
|
|
16507
|
+
return (hAsync(Host, { key: '2311bd8145046edd623a6a96db315fc5719aec12', class: createColorClasses$1(this.color, {
|
|
16511
16508
|
[mode]: true,
|
|
16512
16509
|
'in-item-color': hostContext('ion-item.ion-color', this.el),
|
|
16513
16510
|
[`label-${position}`]: position !== undefined,
|
|
16514
16511
|
[`label-no-animate`]: this.noAnimate,
|
|
16515
16512
|
'label-rtl': document.dir === 'rtl',
|
|
16516
|
-
}) }, hAsync("slot", { key: '
|
|
16513
|
+
}) }, hAsync("slot", { key: 'dcc3b383a78fbc385b9689a95ee57d9b1e8a263b' })));
|
|
16517
16514
|
}
|
|
16518
16515
|
get el() { return getElement(this); }
|
|
16519
16516
|
static get watchers() { return {
|
|
@@ -16569,7 +16566,7 @@ class List {
|
|
|
16569
16566
|
render() {
|
|
16570
16567
|
const mode = getIonMode$1(this);
|
|
16571
16568
|
const { lines, inset } = this;
|
|
16572
|
-
return (hAsync(Host, { key: '
|
|
16569
|
+
return (hAsync(Host, { key: 'fff468cb8bfd9999bea7d7fd210f715e58bf605a', role: "list", class: {
|
|
16573
16570
|
[mode]: true,
|
|
16574
16571
|
// Used internally for styling
|
|
16575
16572
|
[`list-${mode}`]: true,
|
|
@@ -16615,10 +16612,10 @@ class ListHeader {
|
|
|
16615
16612
|
render() {
|
|
16616
16613
|
const { lines } = this;
|
|
16617
16614
|
const mode = getIonMode$1(this);
|
|
16618
|
-
return (hAsync(Host, { key: '
|
|
16615
|
+
return (hAsync(Host, { key: 'd07e7a3c03b0164d398319c009a9b6fc8405598d', class: createColorClasses$1(this.color, {
|
|
16619
16616
|
[mode]: true,
|
|
16620
16617
|
[`list-header-lines-${lines}`]: lines !== undefined,
|
|
16621
|
-
}) }, hAsync("div", { key: '
|
|
16618
|
+
}) }, hAsync("div", { key: 'f56daf3980e4964163c2482b3d60905c154b0724', class: "list-header-inner" }, hAsync("slot", { key: 'd56400b71a855b16498afa24148d64d885ae6504' }))));
|
|
16622
16619
|
}
|
|
16623
16620
|
static get style() { return {
|
|
16624
16621
|
ios: IonListHeaderIosStyle0,
|
|
@@ -16887,9 +16884,9 @@ class Loading {
|
|
|
16887
16884
|
* Otherwise, don't set aria-labelledby.
|
|
16888
16885
|
*/
|
|
16889
16886
|
const ariaLabelledBy = message !== undefined ? msgId : null;
|
|
16890
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
16887
|
+
return (hAsync(Host, Object.assign({ key: '3d684a57559ad330f0a7954aad02571f15629ded', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
|
|
16891
16888
|
zIndex: `${40000 + this.overlayIndex}`,
|
|
16892
|
-
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: '
|
|
16889
|
+
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: '0f6cd7c082fe98ce1c7b2873749b774dbdb041dc', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'a03ba5875254bac6bca319c9e5fe798ab511c89c', tabindex: "0" }), hAsync("div", { key: 'cbe2a569a4e3072074622bc0e9f408a3f67f27e8', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { key: '8fbae7f7389855003dab80d10ed3cc6f8f61c858', class: "loading-spinner" }, hAsync("ion-spinner", { key: '6ca485d41fba4ea8d4358c787fbe96abe7158f6d', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: '77b14c01d7b598bd14212e6346212ef0cf3865b2', tabindex: "0" })));
|
|
16893
16890
|
}
|
|
16894
16891
|
get el() { return getElement(this); }
|
|
16895
16892
|
static get watchers() { return {
|
|
@@ -17870,14 +17867,14 @@ class Menu {
|
|
|
17870
17867
|
* the ionBackButton listener in the menu controller
|
|
17871
17868
|
* will handle closing the menu when Escape is pressed.
|
|
17872
17869
|
*/
|
|
17873
|
-
return (hAsync(Host, { key: '
|
|
17870
|
+
return (hAsync(Host, { key: 'fc1a6fbdac29a165f06f49bb36243953f93380ba', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
|
|
17874
17871
|
[mode]: true,
|
|
17875
17872
|
[`menu-type-${type}`]: true,
|
|
17876
17873
|
'menu-enabled': !disabled,
|
|
17877
17874
|
[`menu-side-${side}`]: true,
|
|
17878
17875
|
'menu-pane-visible': isPaneVisible,
|
|
17879
17876
|
'split-pane-side': hostContext('ion-split-pane', el),
|
|
17880
|
-
} }, hAsync("div", { key: '
|
|
17877
|
+
} }, hAsync("div", { key: '12b032eec994bbcd8262c0bca809b3b5ea6660b8', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: '2f4091ce8b9f6014fb5a63dba91a3686c4ba0a62' })), hAsync("ion-backdrop", { key: '5eeaa2993aac40eeb06a4b234565b324bef3d74c', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
|
|
17881
17878
|
}
|
|
17882
17879
|
get el() { return getElement(this); }
|
|
17883
17880
|
static get watchers() { return {
|
|
@@ -17980,7 +17977,7 @@ class MenuButton {
|
|
|
17980
17977
|
type: this.type,
|
|
17981
17978
|
};
|
|
17982
17979
|
const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
|
|
17983
|
-
return (hAsync(Host, { key: '
|
|
17980
|
+
return (hAsync(Host, { key: '4efecc7c5bfc93699507c7106281b96b535966a2', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
|
|
17984
17981
|
[mode]: true,
|
|
17985
17982
|
button: true, // ion-buttons target .button
|
|
17986
17983
|
'menu-button-hidden': hidden,
|
|
@@ -17989,7 +17986,7 @@ class MenuButton {
|
|
|
17989
17986
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
17990
17987
|
'ion-activatable': true,
|
|
17991
17988
|
'ion-focusable': true,
|
|
17992
|
-
}) }, hAsync("button", Object.assign({ key: '
|
|
17989
|
+
}) }, hAsync("button", Object.assign({ key: '8fd26744bb89e1fe230d132a88c57c571c2d1687' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), hAsync("span", { key: '499e6179a774a1fb57225895cec8983165b17835', class: "button-inner" }, hAsync("slot", { key: '12afd938f7a17566f34e66ffe0d8b5f846b24538' }, hAsync("ion-icon", { key: '76f0cb930af0e3204e7abdcd80891c64d25c95ec', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && hAsync("ion-ripple-effect", { key: '2647d1b9129a3816cad434ade7201e5a49b98c83', type: "unbounded" }))));
|
|
17993
17990
|
}
|
|
17994
17991
|
get el() { return getElement(this); }
|
|
17995
17992
|
static get style() { return {
|
|
@@ -18038,10 +18035,10 @@ class MenuToggle {
|
|
|
18038
18035
|
render() {
|
|
18039
18036
|
const mode = getIonMode$1(this);
|
|
18040
18037
|
const hidden = this.autoHide && !this.visible;
|
|
18041
|
-
return (hAsync(Host, { key: '
|
|
18038
|
+
return (hAsync(Host, { key: 'af93cbcd1304e813c0c4fd4c653cd4e79e55dfb4', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
|
|
18042
18039
|
[mode]: true,
|
|
18043
18040
|
'menu-toggle-hidden': hidden,
|
|
18044
|
-
} }, hAsync("slot", { key: '
|
|
18041
|
+
} }, hAsync("slot", { key: 'ba3569f7a82713d0c5cc44bf86ef04bb3e387696' })));
|
|
18045
18042
|
}
|
|
18046
18043
|
static get style() { return IonMenuToggleStyle0; }
|
|
18047
18044
|
static get cmpMeta() { return {
|
|
@@ -20045,18 +20042,18 @@ class Modal {
|
|
|
20045
20042
|
const mode = getIonMode$1(this);
|
|
20046
20043
|
const isCardModal = presentingElement !== undefined && mode === 'ios';
|
|
20047
20044
|
const isHandleCycle = handleBehavior === 'cycle';
|
|
20048
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
20045
|
+
return (hAsync(Host, Object.assign({ key: '9b212421b482bb8f0b3a78466af641fe7e5c85f5', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
|
|
20049
20046
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
20050
|
-
}, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), hAsync("ion-backdrop", { key: '
|
|
20047
|
+
}, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), hAsync("ion-backdrop", { key: '331131605e92efe4f61b52e672f990e434bae402', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && hAsync("div", { key: '181e566b914c2c776cb958ad983179358b4fc5ac', class: "modal-shadow" }), hAsync("div", Object.assign({ key: 'e07a6b70207113a2516d64cefeda924c4c5aea84',
|
|
20051
20048
|
/*
|
|
20052
20049
|
role and aria-modal must be used on the
|
|
20053
20050
|
same element. They must also be set inside the
|
|
20054
20051
|
shadow DOM otherwise ion-button will not be highlighted
|
|
20055
20052
|
when using VoiceOver: https://bugs.webkit.org/show_bug.cgi?id=247134
|
|
20056
20053
|
*/
|
|
20057
|
-
role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: '
|
|
20054
|
+
role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: 'a9a0d5aa73306d9f3a244c90c8dc3c955bc3855c', class: "modal-handle",
|
|
20058
20055
|
// Prevents the handle from receiving keyboard focus when it does not cycle
|
|
20059
|
-
tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), hAsync("slot", { key: '
|
|
20056
|
+
tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), hAsync("slot", { key: '9f9c994a1a6419b1129f3d2f2602999d2dc5bb4d' }))));
|
|
20060
20057
|
}
|
|
20061
20058
|
get el() { return getElement(this); }
|
|
20062
20059
|
static get watchers() { return {
|
|
@@ -21005,7 +21002,7 @@ class Nav {
|
|
|
21005
21002
|
}
|
|
21006
21003
|
}
|
|
21007
21004
|
render() {
|
|
21008
|
-
return hAsync("slot", { key: '
|
|
21005
|
+
return hAsync("slot", { key: 'd54f3b425f1bc87d4d86281671d4ca2806383cdd' });
|
|
21009
21006
|
}
|
|
21010
21007
|
get el() { return getElement(this); }
|
|
21011
21008
|
static get watchers() { return {
|
|
@@ -21078,7 +21075,7 @@ class NavLink {
|
|
|
21078
21075
|
this.routerAnimation = undefined;
|
|
21079
21076
|
}
|
|
21080
21077
|
render() {
|
|
21081
|
-
return hAsync(Host, { key: '
|
|
21078
|
+
return hAsync(Host, { key: '1a576784ab843c575f5ab8ea901aa59a9b0d0d29', onClick: this.onClick });
|
|
21082
21079
|
}
|
|
21083
21080
|
get el() { return getElement(this); }
|
|
21084
21081
|
static get cmpMeta() { return {
|
|
@@ -21112,9 +21109,9 @@ class Note {
|
|
|
21112
21109
|
}
|
|
21113
21110
|
render() {
|
|
21114
21111
|
const mode = getIonMode$1(this);
|
|
21115
|
-
return (hAsync(Host, { key: '
|
|
21112
|
+
return (hAsync(Host, { key: '4a1ac8b0b23e549b3828ed74055e8c903ea6d832', class: createColorClasses$1(this.color, {
|
|
21116
21113
|
[mode]: true,
|
|
21117
|
-
}) }, hAsync("slot", { key: '
|
|
21114
|
+
}) }, hAsync("slot", { key: '49055b3334e5ef422d507582622c38126f2504f7' })));
|
|
21118
21115
|
}
|
|
21119
21116
|
static get style() { return {
|
|
21120
21117
|
ios: IonNoteIosStyle0,
|
|
@@ -21611,7 +21608,7 @@ class Picker$1 {
|
|
|
21611
21608
|
this.emitInputModeChange();
|
|
21612
21609
|
}
|
|
21613
21610
|
render() {
|
|
21614
|
-
return (hAsync(Host, { key: '
|
|
21611
|
+
return (hAsync(Host, { key: 'da5dd5dfb6437fb6cb0222402f9b86f4188c5340', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, hAsync("input", { key: '18f1d5c23dd8e6e374a352d2f94ed3db4aa38204', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
|
|
21615
21612
|
var _a;
|
|
21616
21613
|
/**
|
|
21617
21614
|
* The "Enter" key represents
|
|
@@ -21626,7 +21623,7 @@ class Picker$1 {
|
|
|
21626
21623
|
if (ev.key === 'Enter') {
|
|
21627
21624
|
(_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();
|
|
21628
21625
|
}
|
|
21629
|
-
}, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), hAsync("div", { key: '
|
|
21626
|
+
}, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), hAsync("div", { key: 'f8a11fcbef344920e2135977c9750678bc355ff9', class: "picker-before" }), hAsync("div", { key: '7325b4ad960b75e1d31d321a85737fc0ece9f9df', class: "picker-after" }), hAsync("div", { key: 'c256888d1c4f53566ea9daa656fb30f037d8263d', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), hAsync("slot", { key: 'c016a6e89651774adc819dbfb08a3415127aa8e9' })));
|
|
21630
21627
|
}
|
|
21631
21628
|
get el() { return getElement(this); }
|
|
21632
21629
|
static get style() { return {
|
|
@@ -21879,11 +21876,11 @@ class Picker {
|
|
|
21879
21876
|
render() {
|
|
21880
21877
|
const { htmlAttributes } = this;
|
|
21881
21878
|
const mode = getIonMode$1(this);
|
|
21882
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
21879
|
+
return (hAsync(Host, Object.assign({ key: '8a6fbaba4b5b1e1c25dc500c12279e8e6da7bc81', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
|
|
21883
21880
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
21884
21881
|
}, class: Object.assign({ [mode]: true,
|
|
21885
21882
|
// Used internally for styling
|
|
21886
|
-
[`picker-${mode}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '
|
|
21883
|
+
[`picker-${mode}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '18c21f02bc11f7036e128556c7625745fdd5fca5', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: '848a54b270802ac8562a6e10ab16ccb64032e6f5', tabindex: "0" }), hAsync("div", { key: 'ac70a708843f692920fa7152b15e60cdd43c9d3f', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: '3e23b0b06e9e5cb35e92d54152af5da3675788df', class: "picker-toolbar" }, this.buttons.map((b) => (hAsync("div", { class: buttonWrapperClass(b) }, hAsync("button", { type: "button", onClick: () => this.buttonClick(b), class: buttonClass$1(b) }, b.text))))), hAsync("div", { key: '9ed2e90944e13ce3f3def7d2633c624ba80c386f', class: "picker-columns" }, hAsync("div", { key: '60469764c9ece9b807a407fc7f3bb1ec1a89feea', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-legacy-column", { col: c })), hAsync("div", { key: '73f76b64b8dd8479624c8ea571b724a643e7dc86', class: "picker-below-highlight" }))), hAsync("div", { key: 'dbf7f2f16f01d89bdae0446c1eaa76cb3d30907a', tabindex: "0" })));
|
|
21887
21884
|
}
|
|
21888
21885
|
get el() { return getElement(this); }
|
|
21889
21886
|
static get watchers() { return {
|
|
@@ -22465,12 +22462,12 @@ class PickerColumn {
|
|
|
22465
22462
|
render() {
|
|
22466
22463
|
const { color, disabled, isActive, numericInput } = this;
|
|
22467
22464
|
const mode = getIonMode$1(this);
|
|
22468
|
-
return (hAsync(Host, { key: '
|
|
22465
|
+
return (hAsync(Host, { key: 'db87a8ab9a4c561b314b65c96709413c7769fda6', class: createColorClasses$1(color, {
|
|
22469
22466
|
[mode]: true,
|
|
22470
22467
|
['picker-column-active']: isActive,
|
|
22471
22468
|
['picker-column-numeric-input']: numericInput,
|
|
22472
22469
|
['picker-column-disabled']: disabled,
|
|
22473
|
-
}) }, this.renderAssistiveFocusable(), hAsync("slot", { key: '
|
|
22470
|
+
}) }, this.renderAssistiveFocusable(), hAsync("slot", { key: '3bf28fb1f9a5278c1233ea2c1dec6e6e5fa57a77', name: "prefix" }), hAsync("div", { key: '4ed4ebd77e1a9afea67860ebf72c2a9856fe8c20', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
|
|
22474
22471
|
this.scrollEl = el;
|
|
22475
22472
|
},
|
|
22476
22473
|
/**
|
|
@@ -22491,7 +22488,7 @@ class PickerColumn {
|
|
|
22491
22488
|
* To prevent this, we set the tabIndex to -1. This
|
|
22492
22489
|
* will match the behavior of the other browsers.
|
|
22493
22490
|
*/
|
|
22494
|
-
tabIndex: -1 }, hAsync("div", { key: '
|
|
22491
|
+
tabIndex: -1 }, hAsync("div", { key: '00ea57e0c277237b6556459b7da0dd8ce5d78c4e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'a7f35c62e9105eeab7faf935d943ba436ec41eee', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'f10ea7f6adf3945e6cf59ce7fdc088d14e8b5edd', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("slot", { key: '26885628de402925b9c3c22d7656f7346273d8f0' }), hAsync("div", { key: '88dc46995e2dcd8bbfb950ec61c8d34f0cc4796e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '306b1b0406f96612693b9425cb06bf9a9f973b5e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '51185b096760187f4c59abd3fa7ac1a2e780ada8', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), hAsync("slot", { key: '50bff81067a2419d8b1dacc33a66d23bc588eff5', name: "suffix" })));
|
|
22495
22492
|
}
|
|
22496
22493
|
get el() { return getElement(this); }
|
|
22497
22494
|
static get watchers() { return {
|
|
@@ -22858,9 +22855,9 @@ class PickerColumnCmp {
|
|
|
22858
22855
|
render() {
|
|
22859
22856
|
const col = this.col;
|
|
22860
22857
|
const mode = getIonMode$1(this);
|
|
22861
|
-
return (hAsync(Host, { key: '
|
|
22858
|
+
return (hAsync(Host, { key: '0d919e35ebc1d66b8548b180cc0d853e43c49cf0', class: Object.assign({ [mode]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
|
|
22862
22859
|
'max-width': this.col.columnWidth,
|
|
22863
|
-
} }, col.prefix && (hAsync("div", { key: '
|
|
22860
|
+
} }, col.prefix && (hAsync("div", { key: '3c3b1fabf798fca9605f5d2fd0b921df2605b529', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), hAsync("div", { key: '8f2f88a4db95dcea39dd050f70e85ed9a63ed148', class: "picker-opts", style: { maxWidth: col.optionsWidth }, ref: (el) => (this.optsEl = el) }, col.options.map((o, index) => (hAsync("button", { "aria-label": o.ariaLabel, class: { 'picker-opt': true, 'picker-opt-disabled': !!o.disabled }, "opt-index": index }, o.text)))), col.suffix && (hAsync("div", { key: '943b3f0ebd9be83f508052cf5255a4155263c85e', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
|
|
22864
22861
|
}
|
|
22865
22862
|
get el() { return getElement(this); }
|
|
22866
22863
|
static get watchers() { return {
|
|
@@ -22964,10 +22961,10 @@ class PickerColumnOption {
|
|
|
22964
22961
|
render() {
|
|
22965
22962
|
const { color, disabled, ariaLabel } = this;
|
|
22966
22963
|
const mode = getIonMode$1(this);
|
|
22967
|
-
return (hAsync(Host, { key: '
|
|
22964
|
+
return (hAsync(Host, { key: '5c6caaee984c1a28bd1a78b197d221623ff8320e', class: createColorClasses$1(color, {
|
|
22968
22965
|
[mode]: true,
|
|
22969
22966
|
['option-disabled']: disabled,
|
|
22970
|
-
}) }, hAsync("button", { key: '
|
|
22967
|
+
}) }, hAsync("button", { key: 'a3edef9cbb3c4ee72d15e87b23024655436d06fe', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, hAsync("slot", { key: 'fdf11987e733caaf0f7f546ead95de1d64313b91' }))));
|
|
22971
22968
|
}
|
|
22972
22969
|
get el() { return getElement(this); }
|
|
22973
22970
|
static get watchers() { return {
|
|
@@ -24281,9 +24278,9 @@ class Popover {
|
|
|
24281
24278
|
const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
|
|
24282
24279
|
const desktop = isPlatform('desktop');
|
|
24283
24280
|
const enableArrow = arrow && !parentPopover;
|
|
24284
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
24281
|
+
return (hAsync(Host, Object.assign({ key: '3fb56a3f534f7f7c11148adea60d2a3e425e95b6', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
|
|
24285
24282
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
24286
|
-
}, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { key: '
|
|
24283
|
+
}, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { key: '64a58b057035e83fbe3fe3694b704dd235fa9dc9', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: '50452b335a7e07597156dfef9e86fa0c9db59cf5', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { key: '0f2b48c6f9966695839c0b79c7bddfd405ecae4d', class: "popover-arrow", part: "arrow" }), hAsync("div", { key: 'acff2e5666ec92f710266096191c8a1fed8a4eb9', class: "popover-content", part: "content" }, hAsync("slot", { key: '1c945e3ebfc268c4d45f56d6619fcee9e9d6b264' })))));
|
|
24287
24284
|
}
|
|
24288
24285
|
get el() { return getElement(this); }
|
|
24289
24286
|
static get watchers() { return {
|
|
@@ -24375,7 +24372,7 @@ class ProgressBar {
|
|
|
24375
24372
|
const mode = getIonMode$1(this);
|
|
24376
24373
|
// If the progress is displayed as a solid bar.
|
|
24377
24374
|
const progressSolid = buffer === 1;
|
|
24378
|
-
return (hAsync(Host, { key: '
|
|
24375
|
+
return (hAsync(Host, { key: 'ae7c5fd83c4eebdc69e1a3b161ea1818d2e2d0c8', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
|
|
24379
24376
|
[mode]: true,
|
|
24380
24377
|
[`progress-bar-${type}`]: true,
|
|
24381
24378
|
'progress-paused': paused,
|
|
@@ -24543,7 +24540,7 @@ class Radio {
|
|
|
24543
24540
|
const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
|
|
24544
24541
|
const mode = getIonMode$1(this);
|
|
24545
24542
|
const inItem = hostContext('ion-item', el);
|
|
24546
|
-
return (hAsync(Host, { key: '
|
|
24543
|
+
return (hAsync(Host, { key: '1f7619e05654988ff72423f98a809015393ce6d8', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
|
|
24547
24544
|
[mode]: true,
|
|
24548
24545
|
'in-item': inItem,
|
|
24549
24546
|
'radio-checked': checked,
|
|
@@ -24554,10 +24551,10 @@ class Radio {
|
|
|
24554
24551
|
// Focus and active styling should not apply when the radio is in an item
|
|
24555
24552
|
'ion-activatable': !inItem,
|
|
24556
24553
|
'ion-focusable': !inItem,
|
|
24557
|
-
}), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '
|
|
24554
|
+
}), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '61fed6e73ad342a80e5667e83c8706826b957170', class: "radio-wrapper" }, hAsync("div", { key: '1f9313920d8c02ca995a361407aa7431ffa695bd', class: {
|
|
24558
24555
|
'label-text-wrapper': true,
|
|
24559
24556
|
'label-text-wrapper-hidden': !hasLabel,
|
|
24560
|
-
}, part: "label" }, hAsync("slot", { key: '
|
|
24557
|
+
}, part: "label" }, hAsync("slot", { key: '3bfaf80b494ef4c259d1b6c6960f0583ffa065b4' })), hAsync("div", { key: '00c4aea6ca76fb080fd684b6877c8323ff9c80bd', class: "native-wrapper" }, this.renderRadioControl()))));
|
|
24561
24558
|
}
|
|
24562
24559
|
get el() { return getElement(this); }
|
|
24563
24560
|
static get watchers() { return {
|
|
@@ -24742,7 +24739,7 @@ class RadioGroup {
|
|
|
24742
24739
|
const { label, labelId, el, name, value } = this;
|
|
24743
24740
|
const mode = getIonMode$1(this);
|
|
24744
24741
|
renderHiddenInput(true, el, name, value, false);
|
|
24745
|
-
return hAsync(Host, { key: '
|
|
24742
|
+
return hAsync(Host, { key: '61409ef532b6d027fb134ee548a7b696acd21063', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
|
|
24746
24743
|
}
|
|
24747
24744
|
get el() { return getElement(this); }
|
|
24748
24745
|
static get watchers() { return {
|
|
@@ -25374,7 +25371,7 @@ class Range {
|
|
|
25374
25371
|
const needsEndAdjustment = inItem && !hasEndContent;
|
|
25375
25372
|
const mode = getIonMode$1(this);
|
|
25376
25373
|
renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
|
|
25377
|
-
return (hAsync(Host, { key: '
|
|
25374
|
+
return (hAsync(Host, { key: '2d286a82e73559f43493731b9c7581eb87b4a753', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
|
|
25378
25375
|
[mode]: true,
|
|
25379
25376
|
'in-item': inItem,
|
|
25380
25377
|
'range-disabled': disabled,
|
|
@@ -25383,10 +25380,10 @@ class Range {
|
|
|
25383
25380
|
[`range-label-placement-${labelPlacement}`]: true,
|
|
25384
25381
|
'range-item-start-adjustment': needsStartAdjustment,
|
|
25385
25382
|
'range-item-end-adjustment': needsEndAdjustment,
|
|
25386
|
-
}) }, hAsync("label", { key: '
|
|
25383
|
+
}) }, hAsync("label", { key: '01ab29b6aee2c74f865e7e50aa735471decccb94', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: '4f7b15d46f197c8d0e8a7dc9e7919feda36ffd8e', class: {
|
|
25387
25384
|
'label-text-wrapper': true,
|
|
25388
25385
|
'label-text-wrapper-hidden': !hasLabel,
|
|
25389
|
-
}, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '
|
|
25386
|
+
}, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: 'd5f0e64c957b0c2d59f4305c6ba1c2bf4906b525', class: "native-wrapper" }, hAsync("slot", { key: '8ae6c8cd4b93397c619076a15a4e76eb80f8d581', name: "start" }), this.renderRangeSlider(), hAsync("slot", { key: '7234e46f2936c9865968fb33367508703849962b', name: "end" })))));
|
|
25390
25387
|
}
|
|
25391
25388
|
get el() { return getElement(this); }
|
|
25392
25389
|
static get watchers() { return {
|
|
@@ -26287,7 +26284,7 @@ class Refresher {
|
|
|
26287
26284
|
}
|
|
26288
26285
|
render() {
|
|
26289
26286
|
const mode = getIonMode$1(this);
|
|
26290
|
-
return (hAsync(Host, { key: '
|
|
26287
|
+
return (hAsync(Host, { key: '8c08a2d699b1613808af48e9c9e06f1a8d856f47', slot: "fixed", class: {
|
|
26291
26288
|
[mode]: true,
|
|
26292
26289
|
// Used internally for styling
|
|
26293
26290
|
[`refresher-${mode}`]: true,
|
|
@@ -26515,7 +26512,7 @@ class RefresherContent {
|
|
|
26515
26512
|
const pullingIcon = this.pullingIcon;
|
|
26516
26513
|
const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
|
|
26517
26514
|
const mode = getIonMode$1(this);
|
|
26518
|
-
return (hAsync(Host, { key: '
|
|
26515
|
+
return (hAsync(Host, { key: '2226ce5ae5effdaa14505bad9f1c883d2bd88db7', class: mode }, hAsync("div", { key: '0392dcb820113dba17ea07eb8e385773f1a3c9b7', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (hAsync("div", { key: '2d7a335cbc5edf20f448c554a373c9414b842cb1', class: "refresher-pulling-icon" }, hAsync("div", { key: 'e5e4d42002d6e48ae1a4f0fee1ae7fc8f1487899', class: "spinner-arrow-container" }, hAsync("ion-spinner", { key: '84a733d4d22327c533099546758e36325ec0c3d8', name: this.pullingIcon, paused: true }), mode === 'md' && this.pullingIcon === 'circular' && (hAsync("div", { key: '98f6c220fa089f134d3fbe3eec9778c5c298691f', class: "arrow-container" }, hAsync("ion-icon", { key: '792d8fc6c977b73ac17548907498eb765842d70e', icon: caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (hAsync("div", { key: '7979c4ed0926373c9c7d74eef53c48c5a7aa0f86', class: "refresher-pulling-icon" }, hAsync("ion-icon", { key: '2b366f65d2f6813e9b0fc3a375d30cf705af117f', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), hAsync("div", { key: 'da2426dc081ea3e5750852c46616fee50403ed96', class: "refresher-refreshing" }, this.refreshingSpinner && (hAsync("div", { key: '045144d6495002e1f33e697a74e06456cff9061f', class: "refresher-refreshing-icon" }, hAsync("ion-spinner", { key: '653001cff51cfcae7e5a152fe7c227ebe9368072', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
|
|
26519
26516
|
}
|
|
26520
26517
|
get el() { return getElement(this); }
|
|
26521
26518
|
static get cmpMeta() { return {
|
|
@@ -26558,7 +26555,7 @@ class Reorder {
|
|
|
26558
26555
|
render() {
|
|
26559
26556
|
const mode = getIonMode$1(this);
|
|
26560
26557
|
const reorderIcon = mode === 'ios' ? reorderThreeOutline : reorderTwoSharp;
|
|
26561
|
-
return (hAsync(Host, { key: '
|
|
26558
|
+
return (hAsync(Host, { key: 'e8018ca68cc5a9af1bbcaeb812e6a7b2ec207593', class: mode }, hAsync("slot", { key: '6a573c2b8b720c34b8e63fdf308f49cb8dcca7c7' }, hAsync("ion-icon", { key: '62ddc78fc1a698550c02a900c252806bb6e6741a', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
|
|
26562
26559
|
}
|
|
26563
26560
|
get el() { return getElement(this); }
|
|
26564
26561
|
static get style() { return {
|
|
@@ -26812,7 +26809,7 @@ class ReorderGroup {
|
|
|
26812
26809
|
}
|
|
26813
26810
|
render() {
|
|
26814
26811
|
const mode = getIonMode$1(this);
|
|
26815
|
-
return (hAsync(Host, { key: '
|
|
26812
|
+
return (hAsync(Host, { key: '5b2613deecc26faa24e2a329cb76620d29517af6', class: {
|
|
26816
26813
|
[mode]: true,
|
|
26817
26814
|
'reorder-enabled': !this.disabled,
|
|
26818
26815
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
|
@@ -26920,7 +26917,7 @@ class RippleEffect {
|
|
|
26920
26917
|
}
|
|
26921
26918
|
render() {
|
|
26922
26919
|
const mode = getIonMode$1(this);
|
|
26923
|
-
return (hAsync(Host, { key: '
|
|
26920
|
+
return (hAsync(Host, { key: '9aede04edeb34b2fb6abf0390f70ba671dff4ab5', role: "presentation", class: {
|
|
26924
26921
|
[mode]: true,
|
|
26925
26922
|
unbounded: this.unbounded,
|
|
26926
26923
|
} }));
|
|
@@ -27862,10 +27859,10 @@ class RouterLink {
|
|
|
27862
27859
|
rel: this.rel,
|
|
27863
27860
|
target: this.target,
|
|
27864
27861
|
};
|
|
27865
|
-
return (hAsync(Host, { key: '
|
|
27862
|
+
return (hAsync(Host, { key: '7b104b8b4d6d36394604342225a9cd3bcc232297', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
27866
27863
|
[mode]: true,
|
|
27867
27864
|
'ion-activatable': true,
|
|
27868
|
-
}) }, hAsync("a", Object.assign({ key: '
|
|
27865
|
+
}) }, hAsync("a", Object.assign({ key: '689e38a58764eca01bc42448f8ec4d0cad66b7b6' }, attrs), hAsync("slot", { key: 'c7c24a3b278f323efc18b842652104799bfe8887' }))));
|
|
27869
27866
|
}
|
|
27870
27867
|
static get style() { return IonRouterLinkStyle0; }
|
|
27871
27868
|
static get cmpMeta() { return {
|
|
@@ -28060,7 +28057,7 @@ class RouterOutlet {
|
|
|
28060
28057
|
return true;
|
|
28061
28058
|
}
|
|
28062
28059
|
render() {
|
|
28063
|
-
return hAsync("slot", { key: '
|
|
28060
|
+
return hAsync("slot", { key: 'a1247f129b8870ff4f4183c79ab374f310a76352' });
|
|
28064
28061
|
}
|
|
28065
28062
|
get el() { return getElement(this); }
|
|
28066
28063
|
static get watchers() { return {
|
|
@@ -28094,7 +28091,7 @@ class Row {
|
|
|
28094
28091
|
registerInstance(this, hostRef);
|
|
28095
28092
|
}
|
|
28096
28093
|
render() {
|
|
28097
|
-
return (hAsync(Host, { key: '
|
|
28094
|
+
return (hAsync(Host, { key: 'f9f4d3c89addc79724792514644c24525cc3e736', class: getIonMode$1(this) }, hAsync("slot", { key: 'a1f5d3f68784e8624c95508daa021b90395d6a22' })));
|
|
28098
28095
|
}
|
|
28099
28096
|
static get style() { return IonRowStyle0; }
|
|
28100
28097
|
static get cmpMeta() { return {
|
|
@@ -28488,8 +28485,8 @@ class Searchbar {
|
|
|
28488
28485
|
const clearIcon = this.clearIcon || (mode === 'ios' ? closeCircle : closeSharp);
|
|
28489
28486
|
const searchIcon = this.searchIcon || (mode === 'ios' ? searchOutline : searchSharp);
|
|
28490
28487
|
const shouldShowCancelButton = this.shouldShowCancelButton();
|
|
28491
|
-
const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '
|
|
28492
|
-
return (hAsync(Host, { key: '
|
|
28488
|
+
const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: 'cfa61e0089581dfa8eba471c87a81fabb4dfe3b3', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: mode === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: '930f1ad5533a182369c793ac5f9e8e534a97dfdc', "aria-hidden": "true" }, mode === 'md' ? (hAsync("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
|
|
28489
|
+
return (hAsync(Host, { key: '645dcb19bb2acb42b4a0b8298416bd765dc312fa', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
|
|
28493
28490
|
[mode]: true,
|
|
28494
28491
|
'searchbar-animated': animated,
|
|
28495
28492
|
'searchbar-disabled': this.disabled,
|
|
@@ -28499,14 +28496,14 @@ class Searchbar {
|
|
|
28499
28496
|
'searchbar-has-focus': this.focused,
|
|
28500
28497
|
'searchbar-should-show-clear': this.shouldShowClearButton(),
|
|
28501
28498
|
'searchbar-should-show-cancel': this.shouldShowCancelButton(),
|
|
28502
|
-
}) }, hAsync("div", { key: '
|
|
28499
|
+
}) }, hAsync("div", { key: '650d6aa2a8bd3a560762bbe3b98cc549520ac93c', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: '04eddba089d1082d9eb2da4ba4a0dc6878402a94', "aria-label": "search text", disabled: this.disabled, ref: (el) => (this.nativeInput = el), class: "searchbar-input", inputMode: this.inputmode, enterKeyHint: this.enterkeyhint, name: this.name, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, minLength: this.minlength, maxLength: this.maxlength, placeholder: this.placeholder, type: this.type, value: this.getValue(), autoCapitalize: autocapitalize === 'default' ? undefined : autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, spellcheck: this.spellcheck }, this.inheritedAttributes)), mode === 'md' && cancelButton, hAsync("ion-icon", { key: '61f88b7a167eaf41748adfe40352dd5597efc4c4', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), hAsync("button", { key: 'a73f3387cd2335561fa521a091cb8ea8bc1b697e', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
|
|
28503
28500
|
/**
|
|
28504
28501
|
* This prevents mobile browsers from
|
|
28505
28502
|
* blurring the input when the clear
|
|
28506
28503
|
* button is activated.
|
|
28507
28504
|
*/
|
|
28508
28505
|
ev.preventDefault();
|
|
28509
|
-
}, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: '
|
|
28506
|
+
}, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: '43d5e1465f3cb8036d1ad3062f68419bae66cf20', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
|
|
28510
28507
|
}
|
|
28511
28508
|
get el() { return getElement(this); }
|
|
28512
28509
|
static get watchers() { return {
|
|
@@ -28994,14 +28991,14 @@ class Segment {
|
|
|
28994
28991
|
}
|
|
28995
28992
|
render() {
|
|
28996
28993
|
const mode = getIonMode$1(this);
|
|
28997
|
-
return (hAsync(Host, { key: '
|
|
28994
|
+
return (hAsync(Host, { key: '227d2eb8dcabbffb66649d09d359d7ed41b3778c', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
28998
28995
|
[mode]: true,
|
|
28999
28996
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
29000
28997
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
29001
28998
|
'segment-activated': this.activated,
|
|
29002
28999
|
'segment-disabled': this.disabled,
|
|
29003
29000
|
'segment-scrollable': this.scrollable,
|
|
29004
|
-
}) }, hAsync("slot", { key: '
|
|
29001
|
+
}) }, hAsync("slot", { key: '7c0ffd825839c4db82be984ec14406a50bfe2332', onSlotchange: this.onSlottedItemsChange })));
|
|
29005
29002
|
}
|
|
29006
29003
|
get el() { return getElement(this); }
|
|
29007
29004
|
static get watchers() { return {
|
|
@@ -29111,7 +29108,7 @@ class SegmentButton {
|
|
|
29111
29108
|
const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
|
|
29112
29109
|
const mode = getIonMode$1(this);
|
|
29113
29110
|
const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
|
|
29114
|
-
return (hAsync(Host, { key: '
|
|
29111
|
+
return (hAsync(Host, { key: 'ddfb26e37b54b261faa70aee68691833aa56e81e', class: {
|
|
29115
29112
|
[mode]: true,
|
|
29116
29113
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
29117
29114
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
@@ -29127,10 +29124,10 @@ class SegmentButton {
|
|
|
29127
29124
|
'ion-activatable': true,
|
|
29128
29125
|
'ion-activatable-instant': true,
|
|
29129
29126
|
'ion-focusable': true,
|
|
29130
|
-
} }, hAsync("button", Object.assign({ key: '
|
|
29127
|
+
} }, hAsync("button", Object.assign({ key: 'e59ed3e27467a98191c1c8f365a9c372898392ce', "aria-selected": checked ? 'true' : 'false', role: "tab", ref: (el) => (this.nativeEl = el), type: type, class: "button-native", part: "native", disabled: disabled }, this.inheritedAttributes), hAsync("span", { key: '893481bc8f01bbf564c9ad4c04314f041eee8b7c', class: "button-inner" }, hAsync("slot", { key: 'f234731ae1d4545b9e29c3575e67f6ead2c10532' })), mode === 'md' && hAsync("ion-ripple-effect", { key: '72b531848eb64c7f95e2530d87f7ea99448ecfe3' })), hAsync("div", { key: 'e2e13a354bf5d103c81ead27a23e238bc36c02b2', part: "indicator", class: {
|
|
29131
29128
|
'segment-button-indicator': true,
|
|
29132
29129
|
'segment-button-indicator-animated': true,
|
|
29133
|
-
} }, hAsync("div", { key: '
|
|
29130
|
+
} }, hAsync("div", { key: '51bce0f6af7cde2053351509391a2ac183b38a8e', part: "indicator-background", class: "segment-button-indicator-background" }))));
|
|
29134
29131
|
}
|
|
29135
29132
|
get el() { return getElement(this); }
|
|
29136
29133
|
static get watchers() { return {
|
|
@@ -29742,7 +29739,7 @@ class Select {
|
|
|
29742
29739
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
29743
29740
|
*/
|
|
29744
29741
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
|
|
29745
|
-
return (hAsync(Host, { key: '
|
|
29742
|
+
return (hAsync(Host, { key: 'd95e003059e8719cd19f6f9e23d8939b0cae9bd1', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
29746
29743
|
[mode]: true,
|
|
29747
29744
|
'in-item': inItem,
|
|
29748
29745
|
'in-item-color': hostContext('ion-item.ion-color', el),
|
|
@@ -29758,7 +29755,7 @@ class Select {
|
|
|
29758
29755
|
[`select-justify-${justify}`]: justifyEnabled,
|
|
29759
29756
|
[`select-shape-${shape}`]: shape !== undefined,
|
|
29760
29757
|
[`select-label-placement-${labelPlacement}`]: true,
|
|
29761
|
-
}) }, hAsync("label", { key: '
|
|
29758
|
+
}) }, hAsync("label", { key: 'e5d15665212e6f1eb9335c408e5dc5f12cccd3ae', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), hAsync("div", { key: '53a0d64abaaa08a015aa8fb4c9c91669a179b203', class: "select-wrapper-inner" }, hAsync("slot", { key: '686f830338a5587321433b96577d435c3809d707', name: "start" }), hAsync("div", { key: 'd3852eac0551e155ce6ccc89ce6a3802d752b61e', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: '7bebc89c589be9ba15943a1aeb0f9847443b42e1', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: 'bccaa9661ae5185dd953ce40aa18dd1b762146de', class: "select-highlight" }))));
|
|
29762
29759
|
}
|
|
29763
29760
|
get el() { return getElement(this); }
|
|
29764
29761
|
static get watchers() { return {
|
|
@@ -29849,7 +29846,7 @@ class SelectOption {
|
|
|
29849
29846
|
this.value = undefined;
|
|
29850
29847
|
}
|
|
29851
29848
|
render() {
|
|
29852
|
-
return hAsync(Host, { key: '
|
|
29849
|
+
return hAsync(Host, { key: '02cad3d160435828ab5e6a4d87d4d7af25e95da5', role: "option", id: this.inputId, class: getIonMode$1(this) });
|
|
29853
29850
|
}
|
|
29854
29851
|
get el() { return getElement(this); }
|
|
29855
29852
|
static get style() { return IonSelectOptionStyle0; }
|
|
@@ -29969,7 +29966,7 @@ class SelectPopover {
|
|
|
29969
29966
|
render() {
|
|
29970
29967
|
const { header, message, options, subHeader } = this;
|
|
29971
29968
|
const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
|
|
29972
|
-
return (hAsync(Host, { key: '
|
|
29969
|
+
return (hAsync(Host, { key: 'db591b42f550b4620ca45daa8290fab196ab760f', class: getIonMode$1(this) }, hAsync("ion-list", { key: '795b22528ef751611e1d24138e719c77b30d87bb' }, header !== undefined && hAsync("ion-list-header", { key: '168697c286bf28328d997675bb62ac55c62466b5' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: '8ba867e77c502589db1475d50d661fbda868095a' }, hAsync("ion-label", { key: '615b8114e8315a287592caa69c8d0764c07a3755', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: '5bbb3a53b7eba7b10391c00cfc348b71b928e3fa' }, subHeader), message !== undefined && hAsync("p", { key: 'a12814f22ba06fe799475c845a975c720c98bfaa' }, message)))), this.renderOptions(options))));
|
|
29973
29970
|
}
|
|
29974
29971
|
get el() { return getElement(this); }
|
|
29975
29972
|
static get style() { return {
|
|
@@ -30017,11 +30014,11 @@ class SkeletonText {
|
|
|
30017
30014
|
const animated = this.animated && config.getBoolean('animated', true);
|
|
30018
30015
|
const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
|
|
30019
30016
|
const mode = getIonMode$1(this);
|
|
30020
|
-
return (hAsync(Host, { key: '
|
|
30017
|
+
return (hAsync(Host, { key: '69ac5fabf02d9d42a4eb99b3499dce0864199cb0', class: {
|
|
30021
30018
|
[mode]: true,
|
|
30022
30019
|
'skeleton-text-animated': animated,
|
|
30023
30020
|
'in-media': inMedia,
|
|
30024
|
-
} }, hAsync("span", { key: '
|
|
30021
|
+
} }, hAsync("span", { key: '77887175c8147baecccc6258faa8181c9b2a449c' }, "\u00A0")));
|
|
30025
30022
|
}
|
|
30026
30023
|
get el() { return getElement(this); }
|
|
30027
30024
|
static get style() { return IonSkeletonTextStyle0; }
|
|
@@ -30074,7 +30071,7 @@ class Spinner {
|
|
|
30074
30071
|
svgs.push(buildLine(spinner, duration, i, spinner.lines));
|
|
30075
30072
|
}
|
|
30076
30073
|
}
|
|
30077
|
-
return (hAsync(Host, { key: '
|
|
30074
|
+
return (hAsync(Host, { key: 'bc61b47a0bfc75efa3ef2a201fc9d573ceef5bc3', class: createColorClasses$1(self.color, {
|
|
30078
30075
|
[mode]: true,
|
|
30079
30076
|
[`spinner-${spinnerName}`]: true,
|
|
30080
30077
|
'spinner-paused': self.paused || config.getBoolean('_testing'),
|
|
@@ -30174,12 +30171,12 @@ class SplitPane {
|
|
|
30174
30171
|
}
|
|
30175
30172
|
render() {
|
|
30176
30173
|
const mode = getIonMode$1(this);
|
|
30177
|
-
return (hAsync(Host, { key: '
|
|
30174
|
+
return (hAsync(Host, { key: '03371ed21b1fdd155ec12178d5b4fe42db58326c', class: {
|
|
30178
30175
|
[mode]: true,
|
|
30179
30176
|
// Used internally for styling
|
|
30180
30177
|
[`split-pane-${mode}`]: true,
|
|
30181
30178
|
'split-pane-visible': this.visible,
|
|
30182
|
-
} }, hAsync("slot", { key: '
|
|
30179
|
+
} }, hAsync("slot", { key: '5c82033f0be9eeecf9cca79984e81c4b2e38cba0' })));
|
|
30183
30180
|
}
|
|
30184
30181
|
get el() { return getElement(this); }
|
|
30185
30182
|
static get watchers() { return {
|
|
@@ -30248,10 +30245,10 @@ class Tab {
|
|
|
30248
30245
|
}
|
|
30249
30246
|
render() {
|
|
30250
30247
|
const { tab, active, component } = this;
|
|
30251
|
-
return (hAsync(Host, { key: '
|
|
30248
|
+
return (hAsync(Host, { key: '0e2727610cfb92432ecbe731282dd0fc17f7801c', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
30252
30249
|
'ion-page': component === undefined,
|
|
30253
30250
|
'tab-hidden': !active,
|
|
30254
|
-
} }, hAsync("slot", { key: '
|
|
30251
|
+
} }, hAsync("slot", { key: '6d024e3eeb310211ff0424e7cdc24f3cf39165f7' })));
|
|
30255
30252
|
}
|
|
30256
30253
|
get el() { return getElement(this); }
|
|
30257
30254
|
static get watchers() { return {
|
|
@@ -30329,11 +30326,11 @@ class TabBar {
|
|
|
30329
30326
|
const { color, translucent, keyboardVisible } = this;
|
|
30330
30327
|
const mode = getIonMode$1(this);
|
|
30331
30328
|
const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
|
|
30332
|
-
return (hAsync(Host, { key: '
|
|
30329
|
+
return (hAsync(Host, { key: '4a658d07ec24e6bf2383ff6b85dbfc63d12c8910', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
|
|
30333
30330
|
[mode]: true,
|
|
30334
30331
|
'tab-bar-translucent': translucent,
|
|
30335
30332
|
'tab-bar-hidden': shouldHide,
|
|
30336
|
-
}) }, hAsync("slot", { key: '
|
|
30333
|
+
}) }, hAsync("slot", { key: '846f8ef4f9af7f3f5828b7302cba115562204f7b' })));
|
|
30337
30334
|
}
|
|
30338
30335
|
get el() { return getElement(this); }
|
|
30339
30336
|
static get watchers() { return {
|
|
@@ -30431,7 +30428,7 @@ class TabButton {
|
|
|
30431
30428
|
rel,
|
|
30432
30429
|
target,
|
|
30433
30430
|
};
|
|
30434
|
-
return (hAsync(Host, { key: '
|
|
30431
|
+
return (hAsync(Host, { key: '9588586b1cd801140fb0e0cc42e91a2fd9b92d2e', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
30435
30432
|
[mode]: true,
|
|
30436
30433
|
'tab-selected': selected,
|
|
30437
30434
|
'tab-disabled': disabled,
|
|
@@ -30443,7 +30440,7 @@ class TabButton {
|
|
|
30443
30440
|
'ion-activatable': true,
|
|
30444
30441
|
'ion-selectable': true,
|
|
30445
30442
|
'ion-focusable': true,
|
|
30446
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30443
|
+
} }, hAsync("a", Object.assign({ key: '9cdad3684c2e59873a4b1858ad6a899193084abf' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), hAsync("span", { key: 'ed542d1d9b7f68542c829ee94d10fa6a417cc3ba', class: "button-inner" }, hAsync("slot", { key: '181dffbbd8e91e23343049f9b64cc5454297f05e' })), mode === 'md' && hAsync("ion-ripple-effect", { key: 'b3012617ce2a23d6fbadb0d1c2d05ddabb947f2c', type: "unbounded" }))));
|
|
30447
30444
|
}
|
|
30448
30445
|
get el() { return getElement(this); }
|
|
30449
30446
|
static get style() { return {
|
|
@@ -30619,7 +30616,7 @@ class Tabs {
|
|
|
30619
30616
|
return Array.from(this.el.querySelectorAll('ion-tab'));
|
|
30620
30617
|
}
|
|
30621
30618
|
render() {
|
|
30622
|
-
return (hAsync(Host, { key: '
|
|
30619
|
+
return (hAsync(Host, { key: '549d895d74165267eb648d929e81d100b0db8ab4', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'f40633a1b2d38c56d6268a4f9554e255a9c9fd4f', name: "top" }), hAsync("div", { key: 'e688d6c6299fb2551e4f4b1038128d02c71e9c09', class: "tabs-inner" }, hAsync("slot", { key: '157805f56e4708d15f11d6093c9106abe18f2869' })), hAsync("slot", { key: 'a7add9aed231853bb61797ad14ded5b6fe9f0015', name: "bottom" })));
|
|
30623
30620
|
}
|
|
30624
30621
|
get el() { return getElement(this); }
|
|
30625
30622
|
static get style() { return IonTabsStyle0; }
|
|
@@ -30661,9 +30658,9 @@ class Text {
|
|
|
30661
30658
|
}
|
|
30662
30659
|
render() {
|
|
30663
30660
|
const mode = getIonMode$1(this);
|
|
30664
|
-
return (hAsync(Host, { key: '
|
|
30661
|
+
return (hAsync(Host, { key: 'ab9a44c87ae1a8315ca07721f683fb439f2caff1', class: createColorClasses$1(this.color, {
|
|
30665
30662
|
[mode]: true,
|
|
30666
|
-
}) }, hAsync("slot", { key: '
|
|
30663
|
+
}) }, hAsync("slot", { key: '809b39d6b64195fdf9788ae121a4f241ba1cac6b' })));
|
|
30667
30664
|
}
|
|
30668
30665
|
static get style() { return IonTextStyle0; }
|
|
30669
30666
|
static get cmpMeta() { return {
|
|
@@ -31030,7 +31027,7 @@ class Textarea {
|
|
|
31030
31027
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
31031
31028
|
*/
|
|
31032
31029
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
31033
|
-
return (hAsync(Host, { key: '
|
|
31030
|
+
return (hAsync(Host, { key: '2ac001eae0e1dcf5ec0a1cda381d8a1e8fbe0ddb', class: createColorClasses$1(this.color, {
|
|
31034
31031
|
[mode]: true,
|
|
31035
31032
|
'has-value': hasValue,
|
|
31036
31033
|
'has-focus': hasFocus,
|
|
@@ -31039,7 +31036,7 @@ class Textarea {
|
|
|
31039
31036
|
[`textarea-shape-${shape}`]: shape !== undefined,
|
|
31040
31037
|
[`textarea-label-placement-${labelPlacement}`]: true,
|
|
31041
31038
|
'textarea-disabled': disabled,
|
|
31042
|
-
}) }, hAsync("label", { key: '
|
|
31039
|
+
}) }, hAsync("label", { key: '3f846e28f1e7127202b8be7148324080a424dc66', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: 'e221bf2c583cdf6019e05b3b499279216edeabf5', class: "textarea-wrapper-inner" }, hAsync("div", { key: '94d7097f3f3a26aed37ed4bb77566e1ba5e40ece', class: "start-slot-wrapper" }, hAsync("slot", { key: 'ecdb0f2bd3228edf9b6db1a63afd42cf2f48d3c9', name: "start" })), hAsync("div", { key: 'dfbe9f1a7d21839d8b9f372a208c0c3e60af5f68', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("textarea", Object.assign({ key: '8232f346ad68093d72feff68e69b35bc3c5e0605', class: "native-textarea", ref: (el) => (this.nativeInput = el), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, minLength: this.minlength, maxLength: this.maxlength, name: this.name, placeholder: this.placeholder || '', readOnly: this.readonly, required: this.required, spellcheck: this.spellcheck, cols: this.cols, rows: this.rows, wrap: this.wrap, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown }, this.inheritedAttributes), value)), hAsync("div", { key: 'b06b270cdccdb6dad190ba5277c7893663539d7b', class: "end-slot-wrapper" }, hAsync("slot", { key: '063e0c67ac54f2de7006de5cc91dddabcfd23e63', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: 'dc0376830bae4829bd83a0a98b2e51ab728a4a57', class: "textarea-highlight" })), this.renderBottomContent()));
|
|
31043
31040
|
}
|
|
31044
31041
|
get el() { return getElement(this); }
|
|
31045
31042
|
static get watchers() { return {
|
|
@@ -31101,7 +31098,7 @@ class Thumbnail {
|
|
|
31101
31098
|
registerInstance(this, hostRef);
|
|
31102
31099
|
}
|
|
31103
31100
|
render() {
|
|
31104
|
-
return (hAsync(Host, { key: '
|
|
31101
|
+
return (hAsync(Host, { key: '7d0d0ecb46ea49d34da58724d546db9ffb768b4a', class: getIonMode$1(this) }, hAsync("slot", { key: 'df6831c030f57b254ceeaf43bd0c90e06915b161' })));
|
|
31105
31102
|
}
|
|
31106
31103
|
static get style() { return IonThumbnailStyle0; }
|
|
31107
31104
|
static get cmpMeta() { return {
|
|
@@ -31937,9 +31934,9 @@ class Toast {
|
|
|
31937
31934
|
if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
|
|
31938
31935
|
printIonWarning('This toast is using start and end buttons with the stacked toast layout. We recommend following the best practice of using either start or end buttons with the stacked toast layout.', el);
|
|
31939
31936
|
}
|
|
31940
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
31937
|
+
return (hAsync(Host, Object.assign({ key: 'fd7f35a7fb769a46d1860f0d16d2a97f287b49d2', tabindex: "-1" }, this.htmlAttributes, { style: {
|
|
31941
31938
|
zIndex: `${60000 + this.overlayIndex}`,
|
|
31942
|
-
}, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '
|
|
31939
|
+
}, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '0ebf71074b240fd63a7ec816855f16d327742d4e', class: wrapperClass }, hAsync("div", { key: '364ed5cf8591d3ce8e159c4bd480a921a1163ced', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: '9f57da73c79c747fd2b387900c67c7d6c871a910', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: '58343c16377abd5d76b7b3ae928c2437da0259fb', class: "toast-content", role: "status", "aria-atomic": "true", "aria-live": "polite" }, !revealContentToScreenReader && header !== undefined && this.renderHeader('oldHeader', 'true'), !revealContentToScreenReader && message !== undefined && this.renderToastMessage('oldMessage', 'true'), revealContentToScreenReader && header !== undefined && this.renderHeader('header'), revealContentToScreenReader && message !== undefined && this.renderToastMessage('header')), this.renderButtons(endButtons, 'end')))));
|
|
31943
31940
|
}
|
|
31944
31941
|
get el() { return getElement(this); }
|
|
31945
31942
|
static get watchers() { return {
|
|
@@ -32159,7 +32156,7 @@ class Toggle {
|
|
|
32159
32156
|
const value = this.getValue();
|
|
32160
32157
|
const rtl = isRTL$1(el) ? 'rtl' : 'ltr';
|
|
32161
32158
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
32162
|
-
return (hAsync(Host, { key: '
|
|
32159
|
+
return (hAsync(Host, { key: '059639dd357e81134e9c5345b0c4ff0b501aa372', onClick: this.onClick, class: createColorClasses$1(color, {
|
|
32163
32160
|
[mode]: true,
|
|
32164
32161
|
'in-item': hostContext('ion-item', el),
|
|
32165
32162
|
'toggle-activated': activated,
|
|
@@ -32169,10 +32166,10 @@ class Toggle {
|
|
|
32169
32166
|
[`toggle-alignment-${alignment}`]: alignment !== undefined,
|
|
32170
32167
|
[`toggle-label-placement-${labelPlacement}`]: true,
|
|
32171
32168
|
[`toggle-${rtl}`]: true,
|
|
32172
|
-
}) }, hAsync("label", { key: '
|
|
32169
|
+
}) }, hAsync("label", { key: '9e06a613ed8fcfdca304ba62ed74feb6c7be2e2d', class: "toggle-wrapper" }, hAsync("input", Object.assign({ key: 'e667729528eeb3b21100d7f7e8aa3bf0111adc6c', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), hAsync("div", { key: '7b95e7f346e84bac82606a2dec48f4ae02ce7854', class: {
|
|
32173
32170
|
'label-text-wrapper': true,
|
|
32174
32171
|
'label-text-wrapper-hidden': !this.hasLabel,
|
|
32175
|
-
}, part: "label" }, hAsync("slot", { key: '
|
|
32172
|
+
}, part: "label" }, hAsync("slot", { key: 'c0a1ff31325e30eb433cf802c8193b1bb570a2f5' })), hAsync("div", { key: '41b11a32669d8f1b7405dd64b8547ba81a683fe1', class: "native-wrapper" }, this.renderToggleControl()))));
|
|
32176
32173
|
}
|
|
32177
32174
|
get el() { return getElement(this); }
|
|
32178
32175
|
static get watchers() { return {
|
|
@@ -32276,10 +32273,10 @@ class Toolbar {
|
|
|
32276
32273
|
this.childrenStyles.forEach((value) => {
|
|
32277
32274
|
Object.assign(childStyles, value);
|
|
32278
32275
|
});
|
|
32279
|
-
return (hAsync(Host, { key: '
|
|
32276
|
+
return (hAsync(Host, { key: '7bcb85a3928cbce60c1731b526fa4a4dae7b3ac7', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
|
|
32280
32277
|
[mode]: true,
|
|
32281
32278
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
32282
|
-
})) }, hAsync("div", { key: '
|
|
32279
|
+
})) }, hAsync("div", { key: 'cbcbec3b11975dc72ce6fdf11a4a3c6a0c645073', class: "toolbar-background" }), hAsync("div", { key: '4716951b9736c933206284e1e34eebe1507f896c', class: "toolbar-container" }, hAsync("slot", { key: '890a8d114ebb2b9a0c364d48425a2c82248c08f7', name: "start" }), hAsync("slot", { key: 'dc856f55f7fb412274edeec64d1bbe6be109abd0', name: "secondary" }), hAsync("div", { key: '5b67e95c3bbda910c94da2527465c6824d61a8a6', class: "toolbar-content" }, hAsync("slot", { key: '5e19b792aa970797d08430666b14a2cd30af87e3' })), hAsync("slot", { key: 'bc8795cfee8af3cc4923e5df6351bc7e1ddbb4e4', name: "primary" }), hAsync("slot", { key: '33e6f54d4d6db6307a3b639a34e952bc00403620', name: "end" }))));
|
|
32283
32280
|
}
|
|
32284
32281
|
get el() { return getElement(this); }
|
|
32285
32282
|
static get style() { return {
|
|
@@ -32329,11 +32326,11 @@ class ToolbarTitle {
|
|
|
32329
32326
|
render() {
|
|
32330
32327
|
const mode = getIonMode$1(this);
|
|
32331
32328
|
const size = this.getSize();
|
|
32332
|
-
return (hAsync(Host, { key: '
|
|
32329
|
+
return (hAsync(Host, { key: '76a120f45fe6bedbe761e85e390b53c5dc8f30a2', class: createColorClasses$1(this.color, {
|
|
32333
32330
|
[mode]: true,
|
|
32334
32331
|
[`title-${size}`]: true,
|
|
32335
32332
|
'title-rtl': document.dir === 'rtl',
|
|
32336
|
-
}) }, hAsync("div", { key: '
|
|
32333
|
+
}) }, hAsync("div", { key: 'a7f3bd0a060f7ffc8aef7a150ed4d616d845fa74', class: "toolbar-title" }, hAsync("slot", { key: '3d60b9f35d6a50f6508053bc354890c4f64fa6d5' }))));
|
|
32337
32334
|
}
|
|
32338
32335
|
get el() { return getElement(this); }
|
|
32339
32336
|
static get watchers() { return {
|