@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.mjs
CHANGED
|
@@ -6348,10 +6348,10 @@ const mdLeaveAnimation$5 = (baseEl) => {
|
|
|
6348
6348
|
.addAnimation([backdropAnimation, wrapperAnimation]);
|
|
6349
6349
|
};
|
|
6350
6350
|
|
|
6351
|
-
const actionSheetIosCss = ".sc-ion-action-sheet-ios-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:
|
|
6351
|
+
const actionSheetIosCss = ".sc-ion-action-sheet-ios-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:-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)}}";
|
|
6352
6352
|
var IonActionSheetIosStyle0 = actionSheetIosCss;
|
|
6353
6353
|
|
|
6354
|
-
const actionSheetMdCss = ".sc-ion-action-sheet-md-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:
|
|
6354
|
+
const actionSheetMdCss = ".sc-ion-action-sheet-md-h{--color:initial;--button-color-activated:var(--button-color);--button-color-focused:var(--button-color);--button-color-hover:var(--button-color);--button-color-selected:var(--button-color);--min-width:auto;--width:100%;--max-width:500px;--min-height:auto;--height:auto;--max-height:calc(100% - (var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:-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}";
|
|
6355
6355
|
var IonActionSheetMdStyle0 = actionSheetMdCss;
|
|
6356
6356
|
|
|
6357
6357
|
/**
|
|
@@ -6457,6 +6457,24 @@ class ActionSheet {
|
|
|
6457
6457
|
onWillDismiss() {
|
|
6458
6458
|
return eventMethod(this.el, 'ionActionSheetWillDismiss');
|
|
6459
6459
|
}
|
|
6460
|
+
focusFirstElement() {
|
|
6461
|
+
var _a;
|
|
6462
|
+
if (!this.wrapperEl)
|
|
6463
|
+
return; // Check if wrapperEl is defined
|
|
6464
|
+
const firstFocusable = (_a = this.wrapperEl) === null || _a === void 0 ? void 0 : _a.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
6465
|
+
if (firstFocusable) {
|
|
6466
|
+
firstFocusable.focus();
|
|
6467
|
+
}
|
|
6468
|
+
}
|
|
6469
|
+
// Method to focus the last focusable element
|
|
6470
|
+
focusLastElement() {
|
|
6471
|
+
if (!this.wrapperEl)
|
|
6472
|
+
return; // Check if wrapperEl is defined
|
|
6473
|
+
const focusableElements = this.wrapperEl.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
|
|
6474
|
+
if (focusableElements.length > 0) {
|
|
6475
|
+
focusableElements[focusableElements.length - 1].focus();
|
|
6476
|
+
}
|
|
6477
|
+
}
|
|
6460
6478
|
async buttonClick(button) {
|
|
6461
6479
|
const role = button.role;
|
|
6462
6480
|
if (isCancel(role)) {
|
|
@@ -6543,11 +6561,14 @@ class ActionSheet {
|
|
|
6543
6561
|
const mode = getIonMode$1(this);
|
|
6544
6562
|
const allButtons = this.getButtons();
|
|
6545
6563
|
const cancelButton = allButtons.find((b) => b.role === 'cancel');
|
|
6546
|
-
|
|
6564
|
+
const buttons = allButtons.filter((b) => b.role !== 'cancel');
|
|
6547
6565
|
const headerID = `action-sheet-${overlayIndex}-header`;
|
|
6548
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
6566
|
+
return (hAsync(Host, Object.assign({ key: '173a16d10372e3a8e2d64af9dec9f458988784cb', role: "dialog", "aria-modal": "true", "aria-labelledby": header !== undefined ? headerID : null, tabindex: "-1" }, htmlAttributes, { style: {
|
|
6549
6567
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
6550
|
-
}, class: Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { key: '
|
|
6568
|
+
}, 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: {
|
|
6569
|
+
'action-sheet-title': true,
|
|
6570
|
+
'action-sheet-has-sub-title': this.subHeader !== undefined,
|
|
6571
|
+
} }, 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() })));
|
|
6551
6572
|
}
|
|
6552
6573
|
get el() { return getElement(this); }
|
|
6553
6574
|
static get watchers() { return {
|
|
@@ -7233,9 +7254,9 @@ class Alert {
|
|
|
7233
7254
|
* If neither is defined, don't set aria-labelledby.
|
|
7234
7255
|
*/
|
|
7235
7256
|
const ariaLabelledBy = header ? hdrId : subHeader ? subHdrId : null;
|
|
7236
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
7257
|
+
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: {
|
|
7237
7258
|
zIndex: `${20000 + overlayIndex}`,
|
|
7238
|
-
}, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'alert-translucent': this.translucent }), onIonAlertWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { key: '
|
|
7259
|
+
}, 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" })));
|
|
7239
7260
|
}
|
|
7240
7261
|
get el() { return getElement(this); }
|
|
7241
7262
|
static get watchers() { return {
|
|
@@ -7313,7 +7334,7 @@ class App {
|
|
|
7313
7334
|
}
|
|
7314
7335
|
render() {
|
|
7315
7336
|
const mode = getIonMode$1(this);
|
|
7316
|
-
return (hAsync(Host, { key: '
|
|
7337
|
+
return (hAsync(Host, { key: 'e95cdeb2709edbc74f4e6ebf77cb110154605b72', class: {
|
|
7317
7338
|
[mode]: true,
|
|
7318
7339
|
'ion-page': true,
|
|
7319
7340
|
'force-statusbar-padding': config.getBoolean('_forceStatusbarPadding'),
|
|
@@ -7344,7 +7365,7 @@ class Avatar {
|
|
|
7344
7365
|
registerInstance(this, hostRef);
|
|
7345
7366
|
}
|
|
7346
7367
|
render() {
|
|
7347
|
-
return (hAsync(Host, { key: '
|
|
7368
|
+
return (hAsync(Host, { key: 'dc1e3cd535e419eebe5599574fd2393ebfde8bbc', class: getIonMode$1(this) }, hAsync("slot", { key: 'edb8441c063ea592b41345ea97d88ecd90cb3052' })));
|
|
7348
7369
|
}
|
|
7349
7370
|
static get style() { return {
|
|
7350
7371
|
ios: IonAvatarIosStyle0,
|
|
@@ -7432,7 +7453,7 @@ class BackButton {
|
|
|
7432
7453
|
const showBackButton = defaultHref !== undefined;
|
|
7433
7454
|
const mode = getIonMode$1(this);
|
|
7434
7455
|
const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
|
|
7435
|
-
return (hAsync(Host, { key: '
|
|
7456
|
+
return (hAsync(Host, { key: '8351c93a1812c94c979fb115f07a9ad7b3152188', onClick: this.onClick, class: createColorClasses$1(color, {
|
|
7436
7457
|
[mode]: true,
|
|
7437
7458
|
button: true, // ion-buttons target .button
|
|
7438
7459
|
'back-button-disabled': disabled,
|
|
@@ -7442,7 +7463,7 @@ class BackButton {
|
|
|
7442
7463
|
'ion-activatable': true,
|
|
7443
7464
|
'ion-focusable': true,
|
|
7444
7465
|
'show-back-button': showBackButton,
|
|
7445
|
-
}) }, hAsync("button", { key: '
|
|
7466
|
+
}) }, 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 }))));
|
|
7446
7467
|
}
|
|
7447
7468
|
get el() { return getElement(this); }
|
|
7448
7469
|
static get style() { return {
|
|
@@ -7495,7 +7516,7 @@ class Backdrop {
|
|
|
7495
7516
|
}
|
|
7496
7517
|
render() {
|
|
7497
7518
|
const mode = getIonMode$1(this);
|
|
7498
|
-
return (hAsync(Host, { key: '
|
|
7519
|
+
return (hAsync(Host, { key: 'fe191068e2aaadfdbe7a463c08d227a1b36d7a98', "aria-hidden": "true", class: {
|
|
7499
7520
|
[mode]: true,
|
|
7500
7521
|
'backdrop-hide': !this.visible,
|
|
7501
7522
|
'backdrop-no-tappable': !this.tappable,
|
|
@@ -7535,9 +7556,9 @@ class Badge {
|
|
|
7535
7556
|
}
|
|
7536
7557
|
render() {
|
|
7537
7558
|
const mode = getIonMode$1(this);
|
|
7538
|
-
return (hAsync(Host, { key: '
|
|
7559
|
+
return (hAsync(Host, { key: '1253618692342bcf9487188402dc3d49ae0de480', class: createColorClasses$1(this.color, {
|
|
7539
7560
|
[mode]: true,
|
|
7540
|
-
}) }, hAsync("slot", { key: '
|
|
7561
|
+
}) }, hAsync("slot", { key: '71d65e203965ea37b94504a8a0a96beb52d4e356' })));
|
|
7541
7562
|
}
|
|
7542
7563
|
static get style() { return {
|
|
7543
7564
|
ios: IonBadgeIosStyle0,
|
|
@@ -7623,7 +7644,7 @@ class Breadcrumb {
|
|
|
7623
7644
|
// to show the separator as long as it isn't also the last breadcrumb
|
|
7624
7645
|
// otherwise if not collapsed use the value in separator
|
|
7625
7646
|
const showSeparator = last ? false : collapsed ? (showCollapsedIndicator && !last ? true : false) : separator;
|
|
7626
|
-
return (hAsync(Host, { key: '
|
|
7647
|
+
return (hAsync(Host, { key: 'dfe55ad57f23e5da5f2e2c51fea99964812472e3', onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
|
|
7627
7648
|
[mode]: true,
|
|
7628
7649
|
'breadcrumb-active': active,
|
|
7629
7650
|
'breadcrumb-collapsed': collapsed,
|
|
@@ -7633,15 +7654,15 @@ class Breadcrumb {
|
|
|
7633
7654
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
7634
7655
|
'ion-activatable': clickable,
|
|
7635
7656
|
'ion-focusable': clickable,
|
|
7636
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
7657
|
+
}) }, 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: {
|
|
7637
7658
|
'breadcrumbs-collapsed-indicator': true,
|
|
7638
|
-
} }, hAsync("ion-icon", { key: '
|
|
7659
|
+
} }, hAsync("ion-icon", { key: '957d8851af9c99dda263f34eff0b35a0fc212c32', "aria-hidden": "true", icon: ellipsisHorizontal, lazy: false }))), showSeparator && (
|
|
7639
7660
|
/**
|
|
7640
7661
|
* Separators should not be announced by narrators.
|
|
7641
7662
|
* We add aria-hidden on the span so that this applies
|
|
7642
7663
|
* to any custom separators too.
|
|
7643
7664
|
*/
|
|
7644
|
-
hAsync("span", { key: '
|
|
7665
|
+
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, "/")))))));
|
|
7645
7666
|
}
|
|
7646
7667
|
get el() { return getElement(this); }
|
|
7647
7668
|
static get style() { return {
|
|
@@ -7781,12 +7802,12 @@ class Breadcrumbs {
|
|
|
7781
7802
|
render() {
|
|
7782
7803
|
const { color, collapsed } = this;
|
|
7783
7804
|
const mode = getIonMode$1(this);
|
|
7784
|
-
return (hAsync(Host, { key: '
|
|
7805
|
+
return (hAsync(Host, { key: '18ffba1642f10cc2bc31440e84f23aa6f042e501', class: createColorClasses$1(color, {
|
|
7785
7806
|
[mode]: true,
|
|
7786
7807
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
7787
7808
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
7788
7809
|
'breadcrumbs-collapsed': collapsed,
|
|
7789
|
-
}) }, hAsync("slot", { key: '
|
|
7810
|
+
}) }, hAsync("slot", { key: '3db6d31590e3047889ce554d57d155c8ea2e1455', onSlotchange: this.slotChanged })));
|
|
7790
7811
|
}
|
|
7791
7812
|
get el() { return getElement(this); }
|
|
7792
7813
|
static get watchers() { return {
|
|
@@ -8029,7 +8050,7 @@ class Button {
|
|
|
8029
8050
|
{
|
|
8030
8051
|
type !== 'button' && this.renderHiddenButton();
|
|
8031
8052
|
}
|
|
8032
|
-
return (hAsync(Host, { key: '
|
|
8053
|
+
return (hAsync(Host, { key: '8f3a0363d46ef888d22b0b0812c70cb4f79e6efa', onClick: this.handleClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
|
|
8033
8054
|
[mode]: true,
|
|
8034
8055
|
[buttonType]: true,
|
|
8035
8056
|
[`${buttonType}-${expand}`]: expand !== undefined,
|
|
@@ -8044,7 +8065,7 @@ class Button {
|
|
|
8044
8065
|
'button-disabled': disabled,
|
|
8045
8066
|
'ion-activatable': true,
|
|
8046
8067
|
'ion-focusable': true,
|
|
8047
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
8068
|
+
}) }, 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 }))));
|
|
8048
8069
|
}
|
|
8049
8070
|
get el() { return getElement(this); }
|
|
8050
8071
|
static get watchers() { return {
|
|
@@ -8095,10 +8116,10 @@ class Buttons {
|
|
|
8095
8116
|
}
|
|
8096
8117
|
render() {
|
|
8097
8118
|
const mode = getIonMode$1(this);
|
|
8098
|
-
return (hAsync(Host, { key: '
|
|
8119
|
+
return (hAsync(Host, { key: '4e5ce9abb3f56e8c91e3eb58c2819300e61eba24', class: {
|
|
8099
8120
|
[mode]: true,
|
|
8100
8121
|
['buttons-collapse']: this.collapse,
|
|
8101
|
-
} }, hAsync("slot", { key: '
|
|
8122
|
+
} }, hAsync("slot", { key: 'f2f360ec888b6e946b512fed07431fab47c61482' })));
|
|
8102
8123
|
}
|
|
8103
8124
|
static get style() { return {
|
|
8104
8125
|
ios: IonButtonsIosStyle0,
|
|
@@ -8167,7 +8188,7 @@ class Card {
|
|
|
8167
8188
|
}
|
|
8168
8189
|
render() {
|
|
8169
8190
|
const mode = getIonMode$1(this);
|
|
8170
|
-
return (hAsync(Host, { key: '
|
|
8191
|
+
return (hAsync(Host, { key: '8584300522f382ee8891c039d71da82533dfa36a', class: createColorClasses$1(this.color, {
|
|
8171
8192
|
[mode]: true,
|
|
8172
8193
|
'card-disabled': this.disabled,
|
|
8173
8194
|
'ion-activatable': this.isClickable(),
|
|
@@ -8214,7 +8235,7 @@ class CardContent {
|
|
|
8214
8235
|
}
|
|
8215
8236
|
render() {
|
|
8216
8237
|
const mode = getIonMode$1(this);
|
|
8217
|
-
return (hAsync(Host, { key: '
|
|
8238
|
+
return (hAsync(Host, { key: '2a2d0b48aad4b83990a1748fce60e772514eb223', class: {
|
|
8218
8239
|
[mode]: true,
|
|
8219
8240
|
// Used internally for styling
|
|
8220
8241
|
[`card-content-${mode}`]: true,
|
|
@@ -8251,11 +8272,11 @@ class CardHeader {
|
|
|
8251
8272
|
}
|
|
8252
8273
|
render() {
|
|
8253
8274
|
const mode = getIonMode$1(this);
|
|
8254
|
-
return (hAsync(Host, { key: '
|
|
8275
|
+
return (hAsync(Host, { key: '18d12507ec6e650a72d721e9d0f4128b5e86df1d', class: createColorClasses$1(this.color, {
|
|
8255
8276
|
'card-header-translucent': this.translucent,
|
|
8256
8277
|
'ion-inherit-color': true,
|
|
8257
8278
|
[mode]: true,
|
|
8258
|
-
}) }, hAsync("slot", { key: '
|
|
8279
|
+
}) }, hAsync("slot", { key: '3374c087d8c3f014082787e255432e7a335ef44f' })));
|
|
8259
8280
|
}
|
|
8260
8281
|
static get style() { return {
|
|
8261
8282
|
ios: IonCardHeaderIosStyle0,
|
|
@@ -8290,10 +8311,10 @@ class CardSubtitle {
|
|
|
8290
8311
|
}
|
|
8291
8312
|
render() {
|
|
8292
8313
|
const mode = getIonMode$1(this);
|
|
8293
|
-
return (hAsync(Host, { key: '
|
|
8314
|
+
return (hAsync(Host, { key: 'cbcb01bd01cf6de64a0b04fb626e42b07ceb8f53', role: "heading", "aria-level": "3", class: createColorClasses$1(this.color, {
|
|
8294
8315
|
'ion-inherit-color': true,
|
|
8295
8316
|
[mode]: true,
|
|
8296
|
-
}) }, hAsync("slot", { key: '
|
|
8317
|
+
}) }, hAsync("slot", { key: 'cbcaa73aa5799882c48d6c0aabfb13651bcc91c0' })));
|
|
8297
8318
|
}
|
|
8298
8319
|
static get style() { return {
|
|
8299
8320
|
ios: IonCardSubtitleIosStyle0,
|
|
@@ -8327,10 +8348,10 @@ class CardTitle {
|
|
|
8327
8348
|
}
|
|
8328
8349
|
render() {
|
|
8329
8350
|
const mode = getIonMode$1(this);
|
|
8330
|
-
return (hAsync(Host, { key: '
|
|
8351
|
+
return (hAsync(Host, { key: 'f904a0ca6489f147d03c9c5f9f2c5549cdb38d1a', role: "heading", "aria-level": "2", class: createColorClasses$1(this.color, {
|
|
8331
8352
|
'ion-inherit-color': true,
|
|
8332
8353
|
[mode]: true,
|
|
8333
|
-
}) }, hAsync("slot", { key: '
|
|
8354
|
+
}) }, hAsync("slot", { key: 'effb921de4ad8dfbbe318b3f692f4005812da7b1' })));
|
|
8334
8355
|
}
|
|
8335
8356
|
static get style() { return {
|
|
8336
8357
|
ios: IonCardTitleIosStyle0,
|
|
@@ -8425,7 +8446,7 @@ class Checkbox {
|
|
|
8425
8446
|
const mode = getIonMode$1(this);
|
|
8426
8447
|
const path = getSVGPath(mode, indeterminate);
|
|
8427
8448
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
8428
|
-
return (hAsync(Host, { key: '
|
|
8449
|
+
return (hAsync(Host, { key: 'd7a07fbf130413eaa4622c07786e8a00723113eb', "aria-checked": indeterminate ? 'mixed' : `${checked}`, class: createColorClasses$1(color, {
|
|
8429
8450
|
[mode]: true,
|
|
8430
8451
|
'in-item': hostContext('ion-item', el),
|
|
8431
8452
|
'checkbox-checked': checked,
|
|
@@ -8435,10 +8456,10 @@ class Checkbox {
|
|
|
8435
8456
|
[`checkbox-justify-${justify}`]: justify !== undefined,
|
|
8436
8457
|
[`checkbox-alignment-${alignment}`]: alignment !== undefined,
|
|
8437
8458
|
[`checkbox-label-placement-${labelPlacement}`]: true,
|
|
8438
|
-
}), onClick: this.onClick }, hAsync("label", { key: '
|
|
8459
|
+
}), 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: {
|
|
8439
8460
|
'label-text-wrapper': true,
|
|
8440
8461
|
'label-text-wrapper-hidden': el.textContent === '',
|
|
8441
|
-
}, part: "label" }, hAsync("slot", { key: '
|
|
8462
|
+
}, 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)))));
|
|
8442
8463
|
}
|
|
8443
8464
|
getSVGPath(mode, indeterminate) {
|
|
8444
8465
|
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" }));
|
|
@@ -8491,12 +8512,12 @@ class Chip {
|
|
|
8491
8512
|
}
|
|
8492
8513
|
render() {
|
|
8493
8514
|
const mode = getIonMode$1(this);
|
|
8494
|
-
return (hAsync(Host, { key: '
|
|
8515
|
+
return (hAsync(Host, { key: '7dd923c1b28d1eb1efa348f66f49cec067645af9', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
|
|
8495
8516
|
[mode]: true,
|
|
8496
8517
|
'chip-outline': this.outline,
|
|
8497
8518
|
'chip-disabled': this.disabled,
|
|
8498
8519
|
'ion-activatable': true,
|
|
8499
|
-
}) }, hAsync("slot", { key: '
|
|
8520
|
+
}) }, hAsync("slot", { key: '7ede838bf109dc27a898ee2dcdeabc3f439c8e6f' }), mode === 'md' && hAsync("ion-ripple-effect", { key: '5acb073029544e73fcc0db4cc4e661ec1df4d231' })));
|
|
8500
8521
|
}
|
|
8501
8522
|
static get style() { return {
|
|
8502
8523
|
ios: IonChipIosStyle0,
|
|
@@ -8647,9 +8668,9 @@ class Col {
|
|
|
8647
8668
|
render() {
|
|
8648
8669
|
const isRTL = document.dir === 'rtl';
|
|
8649
8670
|
const mode = getIonMode$1(this);
|
|
8650
|
-
return (hAsync(Host, { key: '
|
|
8671
|
+
return (hAsync(Host, { key: 'c37fa4c4c993385ccbb6f4e89b2f390b140507a0', class: {
|
|
8651
8672
|
[mode]: true,
|
|
8652
|
-
}, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, hAsync("slot", { key: '
|
|
8673
|
+
}, style: Object.assign(Object.assign(Object.assign(Object.assign({}, this.calculateOffset(isRTL)), this.calculatePull(isRTL)), this.calculatePush(isRTL)), this.calculateSize()) }, hAsync("slot", { key: '6a5296ff0b9dee6600c2dafe7363a065d053bac2' })));
|
|
8653
8674
|
}
|
|
8654
8675
|
static get style() { return IonColStyle0; }
|
|
8655
8676
|
static get cmpMeta() { return {
|
|
@@ -9023,7 +9044,7 @@ class Content {
|
|
|
9023
9044
|
const forceOverscroll = this.shouldForceOverscroll();
|
|
9024
9045
|
const transitionShadow = mode === 'ios';
|
|
9025
9046
|
this.resize();
|
|
9026
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
9047
|
+
return (hAsync(Host, Object.assign({ key: '92a7cbc2e9c812930f4231bd846411933a5dded6', role: isMainContent ? 'main' : undefined, class: createColorClasses$1(this.color, {
|
|
9027
9048
|
[mode]: true,
|
|
9028
9049
|
'content-sizing': hostContext('ion-popover', this.el),
|
|
9029
9050
|
overscroll: forceOverscroll,
|
|
@@ -9031,12 +9052,12 @@ class Content {
|
|
|
9031
9052
|
}), style: {
|
|
9032
9053
|
'--offset-top': `${this.cTop}px`,
|
|
9033
9054
|
'--offset-bottom': `${this.cBottom}px`,
|
|
9034
|
-
} }, inheritedAttributes), hAsync("div", { key: '
|
|
9055
|
+
} }, 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: {
|
|
9035
9056
|
'inner-scroll': true,
|
|
9036
9057
|
'scroll-x': scrollX,
|
|
9037
9058
|
'scroll-y': scrollY,
|
|
9038
9059
|
overscroll: (scrollX || scrollY) && forceOverscroll,
|
|
9039
|
-
}, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, hAsync("slot", { key: '
|
|
9060
|
+
}, 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));
|
|
9040
9061
|
}
|
|
9041
9062
|
get el() { return getElement(this); }
|
|
9042
9063
|
static get style() { return IonContentStyle0; }
|
|
@@ -12557,7 +12578,7 @@ class Datetime {
|
|
|
12557
12578
|
const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
|
|
12558
12579
|
const hasWheelVariant = hasDatePresentation && preferWheel;
|
|
12559
12580
|
renderHiddenInput(true, el, name, formatValue(value), disabled);
|
|
12560
|
-
return (hAsync(Host, { key: '
|
|
12581
|
+
return (hAsync(Host, { key: '2933ce5caaeb21a633b1ec4d936e86b0f0890807', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses$1(color, {
|
|
12561
12582
|
[mode]: true,
|
|
12562
12583
|
['datetime-readonly']: readonly,
|
|
12563
12584
|
['datetime-disabled']: disabled,
|
|
@@ -12567,7 +12588,7 @@ class Datetime {
|
|
|
12567
12588
|
[`datetime-size-${size}`]: true,
|
|
12568
12589
|
[`datetime-prefer-wheel`]: hasWheelVariant,
|
|
12569
12590
|
[`datetime-grid`]: isGridStyle,
|
|
12570
|
-
})) }, hAsync("div", { key: '
|
|
12591
|
+
})) }, hAsync("div", { key: '0efc9ef0aa1a29234412b2eddf5d7ff899b7543f', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(mode)));
|
|
12571
12592
|
}
|
|
12572
12593
|
get el() { return getElement(this); }
|
|
12573
12594
|
static get watchers() { return {
|
|
@@ -12975,11 +12996,11 @@ class DatetimeButton {
|
|
|
12975
12996
|
render() {
|
|
12976
12997
|
const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
|
|
12977
12998
|
const mode = getIonMode$1(this);
|
|
12978
|
-
return (hAsync(Host, { key: '
|
|
12999
|
+
return (hAsync(Host, { key: '0be955404133adbb31ae16a6599014bb29765f19', class: createColorClasses$1(color, {
|
|
12979
13000
|
[mode]: true,
|
|
12980
13001
|
[`${selectedButton}-active`]: datetimeActive,
|
|
12981
13002
|
['datetime-button-disabled']: disabled,
|
|
12982
|
-
}) }, dateText && (hAsync("button", { key: '
|
|
13003
|
+
}) }, 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' })))));
|
|
12983
13004
|
}
|
|
12984
13005
|
get el() { return getElement(this); }
|
|
12985
13006
|
static get style() { return {
|
|
@@ -13053,12 +13074,12 @@ class Fab {
|
|
|
13053
13074
|
render() {
|
|
13054
13075
|
const { horizontal, vertical, edge } = this;
|
|
13055
13076
|
const mode = getIonMode$1(this);
|
|
13056
|
-
return (hAsync(Host, { key: '
|
|
13077
|
+
return (hAsync(Host, { key: 'cb44cf6486b0a6439b99da87c065b0b52e2514f4', class: {
|
|
13057
13078
|
[mode]: true,
|
|
13058
13079
|
[`fab-horizontal-${horizontal}`]: horizontal !== undefined,
|
|
13059
13080
|
[`fab-vertical-${vertical}`]: vertical !== undefined,
|
|
13060
13081
|
'fab-edge': edge,
|
|
13061
|
-
} }, hAsync("slot", { key: '
|
|
13082
|
+
} }, hAsync("slot", { key: '1ed484c7ecb10cd81fbca9a4f5c4049bf82f9f8a' })));
|
|
13062
13083
|
}
|
|
13063
13084
|
get el() { return getElement(this); }
|
|
13064
13085
|
static get watchers() { return {
|
|
@@ -13148,7 +13169,7 @@ class FabButton {
|
|
|
13148
13169
|
rel: this.rel,
|
|
13149
13170
|
target: this.target,
|
|
13150
13171
|
};
|
|
13151
|
-
return (hAsync(Host, { key: '
|
|
13172
|
+
return (hAsync(Host, { key: 'eb347f7d6749c40637540d84778eb8d1b667a947', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
|
|
13152
13173
|
[mode]: true,
|
|
13153
13174
|
'fab-button-in-list': inList,
|
|
13154
13175
|
'fab-button-translucent-in-list': inList && translucent,
|
|
@@ -13159,7 +13180,7 @@ class FabButton {
|
|
|
13159
13180
|
'ion-activatable': true,
|
|
13160
13181
|
'ion-focusable': true,
|
|
13161
13182
|
[`fab-button-${size}`]: size !== undefined,
|
|
13162
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
13183
|
+
}) }, 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' }))));
|
|
13163
13184
|
}
|
|
13164
13185
|
get el() { return getElement(this); }
|
|
13165
13186
|
static get style() { return {
|
|
@@ -13210,11 +13231,11 @@ class FabList {
|
|
|
13210
13231
|
}
|
|
13211
13232
|
render() {
|
|
13212
13233
|
const mode = getIonMode$1(this);
|
|
13213
|
-
return (hAsync(Host, { key: '
|
|
13234
|
+
return (hAsync(Host, { key: 'fa1d195b9950654ba0e984bf61d981c977d05275', class: {
|
|
13214
13235
|
[mode]: true,
|
|
13215
13236
|
'fab-list-active': this.activated,
|
|
13216
13237
|
[`fab-list-side-${this.side}`]: true,
|
|
13217
|
-
} }, hAsync("slot", { key: '
|
|
13238
|
+
} }, hAsync("slot", { key: '2ec738c66c05112e1e2521155d6adfc36d2fd1db' })));
|
|
13218
13239
|
}
|
|
13219
13240
|
get el() { return getElement(this); }
|
|
13220
13241
|
static get watchers() { return {
|
|
@@ -13666,7 +13687,7 @@ class Footer {
|
|
|
13666
13687
|
const mode = getIonMode$1(this);
|
|
13667
13688
|
const tabs = this.el.closest('ion-tabs');
|
|
13668
13689
|
const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
|
|
13669
|
-
return (hAsync(Host, { key: '
|
|
13690
|
+
return (hAsync(Host, { key: '5da19dc38ba73e1ddfd1bef3ebd485105d77c751', role: "contentinfo", class: {
|
|
13670
13691
|
[mode]: true,
|
|
13671
13692
|
// Used internally for styling
|
|
13672
13693
|
[`footer-${mode}`]: true,
|
|
@@ -13674,7 +13695,7 @@ class Footer {
|
|
|
13674
13695
|
[`footer-translucent-${mode}`]: translucent,
|
|
13675
13696
|
['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
|
|
13676
13697
|
[`footer-collapse-${collapse}`]: collapse !== undefined,
|
|
13677
|
-
} }, mode === 'ios' && translucent && hAsync("div", { key: '
|
|
13698
|
+
} }, mode === 'ios' && translucent && hAsync("div", { key: 'fafad08090a33d8c4e8a5b63d61929dcb89aab47', class: "footer-background" }), hAsync("slot", { key: 'e0a443d346afa55e4317c0bc1263fdbe3c619559' })));
|
|
13678
13699
|
}
|
|
13679
13700
|
get el() { return getElement(this); }
|
|
13680
13701
|
static get style() { return {
|
|
@@ -13705,10 +13726,10 @@ class Grid {
|
|
|
13705
13726
|
}
|
|
13706
13727
|
render() {
|
|
13707
13728
|
const mode = getIonMode$1(this);
|
|
13708
|
-
return (hAsync(Host, { key: '
|
|
13729
|
+
return (hAsync(Host, { key: '930ce78b02f8360fbca08a35d364d2c09128c6c8', class: {
|
|
13709
13730
|
[mode]: true,
|
|
13710
13731
|
'grid-fixed': this.fixed,
|
|
13711
|
-
} }, hAsync("slot", { key: '
|
|
13732
|
+
} }, hAsync("slot", { key: 'c47bf7ef2197f5ebc42d3e2c55044276fb0db393' })));
|
|
13712
13733
|
}
|
|
13713
13734
|
static get style() { return IonGridStyle0; }
|
|
13714
13735
|
static get cmpMeta() { return {
|
|
@@ -14039,14 +14060,14 @@ class Header {
|
|
|
14039
14060
|
const collapse = this.collapse || 'none';
|
|
14040
14061
|
// banner role must be at top level, so remove role if inside a menu
|
|
14041
14062
|
const roleType = hostContext('ion-menu', this.el) ? 'none' : 'banner';
|
|
14042
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
14063
|
+
return (hAsync(Host, Object.assign({ key: 'c687314ef290793a9d633ad20cfc5eeb47621e31', role: roleType, class: {
|
|
14043
14064
|
[mode]: true,
|
|
14044
14065
|
// Used internally for styling
|
|
14045
14066
|
[`header-${mode}`]: true,
|
|
14046
14067
|
[`header-translucent`]: this.translucent,
|
|
14047
14068
|
[`header-collapse-${collapse}`]: true,
|
|
14048
14069
|
[`header-translucent-${mode}`]: this.translucent,
|
|
14049
|
-
} }, inheritedAttributes), mode === 'ios' && translucent && hAsync("div", { key: '
|
|
14070
|
+
} }, inheritedAttributes), mode === 'ios' && translucent && hAsync("div", { key: 'b429996046082405a91e7c23f95516db0b736f12', class: "header-background" }), hAsync("slot", { key: 'e17a8965f8d3a33c1bfcb056c153d8242e5229fa' })));
|
|
14050
14071
|
}
|
|
14051
14072
|
get el() { return getElement(this); }
|
|
14052
14073
|
static get style() { return {
|
|
@@ -14325,7 +14346,7 @@ class Img {
|
|
|
14325
14346
|
render() {
|
|
14326
14347
|
const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
|
|
14327
14348
|
const { draggable } = inheritedAttributes;
|
|
14328
|
-
return (hAsync(Host, { key: '
|
|
14349
|
+
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) })));
|
|
14329
14350
|
}
|
|
14330
14351
|
get el() { return getElement(this); }
|
|
14331
14352
|
static get watchers() { return {
|
|
@@ -14532,7 +14553,7 @@ class InfiniteScroll {
|
|
|
14532
14553
|
render() {
|
|
14533
14554
|
const mode = getIonMode$1(this);
|
|
14534
14555
|
const disabled = this.disabled;
|
|
14535
|
-
return (hAsync(Host, { key: '
|
|
14556
|
+
return (hAsync(Host, { key: '1444429a86950c449953cbf578436cc8cabf40ec', class: {
|
|
14536
14557
|
[mode]: true,
|
|
14537
14558
|
'infinite-scroll-loading': this.isLoading,
|
|
14538
14559
|
'infinite-scroll-enabled': !disabled,
|
|
@@ -14588,11 +14609,11 @@ class InfiniteScrollContent {
|
|
|
14588
14609
|
}
|
|
14589
14610
|
render() {
|
|
14590
14611
|
const mode = getIonMode$1(this);
|
|
14591
|
-
return (hAsync(Host, { key: '
|
|
14612
|
+
return (hAsync(Host, { key: '060278bf9cb0321e182352f9613be4ebbb028259', class: {
|
|
14592
14613
|
[mode]: true,
|
|
14593
14614
|
// Used internally for styling
|
|
14594
14615
|
[`infinite-scroll-content-${mode}`]: true,
|
|
14595
|
-
} }, hAsync("div", { key: '
|
|
14616
|
+
} }, 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())));
|
|
14596
14617
|
}
|
|
14597
14618
|
static get style() { return {
|
|
14598
14619
|
ios: IonInfiniteScrollContentIosStyle0,
|
|
@@ -15324,7 +15345,7 @@ class Input {
|
|
|
15324
15345
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
15325
15346
|
*/
|
|
15326
15347
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
15327
|
-
return (hAsync(Host, { key: '
|
|
15348
|
+
return (hAsync(Host, { key: '907ce98a82b5cfae5a08504cd79e00a2330b7444', class: createColorClasses$1(this.color, {
|
|
15328
15349
|
[mode]: true,
|
|
15329
15350
|
'has-value': hasValue,
|
|
15330
15351
|
'has-focus': hasFocus,
|
|
@@ -15335,7 +15356,7 @@ class Input {
|
|
|
15335
15356
|
'in-item': inItem,
|
|
15336
15357
|
'in-item-color': hostContext('ion-item.ion-color', this.el),
|
|
15337
15358
|
'input-disabled': disabled,
|
|
15338
|
-
}) }, hAsync("label", { key: '
|
|
15359
|
+
}) }, 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) => {
|
|
15339
15360
|
/**
|
|
15340
15361
|
* This prevents mobile browsers from
|
|
15341
15362
|
* blurring the input when the clear
|
|
@@ -15350,7 +15371,7 @@ class Input {
|
|
|
15350
15371
|
* for screen readers as it means users would be unable to swipe past the clear button.
|
|
15351
15372
|
*/
|
|
15352
15373
|
ev.stopPropagation();
|
|
15353
|
-
}, onClick: this.clearTextInput }, hAsync("ion-icon", { key: '
|
|
15374
|
+
}, 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()));
|
|
15354
15375
|
}
|
|
15355
15376
|
get el() { return getElement(this); }
|
|
15356
15377
|
static get watchers() { return {
|
|
@@ -15472,16 +15493,16 @@ class InputPasswordToggle {
|
|
|
15472
15493
|
const showPasswordIcon = (_a = this.showIcon) !== null && _a !== void 0 ? _a : eye;
|
|
15473
15494
|
const hidePasswordIcon = (_b = this.hideIcon) !== null && _b !== void 0 ? _b : eyeOff;
|
|
15474
15495
|
const isPasswordVisible = type === 'text';
|
|
15475
|
-
return (hAsync(Host, { key: '
|
|
15496
|
+
return (hAsync(Host, { key: 'ed1c29726ce0c91548f0e2ada61e3f8b5c813d2d', class: createColorClasses$1(color, {
|
|
15476
15497
|
[mode]: true,
|
|
15477
|
-
}) }, hAsync("ion-button", { key: '
|
|
15498
|
+
}) }, 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) => {
|
|
15478
15499
|
/**
|
|
15479
15500
|
* This prevents mobile browsers from
|
|
15480
15501
|
* blurring the input when the password toggle
|
|
15481
15502
|
* button is activated.
|
|
15482
15503
|
*/
|
|
15483
15504
|
ev.preventDefault();
|
|
15484
|
-
}, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: '
|
|
15505
|
+
}, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: '1f2119c30b56c800d9af44e6499445a0ebb466cf', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? hidePasswordIcon : showPasswordIcon }))));
|
|
15485
15506
|
}
|
|
15486
15507
|
get el() { return getElement(this); }
|
|
15487
15508
|
static get watchers() { return {
|
|
@@ -15777,11 +15798,11 @@ class ItemDivider {
|
|
|
15777
15798
|
}
|
|
15778
15799
|
render() {
|
|
15779
15800
|
const mode = getIonMode$1(this);
|
|
15780
|
-
return (hAsync(Host, { key: '
|
|
15801
|
+
return (hAsync(Host, { key: '60fda1dab7dbc0038ec7ff68a661896430f7d5c5', class: createColorClasses$1(this.color, {
|
|
15781
15802
|
[mode]: true,
|
|
15782
15803
|
'item-divider-sticky': this.sticky,
|
|
15783
15804
|
item: true,
|
|
15784
|
-
}) }, hAsync("slot", { key: '
|
|
15805
|
+
}) }, 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" }))));
|
|
15785
15806
|
}
|
|
15786
15807
|
get el() { return getElement(this); }
|
|
15787
15808
|
static get style() { return {
|
|
@@ -15813,7 +15834,7 @@ class ItemGroup {
|
|
|
15813
15834
|
}
|
|
15814
15835
|
render() {
|
|
15815
15836
|
const mode = getIonMode$1(this);
|
|
15816
|
-
return (hAsync(Host, { key: '
|
|
15837
|
+
return (hAsync(Host, { key: '24ff047b7c45f963f0dad072c65d38a230c2bc97', role: "group", class: {
|
|
15817
15838
|
[mode]: true,
|
|
15818
15839
|
// Used internally for styling
|
|
15819
15840
|
[`item-group-${mode}`]: true,
|
|
@@ -15881,12 +15902,12 @@ class ItemOption {
|
|
|
15881
15902
|
href: this.href,
|
|
15882
15903
|
target: this.target,
|
|
15883
15904
|
};
|
|
15884
|
-
return (hAsync(Host, { key: '
|
|
15905
|
+
return (hAsync(Host, { key: '1900e015f593fefd710478a2088e052399c957eb', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
15885
15906
|
[mode]: true,
|
|
15886
15907
|
'item-option-disabled': disabled,
|
|
15887
15908
|
'item-option-expandable': expandable,
|
|
15888
15909
|
'ion-activatable': true,
|
|
15889
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
15910
|
+
}) }, 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' }))));
|
|
15890
15911
|
}
|
|
15891
15912
|
get el() { return getElement(this); }
|
|
15892
15913
|
static get style() { return {
|
|
@@ -15933,7 +15954,7 @@ class ItemOptions {
|
|
|
15933
15954
|
render() {
|
|
15934
15955
|
const mode = getIonMode$1(this);
|
|
15935
15956
|
const isEnd = isEndSide(this.side);
|
|
15936
|
-
return (hAsync(Host, { key: '
|
|
15957
|
+
return (hAsync(Host, { key: 'e28cd6a236323b5cc203c9b96782aa81024da924', class: {
|
|
15937
15958
|
[mode]: true,
|
|
15938
15959
|
// Used internally for styling
|
|
15939
15960
|
[`item-options-${mode}`]: true,
|
|
@@ -16395,7 +16416,7 @@ class ItemSliding {
|
|
|
16395
16416
|
}
|
|
16396
16417
|
render() {
|
|
16397
16418
|
const mode = getIonMode$1(this);
|
|
16398
|
-
return (hAsync(Host, { key: '
|
|
16419
|
+
return (hAsync(Host, { key: '99f87c8bd794ae69830b407ba55013ac44793c26', class: {
|
|
16399
16420
|
[mode]: true,
|
|
16400
16421
|
'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
|
|
16401
16422
|
'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,
|
|
@@ -16504,13 +16525,13 @@ class Label {
|
|
|
16504
16525
|
render() {
|
|
16505
16526
|
const position = this.position;
|
|
16506
16527
|
const mode = getIonMode$1(this);
|
|
16507
|
-
return (hAsync(Host, { key: '
|
|
16528
|
+
return (hAsync(Host, { key: 'c2c0f388dab910d294efb9fbb409ee4ef829c1ed', class: createColorClasses$1(this.color, {
|
|
16508
16529
|
[mode]: true,
|
|
16509
16530
|
'in-item-color': hostContext('ion-item.ion-color', this.el),
|
|
16510
16531
|
[`label-${position}`]: position !== undefined,
|
|
16511
16532
|
[`label-no-animate`]: this.noAnimate,
|
|
16512
16533
|
'label-rtl': document.dir === 'rtl',
|
|
16513
|
-
}) }, hAsync("slot", { key: '
|
|
16534
|
+
}) }, hAsync("slot", { key: '4de6b69950f417873a13c851018ec31ea2686f0a' })));
|
|
16514
16535
|
}
|
|
16515
16536
|
get el() { return getElement(this); }
|
|
16516
16537
|
static get watchers() { return {
|
|
@@ -16566,7 +16587,7 @@ class List {
|
|
|
16566
16587
|
render() {
|
|
16567
16588
|
const mode = getIonMode$1(this);
|
|
16568
16589
|
const { lines, inset } = this;
|
|
16569
|
-
return (hAsync(Host, { key: '
|
|
16590
|
+
return (hAsync(Host, { key: '8bde220025a7eeca6da075379c6487c4c9bdddc1', role: "list", class: {
|
|
16570
16591
|
[mode]: true,
|
|
16571
16592
|
// Used internally for styling
|
|
16572
16593
|
[`list-${mode}`]: true,
|
|
@@ -16612,10 +16633,10 @@ class ListHeader {
|
|
|
16612
16633
|
render() {
|
|
16613
16634
|
const { lines } = this;
|
|
16614
16635
|
const mode = getIonMode$1(this);
|
|
16615
|
-
return (hAsync(Host, { key: '
|
|
16636
|
+
return (hAsync(Host, { key: '7e2e050f13722f2b870a2415d99a9e631e9ca267', class: createColorClasses$1(this.color, {
|
|
16616
16637
|
[mode]: true,
|
|
16617
16638
|
[`list-header-lines-${lines}`]: lines !== undefined,
|
|
16618
|
-
}) }, hAsync("div", { key: '
|
|
16639
|
+
}) }, hAsync("div", { key: '6117bebc45800d874e9b75355476fbced5cc8398', class: "list-header-inner" }, hAsync("slot", { key: '9165fb274cd2c45a5a65c271d8b1f30e8a00c890' }))));
|
|
16619
16640
|
}
|
|
16620
16641
|
static get style() { return {
|
|
16621
16642
|
ios: IonListHeaderIosStyle0,
|
|
@@ -16884,9 +16905,9 @@ class Loading {
|
|
|
16884
16905
|
* Otherwise, don't set aria-labelledby.
|
|
16885
16906
|
*/
|
|
16886
16907
|
const ariaLabelledBy = message !== undefined ? msgId : null;
|
|
16887
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
16908
|
+
return (hAsync(Host, Object.assign({ key: 'fb3d2cd7cd0539ed6540d8be50e243c7916b3ca2', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
|
|
16888
16909
|
zIndex: `${40000 + this.overlayIndex}`,
|
|
16889
|
-
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: '
|
|
16910
|
+
}, 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" })));
|
|
16890
16911
|
}
|
|
16891
16912
|
get el() { return getElement(this); }
|
|
16892
16913
|
static get watchers() { return {
|
|
@@ -17867,14 +17888,14 @@ class Menu {
|
|
|
17867
17888
|
* the ionBackButton listener in the menu controller
|
|
17868
17889
|
* will handle closing the menu when Escape is pressed.
|
|
17869
17890
|
*/
|
|
17870
|
-
return (hAsync(Host, { key: '
|
|
17891
|
+
return (hAsync(Host, { key: '30c0c9bfb8973e4a6feb658f8c4ee8e362f464ed', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
|
|
17871
17892
|
[mode]: true,
|
|
17872
17893
|
[`menu-type-${type}`]: true,
|
|
17873
17894
|
'menu-enabled': !disabled,
|
|
17874
17895
|
[`menu-side-${side}`]: true,
|
|
17875
17896
|
'menu-pane-visible': isPaneVisible,
|
|
17876
17897
|
'split-pane-side': hostContext('ion-split-pane', el),
|
|
17877
|
-
} }, hAsync("div", { key: '
|
|
17898
|
+
} }, 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" })));
|
|
17878
17899
|
}
|
|
17879
17900
|
get el() { return getElement(this); }
|
|
17880
17901
|
static get watchers() { return {
|
|
@@ -17977,7 +17998,7 @@ class MenuButton {
|
|
|
17977
17998
|
type: this.type,
|
|
17978
17999
|
};
|
|
17979
18000
|
const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
|
|
17980
|
-
return (hAsync(Host, { key: '
|
|
18001
|
+
return (hAsync(Host, { key: '95a8b9f09c7fae9713a8dc003ed277f6f31403da', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
|
|
17981
18002
|
[mode]: true,
|
|
17982
18003
|
button: true, // ion-buttons target .button
|
|
17983
18004
|
'menu-button-hidden': hidden,
|
|
@@ -17986,7 +18007,7 @@ class MenuButton {
|
|
|
17986
18007
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
17987
18008
|
'ion-activatable': true,
|
|
17988
18009
|
'ion-focusable': true,
|
|
17989
|
-
}) }, hAsync("button", Object.assign({ key: '
|
|
18010
|
+
}) }, 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" }))));
|
|
17990
18011
|
}
|
|
17991
18012
|
get el() { return getElement(this); }
|
|
17992
18013
|
static get style() { return {
|
|
@@ -18035,10 +18056,10 @@ class MenuToggle {
|
|
|
18035
18056
|
render() {
|
|
18036
18057
|
const mode = getIonMode$1(this);
|
|
18037
18058
|
const hidden = this.autoHide && !this.visible;
|
|
18038
|
-
return (hAsync(Host, { key: '
|
|
18059
|
+
return (hAsync(Host, { key: '90e621f09792383f1badcc1b402b1ac7d08c5f98', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
|
|
18039
18060
|
[mode]: true,
|
|
18040
18061
|
'menu-toggle-hidden': hidden,
|
|
18041
|
-
} }, hAsync("slot", { key: '
|
|
18062
|
+
} }, hAsync("slot", { key: 'c0abdd1d91e9d80ee3704e3e374ebe1f29078460' })));
|
|
18042
18063
|
}
|
|
18043
18064
|
static get style() { return IonMenuToggleStyle0; }
|
|
18044
18065
|
static get cmpMeta() { return {
|
|
@@ -20042,18 +20063,18 @@ class Modal {
|
|
|
20042
20063
|
const mode = getIonMode$1(this);
|
|
20043
20064
|
const isCardModal = presentingElement !== undefined && mode === 'ios';
|
|
20044
20065
|
const isHandleCycle = handleBehavior === 'cycle';
|
|
20045
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
20066
|
+
return (hAsync(Host, Object.assign({ key: '013ba4864ca4d2c1052c512f6a4b0732b8decff7', "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
|
|
20046
20067
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
20047
|
-
}, class: Object.assign({ [mode]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, 'overlay-hidden': true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle }), hAsync("ion-backdrop", { key: '
|
|
20068
|
+
}, 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',
|
|
20048
20069
|
/*
|
|
20049
20070
|
role and aria-modal must be used on the
|
|
20050
20071
|
same element. They must also be set inside the
|
|
20051
20072
|
shadow DOM otherwise ion-button will not be highlighted
|
|
20052
20073
|
when using VoiceOver: https://bugs.webkit.org/show_bug.cgi?id=247134
|
|
20053
20074
|
*/
|
|
20054
|
-
role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: '
|
|
20075
|
+
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",
|
|
20055
20076
|
// Prevents the handle from receiving keyboard focus when it does not cycle
|
|
20056
|
-
tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle" })), hAsync("slot", { key: '
|
|
20077
|
+
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' }))));
|
|
20057
20078
|
}
|
|
20058
20079
|
get el() { return getElement(this); }
|
|
20059
20080
|
static get watchers() { return {
|
|
@@ -21002,7 +21023,7 @@ class Nav {
|
|
|
21002
21023
|
}
|
|
21003
21024
|
}
|
|
21004
21025
|
render() {
|
|
21005
|
-
return hAsync("slot", { key: '
|
|
21026
|
+
return hAsync("slot", { key: 'e9d99a8a0b84f02f9964d8143cd5e647e43334f9' });
|
|
21006
21027
|
}
|
|
21007
21028
|
get el() { return getElement(this); }
|
|
21008
21029
|
static get watchers() { return {
|
|
@@ -21075,7 +21096,7 @@ class NavLink {
|
|
|
21075
21096
|
this.routerAnimation = undefined;
|
|
21076
21097
|
}
|
|
21077
21098
|
render() {
|
|
21078
|
-
return hAsync(Host, { key: '
|
|
21099
|
+
return hAsync(Host, { key: '42c23dcdec5fdb25defebaf6e8a9fa75754ff8eb', onClick: this.onClick });
|
|
21079
21100
|
}
|
|
21080
21101
|
get el() { return getElement(this); }
|
|
21081
21102
|
static get cmpMeta() { return {
|
|
@@ -21109,9 +21130,9 @@ class Note {
|
|
|
21109
21130
|
}
|
|
21110
21131
|
render() {
|
|
21111
21132
|
const mode = getIonMode$1(this);
|
|
21112
|
-
return (hAsync(Host, { key: '
|
|
21133
|
+
return (hAsync(Host, { key: '90ec2fe8c9487608ed8c0bdc32c2e80a6a0890b3', class: createColorClasses$1(this.color, {
|
|
21113
21134
|
[mode]: true,
|
|
21114
|
-
}) }, hAsync("slot", { key: '
|
|
21135
|
+
}) }, hAsync("slot", { key: '115ee3f79e6c526b0644443aad468e99385d0eda' })));
|
|
21115
21136
|
}
|
|
21116
21137
|
static get style() { return {
|
|
21117
21138
|
ios: IonNoteIosStyle0,
|
|
@@ -21608,7 +21629,7 @@ class Picker$1 {
|
|
|
21608
21629
|
this.emitInputModeChange();
|
|
21609
21630
|
}
|
|
21610
21631
|
render() {
|
|
21611
|
-
return (hAsync(Host, { key: '
|
|
21632
|
+
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) => {
|
|
21612
21633
|
var _a;
|
|
21613
21634
|
/**
|
|
21614
21635
|
* The "Enter" key represents
|
|
@@ -21623,7 +21644,7 @@ class Picker$1 {
|
|
|
21623
21644
|
if (ev.key === 'Enter') {
|
|
21624
21645
|
(_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();
|
|
21625
21646
|
}
|
|
21626
|
-
}, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), hAsync("div", { key: '
|
|
21647
|
+
}, 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' })));
|
|
21627
21648
|
}
|
|
21628
21649
|
get el() { return getElement(this); }
|
|
21629
21650
|
static get style() { return {
|
|
@@ -21876,11 +21897,11 @@ class Picker {
|
|
|
21876
21897
|
render() {
|
|
21877
21898
|
const { htmlAttributes } = this;
|
|
21878
21899
|
const mode = getIonMode$1(this);
|
|
21879
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
21900
|
+
return (hAsync(Host, Object.assign({ key: '3b163ca87354a3a4f302ff016d5affd0dc97bccc', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
|
|
21880
21901
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
21881
21902
|
}, class: Object.assign({ [mode]: true,
|
|
21882
21903
|
// Used internally for styling
|
|
21883
|
-
[`picker-${mode}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '
|
|
21904
|
+
[`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" })));
|
|
21884
21905
|
}
|
|
21885
21906
|
get el() { return getElement(this); }
|
|
21886
21907
|
static get watchers() { return {
|
|
@@ -22462,12 +22483,12 @@ class PickerColumn {
|
|
|
22462
22483
|
render() {
|
|
22463
22484
|
const { color, disabled, isActive, numericInput } = this;
|
|
22464
22485
|
const mode = getIonMode$1(this);
|
|
22465
|
-
return (hAsync(Host, { key: '
|
|
22486
|
+
return (hAsync(Host, { key: 'd60736ce74c0e8c774a163272b78fbad32993ec2', class: createColorClasses$1(color, {
|
|
22466
22487
|
[mode]: true,
|
|
22467
22488
|
['picker-column-active']: isActive,
|
|
22468
22489
|
['picker-column-numeric-input']: numericInput,
|
|
22469
22490
|
['picker-column-disabled']: disabled,
|
|
22470
|
-
}) }, this.renderAssistiveFocusable(), hAsync("slot", { key: '
|
|
22491
|
+
}) }, this.renderAssistiveFocusable(), hAsync("slot", { key: '74611112ef154b343ae29a773f8cd8a01cc1447d', name: "prefix" }), hAsync("div", { key: 'af772d2b61b7eb41a567593d290b80a50b7caa72', "aria-hidden": "true", class: "picker-opts", ref: (el) => {
|
|
22471
22492
|
this.scrollEl = el;
|
|
22472
22493
|
},
|
|
22473
22494
|
/**
|
|
@@ -22488,7 +22509,7 @@ class PickerColumn {
|
|
|
22488
22509
|
* To prevent this, we set the tabIndex to -1. This
|
|
22489
22510
|
* will match the behavior of the other browsers.
|
|
22490
22511
|
*/
|
|
22491
|
-
tabIndex: -1 }, hAsync("div", { key: '
|
|
22512
|
+
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" })));
|
|
22492
22513
|
}
|
|
22493
22514
|
get el() { return getElement(this); }
|
|
22494
22515
|
static get watchers() { return {
|
|
@@ -22855,9 +22876,9 @@ class PickerColumnCmp {
|
|
|
22855
22876
|
render() {
|
|
22856
22877
|
const col = this.col;
|
|
22857
22878
|
const mode = getIonMode$1(this);
|
|
22858
|
-
return (hAsync(Host, { key: '
|
|
22879
|
+
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: {
|
|
22859
22880
|
'max-width': this.col.columnWidth,
|
|
22860
|
-
} }, col.prefix && (hAsync("div", { key: '
|
|
22881
|
+
} }, 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))));
|
|
22861
22882
|
}
|
|
22862
22883
|
get el() { return getElement(this); }
|
|
22863
22884
|
static get watchers() { return {
|
|
@@ -22961,10 +22982,10 @@ class PickerColumnOption {
|
|
|
22961
22982
|
render() {
|
|
22962
22983
|
const { color, disabled, ariaLabel } = this;
|
|
22963
22984
|
const mode = getIonMode$1(this);
|
|
22964
|
-
return (hAsync(Host, { key: '
|
|
22985
|
+
return (hAsync(Host, { key: 'cc4435a0ce0e55be1321bcabaf342ed68cf5ba1e', class: createColorClasses$1(color, {
|
|
22965
22986
|
[mode]: true,
|
|
22966
22987
|
['option-disabled']: disabled,
|
|
22967
|
-
}) }, hAsync("button", { key: '
|
|
22988
|
+
}) }, hAsync("button", { key: '0187fb967771e0787807a8538dce4e59f6a98565', tabindex: "-1", "aria-label": ariaLabel, disabled: disabled, onClick: () => this.onClick() }, hAsync("slot", { key: 'dbe52552f3f27332816748c12d929cc81060841d' }))));
|
|
22968
22989
|
}
|
|
22969
22990
|
get el() { return getElement(this); }
|
|
22970
22991
|
static get watchers() { return {
|
|
@@ -24278,9 +24299,9 @@ class Popover {
|
|
|
24278
24299
|
const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
|
|
24279
24300
|
const desktop = isPlatform('desktop');
|
|
24280
24301
|
const enableArrow = arrow && !parentPopover;
|
|
24281
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
24302
|
+
return (hAsync(Host, Object.assign({ key: '3a7c4c39384bab1447c4bd6b9b06d7837a09353b', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
|
|
24282
24303
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
24283
|
-
}, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [mode]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && hAsync("ion-backdrop", { key: '
|
|
24304
|
+
}, 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' })))));
|
|
24284
24305
|
}
|
|
24285
24306
|
get el() { return getElement(this); }
|
|
24286
24307
|
static get watchers() { return {
|
|
@@ -24372,7 +24393,7 @@ class ProgressBar {
|
|
|
24372
24393
|
const mode = getIonMode$1(this);
|
|
24373
24394
|
// If the progress is displayed as a solid bar.
|
|
24374
24395
|
const progressSolid = buffer === 1;
|
|
24375
|
-
return (hAsync(Host, { key: '
|
|
24396
|
+
return (hAsync(Host, { key: 'b293f4475bcdaa7851b41ebfda659037f0365120', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
|
|
24376
24397
|
[mode]: true,
|
|
24377
24398
|
[`progress-bar-${type}`]: true,
|
|
24378
24399
|
'progress-paused': paused,
|
|
@@ -24540,7 +24561,7 @@ class Radio {
|
|
|
24540
24561
|
const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
|
|
24541
24562
|
const mode = getIonMode$1(this);
|
|
24542
24563
|
const inItem = hostContext('ion-item', el);
|
|
24543
|
-
return (hAsync(Host, { key: '
|
|
24564
|
+
return (hAsync(Host, { key: 'd6d9525eea9dadc3ea7060eb9b8cbb919e1d7091', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
|
|
24544
24565
|
[mode]: true,
|
|
24545
24566
|
'in-item': inItem,
|
|
24546
24567
|
'radio-checked': checked,
|
|
@@ -24551,10 +24572,10 @@ class Radio {
|
|
|
24551
24572
|
// Focus and active styling should not apply when the radio is in an item
|
|
24552
24573
|
'ion-activatable': !inItem,
|
|
24553
24574
|
'ion-focusable': !inItem,
|
|
24554
|
-
}), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '
|
|
24575
|
+
}), 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: {
|
|
24555
24576
|
'label-text-wrapper': true,
|
|
24556
24577
|
'label-text-wrapper-hidden': !hasLabel,
|
|
24557
|
-
}, part: "label" }, hAsync("slot", { key: '
|
|
24578
|
+
}, part: "label" }, hAsync("slot", { key: '2950f1579a22d4a06f9c903fd462c2b46f43bfd7' })), hAsync("div", { key: '8b19ce30b39066744108a6de2da42a7ce8ffdbec', class: "native-wrapper" }, this.renderRadioControl()))));
|
|
24558
24579
|
}
|
|
24559
24580
|
get el() { return getElement(this); }
|
|
24560
24581
|
static get watchers() { return {
|
|
@@ -24739,7 +24760,7 @@ class RadioGroup {
|
|
|
24739
24760
|
const { label, labelId, el, name, value } = this;
|
|
24740
24761
|
const mode = getIonMode$1(this);
|
|
24741
24762
|
renderHiddenInput(true, el, name, value, false);
|
|
24742
|
-
return hAsync(Host, { key: '
|
|
24763
|
+
return hAsync(Host, { key: '7a8ad7eb6a05c6f96a348dcf30fd0c610a95688c', role: "radiogroup", "aria-labelledby": label ? labelId : null, onClick: this.onClick, class: mode });
|
|
24743
24764
|
}
|
|
24744
24765
|
get el() { return getElement(this); }
|
|
24745
24766
|
static get watchers() { return {
|
|
@@ -25371,7 +25392,7 @@ class Range {
|
|
|
25371
25392
|
const needsEndAdjustment = inItem && !hasEndContent;
|
|
25372
25393
|
const mode = getIonMode$1(this);
|
|
25373
25394
|
renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
|
|
25374
|
-
return (hAsync(Host, { key: '
|
|
25395
|
+
return (hAsync(Host, { key: '877c9f15e62fadb184f9da82dc19898227521e07', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
|
|
25375
25396
|
[mode]: true,
|
|
25376
25397
|
'in-item': inItem,
|
|
25377
25398
|
'range-disabled': disabled,
|
|
@@ -25380,10 +25401,10 @@ class Range {
|
|
|
25380
25401
|
[`range-label-placement-${labelPlacement}`]: true,
|
|
25381
25402
|
'range-item-start-adjustment': needsStartAdjustment,
|
|
25382
25403
|
'range-item-end-adjustment': needsEndAdjustment,
|
|
25383
|
-
}) }, hAsync("label", { key: '
|
|
25404
|
+
}) }, hAsync("label", { key: '2ae9088349a65e09b0e33c53442190ef563b2345', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: 'c3d0ca96ceb1e57fbd383e9c7e4da14d931771b8', class: {
|
|
25384
25405
|
'label-text-wrapper': true,
|
|
25385
25406
|
'label-text-wrapper-hidden': !hasLabel,
|
|
25386
|
-
}, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '
|
|
25407
|
+
}, 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" })))));
|
|
25387
25408
|
}
|
|
25388
25409
|
get el() { return getElement(this); }
|
|
25389
25410
|
static get watchers() { return {
|
|
@@ -26284,7 +26305,7 @@ class Refresher {
|
|
|
26284
26305
|
}
|
|
26285
26306
|
render() {
|
|
26286
26307
|
const mode = getIonMode$1(this);
|
|
26287
|
-
return (hAsync(Host, { key: '
|
|
26308
|
+
return (hAsync(Host, { key: '3270f181a5141e7d886ec554a3e892974446b90e', slot: "fixed", class: {
|
|
26288
26309
|
[mode]: true,
|
|
26289
26310
|
// Used internally for styling
|
|
26290
26311
|
[`refresher-${mode}`]: true,
|
|
@@ -26512,7 +26533,7 @@ class RefresherContent {
|
|
|
26512
26533
|
const pullingIcon = this.pullingIcon;
|
|
26513
26534
|
const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
|
|
26514
26535
|
const mode = getIonMode$1(this);
|
|
26515
|
-
return (hAsync(Host, { key: '
|
|
26536
|
+
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())));
|
|
26516
26537
|
}
|
|
26517
26538
|
get el() { return getElement(this); }
|
|
26518
26539
|
static get cmpMeta() { return {
|
|
@@ -26555,7 +26576,7 @@ class Reorder {
|
|
|
26555
26576
|
render() {
|
|
26556
26577
|
const mode = getIonMode$1(this);
|
|
26557
26578
|
const reorderIcon = mode === 'ios' ? reorderThreeOutline : reorderTwoSharp;
|
|
26558
|
-
return (hAsync(Host, { key: '
|
|
26579
|
+
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" }))));
|
|
26559
26580
|
}
|
|
26560
26581
|
get el() { return getElement(this); }
|
|
26561
26582
|
static get style() { return {
|
|
@@ -26809,7 +26830,7 @@ class ReorderGroup {
|
|
|
26809
26830
|
}
|
|
26810
26831
|
render() {
|
|
26811
26832
|
const mode = getIonMode$1(this);
|
|
26812
|
-
return (hAsync(Host, { key: '
|
|
26833
|
+
return (hAsync(Host, { key: '491f3e5843cf728ff4589e58bd86b8ce6709b293', class: {
|
|
26813
26834
|
[mode]: true,
|
|
26814
26835
|
'reorder-enabled': !this.disabled,
|
|
26815
26836
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
|
@@ -26917,7 +26938,7 @@ class RippleEffect {
|
|
|
26917
26938
|
}
|
|
26918
26939
|
render() {
|
|
26919
26940
|
const mode = getIonMode$1(this);
|
|
26920
|
-
return (hAsync(Host, { key: '
|
|
26941
|
+
return (hAsync(Host, { key: '2302f087ab1c6755355736e4ca77309c5fdcf185', role: "presentation", class: {
|
|
26921
26942
|
[mode]: true,
|
|
26922
26943
|
unbounded: this.unbounded,
|
|
26923
26944
|
} }));
|
|
@@ -27859,10 +27880,10 @@ class RouterLink {
|
|
|
27859
27880
|
rel: this.rel,
|
|
27860
27881
|
target: this.target,
|
|
27861
27882
|
};
|
|
27862
|
-
return (hAsync(Host, { key: '
|
|
27883
|
+
return (hAsync(Host, { key: 'f876442cab5b14b7e83c6d6ad2c2d878a9c57439', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
27863
27884
|
[mode]: true,
|
|
27864
27885
|
'ion-activatable': true,
|
|
27865
|
-
}) }, hAsync("a", Object.assign({ key: '
|
|
27886
|
+
}) }, hAsync("a", Object.assign({ key: 'c44b78ec1fd10a40c23bfe548860ac2b346646a8' }, attrs), hAsync("slot", { key: 'd32180a567613f79f89885135bd0d776ffc1eb8e' }))));
|
|
27866
27887
|
}
|
|
27867
27888
|
static get style() { return IonRouterLinkStyle0; }
|
|
27868
27889
|
static get cmpMeta() { return {
|
|
@@ -28057,7 +28078,7 @@ class RouterOutlet {
|
|
|
28057
28078
|
return true;
|
|
28058
28079
|
}
|
|
28059
28080
|
render() {
|
|
28060
|
-
return hAsync("slot", { key: '
|
|
28081
|
+
return hAsync("slot", { key: '8279a453c66a766e6e383ff59842b4ae070c13a9' });
|
|
28061
28082
|
}
|
|
28062
28083
|
get el() { return getElement(this); }
|
|
28063
28084
|
static get watchers() { return {
|
|
@@ -28091,7 +28112,7 @@ class Row {
|
|
|
28091
28112
|
registerInstance(this, hostRef);
|
|
28092
28113
|
}
|
|
28093
28114
|
render() {
|
|
28094
|
-
return (hAsync(Host, { key: '
|
|
28115
|
+
return (hAsync(Host, { key: '813c9a7f6782d2cf8eb27f30d3ab28e6f3122868', class: getIonMode$1(this) }, hAsync("slot", { key: '356bec4d4d408ea63d6b431b06465d5b7bcbff71' })));
|
|
28095
28116
|
}
|
|
28096
28117
|
static get style() { return IonRowStyle0; }
|
|
28097
28118
|
static get cmpMeta() { return {
|
|
@@ -28485,8 +28506,8 @@ class Searchbar {
|
|
|
28485
28506
|
const clearIcon = this.clearIcon || (mode === 'ios' ? closeCircle : closeSharp);
|
|
28486
28507
|
const searchIcon = this.searchIcon || (mode === 'ios' ? searchOutline : searchSharp);
|
|
28487
28508
|
const shouldShowCancelButton = this.shouldShowCancelButton();
|
|
28488
|
-
const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '
|
|
28489
|
-
return (hAsync(Host, { key: '
|
|
28509
|
+
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))));
|
|
28510
|
+
return (hAsync(Host, { key: '34878db21f63a9bdffca0446d8ad5619ff04cac3', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
|
|
28490
28511
|
[mode]: true,
|
|
28491
28512
|
'searchbar-animated': animated,
|
|
28492
28513
|
'searchbar-disabled': this.disabled,
|
|
@@ -28496,14 +28517,14 @@ class Searchbar {
|
|
|
28496
28517
|
'searchbar-has-focus': this.focused,
|
|
28497
28518
|
'searchbar-should-show-clear': this.shouldShowClearButton(),
|
|
28498
28519
|
'searchbar-should-show-cancel': this.shouldShowCancelButton(),
|
|
28499
|
-
}) }, hAsync("div", { key: '
|
|
28520
|
+
}) }, 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) => {
|
|
28500
28521
|
/**
|
|
28501
28522
|
* This prevents mobile browsers from
|
|
28502
28523
|
* blurring the input when the clear
|
|
28503
28524
|
* button is activated.
|
|
28504
28525
|
*/
|
|
28505
28526
|
ev.preventDefault();
|
|
28506
|
-
}, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: '
|
|
28527
|
+
}, 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));
|
|
28507
28528
|
}
|
|
28508
28529
|
get el() { return getElement(this); }
|
|
28509
28530
|
static get watchers() { return {
|
|
@@ -28991,14 +29012,14 @@ class Segment {
|
|
|
28991
29012
|
}
|
|
28992
29013
|
render() {
|
|
28993
29014
|
const mode = getIonMode$1(this);
|
|
28994
|
-
return (hAsync(Host, { key: '
|
|
29015
|
+
return (hAsync(Host, { key: 'f1f7103b4c298e037df850ac809a1a7c6e9987a7', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
28995
29016
|
[mode]: true,
|
|
28996
29017
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
28997
29018
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
28998
29019
|
'segment-activated': this.activated,
|
|
28999
29020
|
'segment-disabled': this.disabled,
|
|
29000
29021
|
'segment-scrollable': this.scrollable,
|
|
29001
|
-
}) }, hAsync("slot", { key: '
|
|
29022
|
+
}) }, hAsync("slot", { key: '6efdb318b13da8d21687084aa0761728fdf12579', onSlotchange: this.onSlottedItemsChange })));
|
|
29002
29023
|
}
|
|
29003
29024
|
get el() { return getElement(this); }
|
|
29004
29025
|
static get watchers() { return {
|
|
@@ -29108,7 +29129,7 @@ class SegmentButton {
|
|
|
29108
29129
|
const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
|
|
29109
29130
|
const mode = getIonMode$1(this);
|
|
29110
29131
|
const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
|
|
29111
|
-
return (hAsync(Host, { key: '
|
|
29132
|
+
return (hAsync(Host, { key: '70cf5c7a3ae2620222c5250c644faf3cfc3b3e4e', class: {
|
|
29112
29133
|
[mode]: true,
|
|
29113
29134
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
29114
29135
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
@@ -29124,10 +29145,10 @@ class SegmentButton {
|
|
|
29124
29145
|
'ion-activatable': true,
|
|
29125
29146
|
'ion-activatable-instant': true,
|
|
29126
29147
|
'ion-focusable': true,
|
|
29127
|
-
} }, hAsync("button", Object.assign({ key: '
|
|
29148
|
+
} }, 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: {
|
|
29128
29149
|
'segment-button-indicator': true,
|
|
29129
29150
|
'segment-button-indicator-animated': true,
|
|
29130
|
-
} }, hAsync("div", { key: '
|
|
29151
|
+
} }, hAsync("div", { key: '65c72a151080998c1e548c87d4d4ebd5c7dda72f', part: "indicator-background", class: "segment-button-indicator-background" }))));
|
|
29131
29152
|
}
|
|
29132
29153
|
get el() { return getElement(this); }
|
|
29133
29154
|
static get watchers() { return {
|
|
@@ -29739,7 +29760,7 @@ class Select {
|
|
|
29739
29760
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
29740
29761
|
*/
|
|
29741
29762
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || isExpanded || hasStartEndSlots));
|
|
29742
|
-
return (hAsync(Host, { key: '
|
|
29763
|
+
return (hAsync(Host, { key: '73c571c1f8468e1c3f4fe02fbbb33ba9cbc8e989', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
29743
29764
|
[mode]: true,
|
|
29744
29765
|
'in-item': inItem,
|
|
29745
29766
|
'in-item-color': hostContext('ion-item.ion-color', el),
|
|
@@ -29755,7 +29776,7 @@ class Select {
|
|
|
29755
29776
|
[`select-justify-${justify}`]: justifyEnabled,
|
|
29756
29777
|
[`select-shape-${shape}`]: shape !== undefined,
|
|
29757
29778
|
[`select-label-placement-${labelPlacement}`]: true,
|
|
29758
|
-
}) }, hAsync("label", { key: '
|
|
29779
|
+
}) }, 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" }))));
|
|
29759
29780
|
}
|
|
29760
29781
|
get el() { return getElement(this); }
|
|
29761
29782
|
static get watchers() { return {
|
|
@@ -29846,7 +29867,7 @@ class SelectOption {
|
|
|
29846
29867
|
this.value = undefined;
|
|
29847
29868
|
}
|
|
29848
29869
|
render() {
|
|
29849
|
-
return hAsync(Host, { key: '
|
|
29870
|
+
return hAsync(Host, { key: 'ba5a9c695c53fe0802af11a49f4305a9b8f71773', role: "option", id: this.inputId, class: getIonMode$1(this) });
|
|
29850
29871
|
}
|
|
29851
29872
|
get el() { return getElement(this); }
|
|
29852
29873
|
static get style() { return IonSelectOptionStyle0; }
|
|
@@ -29966,7 +29987,7 @@ class SelectPopover {
|
|
|
29966
29987
|
render() {
|
|
29967
29988
|
const { header, message, options, subHeader } = this;
|
|
29968
29989
|
const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
|
|
29969
|
-
return (hAsync(Host, { key: '
|
|
29990
|
+
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))));
|
|
29970
29991
|
}
|
|
29971
29992
|
get el() { return getElement(this); }
|
|
29972
29993
|
static get style() { return {
|
|
@@ -30014,11 +30035,11 @@ class SkeletonText {
|
|
|
30014
30035
|
const animated = this.animated && config.getBoolean('animated', true);
|
|
30015
30036
|
const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
|
|
30016
30037
|
const mode = getIonMode$1(this);
|
|
30017
|
-
return (hAsync(Host, { key: '
|
|
30038
|
+
return (hAsync(Host, { key: '1a3e78e9a6f740d609d1f0b7a16cb6eff4a2d617', class: {
|
|
30018
30039
|
[mode]: true,
|
|
30019
30040
|
'skeleton-text-animated': animated,
|
|
30020
30041
|
'in-media': inMedia,
|
|
30021
|
-
} }, hAsync("span", { key: '
|
|
30042
|
+
} }, hAsync("span", { key: 'be3eabe196ec6e8ec19857375ba30f4c8aa58e7f' }, "\u00A0")));
|
|
30022
30043
|
}
|
|
30023
30044
|
get el() { return getElement(this); }
|
|
30024
30045
|
static get style() { return IonSkeletonTextStyle0; }
|
|
@@ -30071,7 +30092,7 @@ class Spinner {
|
|
|
30071
30092
|
svgs.push(buildLine(spinner, duration, i, spinner.lines));
|
|
30072
30093
|
}
|
|
30073
30094
|
}
|
|
30074
|
-
return (hAsync(Host, { key: '
|
|
30095
|
+
return (hAsync(Host, { key: '50cbaed55eeab15292447d106a80b93db4cb40de', class: createColorClasses$1(self.color, {
|
|
30075
30096
|
[mode]: true,
|
|
30076
30097
|
[`spinner-${spinnerName}`]: true,
|
|
30077
30098
|
'spinner-paused': self.paused || config.getBoolean('_testing'),
|
|
@@ -30171,12 +30192,12 @@ class SplitPane {
|
|
|
30171
30192
|
}
|
|
30172
30193
|
render() {
|
|
30173
30194
|
const mode = getIonMode$1(this);
|
|
30174
|
-
return (hAsync(Host, { key: '
|
|
30195
|
+
return (hAsync(Host, { key: 'd54c356cd4bff7e55325160882dea8249f47f388', class: {
|
|
30175
30196
|
[mode]: true,
|
|
30176
30197
|
// Used internally for styling
|
|
30177
30198
|
[`split-pane-${mode}`]: true,
|
|
30178
30199
|
'split-pane-visible': this.visible,
|
|
30179
|
-
} }, hAsync("slot", { key: '
|
|
30200
|
+
} }, hAsync("slot", { key: 'af62690d0fd686cfbd29d888c79eda9001f13e2f' })));
|
|
30180
30201
|
}
|
|
30181
30202
|
get el() { return getElement(this); }
|
|
30182
30203
|
static get watchers() { return {
|
|
@@ -30245,10 +30266,10 @@ class Tab {
|
|
|
30245
30266
|
}
|
|
30246
30267
|
render() {
|
|
30247
30268
|
const { tab, active, component } = this;
|
|
30248
|
-
return (hAsync(Host, { key: '
|
|
30269
|
+
return (hAsync(Host, { key: '46d5498418f5379861c3d7465e8021dec45f1200', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
30249
30270
|
'ion-page': component === undefined,
|
|
30250
30271
|
'tab-hidden': !active,
|
|
30251
|
-
} }, hAsync("slot", { key: '
|
|
30272
|
+
} }, hAsync("slot", { key: 'b45045dccb87dfe75e3f5a5a474bb48b6c98e922' })));
|
|
30252
30273
|
}
|
|
30253
30274
|
get el() { return getElement(this); }
|
|
30254
30275
|
static get watchers() { return {
|
|
@@ -30326,11 +30347,11 @@ class TabBar {
|
|
|
30326
30347
|
const { color, translucent, keyboardVisible } = this;
|
|
30327
30348
|
const mode = getIonMode$1(this);
|
|
30328
30349
|
const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
|
|
30329
|
-
return (hAsync(Host, { key: '
|
|
30350
|
+
return (hAsync(Host, { key: '3a8595dd83f89e8319471a7a7f9f64b2565b384c', role: "tablist", "aria-hidden": shouldHide ? 'true' : null, class: createColorClasses$1(color, {
|
|
30330
30351
|
[mode]: true,
|
|
30331
30352
|
'tab-bar-translucent': translucent,
|
|
30332
30353
|
'tab-bar-hidden': shouldHide,
|
|
30333
|
-
}) }, hAsync("slot", { key: '
|
|
30354
|
+
}) }, hAsync("slot", { key: '8b65eceb922f6abfa15f41046261586fb94b981f' })));
|
|
30334
30355
|
}
|
|
30335
30356
|
get el() { return getElement(this); }
|
|
30336
30357
|
static get watchers() { return {
|
|
@@ -30428,7 +30449,7 @@ class TabButton {
|
|
|
30428
30449
|
rel,
|
|
30429
30450
|
target,
|
|
30430
30451
|
};
|
|
30431
|
-
return (hAsync(Host, { key: '
|
|
30452
|
+
return (hAsync(Host, { key: '4b528ce31f67e10ad849e0c99bd034bba675c227', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
30432
30453
|
[mode]: true,
|
|
30433
30454
|
'tab-selected': selected,
|
|
30434
30455
|
'tab-disabled': disabled,
|
|
@@ -30440,7 +30461,7 @@ class TabButton {
|
|
|
30440
30461
|
'ion-activatable': true,
|
|
30441
30462
|
'ion-selectable': true,
|
|
30442
30463
|
'ion-focusable': true,
|
|
30443
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
30464
|
+
} }, 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" }))));
|
|
30444
30465
|
}
|
|
30445
30466
|
get el() { return getElement(this); }
|
|
30446
30467
|
static get style() { return {
|
|
@@ -30616,7 +30637,7 @@ class Tabs {
|
|
|
30616
30637
|
return Array.from(this.el.querySelectorAll('ion-tab'));
|
|
30617
30638
|
}
|
|
30618
30639
|
render() {
|
|
30619
|
-
return (hAsync(Host, { key: '
|
|
30640
|
+
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" })));
|
|
30620
30641
|
}
|
|
30621
30642
|
get el() { return getElement(this); }
|
|
30622
30643
|
static get style() { return IonTabsStyle0; }
|
|
@@ -30658,9 +30679,9 @@ class Text {
|
|
|
30658
30679
|
}
|
|
30659
30680
|
render() {
|
|
30660
30681
|
const mode = getIonMode$1(this);
|
|
30661
|
-
return (hAsync(Host, { key: '
|
|
30682
|
+
return (hAsync(Host, { key: '4b76333b1ea5cab134b9dc1f5670c0d5a253fc32', class: createColorClasses$1(this.color, {
|
|
30662
30683
|
[mode]: true,
|
|
30663
|
-
}) }, hAsync("slot", { key: '
|
|
30684
|
+
}) }, hAsync("slot", { key: '3dee5f16bc58b3d92547d910bd4f441a00ce2039' })));
|
|
30664
30685
|
}
|
|
30665
30686
|
static get style() { return IonTextStyle0; }
|
|
30666
30687
|
static get cmpMeta() { return {
|
|
@@ -31027,7 +31048,7 @@ class Textarea {
|
|
|
31027
31048
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
31028
31049
|
*/
|
|
31029
31050
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
31030
|
-
return (hAsync(Host, { key: '
|
|
31051
|
+
return (hAsync(Host, { key: '37595a18d77dea1a337ac1c672e5f08a4128111d', class: createColorClasses$1(this.color, {
|
|
31031
31052
|
[mode]: true,
|
|
31032
31053
|
'has-value': hasValue,
|
|
31033
31054
|
'has-focus': hasFocus,
|
|
@@ -31036,7 +31057,7 @@ class Textarea {
|
|
|
31036
31057
|
[`textarea-shape-${shape}`]: shape !== undefined,
|
|
31037
31058
|
[`textarea-label-placement-${labelPlacement}`]: true,
|
|
31038
31059
|
'textarea-disabled': disabled,
|
|
31039
|
-
}) }, hAsync("label", { key: '
|
|
31060
|
+
}) }, 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()));
|
|
31040
31061
|
}
|
|
31041
31062
|
get el() { return getElement(this); }
|
|
31042
31063
|
static get watchers() { return {
|
|
@@ -31098,7 +31119,7 @@ class Thumbnail {
|
|
|
31098
31119
|
registerInstance(this, hostRef);
|
|
31099
31120
|
}
|
|
31100
31121
|
render() {
|
|
31101
|
-
return (hAsync(Host, { key: '
|
|
31122
|
+
return (hAsync(Host, { key: 'ea55000055f941b0c79561e8934be6242ec8e114', class: getIonMode$1(this) }, hAsync("slot", { key: 'a4f934f442797f5c66a77e0ef8920fdd07c204f2' })));
|
|
31102
31123
|
}
|
|
31103
31124
|
static get style() { return IonThumbnailStyle0; }
|
|
31104
31125
|
static get cmpMeta() { return {
|
|
@@ -31934,9 +31955,9 @@ class Toast {
|
|
|
31934
31955
|
if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
|
|
31935
31956
|
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);
|
|
31936
31957
|
}
|
|
31937
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
31958
|
+
return (hAsync(Host, Object.assign({ key: '68c336f80af04ba484ca9899bae8f40c0d9b7691', tabindex: "-1" }, this.htmlAttributes, { style: {
|
|
31938
31959
|
zIndex: `${60000 + this.overlayIndex}`,
|
|
31939
|
-
}, class: createColorClasses$1(this.color, Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent })), onIonToastWillDismiss: this.dispatchCancelHandler }), hAsync("div", { key: '
|
|
31960
|
+
}, 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')))));
|
|
31940
31961
|
}
|
|
31941
31962
|
get el() { return getElement(this); }
|
|
31942
31963
|
static get watchers() { return {
|
|
@@ -32156,7 +32177,7 @@ class Toggle {
|
|
|
32156
32177
|
const value = this.getValue();
|
|
32157
32178
|
const rtl = isRTL$1(el) ? 'rtl' : 'ltr';
|
|
32158
32179
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
32159
|
-
return (hAsync(Host, { key: '
|
|
32180
|
+
return (hAsync(Host, { key: '8f024fb0fbc2d4442be0574b03450426e8e4fc9e', onClick: this.onClick, class: createColorClasses$1(color, {
|
|
32160
32181
|
[mode]: true,
|
|
32161
32182
|
'in-item': hostContext('ion-item', el),
|
|
32162
32183
|
'toggle-activated': activated,
|
|
@@ -32166,10 +32187,10 @@ class Toggle {
|
|
|
32166
32187
|
[`toggle-alignment-${alignment}`]: alignment !== undefined,
|
|
32167
32188
|
[`toggle-label-placement-${labelPlacement}`]: true,
|
|
32168
32189
|
[`toggle-${rtl}`]: true,
|
|
32169
|
-
}) }, hAsync("label", { key: '
|
|
32190
|
+
}) }, 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: {
|
|
32170
32191
|
'label-text-wrapper': true,
|
|
32171
32192
|
'label-text-wrapper-hidden': !this.hasLabel,
|
|
32172
|
-
}, part: "label" }, hAsync("slot", { key: '
|
|
32193
|
+
}, part: "label" }, hAsync("slot", { key: '7a6ea9515d454d80615f0622f361c5f91b41345c' })), hAsync("div", { key: '6d3670b81b8f809092c98b3f3b8e483ddf6a7cac', class: "native-wrapper" }, this.renderToggleControl()))));
|
|
32173
32194
|
}
|
|
32174
32195
|
get el() { return getElement(this); }
|
|
32175
32196
|
static get watchers() { return {
|
|
@@ -32273,10 +32294,10 @@ class Toolbar {
|
|
|
32273
32294
|
this.childrenStyles.forEach((value) => {
|
|
32274
32295
|
Object.assign(childStyles, value);
|
|
32275
32296
|
});
|
|
32276
|
-
return (hAsync(Host, { key: '
|
|
32297
|
+
return (hAsync(Host, { key: '4bb3a55001408a3bdf033af76b9196cb96c07c09', class: Object.assign(Object.assign({}, childStyles), createColorClasses$1(this.color, {
|
|
32277
32298
|
[mode]: true,
|
|
32278
32299
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
32279
|
-
})) }, hAsync("div", { key: '
|
|
32300
|
+
})) }, 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" }))));
|
|
32280
32301
|
}
|
|
32281
32302
|
get el() { return getElement(this); }
|
|
32282
32303
|
static get style() { return {
|
|
@@ -32326,11 +32347,11 @@ class ToolbarTitle {
|
|
|
32326
32347
|
render() {
|
|
32327
32348
|
const mode = getIonMode$1(this);
|
|
32328
32349
|
const size = this.getSize();
|
|
32329
|
-
return (hAsync(Host, { key: '
|
|
32350
|
+
return (hAsync(Host, { key: '5a58dc437a6f4257244bbdd7e9a682a17d8c9a6b', class: createColorClasses$1(this.color, {
|
|
32330
32351
|
[mode]: true,
|
|
32331
32352
|
[`title-${size}`]: true,
|
|
32332
32353
|
'title-rtl': document.dir === 'rtl',
|
|
32333
|
-
}) }, hAsync("div", { key: '
|
|
32354
|
+
}) }, hAsync("div", { key: '58682ea7b8f47a08adfad419b5c76b34784c6501', class: "toolbar-title" }, hAsync("slot", { key: '8a9248534e4c3076f5e2dfda38ef86069796851c' }))));
|
|
32334
32355
|
}
|
|
32335
32356
|
get el() { return getElement(this); }
|
|
32336
32357
|
static get watchers() { return {
|