@ionic/core 8.3.3-dev.11729113140.194d2c73 → 8.3.3-dev.11729116619.137ea30f
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 +26 -5
- 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 +26 -5
- 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/collection/components/action-sheet/action-sheet.ios.css +16 -10
- package/dist/collection/components/action-sheet/action-sheet.js +24 -3
- package/dist/collection/components/action-sheet/action-sheet.md.css +16 -10
- 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 +1 -1
- package/dist/esm/ion-action-sheet.entry.js +26 -5
- 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-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/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-976306d9.entry.js → p-003eecb9.entry.js} +1 -1
- package/dist/ionic/{p-108dfae3.system.entry.js → p-00b01a55.system.entry.js} +1 -1
- package/dist/ionic/{p-43f172d8.system.entry.js → p-01503bbd.system.entry.js} +1 -1
- package/dist/ionic/{p-3d9903f5.system.entry.js → p-0373d924.system.entry.js} +1 -1
- package/dist/ionic/{p-e75fd8e1.entry.js → p-05beda73.entry.js} +1 -1
- package/dist/ionic/{p-99350a5b.entry.js → p-0fa0c92b.entry.js} +1 -1
- package/dist/ionic/{p-a7def74a.system.entry.js → p-100b83fd.system.entry.js} +1 -1
- package/dist/ionic/{p-21714c97.entry.js → p-176b372f.entry.js} +1 -1
- package/dist/ionic/{p-880b189d.entry.js → p-21cfd4de.entry.js} +1 -1
- package/dist/ionic/{p-b3bd0537.entry.js → p-2200e26b.entry.js} +1 -1
- package/dist/ionic/{p-03868d1d.entry.js → p-233e6c93.entry.js} +1 -1
- package/dist/ionic/{p-876c56d2.system.entry.js → p-25928b83.system.entry.js} +1 -1
- package/dist/ionic/{p-453b0b5c.system.entry.js → p-293ed6ac.system.entry.js} +1 -1
- package/dist/ionic/{p-fe5028f5.entry.js → p-2b7c93b4.entry.js} +1 -1
- package/dist/ionic/{p-6bc4a7be.entry.js → p-2c4bdd9d.entry.js} +1 -1
- package/dist/ionic/{p-4613748f.system.entry.js → p-2ca6eac2.system.entry.js} +1 -1
- package/dist/ionic/{p-baead60e.system.entry.js → p-2ea1ca4f.system.entry.js} +1 -1
- package/dist/ionic/{p-5244c684.system.entry.js → p-313ccc01.system.entry.js} +1 -1
- package/dist/ionic/p-322c5fb4.system.js +1 -1
- package/dist/ionic/p-33c55046.entry.js +4 -0
- package/dist/ionic/{p-15cbdf18.system.entry.js → p-3c968c7f.system.entry.js} +2 -2
- package/dist/ionic/{p-7cb8aa5a.system.entry.js → p-44d1539c.system.entry.js} +1 -1
- package/dist/ionic/{p-5ab4b47d.entry.js → p-49bc6544.entry.js} +1 -1
- package/dist/ionic/{p-4c23c00d.system.entry.js → p-4a0a4204.system.entry.js} +1 -1
- package/dist/ionic/{p-b755a78c.system.entry.js → p-4a82bd1c.system.entry.js} +1 -1
- package/dist/ionic/{p-0b82c65b.system.entry.js → p-4b0fedb7.system.entry.js} +1 -1
- package/dist/ionic/{p-72b4ec08.entry.js → p-4c8fceb0.entry.js} +1 -1
- package/dist/ionic/{p-ff1211dc.entry.js → p-521eca2e.entry.js} +1 -1
- package/dist/ionic/{p-bb12b5de.entry.js → p-53854390.entry.js} +1 -1
- package/dist/ionic/{p-843c45fc.system.entry.js → p-53add985.system.entry.js} +1 -1
- package/dist/ionic/{p-f24995b2.entry.js → p-5417b9bb.entry.js} +1 -1
- package/dist/ionic/p-5e66bcf2.entry.js +4 -0
- package/dist/ionic/{p-87fd7d52.entry.js → p-5e842258.entry.js} +1 -1
- package/dist/ionic/p-60cc7986.entry.js +4 -0
- package/dist/ionic/{p-5390d402.system.entry.js → p-6562e0a9.system.entry.js} +1 -1
- package/dist/ionic/{p-153f4241.entry.js → p-661ce4a8.entry.js} +1 -1
- package/dist/ionic/{p-9049c38c.system.entry.js → p-6817cf42.system.entry.js} +1 -1
- package/dist/ionic/{p-865c554d.entry.js → p-68c4df55.entry.js} +1 -1
- package/dist/ionic/{p-28cd9738.entry.js → p-6b8893dd.entry.js} +1 -1
- package/dist/ionic/{p-a217f70d.entry.js → p-6e85e450.entry.js} +1 -1
- package/dist/ionic/{p-c82f1132.entry.js → p-7243df6f.entry.js} +1 -1
- package/dist/ionic/p-7251fed5.entry.js +4 -0
- package/dist/ionic/{p-e8325a4d.system.entry.js → p-72ffd137.system.entry.js} +1 -1
- package/dist/ionic/{p-facfffe0.system.entry.js → p-755b27f0.system.entry.js} +1 -1
- package/dist/ionic/{p-27278438.system.entry.js → p-75c0dc65.system.entry.js} +1 -1
- package/dist/ionic/{p-a1626462.entry.js → p-773d118d.entry.js} +1 -1
- package/dist/ionic/{p-423e944c.entry.js → p-7c50965e.entry.js} +1 -1
- package/dist/ionic/{p-c4ec872c.entry.js → p-82ab7ccb.entry.js} +1 -1
- package/dist/ionic/{p-8fcb8057.system.entry.js → p-836d39d4.system.entry.js} +1 -1
- package/dist/ionic/{p-77ec77c9.system.entry.js → p-8836d0eb.system.entry.js} +2 -2
- package/dist/ionic/p-89a0a446.entry.js +4 -0
- package/dist/ionic/{p-050a50e6.system.entry.js → p-8b6232a6.system.entry.js} +2 -2
- package/dist/ionic/{p-5f61ff91.entry.js → p-8d44cf1f.entry.js} +1 -1
- package/dist/ionic/{p-301a801a.system.entry.js → p-8ed31163.system.entry.js} +1 -1
- package/dist/ionic/{p-5a8f5d9f.entry.js → p-9172535c.entry.js} +1 -1
- package/dist/ionic/{p-072ed43e.entry.js → p-92d7a3d1.entry.js} +1 -1
- package/dist/ionic/p-93f37ceb.system.entry.js +4 -0
- package/dist/ionic/{p-7a5a88ef.system.entry.js → p-95823c62.system.entry.js} +2 -2
- package/dist/ionic/{p-7c06824d.system.entry.js → p-960803fc.system.entry.js} +1 -1
- package/dist/ionic/{p-f3c1b363.system.entry.js → p-973f0b15.system.entry.js} +1 -1
- package/dist/ionic/{p-6a05f5b4.system.entry.js → p-9b6c6302.system.entry.js} +1 -1
- package/dist/ionic/{p-499e27b8.entry.js → p-9c23044d.entry.js} +1 -1
- package/dist/ionic/{p-35486885.system.entry.js → p-9cc3bcc5.system.entry.js} +2 -2
- package/dist/ionic/{p-d838e45f.entry.js → p-9ece8dcf.entry.js} +1 -1
- package/dist/ionic/{p-8f76c617.entry.js → p-9fef1364.entry.js} +1 -1
- package/dist/ionic/{p-4a96ada0.system.entry.js → p-a0c88dc2.system.entry.js} +1 -1
- package/dist/ionic/{p-6d633bdd.system.entry.js → p-a3711608.system.entry.js} +1 -1
- package/dist/ionic/{p-a2849fdb.entry.js → p-a41699db.entry.js} +1 -1
- package/dist/ionic/{p-782865e3.system.entry.js → p-a72fb8a1.system.entry.js} +2 -2
- package/dist/ionic/{p-e720c0d4.system.entry.js → p-a879ecb7.system.entry.js} +1 -1
- package/dist/ionic/{p-af2be780.system.entry.js → p-a90e2708.system.entry.js} +1 -1
- package/dist/ionic/{p-98de22f8.entry.js → p-af999a31.entry.js} +1 -1
- package/dist/ionic/{p-b1bf9eb1.system.entry.js → p-b0568945.system.entry.js} +1 -1
- package/dist/ionic/p-b4c950f8.entry.js +4 -0
- package/dist/ionic/{p-1437acda.entry.js → p-b54fc1ae.entry.js} +1 -1
- package/dist/ionic/{p-3df2d35c.entry.js → p-b7657e8d.entry.js} +1 -1
- package/dist/ionic/{p-a2cae0ef.system.entry.js → p-baffaf8d.system.entry.js} +1 -1
- package/dist/ionic/{p-59b940a4.system.entry.js → p-bd25d639.system.entry.js} +1 -1
- package/dist/ionic/{p-b644aa68.entry.js → p-bfa2e81c.entry.js} +1 -1
- package/dist/ionic/{p-1b4556cf.entry.js → p-c34659b9.entry.js} +1 -1
- package/dist/ionic/{p-bc110359.system.entry.js → p-cdb11938.system.entry.js} +1 -1
- package/dist/ionic/{p-8961fd4e.system.entry.js → p-ce705aac.system.entry.js} +1 -1
- package/dist/ionic/{p-c7ce0f99.system.entry.js → p-cff5585e.system.entry.js} +1 -1
- package/dist/ionic/{p-ff1a021a.entry.js → p-da263d8e.entry.js} +1 -1
- package/dist/ionic/{p-83352533.system.entry.js → p-df83e308.system.entry.js} +1 -1
- package/dist/ionic/{p-bba68030.entry.js → p-e3a5da9d.entry.js} +1 -1
- package/dist/ionic/{p-41baf584.entry.js → p-e3e1e3de.entry.js} +1 -1
- package/dist/ionic/p-ec756e42.system.entry.js +4 -0
- package/dist/ionic/{p-3066d27b.system.entry.js → p-ecb57d24.system.entry.js} +1 -1
- package/dist/ionic/{p-1f9e350a.system.entry.js → p-f50ae0d5.system.entry.js} +1 -1
- package/dist/ionic/p-f88ebc36.entry.js +4 -0
- package/dist/ionic/{p-2ff38923.entry.js → p-f8c8b9ba.entry.js} +1 -1
- package/dist/ionic/{p-242ba41c.system.entry.js → p-fcd71204.system.entry.js} +1 -1
- package/dist/ionic/{p-a7f98a5b.entry.js → p-fd0cb4ef.entry.js} +1 -1
- package/dist/ionic/{p-33115f69.system.entry.js → p-ffb17177.system.entry.js} +1 -1
- package/dist/types/components/action-sheet/action-sheet.d.ts +2 -0
- package/hydrate/index.js +186 -165
- package/hydrate/index.mjs +186 -165
- package/package.json +1 -1
- package/dist/ionic/p-15fc489f.system.entry.js +0 -4
- package/dist/ionic/p-1e644118.entry.js +0 -4
- package/dist/ionic/p-56e8b882.entry.js +0 -4
- package/dist/ionic/p-6674595b.entry.js +0 -4
- package/dist/ionic/p-694f2e47.entry.js +0 -4
- package/dist/ionic/p-b7be75cb.entry.js +0 -4
- package/dist/ionic/p-bc0bd2c1.system.entry.js +0 -4
- package/dist/ionic/p-d4ef905f.entry.js +0 -4
- package/dist/ionic/p-eb91437e.entry.js +0 -4
package/hydrate/index.js
CHANGED
|
@@ -6352,10 +6352,10 @@ const mdLeaveAnimation$5 = (baseEl) => {
|
|
|
6352
6352
|
.addAnimation([backdropAnimation, wrapperAnimation]);
|
|
6353
6353
|
};
|
|
6354
6354
|
|
|
6355
|
-
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:
|
|
6355
|
+
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:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;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{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);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-button.sc-ion-action-sheet-ios::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.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)}.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)}}";
|
|
6356
6356
|
var IonActionSheetIosStyle0 = actionSheetIosCss;
|
|
6357
6357
|
|
|
6358
|
-
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:
|
|
6358
|
+
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:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;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{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);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-button.sc-ion-action-sheet-md::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0}.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)}.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}";
|
|
6359
6359
|
var IonActionSheetMdStyle0 = actionSheetMdCss;
|
|
6360
6360
|
|
|
6361
6361
|
/**
|
|
@@ -6461,6 +6461,24 @@ class ActionSheet {
|
|
|
6461
6461
|
onWillDismiss() {
|
|
6462
6462
|
return eventMethod(this.el, 'ionActionSheetWillDismiss');
|
|
6463
6463
|
}
|
|
6464
|
+
focusFirstElement() {
|
|
6465
|
+
var _a;
|
|
6466
|
+
if (!this.wrapperEl)
|
|
6467
|
+
return; // Check if wrapperEl is defined
|
|
6468
|
+
const firstFocusable = (_a = this.wrapperEl) === null || _a === void 0 ? void 0 : _a.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
6469
|
+
if (firstFocusable) {
|
|
6470
|
+
firstFocusable.focus();
|
|
6471
|
+
}
|
|
6472
|
+
}
|
|
6473
|
+
// Method to focus the last focusable element
|
|
6474
|
+
focusLastElement() {
|
|
6475
|
+
if (!this.wrapperEl)
|
|
6476
|
+
return; // Check if wrapperEl is defined
|
|
6477
|
+
const focusableElements = this.wrapperEl.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
6478
|
+
if (focusableElements.length > 0) {
|
|
6479
|
+
focusableElements[focusableElements.length - 1].focus();
|
|
6480
|
+
}
|
|
6481
|
+
}
|
|
6464
6482
|
async buttonClick(button) {
|
|
6465
6483
|
const role = button.role;
|
|
6466
6484
|
if (isCancel(role)) {
|
|
@@ -6547,11 +6565,14 @@ class ActionSheet {
|
|
|
6547
6565
|
const mode = getIonMode$1(this);
|
|
6548
6566
|
const allButtons = this.getButtons();
|
|
6549
6567
|
const cancelButton = allButtons.find((b) => b.role === 'cancel');
|
|
6550
|
-
|
|
6568
|
+
const buttons = allButtons.filter((b) => b.role !== 'cancel');
|
|
6551
6569
|
const headerID = `action-sheet-${overlayIndex}-header`;
|
|
6552
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
6570
|
+
return (hAsync(Host, Object.assign({ key: '173a16d10372e3a8e2d64af9dec9f458988784cb', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
|
|
6553
6571
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
6554
|
-
}, 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: '
|
|
6572
|
+
}, 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: '39cfc0c5e8b7695b155d621f50cafce838fdd24d', tappable: this.backdropDismiss }), hAsync("div", { key: 'a78e653a67e54dd428e25bd5db78aa9e71b75a53', tabindex: "0", "aria-hidden": "true", onFocus: () => this.focusLastElement() }), hAsync("div", { key: 'c2438806cdb8c24622709ae388d4e1e4dc2ff7a9', class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, hAsync("div", { key: 'b14652433e4196d44d1df6bcea92c5ba11f023a7', class: "action-sheet-container" }, hAsync("div", { key: 'bf6f7cf3b14c01f3a5275bd1b79a3037d2e14e5e', class: "action-sheet-group", ref: (el) => (this.groupEl = el) }, header !== undefined && (hAsync("div", { key: 'de9d4613f561364f28472113e8e90ee8376de08f', id: headerID, class: {
|
|
6573
|
+
'action-sheet-title': true,
|
|
6574
|
+
'action-sheet-has-sub-title': this.subHeader !== undefined,
|
|
6575
|
+
} }, header, this.subHeader && hAsync("div", { key: 'aaee7e47bc3a431d8a83e2a2ec6572e5659b0a68', class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (hAsync("button", Object.assign({}, b.htmlAttributes, { type: "button", id: b.id, class: buttonClass$3(b), onClick: () => this.buttonClick(b), disabled: b.disabled }), hAsync("span", { class: "action-sheet-button-inner" }, b.icon && hAsync("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), mode === 'md' && hAsync("ion-ripple-effect", null))))), cancelButton && (hAsync("div", { key: '2aebc3cb398125eb974f0efa6bf3bb996cda720b', class: "action-sheet-group action-sheet-group-cancel" }, hAsync("button", Object.assign({ key: '195d937c094ddfa6d71626a4edefc5e97ccff4f5' }, cancelButton.htmlAttributes, { type: "button", class: buttonClass$3(cancelButton), onClick: () => this.buttonClick(cancelButton) }), hAsync("span", { key: '772980a86580bfb7fa2f3d2a14cedd04fd9c4508', class: "action-sheet-button-inner" }, cancelButton.icon && (hAsync("ion-icon", { key: 'de839a70012f2ef14c73d913b075e7aac68828e3', icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && hAsync("ion-ripple-effect", { key: 'e158d06985025aa96455ba2e9ac36eaddd14a979' })))))), hAsync("div", { key: '1d103c071060b72b56d691f451b041644216b4ed', tabindex: "0", "aria-hidden": "true", onFocus: () => this.focusFirstElement() })));
|
|
6555
6576
|
}
|
|
6556
6577
|
get el() { return getElement(this); }
|
|
6557
6578
|
static get watchers() { return {
|
|
@@ -7237,9 +7258,9 @@ class Alert {
|
|
|
7237
7258
|
* If neither is defined, don't set aria-labelledby.
|
|
7238
7259
|
*/
|
|
7239
7260
|
const ariaLabelledBy = header ? hdrId : subHeader ? subHdrId : null;
|
|
7240
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
7261
|
+
return (hAsync(Host, Object.assign({ key: 'c7d53f48b359f2bc3480a2e1ba34948fc9378fb0', role: role, "aria-modal": "true", "aria-labelledby": ariaLabelledBy, "aria-describedby": message !== undefined ? msgId : null, tabindex: "-1" }, htmlAttributes, { style: {
|
|
7241
7262
|
zIndex: `${20000 + overlayIndex}`,
|
|
7242
|
-
}, 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: '
|
|
7263
|
+
}, 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: '18c7e6b5d63435d9a6a82bda951158e7e1af6e92', tappable: this.backdropDismiss }), hAsync("div", { key: 'e35e1a4b81286976c8a6bab570c986f3196b21f4', tabindex: "0" }), hAsync("div", { key: '9089864c80d96ed834bf723f3de863cf1c4a5b97', class: "alert-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, hAsync("div", { key: 'dd600f02c84352059c6cdf98821b9c9a831bcdcb', class: "alert-head" }, header && (hAsync("h2", { key: '11afb605e1ccefc889fbdd2533d491bea8fbf183', id: hdrId, class: "alert-title" }, header)), subHeader && (hAsync("h2", { key: 'e53b0613d09d26e5a2cd7c9c6e63ec2535625ce5', id: subHdrId, class: "alert-sub-title" }, subHeader))), this.renderAlertMessage(msgId), this.renderAlertInputs(), this.renderAlertButtons()), hAsync("div", { key: 'cef60ec8b34c9aec8bc698f16f55324d1ce67c72', tabindex: "0" })));
|
|
7243
7264
|
}
|
|
7244
7265
|
get el() { return getElement(this); }
|
|
7245
7266
|
static get watchers() { return {
|
|
@@ -7317,7 +7338,7 @@ class App {
|
|
|
7317
7338
|
}
|
|
7318
7339
|
render() {
|
|
7319
7340
|
const mode = getIonMode$1(this);
|
|
7320
|
-
return (hAsync(Host, { key: '
|
|
7341
|
+
return (hAsync(Host, { key: 'e95cdeb2709edbc74f4e6ebf77cb110154605b72', class: {
|
|
7321
7342
|
[mode]: true,
|
|
7322
7343
|
'ion-page': true,
|
|
7323
7344
|
'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),
|
|
@@ -7348,7 +7369,7 @@ class Avatar {
|
|
|
7348
7369
|
registerInstance(this, hostRef);
|
|
7349
7370
|
}
|
|
7350
7371
|
render() {
|
|
7351
|
-
return (hAsync(Host, { key: '
|
|
7372
|
+
return (hAsync(Host, { key: 'dc1e3cd535e419eebe5599574fd2393ebfde8bbc', class: getIonMode$1(this) }, hAsync("slot", { key: 'edb8441c063ea592b41345ea97d88ecd90cb3052' })));
|
|
7352
7373
|
}
|
|
7353
7374
|
static get style() { return {
|
|
7354
7375
|
ios: IonAvatarIosStyle0,
|
|
@@ -7436,7 +7457,7 @@ class BackButton {
|
|
|
7436
7457
|
const showBackButton = defaultHref !== undefined;
|
|
7437
7458
|
const mode = getIonMode$1(this);
|
|
7438
7459
|
const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
|
|
7439
|
-
return (hAsync(Host, { key: '
|
|
7460
|
+
return (hAsync(Host, { key: '8351c93a1812c94c979fb115f07a9ad7b3152188', onClick: this.onClick, class: createColorClasses$1(color, {
|
|
7440
7461
|
[mode]: true,
|
|
7441
7462
|
button: true, // ion-buttons target .button
|
|
7442
7463
|
'back-button-disabled': disabled,
|
|
@@ -7446,7 +7467,7 @@ class BackButton {
|
|
|
7446
7467
|
'ion-activatable': true,
|
|
7447
7468
|
'ion-focusable': true,
|
|
7448
7469
|
'show-back-button': showBackButton,
|
|
7449
|
-
}) }, hAsync("button", { key: '
|
|
7470
|
+
}) }, hAsync("button", { key: '991b8baa784dbfbdf8d3581cbbf6a858ac1f1e6e', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, hAsync("span", { key: '929fcd83a4fdb00cf97ca803f234719171602a5e', class: "button-inner" }, backButtonIcon && (hAsync("ion-icon", { key: '0c10d412ae8342d96f221e626b421c9abadac748', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (hAsync("span", { key: '96f505880a80f36ee8b8c78268b450f3629ee613', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), mode === 'md' && hAsync("ion-ripple-effect", { key: '0aecf5d415c608069eb1a10043530bd0929b6383', type: this.rippleType }))));
|
|
7450
7471
|
}
|
|
7451
7472
|
get el() { return getElement(this); }
|
|
7452
7473
|
static get style() { return {
|
|
@@ -7499,7 +7520,7 @@ class Backdrop {
|
|
|
7499
7520
|
}
|
|
7500
7521
|
render() {
|
|
7501
7522
|
const mode = getIonMode$1(this);
|
|
7502
|
-
return (hAsync(Host, { key: '
|
|
7523
|
+
return (hAsync(Host, { key: 'fe191068e2aaadfdbe7a463c08d227a1b36d7a98', "aria-hidden": "true", class: {
|
|
7503
7524
|
[mode]: true,
|
|
7504
7525
|
'backdrop-hide': !this.visible,
|
|
7505
7526
|
'backdrop-no-tappable': !this.tappable,
|
|
@@ -7539,9 +7560,9 @@ class Badge {
|
|
|
7539
7560
|
}
|
|
7540
7561
|
render() {
|
|
7541
7562
|
const mode = getIonMode$1(this);
|
|
7542
|
-
return (hAsync(Host, { key: '
|
|
7563
|
+
return (hAsync(Host, { key: '1253618692342bcf9487188402dc3d49ae0de480', class: createColorClasses$1(this.color, {
|
|
7543
7564
|
[mode]: true,
|
|
7544
|
-
}) }, hAsync("slot", { key: '
|
|
7565
|
+
}) }, hAsync("slot", { key: '71d65e203965ea37b94504a8a0a96beb52d4e356' })));
|
|
7545
7566
|
}
|
|
7546
7567
|
static get style() { return {
|
|
7547
7568
|
ios: IonBadgeIosStyle0,
|
|
@@ -7627,7 +7648,7 @@ class Breadcrumb {
|
|
|
7627
7648
|
// to show the separator as long as it isn't also the last breadcrumb
|
|
7628
7649
|
// otherwise if not collapsed use the value in separator
|
|
7629
7650
|
const showSeparator = last ? false : collapsed ? (showCollapsedIndicator && !last ? true : false) : separator;
|
|
7630
|
-
return (hAsync(Host, { key: '
|
|
7651
|
+
return (hAsync(Host, { key: 'dfe55ad57f23e5da5f2e2c51fea99964812472e3', onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
|
|
7631
7652
|
[mode]: true,
|
|
7632
7653
|
'breadcrumb-active': active,
|
|
7633
7654
|
'breadcrumb-collapsed': collapsed,
|
|
@@ -7637,15 +7658,15 @@ class Breadcrumb {
|
|
|
7637
7658
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
7638
7659
|
'ion-activatable': clickable,
|
|
7639
7660
|
'ion-focusable': clickable,
|
|
7640
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
7661
|
+
}) }, hAsync(TagType, Object.assign({ key: 'e361b1f0e7de6dd5c5dd4f6deae72c2c8210466d' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), hAsync("slot", { key: '9daeb45a8a28c89f3ad5751f71b8412197846371', name: "start" }), hAsync("slot", { key: '4849e63cdffd6c712292745138b68730442c8b0d' }), hAsync("slot", { key: '6edf9bac5aec06ccec2844efac2d9afa1d24cf57', name: "end" })), showCollapsedIndicator && (hAsync("button", { key: 'de7f5faea75b44011b289d259265e2435a65874f', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
|
|
7641
7662
|
'breadcrumbs-collapsed-indicator': true,
|
|
7642
|
-
} }, hAsync("ion-icon", { key: '
|
|
7663
|
+
} }, hAsync("ion-icon", { key: '957d8851af9c99dda263f34eff0b35a0fc212c32', "aria-hidden": "true", icon: ellipsisHorizontal, lazy: false }))), showSeparator && (
|
|
7643
7664
|
/**
|
|
7644
7665
|
* Separators should not be announced by narrators.
|
|
7645
7666
|
* We add aria-hidden on the span so that this applies
|
|
7646
7667
|
* to any custom separators too.
|
|
7647
7668
|
*/
|
|
7648
|
-
hAsync("span", { key: '
|
|
7669
|
+
hAsync("span", { key: '97d646c37c4c41ad6b12c3a543d1146fde06fc9a', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, hAsync("slot", { key: '0429f671a986f2d7be1b1b69fc879e80806d2916', name: "separator" }, mode === 'ios' ? (hAsync("ion-icon", { icon: chevronForwardOutline, lazy: false, "flip-rtl": true })) : (hAsync("span", null, "/")))))));
|
|
7649
7670
|
}
|
|
7650
7671
|
get el() { return getElement(this); }
|
|
7651
7672
|
static get style() { return {
|
|
@@ -7785,12 +7806,12 @@ class Breadcrumbs {
|
|
|
7785
7806
|
render() {
|
|
7786
7807
|
const { color, collapsed } = this;
|
|
7787
7808
|
const mode = getIonMode$1(this);
|
|
7788
|
-
return (hAsync(Host, { key: '
|
|
7809
|
+
return (hAsync(Host, { key: '18ffba1642f10cc2bc31440e84f23aa6f042e501', class: createColorClasses$1(color, {
|
|
7789
7810
|
[mode]: true,
|
|
7790
7811
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
7791
7812
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
7792
7813
|
'breadcrumbs-collapsed': collapsed,
|
|
7793
|
-
}) }, hAsync("slot", { key: '
|
|
7814
|
+
}) }, hAsync("slot", { key: '3db6d31590e3047889ce554d57d155c8ea2e1455', onSlotchange: this.slotChanged })));
|
|
7794
7815
|
}
|
|
7795
7816
|
get el() { return getElement(this); }
|
|
7796
7817
|
static get watchers() { return {
|
|
@@ -8033,7 +8054,7 @@ class Button {
|
|
|
8033
8054
|
{
|
|
8034
8055
|
type !== 'button' && this.renderHiddenButton();
|
|
8035
8056
|
}
|
|
8036
|
-
return (hAsync(Host, { key: '
|
|
8057
|
+
return (hAsync(Host, { key: '8f3a0363d46ef888d22b0b0812c70cb4f79e6efa', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
|
|
8037
8058
|
[mode]: true,
|
|
8038
8059
|
[buttonType]: true,
|
|
8039
8060
|
[`${buttonType}-${expand}`]: expand !== undefined,
|
|
@@ -8048,7 +8069,7 @@ class Button {
|
|
|
8048
8069
|
'button-disabled': disabled,
|
|
8049
8070
|
'ion-activatable': true,
|
|
8050
8071
|
'ion-focusable': true,
|
|
8051
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
8072
|
+
}) }, hAsync(TagType, Object.assign({ key: 'a517c7d06aab15ad4c2a51b8ec224c1aeb4ed565' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), hAsync("span", { key: '127c26dd97c0bf5097433df77df7313d59784899', class: "button-inner" }, hAsync("slot", { key: '39d9a9cad8e1addbe63406062e555e05c2cb541b', name: "icon-only", onSlotchange: this.slotChanged }), hAsync("slot", { key: 'cfdebdd89155c6c21eb80e51e06456a3a6d877e0', name: "start" }), hAsync("slot", { key: 'eac497e0f97ab55baa834ae23155d89b0f7069c6' }), hAsync("slot", { key: 'c99f7900f8856b32a0b4ac11092d461f5e9a1109', name: "end" })), mode === 'md' && hAsync("ion-ripple-effect", { key: 'c681edb0480879fbd801575f2233f6e118898638', type: this.rippleType }))));
|
|
8052
8073
|
}
|
|
8053
8074
|
get el() { return getElement(this); }
|
|
8054
8075
|
static get watchers() { return {
|
|
@@ -8099,10 +8120,10 @@ class Buttons {
|
|
|
8099
8120
|
}
|
|
8100
8121
|
render() {
|
|
8101
8122
|
const mode = getIonMode$1(this);
|
|
8102
|
-
return (hAsync(Host, { key: '
|
|
8123
|
+
return (hAsync(Host, { key: '4e5ce9abb3f56e8c91e3eb58c2819300e61eba24', class: {
|
|
8103
8124
|
[mode]: true,
|
|
8104
8125
|
['buttons-collapse']: this.collapse,
|
|
8105
|
-
} }, hAsync("slot", { key: '
|
|
8126
|
+
} }, hAsync("slot", { key: 'f2f360ec888b6e946b512fed07431fab47c61482' })));
|
|
8106
8127
|
}
|
|
8107
8128
|
static get style() { return {
|
|
8108
8129
|
ios: IonButtonsIosStyle0,
|
|
@@ -8171,7 +8192,7 @@ class Card {
|
|
|
8171
8192
|
}
|
|
8172
8193
|
render() {
|
|
8173
8194
|
const mode = getIonMode$1(this);
|
|
8174
|
-
return (hAsync(Host, { key: '
|
|
8195
|
+
return (hAsync(Host, { key: '8584300522f382ee8891c039d71da82533dfa36a', class: createColorClasses$1(this.color, {
|
|
8175
8196
|
[mode]: true,
|
|
8176
8197
|
'card-disabled': this.disabled,
|
|
8177
8198
|
'ion-activatable': this.isClickable(),
|
|
@@ -8218,7 +8239,7 @@ class CardContent {
|
|
|
8218
8239
|
}
|
|
8219
8240
|
render() {
|
|
8220
8241
|
const mode = getIonMode$1(this);
|
|
8221
|
-
return (hAsync(Host, { key: '
|
|
8242
|
+
return (hAsync(Host, { key: '2a2d0b48aad4b83990a1748fce60e772514eb223', class: {
|
|
8222
8243
|
[mode]: true,
|
|
8223
8244
|
// Used internally for styling
|
|
8224
8245
|
[`card-content-${mode}`]: true,
|
|
@@ -8255,11 +8276,11 @@ class CardHeader {
|
|
|
8255
8276
|
}
|
|
8256
8277
|
render() {
|
|
8257
8278
|
const mode = getIonMode$1(this);
|
|
8258
|
-
return (hAsync(Host, { key: '
|
|
8279
|
+
return (hAsync(Host, { key: '18d12507ec6e650a72d721e9d0f4128b5e86df1d', class: createColorClasses$1(this.color, {
|
|
8259
8280
|
'card-header-translucent': this.translucent,
|
|
8260
8281
|
'ion-inherit-color': true,
|
|
8261
8282
|
[mode]: true,
|
|
8262
|
-
}) }, hAsync("slot", { key: '
|
|
8283
|
+
}) }, hAsync("slot", { key: '3374c087d8c3f014082787e255432e7a335ef44f' })));
|
|
8263
8284
|
}
|
|
8264
8285
|
static get style() { return {
|
|
8265
8286
|
ios: IonCardHeaderIosStyle0,
|
|
@@ -8294,10 +8315,10 @@ class CardSubtitle {
|
|
|
8294
8315
|
}
|
|
8295
8316
|
render() {
|
|
8296
8317
|
const mode = getIonMode$1(this);
|
|
8297
|
-
return (hAsync(Host, { key: '
|
|
8318
|
+
return (hAsync(Host, { key: 'cbcb01bd01cf6de64a0b04fb626e42b07ceb8f53', role: "heading", "aria-level": "3", class: createColorClasses$1(this.color, {
|
|
8298
8319
|
'ion-inherit-color': true,
|
|
8299
8320
|
[mode]: true,
|
|
8300
|
-
}) }, hAsync("slot", { key: '
|
|
8321
|
+
}) }, hAsync("slot", { key: 'cbcaa73aa5799882c48d6c0aabfb13651bcc91c0' })));
|
|
8301
8322
|
}
|
|
8302
8323
|
static get style() { return {
|
|
8303
8324
|
ios: IonCardSubtitleIosStyle0,
|
|
@@ -8331,10 +8352,10 @@ class CardTitle {
|
|
|
8331
8352
|
}
|
|
8332
8353
|
render() {
|
|
8333
8354
|
const mode = getIonMode$1(this);
|
|
8334
|
-
return (hAsync(Host, { key: '
|
|
8355
|
+
return (hAsync(Host, { key: 'f904a0ca6489f147d03c9c5f9f2c5549cdb38d1a', role: "heading", "aria-level": "2", class: createColorClasses$1(this.color, {
|
|
8335
8356
|
'ion-inherit-color': true,
|
|
8336
8357
|
[mode]: true,
|
|
8337
|
-
}) }, hAsync("slot", { key: '
|
|
8358
|
+
}) }, hAsync("slot", { key: 'effb921de4ad8dfbbe318b3f692f4005812da7b1' })));
|
|
8338
8359
|
}
|
|
8339
8360
|
static get style() { return {
|
|
8340
8361
|
ios: IonCardTitleIosStyle0,
|
|
@@ -8429,7 +8450,7 @@ class Checkbox {
|
|
|
8429
8450
|
const mode = getIonMode$1(this);
|
|
8430
8451
|
const path = getSVGPath(mode, indeterminate);
|
|
8431
8452
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
8432
|
-
return (hAsync(Host, { key: '
|
|
8453
|
+
return (hAsync(Host, { key: 'd7a07fbf130413eaa4622c07786e8a00723113eb', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses$1(color, {
|
|
8433
8454
|
[mode]: true,
|
|
8434
8455
|
'in-item': hostContext('ion-item', el),
|
|
8435
8456
|
'checkbox-checked': checked,
|
|
@@ -8439,10 +8460,10 @@ class Checkbox {
|
|
|
8439
8460
|
[`checkbox-justify-${justify}`]: justify !== undefined,
|
|
8440
8461
|
[`checkbox-alignment-${alignment}`]: alignment !== undefined,
|
|
8441
8462
|
[`checkbox-label-placement-${labelPlacement}`]: true,
|
|
8442
|
-
}), onClick: this.onClick }, hAsync("label", { key: '
|
|
8463
|
+
}), onClick: this.onClick }, hAsync("label", { key: '99797589ed4ea7cbac53531c85b2d4a2dcd568c4', class: "checkbox-wrapper" }, hAsync("input", Object.assign({ key: 'cc12fe7920ab23c6f21546f7b312b8f1f5671349', 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: '1b087f061da5abca6129d372503d8882b77e24be', class: {
|
|
8443
8464
|
'label-text-wrapper': true,
|
|
8444
8465
|
'label-text-wrapper-hidden': el.textContent === '',
|
|
8445
|
-
}, part: "label" }, hAsync("slot", { key: '
|
|
8466
|
+
}, part: "label" }, hAsync("slot", { key: 'bc84274c826fa1db1207230aa03bf5790afe2992' })), hAsync("div", { key: '89e9396dc9215804bd8ac42e943a292d050ef8c5', class: "native-wrapper" }, hAsync("svg", { key: '2aafac248c639074faaf17044d8d9204474a9b7b', class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
|
|
8446
8467
|
}
|
|
8447
8468
|
getSVGPath(mode, indeterminate) {
|
|
8448
8469
|
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" }));
|
|
@@ -8495,12 +8516,12 @@ class Chip {
|
|
|
8495
8516
|
}
|
|
8496
8517
|
render() {
|
|
8497
8518
|
const mode = getIonMode$1(this);
|
|
8498
|
-
return (hAsync(Host, { key: '
|
|
8519
|
+
return (hAsync(Host, { key: '7dd923c1b28d1eb1efa348f66f49cec067645af9', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
|
|
8499
8520
|
[mode]: true,
|
|
8500
8521
|
'chip-outline': this.outline,
|
|
8501
8522
|
'chip-disabled': this.disabled,
|
|
8502
8523
|
'ion-activatable': true,
|
|
8503
|
-
}) }, hAsync("slot", { key: '
|
|
8524
|
+
}) }, hAsync("slot", { key: '7ede838bf109dc27a898ee2dcdeabc3f439c8e6f' }), mode === 'md' && hAsync("ion-ripple-effect", { key: '5acb073029544e73fcc0db4cc4e661ec1df4d231' })));
|
|
8504
8525
|
}
|
|
8505
8526
|
static get style() { return {
|
|
8506
8527
|
ios: IonChipIosStyle0,
|
|
@@ -8651,9 +8672,9 @@ class Col {
|
|
|
8651
8672
|
render() {
|
|
8652
8673
|
const isRTL = document.dir === 'rtl';
|
|
8653
8674
|
const mode = getIonMode$1(this);
|
|
8654
|
-
return (hAsync(Host, { key: '
|
|
8675
|
+
return (hAsync(Host, { key: 'c37fa4c4c993385ccbb6f4e89b2f390b140507a0', class: {
|
|
8655
8676
|
[mode]: true,
|
|
8656
|
-
}, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, hAsync("slot", { key: '
|
|
8677
|
+
}, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, hAsync("slot", { key: '6a5296ff0b9dee6600c2dafe7363a065d053bac2' })));
|
|
8657
8678
|
}
|
|
8658
8679
|
static get style() { return IonColStyle0; }
|
|
8659
8680
|
static get cmpMeta() { return {
|
|
@@ -9027,7 +9048,7 @@ class Content {
|
|
|
9027
9048
|
const forceOverscroll = this.shouldForceOverscroll();
|
|
9028
9049
|
const transitionShadow = mode === 'ios';
|
|
9029
9050
|
this.resize();
|
|
9030
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
9051
|
+
return (hAsync(Host, Object.assign({ key: '92a7cbc2e9c812930f4231bd846411933a5dded6', role: isMainContent ? 'main' : undefined, class: createColorClasses$1(this.color, {
|
|
9031
9052
|
[mode]: true,
|
|
9032
9053
|
'content-sizing': hostContext('ion-popover', this.el),
|
|
9033
9054
|
overscroll: forceOverscroll,
|
|
@@ -9035,12 +9056,12 @@ class Content {
|
|
|
9035
9056
|
}), style: {
|
|
9036
9057
|
'--offset-top': `${this.cTop}px`,
|
|
9037
9058
|
'--offset-bottom': `${this.cBottom}px`,
|
|
9038
|
-
} }, inheritedAttributes), hAsync("div", { key: '
|
|
9059
|
+
} }, inheritedAttributes), hAsync("div", { key: '52498d8874b9944b8245e448ea9dfc75b3929c2d', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? hAsync("slot", { name: "fixed" }) : null, hAsync("div", { key: '00e157a53485b285300404178436276afceb63f5', class: {
|
|
9039
9060
|
'inner-scroll': true,
|
|
9040
9061
|
'scroll-x': scrollX,
|
|
9041
9062
|
'scroll-y': scrollY,
|
|
9042
9063
|
overscroll: (scrollX || scrollY) && forceOverscroll,
|
|
9043
|
-
}, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, hAsync("slot", { key: '
|
|
9064
|
+
}, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, hAsync("slot", { key: '8522320514a2e8a63f7dc9ade6c1fb3fb00f454e' })), transitionShadow ? (hAsync("div", { class: "transition-effect" }, hAsync("div", { class: "transition-cover" }), hAsync("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? hAsync("slot", { name: "fixed" }) : null));
|
|
9044
9065
|
}
|
|
9045
9066
|
get el() { return getElement(this); }
|
|
9046
9067
|
static get style() { return IonContentStyle0; }
|
|
@@ -12561,7 +12582,7 @@ class Datetime {
|
|
|
12561
12582
|
const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
|
|
12562
12583
|
const hasWheelVariant = hasDatePresentation && preferWheel;
|
|
12563
12584
|
renderHiddenInput(true, el, name, formatValue(value), disabled);
|
|
12564
|
-
return (hAsync(Host, { key: '
|
|
12585
|
+
return (hAsync(Host, { key: '2933ce5caaeb21a633b1ec4d936e86b0f0890807', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses$1(color, {
|
|
12565
12586
|
[mode]: true,
|
|
12566
12587
|
['datetime-readonly']: readonly,
|
|
12567
12588
|
['datetime-disabled']: disabled,
|
|
@@ -12571,7 +12592,7 @@ class Datetime {
|
|
|
12571
12592
|
[`datetime-size-${size}`]: true,
|
|
12572
12593
|
[`datetime-prefer-wheel`]: hasWheelVariant,
|
|
12573
12594
|
[`datetime-grid`]: isGridStyle,
|
|
12574
|
-
})) }, hAsync("div", { key: '
|
|
12595
|
+
})) }, hAsync("div", { key: '0efc9ef0aa1a29234412b2eddf5d7ff899b7543f', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
|
|
12575
12596
|
}
|
|
12576
12597
|
get el() { return getElement(this); }
|
|
12577
12598
|
static get watchers() { return {
|
|
@@ -12979,11 +13000,11 @@ class DatetimeButton {
|
|
|
12979
13000
|
render() {
|
|
12980
13001
|
const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
|
|
12981
13002
|
const mode = getIonMode$1(this);
|
|
12982
|
-
return (hAsync(Host, { key: '
|
|
13003
|
+
return (hAsync(Host, { key: '0be955404133adbb31ae16a6599014bb29765f19', class: createColorClasses$1(color, {
|
|
12983
13004
|
[mode]: true,
|
|
12984
13005
|
[`${selectedButton}-active`]: datetimeActive,
|
|
12985
13006
|
['datetime-button-disabled']: disabled,
|
|
12986
|
-
}) }, dateText && (hAsync("button", { key: '
|
|
13007
|
+
}) }, dateText && (hAsync("button", { key: '812dcb50b17768cc13a5cfa0bcce8b113cee0f09', 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: '46930c740a32a78502df9e651f9bd5914d6a9fea', name: "date-target" }, dateText), mode === 'md' && hAsync("ion-ripple-effect", { key: '0602999cc8435dc37aa22da7f5531bc8cb71e1b4' }))), timeText && (hAsync("button", { key: 'ecdd21da5181ecbdce03209f9f6673b7dcbc1f78', 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: 'b5b093b5166d12d11e27360788edaac916d44390', name: "time-target" }, timeText), mode === 'md' && hAsync("ion-ripple-effect", { key: '70bb3a04f4748d13233eeb257503968dbd1161a9' })))));
|
|
12987
13008
|
}
|
|
12988
13009
|
get el() { return getElement(this); }
|
|
12989
13010
|
static get style() { return {
|
|
@@ -13057,12 +13078,12 @@ class Fab {
|
|
|
13057
13078
|
render() {
|
|
13058
13079
|
const { horizontal, vertical, edge } = this;
|
|
13059
13080
|
const mode = getIonMode$1(this);
|
|
13060
|
-
return (hAsync(Host, { key: '
|
|
13081
|
+
return (hAsync(Host, { key: 'cb44cf6486b0a6439b99da87c065b0b52e2514f4', class: {
|
|
13061
13082
|
[mode]: true,
|
|
13062
13083
|
[`fab-horizontal-${horizontal}`]: horizontal !== undefined,
|
|
13063
13084
|
[`fab-vertical-${vertical}`]: vertical !== undefined,
|
|
13064
13085
|
'fab-edge': edge,
|
|
13065
|
-
} }, hAsync("slot", { key: '
|
|
13086
|
+
} }, hAsync("slot", { key: '1ed484c7ecb10cd81fbca9a4f5c4049bf82f9f8a' })));
|
|
13066
13087
|
}
|
|
13067
13088
|
get el() { return getElement(this); }
|
|
13068
13089
|
static get watchers() { return {
|
|
@@ -13152,7 +13173,7 @@ class FabButton {
|
|
|
13152
13173
|
rel: this.rel,
|
|
13153
13174
|
target: this.target,
|
|
13154
13175
|
};
|
|
13155
|
-
return (hAsync(Host, { key: '
|
|
13176
|
+
return (hAsync(Host, { key: 'eb347f7d6749c40637540d84778eb8d1b667a947', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
|
|
13156
13177
|
[mode]: true,
|
|
13157
13178
|
'fab-button-in-list': inList,
|
|
13158
13179
|
'fab-button-translucent-in-list': inList && translucent,
|
|
@@ -13163,7 +13184,7 @@ class FabButton {
|
|
|
13163
13184
|
'ion-activatable': true,
|
|
13164
13185
|
'ion-focusable': true,
|
|
13165
13186
|
[`fab-button-${size}`]: size !== undefined,
|
|
13166
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
13187
|
+
}) }, hAsync(TagType, Object.assign({ key: '83e853c8815f41543c848eb2e05ec2bb1716110a' }, 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: '798deede94de658e4345acf7c2aafe2ab2567b0b', "aria-hidden": "true", icon: this.closeIcon, part: "close-icon", class: "close-icon", lazy: false }), hAsync("span", { key: '99252fde6de1aca73fc240a6da7e29acac9acb18', class: "button-inner" }, hAsync("slot", { key: 'dc73e9b41bf1f0e385e5784f975dfb81e37c8dfb' })), mode === 'md' && hAsync("ion-ripple-effect", { key: '8413e162f44a0350f54dff06cff7aad101de3549' }))));
|
|
13167
13188
|
}
|
|
13168
13189
|
get el() { return getElement(this); }
|
|
13169
13190
|
static get style() { return {
|
|
@@ -13214,11 +13235,11 @@ class FabList {
|
|
|
13214
13235
|
}
|
|
13215
13236
|
render() {
|
|
13216
13237
|
const mode = getIonMode$1(this);
|
|
13217
|
-
return (hAsync(Host, { key: '
|
|
13238
|
+
return (hAsync(Host, { key: 'fa1d195b9950654ba0e984bf61d981c977d05275', class: {
|
|
13218
13239
|
[mode]: true,
|
|
13219
13240
|
'fab-list-active': this.activated,
|
|
13220
13241
|
[`fab-list-side-${this.side}`]: true,
|
|
13221
|
-
} }, hAsync("slot", { key: '
|
|
13242
|
+
} }, hAsync("slot", { key: '2ec738c66c05112e1e2521155d6adfc36d2fd1db' })));
|
|
13222
13243
|
}
|
|
13223
13244
|
get el() { return getElement(this); }
|
|
13224
13245
|
static get watchers() { return {
|
|
@@ -13670,7 +13691,7 @@ class Footer {
|
|
|
13670
13691
|
const mode = getIonMode$1(this);
|
|
13671
13692
|
const tabs = this.el.closest('ion-tabs');
|
|
13672
13693
|
const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
|
|
13673
|
-
return (hAsync(Host, { key: '
|
|
13694
|
+
return (hAsync(Host, { key: '5da19dc38ba73e1ddfd1bef3ebd485105d77c751', role: "contentinfo", class: {
|
|
13674
13695
|
[mode]: true,
|
|
13675
13696
|
// Used internally for styling
|
|
13676
13697
|
[`footer-${mode}`]: true,
|
|
@@ -13678,7 +13699,7 @@ class Footer {
|
|
|
13678
13699
|
[`footer-translucent-${mode}`]: translucent,
|
|
13679
13700
|
['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
|
|
13680
13701
|
[`footer-collapse-${collapse}`]: collapse !== undefined,
|
|
13681
|
-
} }, mode === 'ios' && translucent && hAsync("div", { key: '
|
|
13702
|
+
} }, mode === 'ios' && translucent && hAsync("div", { key: 'fafad08090a33d8c4e8a5b63d61929dcb89aab47', class: "footer-background" }), hAsync("slot", { key: 'e0a443d346afa55e4317c0bc1263fdbe3c619559' })));
|
|
13682
13703
|
}
|
|
13683
13704
|
get el() { return getElement(this); }
|
|
13684
13705
|
static get style() { return {
|
|
@@ -13709,10 +13730,10 @@ class Grid {
|
|
|
13709
13730
|
}
|
|
13710
13731
|
render() {
|
|
13711
13732
|
const mode = getIonMode$1(this);
|
|
13712
|
-
return (hAsync(Host, { key: '
|
|
13733
|
+
return (hAsync(Host, { key: '930ce78b02f8360fbca08a35d364d2c09128c6c8', class: {
|
|
13713
13734
|
[mode]: true,
|
|
13714
13735
|
'grid-fixed': this.fixed,
|
|
13715
|
-
} }, hAsync("slot", { key: '
|
|
13736
|
+
} }, hAsync("slot", { key: 'c47bf7ef2197f5ebc42d3e2c55044276fb0db393' })));
|
|
13716
13737
|
}
|
|
13717
13738
|
static get style() { return IonGridStyle0; }
|
|
13718
13739
|
static get cmpMeta() { return {
|
|
@@ -14043,14 +14064,14 @@ class Header {
|
|
|
14043
14064
|
const collapse = this.collapse || 'none';
|
|
14044
14065
|
// banner role must be at top level, so remove role if inside a menu
|
|
14045
14066
|
const roleType = hostContext('ion-menu', this.el) ? 'none' : 'banner';
|
|
14046
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
14067
|
+
return (hAsync(Host, Object.assign({ key: 'c687314ef290793a9d633ad20cfc5eeb47621e31', role: roleType, class: {
|
|
14047
14068
|
[mode]: true,
|
|
14048
14069
|
// Used internally for styling
|
|
14049
14070
|
[`header-${mode}`]: true,
|
|
14050
14071
|
[`header-translucent`]: this.translucent,
|
|
14051
14072
|
[`header-collapse-${collapse}`]: true,
|
|
14052
14073
|
[`header-translucent-${mode}`]: this.translucent,
|
|
14053
|
-
} }, inheritedAttributes), mode === 'ios' && translucent && hAsync("div", { key: '
|
|
14074
|
+
} }, inheritedAttributes), mode === 'ios' && translucent && hAsync("div", { key: 'b429996046082405a91e7c23f95516db0b736f12', class: "header-background" }), hAsync("slot", { key: 'e17a8965f8d3a33c1bfcb056c153d8242e5229fa' })));
|
|
14054
14075
|
}
|
|
14055
14076
|
get el() { return getElement(this); }
|
|
14056
14077
|
static get style() { return {
|
|
@@ -14329,7 +14350,7 @@ class Img {
|
|
|
14329
14350
|
render() {
|
|
14330
14351
|
const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
|
|
14331
14352
|
const { draggable } = inheritedAttributes;
|
|
14332
|
-
return (hAsync(Host, { key: '
|
|
14353
|
+
return (hAsync(Host, { key: '14d24d65ec8e5522192ca58035264971b1ab883b', class: getIonMode$1(this) }, hAsync("img", { key: '345ba155a5fdce5e66c397a599b7333d37d9cb1d', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
|
|
14333
14354
|
}
|
|
14334
14355
|
get el() { return getElement(this); }
|
|
14335
14356
|
static get watchers() { return {
|
|
@@ -14536,7 +14557,7 @@ class InfiniteScroll {
|
|
|
14536
14557
|
render() {
|
|
14537
14558
|
const mode = getIonMode$1(this);
|
|
14538
14559
|
const disabled = this.disabled;
|
|
14539
|
-
return (hAsync(Host, { key: '
|
|
14560
|
+
return (hAsync(Host, { key: '1444429a86950c449953cbf578436cc8cabf40ec', class: {
|
|
14540
14561
|
[mode]: true,
|
|
14541
14562
|
'infinite-scroll-loading': this.isLoading,
|
|
14542
14563
|
'infinite-scroll-enabled': !disabled,
|
|
@@ -14592,11 +14613,11 @@ class InfiniteScrollContent {
|
|
|
14592
14613
|
}
|
|
14593
14614
|
render() {
|
|
14594
14615
|
const mode = getIonMode$1(this);
|
|
14595
|
-
return (hAsync(Host, { key: '
|
|
14616
|
+
return (hAsync(Host, { key: '060278bf9cb0321e182352f9613be4ebbb028259', class: {
|
|
14596
14617
|
[mode]: true,
|
|
14597
14618
|
// Used internally for styling
|
|
14598
14619
|
[`infinite-scroll-content-${mode}`]: true,
|
|
14599
|
-
} }, hAsync("div", { key: '
|
|
14620
|
+
} }, hAsync("div", { key: '07d3cada920145f979ad315bd187fb878e0c3da3', class: "infinite-loading" }, this.loadingSpinner && (hAsync("div", { key: '6254f175d7543d09f3dd47cd0589a2809182cd8c', class: "infinite-loading-spinner" }, hAsync("ion-spinner", { key: 'a6a816d1c65b60b786333b209b63492aa716a283', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
|
|
14600
14621
|
}
|
|
14601
14622
|
static get style() { return {
|
|
14602
14623
|
ios: IonInfiniteScrollContentIosStyle0,
|
|
@@ -15328,7 +15349,7 @@ class Input {
|
|
|
15328
15349
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
15329
15350
|
*/
|
|
15330
15351
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
15331
|
-
return (hAsync(Host, { key: '
|
|
15352
|
+
return (hAsync(Host, { key: '907ce98a82b5cfae5a08504cd79e00a2330b7444', class: createColorClasses$1(this.color, {
|
|
15332
15353
|
[mode]: true,
|
|
15333
15354
|
'has-value': hasValue,
|
|
15334
15355
|
'has-focus': hasFocus,
|
|
@@ -15339,7 +15360,7 @@ class Input {
|
|
|
15339
15360
|
'in-item': inItem,
|
|
15340
15361
|
'in-item-color': hostContext('ion-item.ion-color', this.el),
|
|
15341
15362
|
'input-disabled': disabled,
|
|
15342
|
-
}) }, hAsync("label", { key: '
|
|
15363
|
+
}) }, hAsync("label", { key: '59d5bb45d2a5b828bba0ed8687a632a551e2f4d8', class: "input-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: 'f93f129d08246d0e9a601c100d718534d6403853', class: "native-wrapper" }, hAsync("slot", { key: '54eeb1a6bace662b7eb0d7e27180ea3d7e3a3729', name: "start" }), hAsync("input", Object.assign({ key: 'b3e0be55bc1a4a539ae3b0fdcf7fc078723cca16', 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: '5f6373504a6d0d074bfbf875c794d45ea2748175', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
|
|
15343
15364
|
/**
|
|
15344
15365
|
* This prevents mobile browsers from
|
|
15345
15366
|
* blurring the input when the clear
|
|
@@ -15354,7 +15375,7 @@ class Input {
|
|
|
15354
15375
|
* for screen readers as it means users would be unable to swipe past the clear button.
|
|
15355
15376
|
*/
|
|
15356
15377
|
ev.stopPropagation();
|
|
15357
|
-
}, onClick: this.clearTextInput }, hAsync("ion-icon", { key: '
|
|
15378
|
+
}, onClick: this.clearTextInput }, hAsync("ion-icon", { key: '230d77973aa83458ceb32bf52e3abe9bc322cfe6', "aria-hidden": "true", icon: clearIconData }))), hAsync("slot", { key: '9d69ac6e8a3c4b2b303dba2478f82695d5755ed2', name: "end" })), shouldRenderHighlight && hAsync("div", { key: 'ac61f16237ce731e0745ab72d0fc3f066252464a', class: "input-highlight" })), this.renderBottomContent()));
|
|
15358
15379
|
}
|
|
15359
15380
|
get el() { return getElement(this); }
|
|
15360
15381
|
static get watchers() { return {
|
|
@@ -15476,16 +15497,16 @@ class InputPasswordToggle {
|
|
|
15476
15497
|
const showPasswordIcon = (_a = this.showIcon) !== null && _a !== void 0 ? _a : eye;
|
|
15477
15498
|
const hidePasswordIcon = (_b = this.hideIcon) !== null && _b !== void 0 ? _b : eyeOff;
|
|
15478
15499
|
const isPasswordVisible = type === 'text';
|
|
15479
|
-
return (hAsync(Host, { key: '
|
|
15500
|
+
return (hAsync(Host, { key: 'ed1c29726ce0c91548f0e2ada61e3f8b5c813d2d', class: createColorClasses$1(color, {
|
|
15480
15501
|
[mode]: true,
|
|
15481
|
-
}) }, hAsync("ion-button", { key: '
|
|
15502
|
+
}) }, hAsync("ion-button", { key: '9698eccdaedb86cf12d20acc53660371b3af3c55', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": "show password", role: "switch", type: "button", onPointerDown: (ev) => {
|
|
15482
15503
|
/**
|
|
15483
15504
|
* This prevents mobile browsers from
|
|
15484
15505
|
* blurring the input when the password toggle
|
|
15485
15506
|
* button is activated.
|
|
15486
15507
|
*/
|
|
15487
15508
|
ev.preventDefault();
|
|
15488
|
-
}, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: '
|
|
15509
|
+
}, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: '1f2119c30b56c800d9af44e6499445a0ebb466cf', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? hidePasswordIcon : showPasswordIcon }))));
|
|
15489
15510
|
}
|
|
15490
15511
|
get el() { return getElement(this); }
|
|
15491
15512
|
static get watchers() { return {
|
|
@@ -15781,11 +15802,11 @@ class ItemDivider {
|
|
|
15781
15802
|
}
|
|
15782
15803
|
render() {
|
|
15783
15804
|
const mode = getIonMode$1(this);
|
|
15784
|
-
return (hAsync(Host, { key: '
|
|
15805
|
+
return (hAsync(Host, { key: '60fda1dab7dbc0038ec7ff68a661896430f7d5c5', class: createColorClasses$1(this.color, {
|
|
15785
15806
|
[mode]: true,
|
|
15786
15807
|
'item-divider-sticky': this.sticky,
|
|
15787
15808
|
item: true,
|
|
15788
|
-
}) }, hAsync("slot", { key: '
|
|
15809
|
+
}) }, hAsync("slot", { key: '6ce072dfc2adfa699a2c34ffe25ed221c74d9eea', name: "start" }), hAsync("div", { key: '9a441be204ee2f0b567432722407c75e3cbbe942', class: "item-divider-inner" }, hAsync("div", { key: 'fd6f2969b345dba51400a290473e594d2d019dc5', class: "item-divider-wrapper" }, hAsync("slot", { key: 'ebf5601b21c4cf199c01bf142865b8da0c1ba4a6' })), hAsync("slot", { key: '249af8f30113f2c986976d518126661f65531121', name: "end" }))));
|
|
15789
15810
|
}
|
|
15790
15811
|
get el() { return getElement(this); }
|
|
15791
15812
|
static get style() { return {
|
|
@@ -15817,7 +15838,7 @@ class ItemGroup {
|
|
|
15817
15838
|
}
|
|
15818
15839
|
render() {
|
|
15819
15840
|
const mode = getIonMode$1(this);
|
|
15820
|
-
return (hAsync(Host, { key: '
|
|
15841
|
+
return (hAsync(Host, { key: '24ff047b7c45f963f0dad072c65d38a230c2bc97', role: "group", class: {
|
|
15821
15842
|
[mode]: true,
|
|
15822
15843
|
// Used internally for styling
|
|
15823
15844
|
[`item-group-${mode}`]: true,
|
|
@@ -15885,12 +15906,12 @@ class ItemOption {
|
|
|
15885
15906
|
href: this.href,
|
|
15886
15907
|
target: this.target,
|
|
15887
15908
|
};
|
|
15888
|
-
return (hAsync(Host, { key: '
|
|
15909
|
+
return (hAsync(Host, { key: '1900e015f593fefd710478a2088e052399c957eb', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
15889
15910
|
[mode]: true,
|
|
15890
15911
|
'item-option-disabled': disabled,
|
|
15891
15912
|
'item-option-expandable': expandable,
|
|
15892
15913
|
'ion-activatable': true,
|
|
15893
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
15914
|
+
}) }, hAsync(TagType, Object.assign({ key: '5db2bb9bc72b7b00c324e4189cd1b5f862680ebb' }, attrs, { class: "button-native", part: "native", disabled: disabled }), hAsync("span", { key: '6927e812ad001c5e7bd17f440d82c3830c58957b', class: "button-inner" }, hAsync("slot", { key: '0fde4333def94c55d1318868c2bc71e780d5876a', name: "top" }), hAsync("div", { key: '7ecc9ae8ddf66d7ed5d9f30becc9faf820e1c62e', class: "horizontal-wrapper" }, hAsync("slot", { key: 'a15567fd4bd91080e9fbb6bb0c9b0e67d8a67051', name: "start" }), hAsync("slot", { key: '7f86cdd28063e23f9d78997623333c5037c4f364', name: "icon-only" }), hAsync("slot", { key: '4abb69ce3ad6c4917dd87b7b1eb0fa1c69917d73' }), hAsync("slot", { key: '8b35a29f48722040465f182679ac17209937578d', name: "end" })), hAsync("slot", { key: 'fa15a00891b41d66a4ccb51575dec54b72d0059e', name: "bottom" })), mode === 'md' && hAsync("ion-ripple-effect", { key: '0c071910c90fafca8026f59d78f4d9d5224d150a' }))));
|
|
15894
15915
|
}
|
|
15895
15916
|
get el() { return getElement(this); }
|
|
15896
15917
|
static get style() { return {
|
|
@@ -15937,7 +15958,7 @@ class ItemOptions {
|
|
|
15937
15958
|
render() {
|
|
15938
15959
|
const mode = getIonMode$1(this);
|
|
15939
15960
|
const isEnd = isEndSide(this.side);
|
|
15940
|
-
return (hAsync(Host, { key: '
|
|
15961
|
+
return (hAsync(Host, { key: 'e28cd6a236323b5cc203c9b96782aa81024da924', class: {
|
|
15941
15962
|
[mode]: true,
|
|
15942
15963
|
// Used internally for styling
|
|
15943
15964
|
[`item-options-${mode}`]: true,
|
|
@@ -16399,7 +16420,7 @@ class ItemSliding {
|
|
|
16399
16420
|
}
|
|
16400
16421
|
render() {
|
|
16401
16422
|
const mode = getIonMode$1(this);
|
|
16402
|
-
return (hAsync(Host, { key: '
|
|
16423
|
+
return (hAsync(Host, { key: '99f87c8bd794ae69830b407ba55013ac44793c26', class: {
|
|
16403
16424
|
[mode]: true,
|
|
16404
16425
|
'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
|
|
16405
16426
|
'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,
|
|
@@ -16508,13 +16529,13 @@ class Label {
|
|
|
16508
16529
|
render() {
|
|
16509
16530
|
const position = this.position;
|
|
16510
16531
|
const mode = getIonMode$1(this);
|
|
16511
|
-
return (hAsync(Host, { key: '
|
|
16532
|
+
return (hAsync(Host, { key: 'c2c0f388dab910d294efb9fbb409ee4ef829c1ed', class: createColorClasses$1(this.color, {
|
|
16512
16533
|
[mode]: true,
|
|
16513
16534
|
'in-item-color': hostContext('ion-item.ion-color', this.el),
|
|
16514
16535
|
[`label-${position}`]: position !== undefined,
|
|
16515
16536
|
[`label-no-animate`]: this.noAnimate,
|
|
16516
16537
|
'label-rtl': document.dir === 'rtl',
|
|
16517
|
-
}) }, hAsync("slot", { key: '
|
|
16538
|
+
}) }, hAsync("slot", { key: '4de6b69950f417873a13c851018ec31ea2686f0a' })));
|
|
16518
16539
|
}
|
|
16519
16540
|
get el() { return getElement(this); }
|
|
16520
16541
|
static get watchers() { return {
|
|
@@ -16570,7 +16591,7 @@ class List {
|
|
|
16570
16591
|
render() {
|
|
16571
16592
|
const mode = getIonMode$1(this);
|
|
16572
16593
|
const { lines, inset } = this;
|
|
16573
|
-
return (hAsync(Host, { key: '
|
|
16594
|
+
return (hAsync(Host, { key: '8bde220025a7eeca6da075379c6487c4c9bdddc1', role: "list", class: {
|
|
16574
16595
|
[mode]: true,
|
|
16575
16596
|
// Used internally for styling
|
|
16576
16597
|
[`list-${mode}`]: true,
|
|
@@ -16616,10 +16637,10 @@ class ListHeader {
|
|
|
16616
16637
|
render() {
|
|
16617
16638
|
const { lines } = this;
|
|
16618
16639
|
const mode = getIonMode$1(this);
|
|
16619
|
-
return (hAsync(Host, { key: '
|
|
16640
|
+
return (hAsync(Host, { key: '7e2e050f13722f2b870a2415d99a9e631e9ca267', class: createColorClasses$1(this.color, {
|
|
16620
16641
|
[mode]: true,
|
|
16621
16642
|
[`list-header-lines-${lines}`]: lines !== undefined,
|
|
16622
|
-
}) }, hAsync("div", { key: '
|
|
16643
|
+
}) }, hAsync("div", { key: '6117bebc45800d874e9b75355476fbced5cc8398', class: "list-header-inner" }, hAsync("slot", { key: '9165fb274cd2c45a5a65c271d8b1f30e8a00c890' }))));
|
|
16623
16644
|
}
|
|
16624
16645
|
static get style() { return {
|
|
16625
16646
|
ios: IonListHeaderIosStyle0,
|
|
@@ -16888,9 +16909,9 @@ class Loading {
|
|
|
16888
16909
|
* Otherwise, don't set aria-labelledby.
|
|
16889
16910
|
*/
|
|
16890
16911
|
const ariaLabelledBy = message !== undefined ? msgId : null;
|
|
16891
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
16912
|
+
return (hAsync(Host, Object.assign({ key: 'fb3d2cd7cd0539ed6540d8be50e243c7916b3ca2', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
|
|
16892
16913
|
zIndex: `${40000 + this.overlayIndex}`,
|
|
16893
|
-
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: '
|
|
16914
|
+
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: 'c8bd30782f3040b1b80e88aa924861e439d40754', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: '4ebfbb67c92e8eb56c27dd7c199b35bf6be1cf63', tabindex: "0" }), hAsync("div", { key: '9492723cd87f1ef75534e449d4bc2b2deb0cb3cc', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { key: 'd9eb42454e48c82704d974a68b80ceb4de990417', class: "loading-spinner" }, hAsync("ion-spinner", { key: 'cdb046bad89872f4208ae466979315652766bf3a', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: '412d1bb537dafa6e6863d07ddc15f5969fe0617d', tabindex: "0" })));
|
|
16894
16915
|
}
|
|
16895
16916
|
get el() { return getElement(this); }
|
|
16896
16917
|
static get watchers() { return {
|
|
@@ -17871,14 +17892,14 @@ class Menu {
|
|
|
17871
17892
|
* the ionBackButton listener in the menu controller
|
|
17872
17893
|
* will handle closing the menu when Escape is pressed.
|
|
17873
17894
|
*/
|
|
17874
|
-
return (hAsync(Host, { key: '
|
|
17895
|
+
return (hAsync(Host, { key: '30c0c9bfb8973e4a6feb658f8c4ee8e362f464ed', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
|
|
17875
17896
|
[mode]: true,
|
|
17876
17897
|
[`menu-type-${type}`]: true,
|
|
17877
17898
|
'menu-enabled': !disabled,
|
|
17878
17899
|
[`menu-side-${side}`]: true,
|
|
17879
17900
|
'menu-pane-visible': isPaneVisible,
|
|
17880
17901
|
'split-pane-side': hostContext('ion-split-pane', el),
|
|
17881
|
-
} }, hAsync("div", { key: '
|
|
17902
|
+
} }, hAsync("div", { key: '34b0e5840906862cf1bc27207e089004b0402c56', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: '2cd7e61a8c0987ca4b3f1f8b33cba7152f1275fe' })), hAsync("ion-backdrop", { key: 'd190b1f9b66c76e276f27bfe074d3aab796180fb', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
|
|
17882
17903
|
}
|
|
17883
17904
|
get el() { return getElement(this); }
|
|
17884
17905
|
static get watchers() { return {
|
|
@@ -17981,7 +18002,7 @@ class MenuButton {
|
|
|
17981
18002
|
type: this.type,
|
|
17982
18003
|
};
|
|
17983
18004
|
const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
|
|
17984
|
-
return (hAsync(Host, { key: '
|
|
18005
|
+
return (hAsync(Host, { key: '95a8b9f09c7fae9713a8dc003ed277f6f31403da', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
|
|
17985
18006
|
[mode]: true,
|
|
17986
18007
|
button: true, // ion-buttons target .button
|
|
17987
18008
|
'menu-button-hidden': hidden,
|
|
@@ -17990,7 +18011,7 @@ class MenuButton {
|
|
|
17990
18011
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
17991
18012
|
'ion-activatable': true,
|
|
17992
18013
|
'ion-focusable': true,
|
|
17993
|
-
}) }, hAsync("button", Object.assign({ key: '
|
|
18014
|
+
}) }, hAsync("button", Object.assign({ key: '39f3ce20c400d2fac4890a042e8e44426709fca5' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), hAsync("span", { key: '310978dc1cdef668de6720cde2a2304253679176', class: "button-inner" }, hAsync("slot", { key: '2a2b9de524c1fc3c526fe9559cb077b976852725' }, hAsync("ion-icon", { key: '9c22d7ea9fc3d76c32ec1c1b4b13d982c60b8c2d', part: "icon", icon: menuIcon, mode: mode, lazy: false, "aria-hidden": "true" }))), mode === 'md' && hAsync("ion-ripple-effect", { key: 'c58c9e29c763070383472f65a9d322a684bcb564', type: "unbounded" }))));
|
|
17994
18015
|
}
|
|
17995
18016
|
get el() { return getElement(this); }
|
|
17996
18017
|
static get style() { return {
|
|
@@ -18039,10 +18060,10 @@ class MenuToggle {
|
|
|
18039
18060
|
render() {
|
|
18040
18061
|
const mode = getIonMode$1(this);
|
|
18041
18062
|
const hidden = this.autoHide && !this.visible;
|
|
18042
|
-
return (hAsync(Host, { key: '
|
|
18063
|
+
return (hAsync(Host, { key: '90e621f09792383f1badcc1b402b1ac7d08c5f98', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
|
|
18043
18064
|
[mode]: true,
|
|
18044
18065
|
'menu-toggle-hidden': hidden,
|
|
18045
|
-
} }, hAsync("slot", { key: '
|
|
18066
|
+
} }, hAsync("slot", { key: 'c0abdd1d91e9d80ee3704e3e374ebe1f29078460' })));
|
|
18046
18067
|
}
|
|
18047
18068
|
static get style() { return IonMenuToggleStyle0; }
|
|
18048
18069
|
static get cmpMeta() { return {
|
|
@@ -20046,18 +20067,18 @@ class Modal {
|
|
|
20046
20067
|
const mode = getIonMode$1(this);
|
|
20047
20068
|
const isCardModal = presentingElement !== undefined && mode === 'ios';
|
|
20048
20069
|
const isHandleCycle = handleBehavior === 'cycle';
|
|
20049
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
20070
|
+
return (hAsync(Host, Object.assign({ key: '013ba4864ca4d2c1052c512f6a4b0732b8decff7', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
|
|
20050
20071
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
20051
|
-
}, 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: '
|
|
20072
|
+
}, 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: '498b1c0a03836d6799dcf3b8e9315805c70f6480', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), mode === 'ios' && hAsync("div", { key: 'ce22e4caf1096e87248926fe2477f0d5a4c8a5cf', class: "modal-shadow" }), hAsync("div", Object.assign({ key: '540e47b15d8290166c39b022c725182114a75682',
|
|
20052
20073
|
/*
|
|
20053
20074
|
role and aria-modal must be used on the
|
|
20054
20075
|
same element. They must also be set inside the
|
|
20055
20076
|
shadow DOM otherwise ion-button will not be highlighted
|
|
20056
20077
|
when using VoiceOver: https://bugs.webkit.org/show_bug.cgi?id=247134
|
|
20057
20078
|
*/
|
|
20058
|
-
role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: '
|
|
20079
|
+
role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: 'f3b352ec9a63a7ec801462aacfd8295b4302d115', class: "modal-handle",
|
|
20059
20080
|
// Prevents the handle from receiving keyboard focus when it does not cycle
|
|
20060
|
-
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: '
|
|
20081
|
+
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: '31a3f58f4c733ffdf736523c154200874a96b1d0' }))));
|
|
20061
20082
|
}
|
|
20062
20083
|
get el() { return getElement(this); }
|
|
20063
20084
|
static get watchers() { return {
|
|
@@ -21006,7 +21027,7 @@ class Nav {
|
|
|
21006
21027
|
}
|
|
21007
21028
|
}
|
|
21008
21029
|
render() {
|
|
21009
|
-
return hAsync("slot", { key: '
|
|
21030
|
+
return hAsync("slot", { key: 'e9d99a8a0b84f02f9964d8143cd5e647e43334f9' });
|
|
21010
21031
|
}
|
|
21011
21032
|
get el() { return getElement(this); }
|
|
21012
21033
|
static get watchers() { return {
|
|
@@ -21079,7 +21100,7 @@ class NavLink {
|
|
|
21079
21100
|
this.routerAnimation = undefined;
|
|
21080
21101
|
}
|
|
21081
21102
|
render() {
|
|
21082
|
-
return hAsync(Host, { key: '
|
|
21103
|
+
return hAsync(Host, { key: '42c23dcdec5fdb25defebaf6e8a9fa75754ff8eb', onClick: this.onClick });
|
|
21083
21104
|
}
|
|
21084
21105
|
get el() { return getElement(this); }
|
|
21085
21106
|
static get cmpMeta() { return {
|
|
@@ -21113,9 +21134,9 @@ class Note {
|
|
|
21113
21134
|
}
|
|
21114
21135
|
render() {
|
|
21115
21136
|
const mode = getIonMode$1(this);
|
|
21116
|
-
return (hAsync(Host, { key: '
|
|
21137
|
+
return (hAsync(Host, { key: '90ec2fe8c9487608ed8c0bdc32c2e80a6a0890b3', class: createColorClasses$1(this.color, {
|
|
21117
21138
|
[mode]: true,
|
|
21118
|
-
}) }, hAsync("slot", { key: '
|
|
21139
|
+
}) }, hAsync("slot", { key: '115ee3f79e6c526b0644443aad468e99385d0eda' })));
|
|
21119
21140
|
}
|
|
21120
21141
|
static get style() { return {
|
|
21121
21142
|
ios: IonNoteIosStyle0,
|
|
@@ -21612,7 +21633,7 @@ class Picker$1 {
|
|
|
21612
21633
|
this.emitInputModeChange();
|
|
21613
21634
|
}
|
|
21614
21635
|
render() {
|
|
21615
|
-
return (hAsync(Host, { key: '
|
|
21636
|
+
return (hAsync(Host, { key: '02b0687b1f80ba295a965dfba76dd59e2d1de5d3', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, hAsync("input", { key: 'f83ed84bcf9e02539c00d8a4e63e6a0d7fc4ac71', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
|
|
21616
21637
|
var _a;
|
|
21617
21638
|
/**
|
|
21618
21639
|
* The "Enter" key represents
|
|
@@ -21627,7 +21648,7 @@ class Picker$1 {
|
|
|
21627
21648
|
if (ev.key === 'Enter') {
|
|
21628
21649
|
(_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();
|
|
21629
21650
|
}
|
|
21630
|
-
}, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), hAsync("div", { key: '
|
|
21651
|
+
}, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), hAsync("div", { key: '45b07fb0617d8e006712776bf78302288edb3ff4', class: "picker-before" }), hAsync("div", { key: '73009229368e0d62b09c913aacade26f068a7aa9', class: "picker-after" }), hAsync("div", { key: 'b73da00e446cd1cfd511c39212e14a00d355752e', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), hAsync("slot", { key: 'd969f5efc5ddb9eda6c4828702efd1ceeb69f767' })));
|
|
21631
21652
|
}
|
|
21632
21653
|
get el() { return getElement(this); }
|
|
21633
21654
|
static get style() { return {
|
|
@@ -21880,11 +21901,11 @@ class Picker {
|
|
|
21880
21901
|
render() {
|
|
21881
21902
|
const { htmlAttributes } = this;
|
|
21882
21903
|
const mode = getIonMode$1(this);
|
|
21883
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
21904
|
+
return (hAsync(Host, Object.assign({ key: '3b163ca87354a3a4f302ff016d5affd0dc97bccc', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
|
|
21884
21905
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
21885
21906
|
}, class: Object.assign({ [mode]: true,
|
|
21886
21907
|
// Used internally for styling
|
|
21887
|
-
[`picker-${mode}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '
|
|
21908
|
+
[`picker-${mode}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: 'da4224447bdbcfbadd1bd63ebe7a7bfdb8aa3129', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: '211475c859b7acf4d64556905c45993201d92d43', tabindex: "0" }), hAsync("div", { key: 'c3b3674038155809caea84ae6348ff0d66897a64', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: 'a21757da70dc7864945a5751d9da3ca4bf87897b', 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: '0220da1854d09ef22d2d9a32eaa3c3b222be5a0a', class: "picker-columns" }, hAsync("div", { key: '55757c165ba9e38e56b4dee76a9b13d3ff8b21e6', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-legacy-column", { col: c })), hAsync("div", { key: '160092a46a48287bf75e5dfe3502f1755a2d0c70', class: "picker-below-highlight" }))), hAsync("div", { key: 'e212db6cca7d75fc0eda0baf4312dd51b9b7a4ef', tabindex: "0" })));
|
|
21888
21909
|
}
|
|
21889
21910
|
get el() { return getElement(this); }
|
|
21890
21911
|
static get watchers() { return {
|
|
@@ -22466,12 +22487,12 @@ class PickerColumn {
|
|
|
22466
22487
|
render() {
|
|
22467
22488
|
const { color, disabled, isActive, numericInput } = this;
|
|
22468
22489
|
const mode = getIonMode$1(this);
|
|
22469
|
-
return (hAsync(Host, { key: '
|
|
22490
|
+
return (hAsync(Host, { key: 'd60736ce74c0e8c774a163272b78fbad32993ec2', class: createColorClasses$1(color, {
|
|
22470
22491
|
[mode]: true,
|
|
22471
22492
|
['picker-column-active']: isActive,
|
|
22472
22493
|
['picker-column-numeric-input']: numericInput,
|
|
22473
22494
|
['picker-column-disabled']: disabled,
|
|
22474
|
-
}) }, this.renderAssistiveFocusable(), hAsync("slot", { key: '
|
|
22495
|
+
}) }, this.renderAssistiveFocusable(), hAsync("slot", { key: '74611112ef154b343ae29a773f8cd8a01cc1447d', name: "prefix" }), hAsync("div", { key: 'af772d2b61b7eb41a567593d290b80a50b7caa72', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
|
|
22475
22496
|
this.scrollEl = el;
|
|
22476
22497
|
},
|
|
22477
22498
|
/**
|
|
@@ -22492,7 +22513,7 @@ class PickerColumn {
|
|
|
22492
22513
|
* To prevent this, we set the tabIndex to -1. This
|
|
22493
22514
|
* will match the behavior of the other browsers.
|
|
22494
22515
|
*/
|
|
22495
|
-
tabIndex: -1 }, hAsync("div", { key: '
|
|
22516
|
+
tabIndex: -1 }, hAsync("div", { key: '4b646ee97bcf8ed541b9798c91dff189eec41dd1', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'a44d1a10d20a13aeb47f9871b09e291aa7f216bd', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '6a481715bd68fa68dc2a76c2e867ce771ea680b0', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("slot", { key: '23236e731b1ad432c104761ebeec91697a6b7643' }), hAsync("div", { key: '58a6c1f35a3ff0b26acaceebfd477d74b6dcfd6d', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'ea864872dec6dc363406d1bd9101b1bf21944db6', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '28cc4c570d0dd59f491eef2b15a5ed706d28b7bb', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), hAsync("slot", { key: 'cff1cc0bea732a5ce22bb451c5ea404a84af1993', name: "suffix" })));
|
|
22496
22517
|
}
|
|
22497
22518
|
get el() { return getElement(this); }
|
|
22498
22519
|
static get watchers() { return {
|
|
@@ -22859,9 +22880,9 @@ class PickerColumnCmp {
|
|
|
22859
22880
|
render() {
|
|
22860
22881
|
const col = this.col;
|
|
22861
22882
|
const mode = getIonMode$1(this);
|
|
22862
|
-
return (hAsync(Host, { key: '
|
|
22883
|
+
return (hAsync(Host, { key: '56289a294e5c580f3e7fe5fc12777aa7f80ad19b', 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: {
|
|
22863
22884
|
'max-width': this.col.columnWidth,
|
|
22864
|
-
} }, col.prefix && (hAsync("div", { key: '
|
|
22885
|
+
} }, col.prefix && (hAsync("div", { key: 'd21f44667b5df567d6879723fe643ea7c2c60bef', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), hAsync("div", { key: 'bb427e5f24fd832703926e0e847ad05567597262', 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: '0413f7c074b6534b8967387ecb9957a79a267aff', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
|
|
22865
22886
|
}
|
|
22866
22887
|
get el() { return getElement(this); }
|
|
22867
22888
|
static get watchers() { return {
|
|
@@ -22965,10 +22986,10 @@ class PickerColumnOption {
|
|
|
22965
22986
|
render() {
|
|
22966
22987
|
const { color, disabled, ariaLabel } = this;
|
|
22967
22988
|
const mode = getIonMode$1(this);
|
|
22968
|
-
return (hAsync(Host, { key: '
|
|
22989
|
+
return (hAsync(Host, { key: 'cc4435a0ce0e55be1321bcabaf342ed68cf5ba1e', class: createColorClasses$1(color, {
|
|
22969
22990
|
[mode]: true,
|
|
22970
22991
|
['option-disabled']: disabled,
|
|
22971
|
-
}) }, hAsync("button", { key: '
|
|
22992
|
+
}) }, hAsync("button", { key: '0187fb967771e0787807a8538dce4e59f6a98565', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, hAsync("slot", { key: 'dbe52552f3f27332816748c12d929cc81060841d' }))));
|
|
22972
22993
|
}
|
|
22973
22994
|
get el() { return getElement(this); }
|
|
22974
22995
|
static get watchers() { return {
|
|
@@ -24282,9 +24303,9 @@ class Popover {
|
|
|
24282
24303
|
const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
|
|
24283
24304
|
const desktop = isPlatform('desktop');
|
|
24284
24305
|
const enableArrow = arrow && !parentPopover;
|
|
24285
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
24306
|
+
return (hAsync(Host, Object.assign({ key: '3a7c4c39384bab1447c4bd6b9b06d7837a09353b', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
|
|
24286
24307
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
24287
|
-
}, 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: '
|
|
24308
|
+
}, 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: '38a1c4ad29238d1e81cab407f099121fa4947cce', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: 'f825494c5e3be89d7fcf0229e29b405bccb13edb', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { key: '3acae5a0106389c776c8ffe5bf10f3ff006e0346', class: "popover-arrow", part: "arrow" }), hAsync("div", { key: '2aa73e9f06b1d2ac4c0d36c23186b9164f395079', class: "popover-content", part: "content" }, hAsync("slot", { key: '62f5713414aae47dde6a8aef1f9b69af287534ae' })))));
|
|
24288
24309
|
}
|
|
24289
24310
|
get el() { return getElement(this); }
|
|
24290
24311
|
static get watchers() { return {
|
|
@@ -24376,7 +24397,7 @@ class ProgressBar {
|
|
|
24376
24397
|
const mode = getIonMode$1(this);
|
|
24377
24398
|
// If the progress is displayed as a solid bar.
|
|
24378
24399
|
const progressSolid = buffer === 1;
|
|
24379
|
-
return (hAsync(Host, { key: '
|
|
24400
|
+
return (hAsync(Host, { key: 'b293f4475bcdaa7851b41ebfda659037f0365120', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
|
|
24380
24401
|
[mode]: true,
|
|
24381
24402
|
[`progress-bar-${type}`]: true,
|
|
24382
24403
|
'progress-paused': paused,
|
|
@@ -24544,7 +24565,7 @@ class Radio {
|
|
|
24544
24565
|
const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
|
|
24545
24566
|
const mode = getIonMode$1(this);
|
|
24546
24567
|
const inItem = hostContext('ion-item', el);
|
|
24547
|
-
return (hAsync(Host, { key: '
|
|
24568
|
+
return (hAsync(Host, { key: 'd6d9525eea9dadc3ea7060eb9b8cbb919e1d7091', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
|
|
24548
24569
|
[mode]: true,
|
|
24549
24570
|
'in-item': inItem,
|
|
24550
24571
|
'radio-checked': checked,
|
|
@@ -24555,10 +24576,10 @@ class Radio {
|
|
|
24555
24576
|
// Focus and active styling should not apply when the radio is in an item
|
|
24556
24577
|
'ion-activatable': !inItem,
|
|
24557
24578
|
'ion-focusable': !inItem,
|
|
24558
|
-
}), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '
|
|
24579
|
+
}), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '3ec73512bac8feb651c66e544899c6a4330d504c', class: "radio-wrapper" }, hAsync("div", { key: '9ae7ecb19c7bafe0ce3d0f717af0338251964ebf', class: {
|
|
24559
24580
|
'label-text-wrapper': true,
|
|
24560
24581
|
'label-text-wrapper-hidden': !hasLabel,
|
|
24561
|
-
}, part: "label" }, hAsync("slot", { key: '
|
|
24582
|
+
}, part: "label" }, hAsync("slot", { key: '2950f1579a22d4a06f9c903fd462c2b46f43bfd7' })), hAsync("div", { key: '8b19ce30b39066744108a6de2da42a7ce8ffdbec', class: "native-wrapper" }, this.renderRadioControl()))));
|
|
24562
24583
|
}
|
|
24563
24584
|
get el() { return getElement(this); }
|
|
24564
24585
|
static get watchers() { return {
|
|
@@ -24743,7 +24764,7 @@ class RadioGroup {
|
|
|
24743
24764
|
const { label, labelId, el, name, value } = this;
|
|
24744
24765
|
const mode = getIonMode$1(this);
|
|
24745
24766
|
renderHiddenInput(true, el, name, value, false);
|
|
24746
|
-
return hAsync(Host, { key: '
|
|
24767
|
+
return hAsync(Host, { key: '7a8ad7eb6a05c6f96a348dcf30fd0c610a95688c', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
|
|
24747
24768
|
}
|
|
24748
24769
|
get el() { return getElement(this); }
|
|
24749
24770
|
static get watchers() { return {
|
|
@@ -25375,7 +25396,7 @@ class Range {
|
|
|
25375
25396
|
const needsEndAdjustment = inItem && !hasEndContent;
|
|
25376
25397
|
const mode = getIonMode$1(this);
|
|
25377
25398
|
renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
|
|
25378
|
-
return (hAsync(Host, { key: '
|
|
25399
|
+
return (hAsync(Host, { key: '877c9f15e62fadb184f9da82dc19898227521e07', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
|
|
25379
25400
|
[mode]: true,
|
|
25380
25401
|
'in-item': inItem,
|
|
25381
25402
|
'range-disabled': disabled,
|
|
@@ -25384,10 +25405,10 @@ class Range {
|
|
|
25384
25405
|
[`range-label-placement-${labelPlacement}`]: true,
|
|
25385
25406
|
'range-item-start-adjustment': needsStartAdjustment,
|
|
25386
25407
|
'range-item-end-adjustment': needsEndAdjustment,
|
|
25387
|
-
}) }, hAsync("label", { key: '
|
|
25408
|
+
}) }, hAsync("label", { key: '2ae9088349a65e09b0e33c53442190ef563b2345', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: 'c3d0ca96ceb1e57fbd383e9c7e4da14d931771b8', class: {
|
|
25388
25409
|
'label-text-wrapper': true,
|
|
25389
25410
|
'label-text-wrapper-hidden': !hasLabel,
|
|
25390
|
-
}, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '
|
|
25411
|
+
}, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '25d20fd5e015931f60a8ecc5374a1c84d167af9c', class: "native-wrapper" }, hAsync("slot", { key: 'ae9f9fd92eed35b81ca97a81caa56332d8b6b2b2', name: "start" }), this.renderRangeSlider(), hAsync("slot", { key: '74b7dede566a959c9b05a6de68426c7e339d18c8', name: "end" })))));
|
|
25391
25412
|
}
|
|
25392
25413
|
get el() { return getElement(this); }
|
|
25393
25414
|
static get watchers() { return {
|
|
@@ -26288,7 +26309,7 @@ class Refresher {
|
|
|
26288
26309
|
}
|
|
26289
26310
|
render() {
|
|
26290
26311
|
const mode = getIonMode$1(this);
|
|
26291
|
-
return (hAsync(Host, { key: '
|
|
26312
|
+
return (hAsync(Host, { key: '3270f181a5141e7d886ec554a3e892974446b90e', slot: "fixed", class: {
|
|
26292
26313
|
[mode]: true,
|
|
26293
26314
|
// Used internally for styling
|
|
26294
26315
|
[`refresher-${mode}`]: true,
|
|
@@ -26516,7 +26537,7 @@ class RefresherContent {
|
|
|
26516
26537
|
const pullingIcon = this.pullingIcon;
|
|
26517
26538
|
const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
|
|
26518
26539
|
const mode = getIonMode$1(this);
|
|
26519
|
-
return (hAsync(Host, { key: '
|
|
26540
|
+
return (hAsync(Host, { key: '1bec5b4da221c69d856f3f5ddf40f2e03ebf2a4c', class: mode }, hAsync("div", { key: '4fcc526c4f1881e9368d9cd16bd7030919bd3841', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (hAsync("div", { key: 'a4e9e2e12c2d7faefc8303ec8c021f999ddf308e', class: "refresher-pulling-icon" }, hAsync("div", { key: '5a2d215feb7fb4b64d540d3a65c0f24b415a2433', class: "spinner-arrow-container" }, hAsync("ion-spinner", { key: 'abef2621d671ac6ff0abac43a702cbd825b7f127', name: this.pullingIcon, paused: true }), mode === 'md' && this.pullingIcon === 'circular' && (hAsync("div", { key: '30087d672c3780672a05874cd93cd099b2855462', class: "arrow-container" }, hAsync("ion-icon", { key: '5e30333dee469aec0d8efc8c4e6dabb619c6f363', icon: caretBackSharp, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (hAsync("div", { key: '48fe72b5ce8ded633c6ee799cebb520b9c8be528', class: "refresher-pulling-icon" }, hAsync("ion-icon", { key: 'd8dfd5d42056b1c0a436c5006affb255407816c0', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), hAsync("div", { key: 'c2cbfb94f157c82601ffe7bb815ff82ebc7c0a49', class: "refresher-refreshing" }, this.refreshingSpinner && (hAsync("div", { key: '17f3ebe6a31768d5e389f45a2c12f68600185db9', class: "refresher-refreshing-icon" }, hAsync("ion-spinner", { key: 'e8e61f8d7189c9939bba184201c9509d1d5b0fad', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
|
|
26520
26541
|
}
|
|
26521
26542
|
get el() { return getElement(this); }
|
|
26522
26543
|
static get cmpMeta() { return {
|
|
@@ -26559,7 +26580,7 @@ class Reorder {
|
|
|
26559
26580
|
render() {
|
|
26560
26581
|
const mode = getIonMode$1(this);
|
|
26561
26582
|
const reorderIcon = mode === 'ios' ? reorderThreeOutline : reorderTwoSharp;
|
|
26562
|
-
return (hAsync(Host, { key: '
|
|
26583
|
+
return (hAsync(Host, { key: '663d74e231e3af56b6298ee2539fdac9c8465839', class: mode }, hAsync("slot", { key: 'c7c384ab8c9ca8abdc89cd984a39dfde70e342ca' }, hAsync("ion-icon", { key: 'c8b6052db03d4b9e33a90e600c20861c73ee73ce', icon: reorderIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
|
|
26563
26584
|
}
|
|
26564
26585
|
get el() { return getElement(this); }
|
|
26565
26586
|
static get style() { return {
|
|
@@ -26813,7 +26834,7 @@ class ReorderGroup {
|
|
|
26813
26834
|
}
|
|
26814
26835
|
render() {
|
|
26815
26836
|
const mode = getIonMode$1(this);
|
|
26816
|
-
return (hAsync(Host, { key: '
|
|
26837
|
+
return (hAsync(Host, { key: '491f3e5843cf728ff4589e58bd86b8ce6709b293', class: {
|
|
26817
26838
|
[mode]: true,
|
|
26818
26839
|
'reorder-enabled': !this.disabled,
|
|
26819
26840
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
|
@@ -26921,7 +26942,7 @@ class RippleEffect {
|
|
|
26921
26942
|
}
|
|
26922
26943
|
render() {
|
|
26923
26944
|
const mode = getIonMode$1(this);
|
|
26924
|
-
return (hAsync(Host, { key: '
|
|
26945
|
+
return (hAsync(Host, { key: '2302f087ab1c6755355736e4ca77309c5fdcf185', role: "presentation", class: {
|
|
26925
26946
|
[mode]: true,
|
|
26926
26947
|
unbounded: this.unbounded,
|
|
26927
26948
|
} }));
|
|
@@ -27863,10 +27884,10 @@ class RouterLink {
|
|
|
27863
27884
|
rel: this.rel,
|
|
27864
27885
|
target: this.target,
|
|
27865
27886
|
};
|
|
27866
|
-
return (hAsync(Host, { key: '
|
|
27887
|
+
return (hAsync(Host, { key: 'f876442cab5b14b7e83c6d6ad2c2d878a9c57439', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
27867
27888
|
[mode]: true,
|
|
27868
27889
|
'ion-activatable': true,
|
|
27869
|
-
}) }, hAsync("a", Object.assign({ key: '
|
|
27890
|
+
}) }, hAsync("a", Object.assign({ key: 'c44b78ec1fd10a40c23bfe548860ac2b346646a8' }, attrs), hAsync("slot", { key: 'd32180a567613f79f89885135bd0d776ffc1eb8e' }))));
|
|
27870
27891
|
}
|
|
27871
27892
|
static get style() { return IonRouterLinkStyle0; }
|
|
27872
27893
|
static get cmpMeta() { return {
|
|
@@ -28061,7 +28082,7 @@ class RouterOutlet {
|
|
|
28061
28082
|
return true;
|
|
28062
28083
|
}
|
|
28063
28084
|
render() {
|
|
28064
|
-
return hAsync("slot", { key: '
|
|
28085
|
+
return hAsync("slot", { key: '8279a453c66a766e6e383ff59842b4ae070c13a9' });
|
|
28065
28086
|
}
|
|
28066
28087
|
get el() { return getElement(this); }
|
|
28067
28088
|
static get watchers() { return {
|
|
@@ -28095,7 +28116,7 @@ class Row {
|
|
|
28095
28116
|
registerInstance(this, hostRef);
|
|
28096
28117
|
}
|
|
28097
28118
|
render() {
|
|
28098
|
-
return (hAsync(Host, { key: '
|
|
28119
|
+
return (hAsync(Host, { key: '813c9a7f6782d2cf8eb27f30d3ab28e6f3122868', class: getIonMode$1(this) }, hAsync("slot", { key: '356bec4d4d408ea63d6b431b06465d5b7bcbff71' })));
|
|
28099
28120
|
}
|
|
28100
28121
|
static get style() { return IonRowStyle0; }
|
|
28101
28122
|
static get cmpMeta() { return {
|
|
@@ -28489,8 +28510,8 @@ class Searchbar {
|
|
|
28489
28510
|
const clearIcon = this.clearIcon || (mode === 'ios' ? closeCircle : closeSharp);
|
|
28490
28511
|
const searchIcon = this.searchIcon || (mode === 'ios' ? searchOutline : searchSharp);
|
|
28491
28512
|
const shouldShowCancelButton = this.shouldShowCancelButton();
|
|
28492
|
-
const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '
|
|
28493
|
-
return (hAsync(Host, { key: '
|
|
28513
|
+
const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '20b2d0f2e3425eede725dbe3323c7c29cdb66f4e', "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: '3a516c3fdd35256eb79639fd340afcdd92cfd7aa', "aria-hidden": "true" }, mode === 'md' ? (hAsync("ion-icon", { "aria-hidden": "true", mode: mode, icon: this.cancelButtonIcon, lazy: false })) : (cancelButtonText))));
|
|
28514
|
+
return (hAsync(Host, { key: '34878db21f63a9bdffca0446d8ad5619ff04cac3', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
|
|
28494
28515
|
[mode]: true,
|
|
28495
28516
|
'searchbar-animated': animated,
|
|
28496
28517
|
'searchbar-disabled': this.disabled,
|
|
@@ -28500,14 +28521,14 @@ class Searchbar {
|
|
|
28500
28521
|
'searchbar-has-focus': this.focused,
|
|
28501
28522
|
'searchbar-should-show-clear': this.shouldShowClearButton(),
|
|
28502
28523
|
'searchbar-should-show-cancel': this.shouldShowCancelButton(),
|
|
28503
|
-
}) }, hAsync("div", { key: '
|
|
28524
|
+
}) }, hAsync("div", { key: 'faa7b011206a8359b1963368c65988e506b260cb', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: '732d3e5a2b258da6f136a14472ac872816a9853b', "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: '767dca971849f221dde220deae728b41bf764b98', "aria-hidden": "true", mode: mode, icon: searchIcon, lazy: false, class: "searchbar-search-icon" }), hAsync("button", { key: '9941b5de1ed9ebcf3e81de8e0731c09dea5a89d9', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: (ev) => {
|
|
28504
28525
|
/**
|
|
28505
28526
|
* This prevents mobile browsers from
|
|
28506
28527
|
* blurring the input when the clear
|
|
28507
28528
|
* button is activated.
|
|
28508
28529
|
*/
|
|
28509
28530
|
ev.preventDefault();
|
|
28510
|
-
}, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: '
|
|
28531
|
+
}, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: 'cb2b543d286373a84e2c6c2a959f92b045bbd7dd', "aria-hidden": "true", mode: mode, icon: clearIcon, lazy: false, class: "searchbar-clear-icon" }))), mode === 'ios' && cancelButton));
|
|
28511
28532
|
}
|
|
28512
28533
|
get el() { return getElement(this); }
|
|
28513
28534
|
static get watchers() { return {
|
|
@@ -28995,14 +29016,14 @@ class Segment {
|
|
|
28995
29016
|
}
|
|
28996
29017
|
render() {
|
|
28997
29018
|
const mode = getIonMode$1(this);
|
|
28998
|
-
return (hAsync(Host, { key: '
|
|
29019
|
+
return (hAsync(Host, { key: 'f1f7103b4c298e037df850ac809a1a7c6e9987a7', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
28999
29020
|
[mode]: true,
|
|
29000
29021
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
29001
29022
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
29002
29023
|
'segment-activated': this.activated,
|
|
29003
29024
|
'segment-disabled': this.disabled,
|
|
29004
29025
|
'segment-scrollable': this.scrollable,
|
|
29005
|
-
}) }, hAsync("slot", { key: '
|
|
29026
|
+
}) }, hAsync("slot", { key: '6efdb318b13da8d21687084aa0761728fdf12579', onSlotchange: this.onSlottedItemsChange })));
|
|
29006
29027
|
}
|
|
29007
29028
|
get el() { return getElement(this); }
|
|
29008
29029
|
static get watchers() { return {
|
|
@@ -29112,7 +29133,7 @@ class SegmentButton {
|
|
|
29112
29133
|
const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
|
|
29113
29134
|
const mode = getIonMode$1(this);
|
|
29114
29135
|
const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
|
|
29115
|
-
return (hAsync(Host, { key: '
|
|
29136
|
+
return (hAsync(Host, { key: '70cf5c7a3ae2620222c5250c644faf3cfc3b3e4e', class: {
|
|
29116
29137
|
[mode]: true,
|
|
29117
29138
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
29118
29139
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
@@ -29128,10 +29149,10 @@ class SegmentButton {
|
|
|
29128
29149
|
'ion-activatable': true,
|
|
29129
29150
|
'ion-activatable-instant': true,
|
|
29130
29151
|
'ion-focusable': true,
|
|
29131
|
-
} }, hAsync("button", Object.assign({ key: '
|
|
29152
|
+
} }, hAsync("button", Object.assign({ key: 'a53c9f1e360934e8d2e90476642ba4507fc38ebd', "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: '7d8feda840d389941cc693f500b5eba0b39b41da', class: "button-inner" }, hAsync("slot", { key: 'd9ae1eec45db253cbf573d29cd545658dd595d87' })), mode === 'md' && hAsync("ion-ripple-effect", { key: '49e6a16968709dc9b3fc77bc9fb99acb42fda88c' })), hAsync("div", { key: '4e3ea0989ed5205dbb03586e4facb439b05a92de', part: "indicator", class: {
|
|
29132
29153
|
'segment-button-indicator': true,
|
|
29133
29154
|
'segment-button-indicator-animated': true,
|
|
29134
|
-
} }, hAsync("div", { key: '
|
|
29155
|
+
} }, hAsync("div", { key: '65c72a151080998c1e548c87d4d4ebd5c7dda72f', part: "indicator-background", class: "segment-button-indicator-background" }))));
|
|
29135
29156
|
}
|
|
29136
29157
|
get el() { return getElement(this); }
|
|
29137
29158
|
static get watchers() { return {
|
|
@@ -29743,7 +29764,7 @@ class Select {
|
|
|
29743
29764
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
29744
29765
|
*/
|
|
29745
29766
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
|
|
29746
|
-
return (hAsync(Host, { key: '
|
|
29767
|
+
return (hAsync(Host, { key: '73c571c1f8468e1c3f4fe02fbbb33ba9cbc8e989', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
29747
29768
|
[mode]: true,
|
|
29748
29769
|
'in-item': inItem,
|
|
29749
29770
|
'in-item-color': hostContext('ion-item.ion-color', el),
|
|
@@ -29759,7 +29780,7 @@ class Select {
|
|
|
29759
29780
|
[`select-justify-${justify}`]: justifyEnabled,
|
|
29760
29781
|
[`select-shape-${shape}`]: shape !== undefined,
|
|
29761
29782
|
[`select-label-placement-${labelPlacement}`]: true,
|
|
29762
|
-
}) }, hAsync("label", { key: '
|
|
29783
|
+
}) }, hAsync("label", { key: '2b08538cba0b9f747541d57ac18fb6a1ea658878', class: "select-wrapper", id: "select-label" }, this.renderLabelContainer(), hAsync("div", { key: '33f54373bcb02c72a9d0af2efffebc27ee2c69fe', class: "select-wrapper-inner" }, hAsync("slot", { key: 'd1c93aec99dc1cd6410f93309cef615fe04b541b', name: "start" }), hAsync("div", { key: '493d1a3cad9565516f855bef75685b020785ffd3', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: '353a3ee5635f8a8f3be411efd6caef6c2ad74a89', name: "end" }), !hasFloatingOrStackedLabel && this.renderSelectIcon()), hasFloatingOrStackedLabel && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: 'fd5f85555db02affe954f9f4f2876ac8fe676234', class: "select-highlight" }))));
|
|
29763
29784
|
}
|
|
29764
29785
|
get el() { return getElement(this); }
|
|
29765
29786
|
static get watchers() { return {
|
|
@@ -29850,7 +29871,7 @@ class SelectOption {
|
|
|
29850
29871
|
this.value = undefined;
|
|
29851
29872
|
}
|
|
29852
29873
|
render() {
|
|
29853
|
-
return hAsync(Host, { key: '
|
|
29874
|
+
return hAsync(Host, { key: 'ba5a9c695c53fe0802af11a49f4305a9b8f71773', role: "option", id: this.inputId, class: getIonMode$1(this) });
|
|
29854
29875
|
}
|
|
29855
29876
|
get el() { return getElement(this); }
|
|
29856
29877
|
static get style() { return IonSelectOptionStyle0; }
|
|
@@ -29970,7 +29991,7 @@ class SelectPopover {
|
|
|
29970
29991
|
render() {
|
|
29971
29992
|
const { header, message, options, subHeader } = this;
|
|
29972
29993
|
const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
|
|
29973
|
-
return (hAsync(Host, { key: '
|
|
29994
|
+
return (hAsync(Host, { key: '302553a2eec4d1442751b8af28b7c9bd3487fd5d', class: getIonMode$1(this) }, hAsync("ion-list", { key: '39ae8579e6fe3bae2c7504147268ad5c82fd27e6' }, header !== undefined && hAsync("ion-list-header", { key: 'e0e6686380d188f46c593e1bb25287dcf08c75c2' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: '8a2d8652db269593c0ba7d767277e12c2b06144d' }, hAsync("ion-label", { key: 'a30cc0ecf95d5bdd6421ee1683922c1b853e98ea', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: 'c298459ca450123808a08d65660825b2c26d00e5' }, subHeader), message !== undefined && hAsync("p", { key: 'ed895fbaec020e809021138401341b6fd7675035' }, message)))), this.renderOptions(options))));
|
|
29974
29995
|
}
|
|
29975
29996
|
get el() { return getElement(this); }
|
|
29976
29997
|
static get style() { return {
|
|
@@ -30018,11 +30039,11 @@ class SkeletonText {
|
|
|
30018
30039
|
const animated = this.animated && config.getBoolean('animated', true);
|
|
30019
30040
|
const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
|
|
30020
30041
|
const mode = getIonMode$1(this);
|
|
30021
|
-
return (hAsync(Host, { key: '
|
|
30042
|
+
return (hAsync(Host, { key: '1a3e78e9a6f740d609d1f0b7a16cb6eff4a2d617', class: {
|
|
30022
30043
|
[mode]: true,
|
|
30023
30044
|
'skeleton-text-animated': animated,
|
|
30024
30045
|
'in-media': inMedia,
|
|
30025
|
-
} }, hAsync("span", { key: '
|
|
30046
|
+
} }, hAsync("span", { key: 'be3eabe196ec6e8ec19857375ba30f4c8aa58e7f' }, "\u00A0")));
|
|
30026
30047
|
}
|
|
30027
30048
|
get el() { return getElement(this); }
|
|
30028
30049
|
static get style() { return IonSkeletonTextStyle0; }
|
|
@@ -30075,7 +30096,7 @@ class Spinner {
|
|
|
30075
30096
|
svgs.push(buildLine(spinner, duration, i, spinner.lines));
|
|
30076
30097
|
}
|
|
30077
30098
|
}
|
|
30078
|
-
return (hAsync(Host, { key: '
|
|
30099
|
+
return (hAsync(Host, { key: '50cbaed55eeab15292447d106a80b93db4cb40de', class: createColorClasses$1(self.color, {
|
|
30079
30100
|
[mode]: true,
|
|
30080
30101
|
[`spinner-${spinnerName}`]: true,
|
|
30081
30102
|
'spinner-paused': self.paused || config.getBoolean('_testing'),
|
|
@@ -30175,12 +30196,12 @@ class SplitPane {
|
|
|
30175
30196
|
}
|
|
30176
30197
|
render() {
|
|
30177
30198
|
const mode = getIonMode$1(this);
|
|
30178
|
-
return (hAsync(Host, { key: '
|
|
30199
|
+
return (hAsync(Host, { key: 'd54c356cd4bff7e55325160882dea8249f47f388', class: {
|
|
30179
30200
|
[mode]: true,
|
|
30180
30201
|
// Used internally for styling
|
|
30181
30202
|
[`split-pane-${mode}`]: true,
|
|
30182
30203
|
'split-pane-visible': this.visible,
|
|
30183
|
-
} }, hAsync("slot", { key: '
|
|
30204
|
+
} }, hAsync("slot", { key: 'af62690d0fd686cfbd29d888c79eda9001f13e2f' })));
|
|
30184
30205
|
}
|
|
30185
30206
|
get el() { return getElement(this); }
|
|
30186
30207
|
static get watchers() { return {
|
|
@@ -30249,10 +30270,10 @@ class Tab {
|
|
|
30249
30270
|
}
|
|
30250
30271
|
render() {
|
|
30251
30272
|
const { tab, active, component } = this;
|
|
30252
|
-
return (hAsync(Host, { key: '
|
|
30273
|
+
return (hAsync(Host, { key: '46d5498418f5379861c3d7465e8021dec45f1200', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
30253
30274
|
'ion-page': component === undefined,
|
|
30254
30275
|
'tab-hidden': !active,
|
|
30255
|
-
} }, hAsync("slot", { key: '
|
|
30276
|
+
} }, hAsync("slot", { key: 'b45045dccb87dfe75e3f5a5a474bb48b6c98e922' })));
|
|
30256
30277
|
}
|
|
30257
30278
|
get el() { return getElement(this); }
|
|
30258
30279
|
static get watchers() { return {
|
|
@@ -30330,11 +30351,11 @@ class TabBar {
|
|
|
30330
30351
|
const { color, translucent, keyboardVisible } = this;
|
|
30331
30352
|
const mode = getIonMode$1(this);
|
|
30332
30353
|
const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
|
|
30333
|
-
return (hAsync(Host, { key: '
|
|
30354
|
+
return (hAsync(Host, { key: '3a8595dd83f89e8319471a7a7f9f64b2565b384c', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
|
|
30334
30355
|
[mode]: true,
|
|
30335
30356
|
'tab-bar-translucent': translucent,
|
|
30336
30357
|
'tab-bar-hidden': shouldHide,
|
|
30337
|
-
}) }, hAsync("slot", { key: '
|
|
30358
|
+
}) }, hAsync("slot", { key: '8b65eceb922f6abfa15f41046261586fb94b981f' })));
|
|
30338
30359
|
}
|
|
30339
30360
|
get el() { return getElement(this); }
|
|
30340
30361
|
static get watchers() { return {
|
|
@@ -30432,7 +30453,7 @@ class TabButton {
|
|
|
30432
30453
|
rel,
|
|
30433
30454
|
target,
|
|
30434
30455
|
};
|
|
30435
|
-
return (hAsync(Host, { key: '
|
|
30456
|
+
return (hAsync(Host, { key: '4b528ce31f67e10ad849e0c99bd034bba675c227', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
30436
30457
|
[mode]: true,
|
|
30437
30458
|
'tab-selected': selected,
|
|
30438
30459
|
'tab-disabled': disabled,
|
|
@@ -30444,7 +30465,7 @@ class TabButton {
|
|
|
30444
30465
|
'ion-activatable': true,
|
|
30445
30466
|
'ion-selectable': true,
|
|
30446
30467
|
'ion-focusable': true,
|
|
30447
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30468
|
+
} }, hAsync("a", Object.assign({ key: '0da8784b1b243ffaaaf04dd7adb55d6881ed0c08' }, 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: '2c628e8f1ebc129f84876c01530468cb97d8bf3a', class: "button-inner" }, hAsync("slot", { key: '8052a171d197a7de1a7eb12b091c35f73ae1ee21' })), mode === 'md' && hAsync("ion-ripple-effect", { key: '4186bdb5ed045ec16f495a14fa30ac864c576227', type: "unbounded" }))));
|
|
30448
30469
|
}
|
|
30449
30470
|
get el() { return getElement(this); }
|
|
30450
30471
|
static get style() { return {
|
|
@@ -30620,7 +30641,7 @@ class Tabs {
|
|
|
30620
30641
|
return Array.from(this.el.querySelectorAll('ion-tab'));
|
|
30621
30642
|
}
|
|
30622
30643
|
render() {
|
|
30623
|
-
return (hAsync(Host, { key: '
|
|
30644
|
+
return (hAsync(Host, { key: 'eb094c9bd15b7777c53bd0bd6d225784fa472849', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: 'a516ca6915bf26e77eeeb0ff684c4fcc7d4420a7', name: "top" }), hAsync("div", { key: 'dd2a32a072d77afe216abc4958c1d686405fb780', class: "tabs-inner" }, hAsync("slot", { key: '222c20ba862068f5c78e7bbef4fa213499fb2fa5' })), hAsync("slot", { key: '3e76dcb1b21873aa137d095c56131514054ead3a', name: "bottom" })));
|
|
30624
30645
|
}
|
|
30625
30646
|
get el() { return getElement(this); }
|
|
30626
30647
|
static get style() { return IonTabsStyle0; }
|
|
@@ -30662,9 +30683,9 @@ class Text {
|
|
|
30662
30683
|
}
|
|
30663
30684
|
render() {
|
|
30664
30685
|
const mode = getIonMode$1(this);
|
|
30665
|
-
return (hAsync(Host, { key: '
|
|
30686
|
+
return (hAsync(Host, { key: '4b76333b1ea5cab134b9dc1f5670c0d5a253fc32', class: createColorClasses$1(this.color, {
|
|
30666
30687
|
[mode]: true,
|
|
30667
|
-
}) }, hAsync("slot", { key: '
|
|
30688
|
+
}) }, hAsync("slot", { key: '3dee5f16bc58b3d92547d910bd4f441a00ce2039' })));
|
|
30668
30689
|
}
|
|
30669
30690
|
static get style() { return IonTextStyle0; }
|
|
30670
30691
|
static get cmpMeta() { return {
|
|
@@ -31031,7 +31052,7 @@ class Textarea {
|
|
|
31031
31052
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
31032
31053
|
*/
|
|
31033
31054
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
31034
|
-
return (hAsync(Host, { key: '
|
|
31055
|
+
return (hAsync(Host, { key: '37595a18d77dea1a337ac1c672e5f08a4128111d', class: createColorClasses$1(this.color, {
|
|
31035
31056
|
[mode]: true,
|
|
31036
31057
|
'has-value': hasValue,
|
|
31037
31058
|
'has-focus': hasFocus,
|
|
@@ -31040,7 +31061,7 @@ class Textarea {
|
|
|
31040
31061
|
[`textarea-shape-${shape}`]: shape !== undefined,
|
|
31041
31062
|
[`textarea-label-placement-${labelPlacement}`]: true,
|
|
31042
31063
|
'textarea-disabled': disabled,
|
|
31043
|
-
}) }, hAsync("label", { key: '
|
|
31064
|
+
}) }, hAsync("label", { key: '67342758743e5a40448a32ff695876d39778621f', class: "textarea-wrapper", htmlFor: inputId }, this.renderLabelContainer(), hAsync("div", { key: 'a994be8264bf5652811cf816d79a04178954e83f', class: "textarea-wrapper-inner" }, hAsync("div", { key: 'e09c93ebcd5b3d227d51e682ca23dfc7fd7027ad', class: "start-slot-wrapper" }, hAsync("slot", { key: 'd39758f21f19ae70aea21e9a9a7b7c20991fe593', name: "start" })), hAsync("div", { key: '6a4e10e53de4bb235ee30def4c9ae5bdee888816', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el) }, hAsync("textarea", Object.assign({ key: '9e254e551f124d972e9bc6b09ef0f2bb55890be5', 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: 'a66aa2d2bc4778a0bec56a8b9ec9052a832eb3b2', class: "end-slot-wrapper" }, hAsync("slot", { key: '8e6a90b4475de32e23afc593da4108610dcca663', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: '6da03205a8daff45581b20f0af3938634a9d5f8c', class: "textarea-highlight" })), this.renderBottomContent()));
|
|
31044
31065
|
}
|
|
31045
31066
|
get el() { return getElement(this); }
|
|
31046
31067
|
static get watchers() { return {
|
|
@@ -31102,7 +31123,7 @@ class Thumbnail {
|
|
|
31102
31123
|
registerInstance(this, hostRef);
|
|
31103
31124
|
}
|
|
31104
31125
|
render() {
|
|
31105
|
-
return (hAsync(Host, { key: '
|
|
31126
|
+
return (hAsync(Host, { key: 'ea55000055f941b0c79561e8934be6242ec8e114', class: getIonMode$1(this) }, hAsync("slot", { key: 'a4f934f442797f5c66a77e0ef8920fdd07c204f2' })));
|
|
31106
31127
|
}
|
|
31107
31128
|
static get style() { return IonThumbnailStyle0; }
|
|
31108
31129
|
static get cmpMeta() { return {
|
|
@@ -31938,9 +31959,9 @@ class Toast {
|
|
|
31938
31959
|
if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
|
|
31939
31960
|
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);
|
|
31940
31961
|
}
|
|
31941
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
31962
|
+
return (hAsync(Host, Object.assign({ key: '68c336f80af04ba484ca9899bae8f40c0d9b7691', tabindex: "-1" }, this.htmlAttributes, { style: {
|
|
31942
31963
|
zIndex: `${60000 + this.overlayIndex}`,
|
|
31943
|
-
}, 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: '
|
|
31964
|
+
}, 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: '3483b188f14b700964a123997a60a43a2023a1b6', class: wrapperClass }, hAsync("div", { key: '1b88544a9b87253b364cbec6285625388979b560', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: 'bd1c42e3b14af66b880dfe283e3ae910075c0f70', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: 'a5ef6cdabc1f7c70d11a5f2a0abf8737fe7550e8', 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')))));
|
|
31944
31965
|
}
|
|
31945
31966
|
get el() { return getElement(this); }
|
|
31946
31967
|
static get watchers() { return {
|
|
@@ -32160,7 +32181,7 @@ class Toggle {
|
|
|
32160
32181
|
const value = this.getValue();
|
|
32161
32182
|
const rtl = isRTL$1(el) ? 'rtl' : 'ltr';
|
|
32162
32183
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
32163
|
-
return (hAsync(Host, { key: '
|
|
32184
|
+
return (hAsync(Host, { key: '8f024fb0fbc2d4442be0574b03450426e8e4fc9e', onClick: this.onClick, class: createColorClasses$1(color, {
|
|
32164
32185
|
[mode]: true,
|
|
32165
32186
|
'in-item': hostContext('ion-item', el),
|
|
32166
32187
|
'toggle-activated': activated,
|
|
@@ -32170,10 +32191,10 @@ class Toggle {
|
|
|
32170
32191
|
[`toggle-alignment-${alignment}`]: alignment !== undefined,
|
|
32171
32192
|
[`toggle-label-placement-${labelPlacement}`]: true,
|
|
32172
32193
|
[`toggle-${rtl}`]: true,
|
|
32173
|
-
}) }, hAsync("label", { key: '
|
|
32194
|
+
}) }, hAsync("label", { key: '0492f009cd89755adf41f60925028002df0e67b1', class: "toggle-wrapper" }, hAsync("input", Object.assign({ key: 'fd98b23e8adfa2630878eddc30607a0b1bf9e798', 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: 'bcbde055ad9450319ae41e8956a1e8cc0a7796a4', class: {
|
|
32174
32195
|
'label-text-wrapper': true,
|
|
32175
32196
|
'label-text-wrapper-hidden': !this.hasLabel,
|
|
32176
|
-
}, part: "label" }, hAsync("slot", { key: '
|
|
32197
|
+
}, part: "label" }, hAsync("slot", { key: '7a6ea9515d454d80615f0622f361c5f91b41345c' })), hAsync("div", { key: '6d3670b81b8f809092c98b3f3b8e483ddf6a7cac', class: "native-wrapper" }, this.renderToggleControl()))));
|
|
32177
32198
|
}
|
|
32178
32199
|
get el() { return getElement(this); }
|
|
32179
32200
|
static get watchers() { return {
|
|
@@ -32277,10 +32298,10 @@ class Toolbar {
|
|
|
32277
32298
|
this.childrenStyles.forEach((value) => {
|
|
32278
32299
|
Object.assign(childStyles, value);
|
|
32279
32300
|
});
|
|
32280
|
-
return (hAsync(Host, { key: '
|
|
32301
|
+
return (hAsync(Host, { key: '4bb3a55001408a3bdf033af76b9196cb96c07c09', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
|
|
32281
32302
|
[mode]: true,
|
|
32282
32303
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
32283
|
-
})) }, hAsync("div", { key: '
|
|
32304
|
+
})) }, hAsync("div", { key: '0891db157d6e028c6d03696f13fb510ea91b0296', class: "toolbar-background" }), hAsync("div", { key: '95fbc870d808f74af4bb18cd8f8ec8c7828a9e0b', class: "toolbar-container" }, hAsync("slot", { key: '84d4a9644660fe00ca085055ca8d12f3647531ad', name: "start" }), hAsync("slot", { key: 'fd361dc9c9979f59aed2fedcf94629506fae62b0', name: "secondary" }), hAsync("div", { key: '54d2b28616a4627c55766f66dc453707752758a6', class: "toolbar-content" }, hAsync("slot", { key: '8f65e0830cce7135640b90eb694e282cb7e5efd2' })), hAsync("slot", { key: 'c78be11a207c8674f222543646398636956087e6', name: "primary" }), hAsync("slot", { key: 'ab25e1601ccaa8cb0d81921b849bcb7402aa7826', name: "end" }))));
|
|
32284
32305
|
}
|
|
32285
32306
|
get el() { return getElement(this); }
|
|
32286
32307
|
static get style() { return {
|
|
@@ -32330,11 +32351,11 @@ class ToolbarTitle {
|
|
|
32330
32351
|
render() {
|
|
32331
32352
|
const mode = getIonMode$1(this);
|
|
32332
32353
|
const size = this.getSize();
|
|
32333
|
-
return (hAsync(Host, { key: '
|
|
32354
|
+
return (hAsync(Host, { key: '5a58dc437a6f4257244bbdd7e9a682a17d8c9a6b', class: createColorClasses$1(this.color, {
|
|
32334
32355
|
[mode]: true,
|
|
32335
32356
|
[`title-${size}`]: true,
|
|
32336
32357
|
'title-rtl': document.dir === 'rtl',
|
|
32337
|
-
}) }, hAsync("div", { key: '
|
|
32358
|
+
}) }, hAsync("div", { key: '58682ea7b8f47a08adfad419b5c76b34784c6501', class: "toolbar-title" }, hAsync("slot", { key: '8a9248534e4c3076f5e2dfda38ef86069796851c' }))));
|
|
32338
32359
|
}
|
|
32339
32360
|
get el() { return getElement(this); }
|
|
32340
32361
|
static get watchers() { return {
|