@ionic/core 8.8.20-dev.11788449221.155f9f1e → 8.8.20-dev.11789504012.1a675914
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/ion-accordion.js +1 -1
- package/components/ion-action-sheet.js +1 -1
- package/components/ion-alert.js +1 -1
- package/components/ion-back-button.js +1 -1
- package/components/ion-breadcrumb.js +1 -1
- package/components/ion-button.js +1 -1
- package/components/ion-card.js +1 -1
- package/components/ion-checkbox.js +1 -1
- package/components/ion-chip.js +1 -1
- package/components/ion-col.js +1 -1
- package/components/ion-content.js +1 -1
- package/components/ion-datetime-button.js +1 -1
- package/components/ion-datetime.js +1 -1
- package/components/ion-divider.js +1 -1
- package/components/ion-fab-button.js +1 -1
- package/components/ion-fab-list.js +1 -1
- package/components/ion-fab.js +1 -1
- package/components/ion-footer.js +1 -1
- package/components/ion-gallery-item.js +1 -1
- package/components/ion-gallery.js +1 -1
- package/components/ion-grid.js +1 -1
- package/components/ion-header.js +1 -1
- package/components/ion-img.js +1 -1
- package/components/ion-infinite-scroll-content.js +1 -1
- package/components/ion-infinite-scroll.js +1 -1
- package/components/ion-input-otp.js +1 -1
- package/components/ion-input-password-toggle.js +1 -1
- package/components/ion-input.js +1 -1
- package/components/ion-item-divider.js +1 -1
- package/components/ion-item-group.js +1 -1
- package/components/ion-item-option.js +1 -1
- package/components/ion-item-options.js +1 -1
- package/components/ion-item-sliding.js +1 -1
- package/components/ion-item.js +1 -1
- package/components/ion-label.js +1 -1
- package/components/ion-list-header.js +1 -1
- package/components/ion-list.js +1 -1
- package/components/ion-loading.js +1 -1
- package/components/ion-menu-button.js +1 -1
- package/components/ion-menu-toggle.js +1 -1
- package/components/ion-menu.js +1 -1
- package/components/ion-modal.js +1 -1
- package/components/ion-nav-link.js +1 -1
- package/components/ion-nav.js +1 -1
- package/components/ion-note.js +1 -1
- package/components/ion-picker-column-option.js +1 -1
- package/components/ion-picker-column.js +1 -1
- package/components/ion-picker-legacy-column.js +1 -1
- package/components/ion-picker-legacy.js +1 -1
- package/components/ion-picker.js +1 -1
- package/components/ion-popover.js +1 -1
- package/components/ion-progress-bar.js +1 -1
- package/components/ion-radio-group.js +1 -1
- package/components/ion-radio.js +1 -1
- package/components/ion-range.js +1 -1
- 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-ripple-effect.js +1 -1
- package/components/ion-router-link.js +1 -1
- package/components/ion-router-outlet.js +1 -1
- package/components/ion-row.js +1 -1
- package/components/ion-searchbar.js +1 -1
- package/components/ion-segment-button.js +1 -1
- package/components/ion-segment-content.js +1 -1
- package/components/ion-segment-view.js +1 -1
- package/components/ion-segment.js +1 -1
- package/components/ion-select-modal.js +1 -1
- package/components/ion-select-option.js +1 -1
- package/components/ion-select-popover.js +1 -1
- package/components/ion-select.js +1 -1
- package/components/ion-skeleton-text.js +1 -1
- package/components/ion-spinner.js +1 -1
- package/components/ion-split-pane.js +1 -1
- package/components/ion-tab-bar.js +1 -1
- package/components/ion-tab-button.js +1 -1
- package/components/ion-tab.js +1 -1
- package/components/ion-tabs.js +1 -1
- package/components/ion-text.js +1 -1
- package/components/ion-textarea.js +1 -1
- package/components/ion-thumbnail.js +1 -1
- package/components/ion-title.js +1 -1
- package/components/ion-toast.js +1 -1
- package/components/ion-toggle.js +1 -1
- package/components/ion-toolbar.js +1 -1
- package/components/p-0MMiHJhx.js +4 -0
- package/components/{p-Cc3oC60a.js → p-0rXxxCTt.js} +1 -1
- package/components/{p-D6zl6ZA8.js → p-BXXTyrCp.js} +1 -1
- package/components/{p-D2tZEPGv.js → p-BZxBDeEU.js} +1 -1
- package/components/{p-DkfVuzjA.js → p-BcWO94Sl.js} +1 -1
- package/components/{p-BrF4HSay.js → p-Br6q6Rgq.js} +1 -1
- package/components/{p-CaXMr1SL.js → p-C-cw-bM-.js} +1 -1
- package/components/{p-B_a4XnF2.js → p-C2J-Hvv3.js} +1 -1
- package/components/{p-CHB9zWT6.js → p-C5Bnq_Hm.js} +1 -1
- package/components/{p-CxoHM559.js → p-C5JYXyPD.js} +1 -1
- package/components/{p-DNweMi32.js → p-C898H5L0.js} +1 -1
- package/components/{p-B39i6rpY.js → p-C8kcgEG7.js} +1 -1
- package/components/{p-BLP69XoA.js → p-CH8ypgvS.js} +1 -1
- package/components/{p-C1L59jNd.js → p-CMtmHGrE.js} +1 -1
- package/components/{p-C784We0w.js → p-CNlz8OTE.js} +1 -1
- package/components/p-CToV3-ig.js +4 -0
- package/components/p-CV7PNBGr.js +4 -0
- package/components/p-CgbD1udy.js +4 -0
- package/components/p-ClTdIlic.js +4 -0
- package/components/{p-Bs5kME4N.js → p-Dh1f5tAK.js} +1 -1
- package/components/{p-CWqLCAML.js → p-DqkLOArC.js} +1 -1
- package/components/{p-BUePQFRZ.js → p-WeNgVmOy.js} +1 -1
- package/components/p-eRqVSlkn.js +4 -0
- package/components/{p-Ds3yn-R0.js → p-fUXE2zLc.js} +1 -1
- package/components/p-pztWcmzj.js +4 -0
- package/dist/cjs/ion-accordion_2.cjs.entry.js +9 -13
- package/dist/cjs/ion-app_8.cjs.entry.js +12 -12
- package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-back-button.cjs.entry.js +10 -11
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +16 -27
- package/dist/cjs/ion-checkbox.cjs.entry.js +22 -14
- package/dist/cjs/ion-chip.cjs.entry.js +2 -2
- package/dist/cjs/ion-col_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-datetime-button.cjs.entry.js +2 -2
- package/dist/cjs/ion-datetime_3.cjs.entry.js +16 -48
- package/dist/cjs/ion-divider.cjs.entry.js +2 -2
- package/dist/cjs/ion-fab_3.cjs.entry.js +13 -17
- package/dist/cjs/ion-gallery-item.cjs.entry.js +2 -2
- package/dist/cjs/ion-gallery.cjs.entry.js +2 -2
- package/dist/cjs/ion-img.cjs.entry.js +2 -2
- package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-input-otp.cjs.entry.js +3 -3
- package/dist/cjs/ion-input-password-toggle.cjs.entry.js +17 -27
- package/dist/cjs/ion-input.cjs.entry.js +6 -13
- package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-item_8.cjs.entry.js +22 -26
- package/dist/cjs/ion-loading.cjs.entry.js +2 -2
- package/dist/cjs/ion-menu_3.cjs.entry.js +13 -15
- 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 +5 -5
- package/dist/cjs/ion-range.cjs.entry.js +3 -3
- package/dist/cjs/ion-refresher_2.cjs.entry.js +11 -6
- package/dist/cjs/ion-reorder_2.cjs.entry.js +6 -13
- 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 +8 -34
- package/dist/cjs/ion-segment-content.cjs.entry.js +1 -1
- package/dist/cjs/ion-segment-view.cjs.entry.js +2 -2
- package/dist/cjs/ion-segment_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-select-modal.cjs.entry.js +9 -8
- package/dist/cjs/ion-select_3.cjs.entry.js +10 -23
- 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 +3 -3
- package/dist/cjs/ion-toast.cjs.entry.js +2 -2
- package/dist/cjs/ion-toggle.cjs.entry.js +12 -27
- package/dist/cjs/ionic.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/accordion/accordion.js +9 -13
- package/dist/collection/components/back-button/back-button.js +10 -11
- package/dist/collection/components/breadcrumb/breadcrumb.js +16 -26
- package/dist/collection/components/checkbox/checkbox.ionic.css +33 -40
- package/dist/collection/components/checkbox/checkbox.ios.css +30 -24
- package/dist/collection/components/checkbox/checkbox.js +22 -12
- package/dist/collection/components/checkbox/checkbox.md.css +30 -24
- 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 +12 -44
- package/dist/collection/components/datetime-button/datetime-button.js +2 -2
- package/dist/collection/components/divider/divider.js +2 -2
- package/dist/collection/components/fab/fab.js +2 -2
- package/dist/collection/components/fab-button/fab-button.js +9 -13
- package/dist/collection/components/fab-list/fab-list.js +2 -2
- package/dist/collection/components/footer/footer.js +2 -2
- package/dist/collection/components/gallery/gallery.js +2 -2
- package/dist/collection/components/gallery-item/gallery-item.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 +2 -2
- 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 +6 -13
- package/dist/collection/components/input-otp/input-otp.js +3 -3
- package/dist/collection/components/input-password-toggle/input-password-toggle.js +18 -26
- package/dist/collection/components/item/item.js +10 -14
- 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 +9 -11
- 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 +2 -2
- 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 +10 -4
- package/dist/collection/components/reorder/reorder.js +5 -12
- 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 +2 -2
- package/dist/collection/components/searchbar/searchbar.js +8 -32
- package/dist/collection/components/segment/segment.js +2 -2
- package/dist/collection/components/segment-button/segment-button.js +2 -2
- package/dist/collection/components/segment-content/segment-content.js +1 -1
- package/dist/collection/components/segment-view/segment-view.js +2 -2
- package/dist/collection/components/select/select.js +7 -20
- package/dist/collection/components/select-modal/select-modal.js +10 -8
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/select-popover/select-popover.js +2 -2
- 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 +3 -3
- package/dist/collection/components/thumbnail/thumbnail.js +2 -2
- 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 +12 -25
- package/dist/collection/components/toolbar/toolbar.js +2 -2
- package/dist/docs.json +23 -10
- package/dist/esm/{index-B4Kq2YNk.js → index-PnwG0glX.js} +1 -1
- package/dist/esm/ion-accordion_2.entry.js +10 -14
- package/dist/esm/ion-app_8.entry.js +12 -12
- package/dist/esm/ion-avatar_3.entry.js +2 -2
- package/dist/esm/ion-back-button.entry.js +11 -12
- package/dist/esm/ion-breadcrumb_2.entry.js +17 -28
- package/dist/esm/ion-checkbox.entry.js +23 -15
- package/dist/esm/ion-chip.entry.js +2 -2
- package/dist/esm/ion-col_3.entry.js +6 -6
- package/dist/esm/ion-datetime-button.entry.js +2 -2
- package/dist/esm/ion-datetime_3.entry.js +17 -49
- package/dist/esm/ion-divider.entry.js +2 -2
- package/dist/esm/ion-fab_3.entry.js +14 -18
- package/dist/esm/ion-gallery-item.entry.js +2 -2
- package/dist/esm/ion-gallery.entry.js +2 -2
- package/dist/esm/ion-img.entry.js +2 -2
- package/dist/esm/ion-infinite-scroll_2.entry.js +3 -3
- package/dist/esm/ion-input-otp.entry.js +3 -3
- package/dist/esm/ion-input-password-toggle.entry.js +19 -29
- package/dist/esm/ion-input.entry.js +7 -14
- package/dist/esm/ion-item-option_3.entry.js +4 -4
- package/dist/esm/ion-item_8.entry.js +23 -27
- package/dist/esm/ion-loading.entry.js +2 -2
- package/dist/esm/ion-menu_3.entry.js +14 -16
- 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 +5 -5
- package/dist/esm/ion-range.entry.js +3 -3
- package/dist/esm/ion-refresher_2.entry.js +12 -7
- package/dist/esm/ion-reorder_2.entry.js +7 -14
- 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 +9 -35
- package/dist/esm/ion-segment-content.entry.js +1 -1
- package/dist/esm/ion-segment-view.entry.js +2 -2
- package/dist/esm/ion-segment_2.entry.js +4 -4
- package/dist/esm/ion-select-modal.entry.js +11 -10
- package/dist/esm/ion-select_3.entry.js +11 -24
- 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 +3 -3
- package/dist/esm/ion-toast.entry.js +2 -2
- package/dist/esm/ion-toggle.entry.js +13 -28
- package/dist/esm/ionic.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-2e0184c0.entry.js → p-0115c2fa.entry.js} +1 -1
- package/dist/ionic/p-0b2c58e0.entry.js +4 -0
- package/dist/ionic/{p-fc726f4a.entry.js → p-0bfb8d9e.entry.js} +1 -1
- package/dist/ionic/{p-68e453f7.entry.js → p-1147fa06.entry.js} +1 -1
- package/dist/ionic/{p-c4ed1e18.entry.js → p-1e45586e.entry.js} +1 -1
- package/dist/ionic/p-208cecae.entry.js +4 -0
- package/dist/ionic/p-29f69d29.entry.js +4 -0
- package/dist/ionic/{p-d9ac7a0d.entry.js → p-2b5e04c5.entry.js} +1 -1
- package/dist/ionic/{p-31a0c9c2.entry.js → p-311ef139.entry.js} +1 -1
- package/dist/ionic/{p-1ce65194.entry.js → p-3eff3411.entry.js} +1 -1
- package/dist/ionic/p-3f17704b.entry.js +4 -0
- package/dist/ionic/p-46e754ae.entry.js +4 -0
- package/dist/ionic/{p-b4901bce.entry.js → p-4901a10b.entry.js} +1 -1
- package/dist/ionic/{p-1b473bad.entry.js → p-4c8178d8.entry.js} +1 -1
- package/dist/ionic/p-5196bee9.entry.js +4 -0
- package/dist/ionic/{p-c4ebdfd2.entry.js → p-5386b094.entry.js} +1 -1
- package/dist/ionic/{p-2365483a.entry.js → p-54579b68.entry.js} +1 -1
- package/dist/ionic/{p-ff74cf5d.entry.js → p-54baa1af.entry.js} +1 -1
- package/dist/ionic/{p-2bf60b77.entry.js → p-59e59209.entry.js} +1 -1
- package/dist/ionic/p-5ad0c670.entry.js +4 -0
- package/dist/ionic/{p-9db78e5c.entry.js → p-62602fbd.entry.js} +1 -1
- package/dist/ionic/{p-316eed75.entry.js → p-6b86cb62.entry.js} +1 -1
- package/dist/ionic/p-7134537b.entry.js +4 -0
- package/dist/ionic/p-72eacca0.entry.js +4 -0
- package/dist/ionic/{p-296226f1.entry.js → p-7ae06f6f.entry.js} +1 -1
- package/dist/ionic/p-7bde9ee1.entry.js +4 -0
- package/dist/ionic/p-87ab986c.entry.js +4 -0
- package/dist/ionic/{p-8303462c.entry.js → p-9dff6288.entry.js} +1 -1
- package/dist/ionic/p-9e09cb80.entry.js +4 -0
- package/dist/ionic/{p-B4Kq2YNk.js → p-PnwG0glX.js} +1 -1
- package/dist/ionic/p-a320cdb2.entry.js +4 -0
- package/dist/ionic/{p-731d11e1.entry.js → p-a4bed36b.entry.js} +1 -1
- package/dist/ionic/{p-75c7595c.entry.js → p-a7914fe5.entry.js} +1 -1
- package/dist/ionic/p-aa298c58.entry.js +4 -0
- package/dist/ionic/{p-be06def7.entry.js → p-ace3062d.entry.js} +1 -1
- package/dist/ionic/{p-ddc41dbb.entry.js → p-b70775b0.entry.js} +1 -1
- package/dist/ionic/{p-2016c1c0.entry.js → p-b7c75507.entry.js} +1 -1
- package/dist/ionic/p-b920f149.entry.js +4 -0
- package/dist/ionic/p-c39025c0.entry.js +4 -0
- package/dist/ionic/{p-2e1d650a.entry.js → p-c9cda5ce.entry.js} +1 -1
- package/dist/ionic/{p-f6768728.entry.js → p-cc314123.entry.js} +1 -1
- package/dist/ionic/p-d1f42864.entry.js +4 -0
- package/dist/ionic/p-d4506138.entry.js +4 -0
- package/dist/ionic/{p-f0968c91.entry.js → p-dbd06d8d.entry.js} +1 -1
- package/dist/ionic/{p-a9df0ccf.entry.js → p-dda49380.entry.js} +1 -1
- package/dist/ionic/{p-5dedd699.entry.js → p-e95618c4.entry.js} +1 -1
- package/dist/ionic/{p-b25f3aba.entry.js → p-f89fcf62.entry.js} +1 -1
- package/dist/ionic/p-fcce2dda.entry.js +4 -0
- package/dist/ionic/p-fd2a869f.entry.js +4 -0
- package/dist/ionic/{p-bb7bb4fd.entry.js → p-fd95a423.entry.js} +1 -1
- package/dist/ionic/{p-7cbf17f0.entry.js → p-fe14205b.entry.js} +1 -1
- package/dist/types/components/accordion/accordion.d.ts +6 -0
- package/dist/types/components/back-button/back-button.d.ts +6 -0
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +10 -0
- package/dist/types/components/checkbox/checkbox.d.ts +12 -1
- package/dist/types/components/datetime/datetime.d.ts +4 -4
- package/dist/types/components/fab-button/fab-button.d.ts +6 -0
- package/dist/types/components/input-password-toggle/input-password-toggle.d.ts +12 -0
- package/dist/types/components/item/item.d.ts +6 -0
- package/dist/types/components/menu-button/menu-button.d.ts +5 -0
- package/dist/types/components/refresher-content/refresher-content.d.ts +6 -0
- package/dist/types/components/reorder/reorder.d.ts +1 -1
- package/dist/types/components/select-modal/select-modal.d.ts +5 -0
- package/dist/types/components/toggle/toggle.d.ts +5 -2
- package/dist/types/utils/config.d.ts +19 -0
- package/hydrate/index.js +297 -415
- package/hydrate/index.mjs +297 -415
- package/package.json +1 -2
- package/components/p-BDqjX7Z_.js +0 -4
- package/components/p-BYSs-jZz.js +0 -4
- package/components/p-BnQAsi91.js +0 -4
- package/components/p-C5F5Zw01.js +0 -4
- package/components/p-CA81qANP.js +0 -4
- package/components/p-CJNsztW3.js +0 -4
- package/components/p-CaB0_AG0.js +0 -4
- package/components/p-D1t981Ih.js +0 -4
- package/components/p-Dhi5xtNS.js +0 -4
- package/components/p-VrmyB-Wu.js +0 -4
- package/components/p-fIOYmaqA.js +0 -4
- package/components/p-vUGYs065.js +0 -4
- package/dist/cjs/caret-down-vtVgfXIs.js +0 -8
- package/dist/cjs/caret-left-CxZXLRv5.js +0 -8
- package/dist/cjs/caret-right-CRCgv98E.js +0 -8
- package/dist/cjs/list-a-7GSA6K.js +0 -8
- package/dist/cjs/x-BTF99yFH.js +0 -8
- package/dist/esm/caret-down-D1t981Ih.js +0 -6
- package/dist/esm/caret-left-fIOYmaqA.js +0 -6
- package/dist/esm/caret-right-BYSs-jZz.js +0 -6
- package/dist/esm/list-Dhi5xtNS.js +0 -6
- package/dist/esm/x-BDqjX7Z_.js +0 -6
- package/dist/ionic/p-0166d6e5.entry.js +0 -4
- package/dist/ionic/p-0a0a66e2.entry.js +0 -4
- package/dist/ionic/p-0c636ad3.entry.js +0 -4
- package/dist/ionic/p-126031d2.entry.js +0 -4
- package/dist/ionic/p-1a609156.entry.js +0 -4
- package/dist/ionic/p-1c1c18da.entry.js +0 -4
- package/dist/ionic/p-2a54aec2.entry.js +0 -4
- package/dist/ionic/p-40a21a22.entry.js +0 -4
- package/dist/ionic/p-431bc3ce.entry.js +0 -4
- package/dist/ionic/p-51542c69.entry.js +0 -4
- package/dist/ionic/p-711ba315.entry.js +0 -4
- package/dist/ionic/p-76232f5f.entry.js +0 -4
- package/dist/ionic/p-BDqjX7Z_.js +0 -4
- package/dist/ionic/p-BYSs-jZz.js +0 -4
- package/dist/ionic/p-D1t981Ih.js +0 -4
- package/dist/ionic/p-Dhi5xtNS.js +0 -4
- package/dist/ionic/p-ac3af8af.entry.js +0 -4
- package/dist/ionic/p-b3da2cc7.entry.js +0 -4
- package/dist/ionic/p-b4533070.entry.js +0 -4
- package/dist/ionic/p-c0983eac.entry.js +0 -4
- package/dist/ionic/p-dc8a8505.entry.js +0 -4
- package/dist/ionic/p-df642ef5.entry.js +0 -4
- package/dist/ionic/p-e086f8c3.entry.js +0 -4
- package/dist/ionic/p-edd8f490.entry.js +0 -4
- package/dist/ionic/p-fIOYmaqA.js +0 -4
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, c as createEvent, e as config, f as printIonWarning, h, d as Host, g as getElement, i as forceUpdate } from './index-C0EQceqV.js';
|
|
5
|
-
import { c as caretDownSvg } from './caret-down-D1t981Ih.js';
|
|
6
5
|
import { E as ENABLE_HTML_CONTENT_DEFAULT } from './config-BwKpO3Is.js';
|
|
7
6
|
import { c as createNotchController } from './notch-controller-BYB7mUMg.js';
|
|
8
7
|
import { i as isOptionSelected, c as compareOptions } from './compare-with-utils-sObYyvOy.js';
|
|
@@ -13,7 +12,7 @@ import { i as isRTL } from './dir-o8OKV5aD.js';
|
|
|
13
12
|
import { r as reflectPropertiesToAttributes, a as sanitizeDOMTree } from './index-Mq5pCWmZ.js';
|
|
14
13
|
import { h as hostContext, c as createColorClasses, g as getClassMap } from './theme-DaJxRxSQ.js';
|
|
15
14
|
import { w as watchForOptions } from './watch-options-Dtdm8lKC.js';
|
|
16
|
-
import {
|
|
15
|
+
import { w as chevronExpand, p as caretDownSharp } from './index-PnwG0glX.js';
|
|
17
16
|
import { c as getIonTheme } from './ionic-global-BJDU78B6.js';
|
|
18
17
|
import { a as getOverlayLabelPlacement, g as getOverlayLabelJustify } from './overlay-control-label-CODBQrPj.js';
|
|
19
18
|
import { r as renderOptionLabel } from './select-option-render-BlKZ2H83.js';
|
|
@@ -865,15 +864,9 @@ const Select = class {
|
|
|
865
864
|
else if (this.toggleIcon != null) {
|
|
866
865
|
return this.toggleIcon;
|
|
867
866
|
}
|
|
868
|
-
// Determine the theme and map to default
|
|
867
|
+
// Determine the theme and map to the default icon
|
|
869
868
|
const theme = getIonTheme(this);
|
|
870
|
-
const
|
|
871
|
-
ios: chevronExpand,
|
|
872
|
-
ionic: caretDownSvg,
|
|
873
|
-
md: caretDownSharp,
|
|
874
|
-
};
|
|
875
|
-
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
876
|
-
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
869
|
+
const defaultIcon = theme === 'ios' ? chevronExpand : caretDownSharp;
|
|
877
870
|
// Return the configured select expanded icon or the default icon
|
|
878
871
|
return config.get('selectExpandedIcon', defaultIcon);
|
|
879
872
|
}
|
|
@@ -888,15 +881,9 @@ const Select = class {
|
|
|
888
881
|
if (this.toggleIcon) {
|
|
889
882
|
return this.toggleIcon;
|
|
890
883
|
}
|
|
891
|
-
// Determine the theme and map to default
|
|
884
|
+
// Determine the theme and map to the default icon
|
|
892
885
|
const theme = getIonTheme(this);
|
|
893
|
-
const
|
|
894
|
-
ios: chevronExpand,
|
|
895
|
-
ionic: caretDownSvg,
|
|
896
|
-
md: caretDownSharp,
|
|
897
|
-
};
|
|
898
|
-
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
899
|
-
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
886
|
+
const defaultIcon = theme === 'ios' ? chevronExpand : caretDownSharp;
|
|
900
887
|
return config.get('selectCollapsedIcon', defaultIcon);
|
|
901
888
|
}
|
|
902
889
|
getHintTextId() {
|
|
@@ -969,7 +956,7 @@ const Select = class {
|
|
|
969
956
|
*/
|
|
970
957
|
const labelShouldFloat = labelPlacement === 'stacked' ||
|
|
971
958
|
(labelPlacement === 'floating' && (hasValue || hasFocus || isExpanded || hasStartEndSlots));
|
|
972
|
-
return (h(Host, { key: '
|
|
959
|
+
return (h(Host, { key: '421ff485c68f19ae1a0002360fb844d64e26341b', onClick: this.onClick, class: createColorClasses(this.color, {
|
|
973
960
|
[theme]: true,
|
|
974
961
|
'in-item': inItem,
|
|
975
962
|
'in-item-color': hostContext('ion-item.ion-color', el),
|
|
@@ -988,7 +975,7 @@ const Select = class {
|
|
|
988
975
|
[`select-shape-${shape}`]: shape !== undefined,
|
|
989
976
|
[`select-label-placement-${labelPlacement}`]: true,
|
|
990
977
|
[`select-size-${size}`]: size !== undefined,
|
|
991
|
-
}) }, h("label", { key: '
|
|
978
|
+
}) }, h("label", { key: '3a3fa4c1cdac0bf4d8e1751df28d84cb98125db3', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: 'f4b74cf2fb4c844570c9c6a4856e4dae9fa08546', class: "select-wrapper-inner", part: "inner" },
|
|
992
979
|
/**
|
|
993
980
|
* For the ionic theme, we render the outline container here
|
|
994
981
|
* instead of higher up, so it can be positioned relative to
|
|
@@ -998,7 +985,7 @@ const Select = class {
|
|
|
998
985
|
* <label> element, ensuring that clicking the label text
|
|
999
986
|
* focuses the select.
|
|
1000
987
|
*/
|
|
1001
|
-
theme === 'ionic' && fill === 'outline' && h("div", { key: '
|
|
988
|
+
theme === 'ionic' && fill === 'outline' && h("div", { key: '79f6cf63866b2cc95b3404db5b7146215876a9ef', class: "select-outline" }), h("slot", { key: '9effed7b9be2ff2efc195365ba076a51aefdff12', name: "start" }), h("div", { key: 'd46086c58ab4a036d90a040754658de96a7b954a', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), h("slot", { key: '444888068450fc299780e48c8f9208cb0918ca81', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && h("div", { key: 'e005924ae26585279f58fce726f6f14b3076d255', class: "select-highlight" })), this.renderBottomContent()));
|
|
1002
989
|
}
|
|
1003
990
|
get el() { return getElement(this); }
|
|
1004
991
|
static get watchers() { return {
|
|
@@ -1268,7 +1255,7 @@ const SelectOption = class {
|
|
|
1268
1255
|
}
|
|
1269
1256
|
render() {
|
|
1270
1257
|
const theme = getIonTheme(this);
|
|
1271
|
-
return (h(Host, { key: '
|
|
1258
|
+
return (h(Host, { key: '68921c28b739be849fc204bb9c45316acad6e652', class: {
|
|
1272
1259
|
[theme]: true,
|
|
1273
1260
|
}, role: "option", id: this.inputId }));
|
|
1274
1261
|
}
|
|
@@ -1439,9 +1426,9 @@ const SelectPopover = class {
|
|
|
1439
1426
|
const { header, message, options, subHeader } = this;
|
|
1440
1427
|
const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
|
|
1441
1428
|
const theme = getIonTheme(this);
|
|
1442
|
-
return (h(Host, { key: '
|
|
1429
|
+
return (h(Host, { key: '00e306f7d68005c0b17e598bec54471f5e38c991', class: {
|
|
1443
1430
|
[theme]: true,
|
|
1444
|
-
} }, h("ion-list", { key: '
|
|
1431
|
+
} }, h("ion-list", { key: '1357288064dc139a0ef4904744f945bf1dc39b3c' }, header !== undefined && h("ion-list-header", { key: '4e918516f5666e90f3218edc3a08734822b76075' }, header), hasSubHeaderOrMessage && (h("ion-item", { key: '170900f83842d73f6d9adbb7b9e4bc332dfa495d' }, h("ion-label", { key: 'a76efe58ad6066e601edc1794782e3928556423f', class: "ion-text-wrap" }, subHeader !== undefined && h("h3", { key: 'c88680bbbfc228a65c51f010c42158995d8a6507' }, subHeader), message !== undefined && h("p", { key: '91e49d1477b2b9d903da8a385da07b6e7de37f73' }, message)))), this.renderOptions(options))));
|
|
1445
1432
|
}
|
|
1446
1433
|
get el() { return getElement(this); }
|
|
1447
1434
|
};
|
|
@@ -59,7 +59,7 @@ const Spinner = class {
|
|
|
59
59
|
svgs.push(buildLine(spinner, duration, i, spinner.lines));
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
|
-
return (h(Host, { key: '
|
|
62
|
+
return (h(Host, { key: 'b79be740dda143c26a7eba82cc9e293817c36f9c', class: createColorClasses(self.color, {
|
|
63
63
|
[theme]: true,
|
|
64
64
|
[`spinner-${spinnerName}`]: true,
|
|
65
65
|
'spinner-paused': self.paused || config.getBoolean('_testing'),
|
|
@@ -129,12 +129,12 @@ const SplitPane = class {
|
|
|
129
129
|
}
|
|
130
130
|
render() {
|
|
131
131
|
const theme = getIonTheme(this);
|
|
132
|
-
return (h(Host, { key: '
|
|
132
|
+
return (h(Host, { key: '99c50cd64e68d1c6b0bc96dd0b26536e0e4b4abd', class: {
|
|
133
133
|
[theme]: true,
|
|
134
134
|
// Used internally for styling
|
|
135
135
|
[`split-pane-${theme}`]: true,
|
|
136
136
|
'split-pane-visible': this.visible,
|
|
137
|
-
} }, h("slot", { key: '
|
|
137
|
+
} }, h("slot", { key: '5cfb890a39fbe765df1880d1ecce78e90d997218' })));
|
|
138
138
|
}
|
|
139
139
|
get el() { return getElement(this); }
|
|
140
140
|
static get watchers() { return {
|
|
@@ -186,14 +186,14 @@ const TabBar = class {
|
|
|
186
186
|
const theme = getIonTheme(this);
|
|
187
187
|
const shape = this.getShape();
|
|
188
188
|
const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
|
|
189
|
-
return (h(Host, { key: '
|
|
189
|
+
return (h(Host, { key: 'a3feb835e4c8227dd0da680574580b236805ab01', role: "tablist", class: createColorClasses(color, {
|
|
190
190
|
[theme]: true,
|
|
191
191
|
'tab-bar-translucent': translucent,
|
|
192
192
|
'tab-bar-hidden': shouldHide,
|
|
193
193
|
'tab-bar-scroll-effect-hide': scrollEffect === 'hide',
|
|
194
194
|
[`tab-bar-${expand}`]: true,
|
|
195
195
|
[`tab-bar-${shape}`]: shape !== undefined,
|
|
196
|
-
}) }, h("slot", { key: '
|
|
196
|
+
}) }, h("slot", { key: '6d1f785f9e781b1850bc2d69960c8bc8871bcde6' })));
|
|
197
197
|
}
|
|
198
198
|
get el() { return getElement(this); }
|
|
199
199
|
static get watchers() { return {
|
|
@@ -301,7 +301,7 @@ const TabButton = class {
|
|
|
301
301
|
rel,
|
|
302
302
|
target,
|
|
303
303
|
};
|
|
304
|
-
return (h(Host, { key: '
|
|
304
|
+
return (h(Host, { key: 'ea2434faf0ba75131fb578f8f3bc1ea6e6729bff', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
305
305
|
[theme]: true,
|
|
306
306
|
'tab-selected': selected,
|
|
307
307
|
'tab-disabled': disabled,
|
|
@@ -314,7 +314,7 @@ const TabButton = class {
|
|
|
314
314
|
'ion-selectable': true,
|
|
315
315
|
[`tab-button-shape-${shape}`]: shape !== undefined,
|
|
316
316
|
'ion-focusable': true,
|
|
317
|
-
} }, h("a", Object.assign({ key: '
|
|
317
|
+
} }, h("a", Object.assign({ key: '049dcedfa561ff54175fd9bfa4405788e0fddf22' }, attrs, { class: "button-native", part: "native", role: "tab", "aria-selected": selected ? 'true' : null, "aria-disabled": disabled ? 'true' : null, tabindex: disabled ? '-1' : undefined }, inheritedAttributes), h("span", { key: '25670e1072e9e1889262483736aed7d45f5fd05f', class: "button-inner" }, h("slot", { key: 'fb8df1a587a22db676492bbb14d8473aab4cc0fe' })), theme === 'md' && h("ion-ripple-effect", { key: '49a8bbfe9dc4d41707afcf9f872db5d1c8bb8287', type: "unbounded" }))));
|
|
318
318
|
}
|
|
319
319
|
get el() { return getElement(this); }
|
|
320
320
|
};
|
|
@@ -52,10 +52,10 @@ const Tab = class {
|
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
54
|
const { tab, active, component } = this;
|
|
55
|
-
return (h(Host, { key: '
|
|
55
|
+
return (h(Host, { key: 'fad6d6f10e09fa268c978b3edc5fd2fa2353289b', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
56
56
|
'ion-page': component === undefined,
|
|
57
57
|
'tab-hidden': !active,
|
|
58
|
-
} }, h("slot", { key: '
|
|
58
|
+
} }, h("slot", { key: 'ff3bfedc122f2641d4d742ab7f635941931939e9' })));
|
|
59
59
|
}
|
|
60
60
|
get el() { return getElement(this); }
|
|
61
61
|
static get watchers() { return {
|
|
@@ -226,7 +226,7 @@ const Tabs = class {
|
|
|
226
226
|
return Array.from(this.el.querySelectorAll('ion-tab'));
|
|
227
227
|
}
|
|
228
228
|
render() {
|
|
229
|
-
return (h(Host, { key: '
|
|
229
|
+
return (h(Host, { key: '9d666c6fd4e18fda8db4403a0c5e759704b15740', onIonTabButtonClick: this.onTabClicked }, h("slot", { key: '453d78ddd05f0097a33a8a794b709a1ddc165606', name: "top" }), h("div", { key: 'da5c93579ebfa17c4d685b2f62f35668026b5754', class: "tabs-inner" }, h("slot", { key: 'af019d0c0b9b8a63984b11b570924e8acf18f84c' })), h("slot", { key: '620be553e6b2b44ff67776ebacc0b6c40375703f', name: "bottom" })));
|
|
230
230
|
}
|
|
231
231
|
get el() { return getElement(this); }
|
|
232
232
|
};
|
|
@@ -13,9 +13,9 @@ const Text = class {
|
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
15
|
const theme = getIonTheme(this);
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: 'd3306513b05f65be6ead42865765773af89d3a78', class: createColorClasses(this.color, {
|
|
17
17
|
[theme]: true,
|
|
18
|
-
}) }, h("slot", { key: '
|
|
18
|
+
}) }, h("slot", { key: '0781d7e76e15d07dc727bf539cb42ca379393eae' })));
|
|
19
19
|
}
|
|
20
20
|
};
|
|
21
21
|
Text.style = textCss();
|
|
@@ -568,7 +568,7 @@ const Textarea = class {
|
|
|
568
568
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
569
569
|
*/
|
|
570
570
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
571
|
-
return (h(Host, { key: '
|
|
571
|
+
return (h(Host, { key: 'b613bb449100c5d7a982ffb0a39ea6324e8eb6ea', class: createColorClasses(this.color, {
|
|
572
572
|
[theme]: true,
|
|
573
573
|
'has-value': hasValue,
|
|
574
574
|
'has-focus': hasFocus,
|
|
@@ -580,7 +580,7 @@ const Textarea = class {
|
|
|
580
580
|
'in-item': inItem,
|
|
581
581
|
'textarea-disabled': disabled,
|
|
582
582
|
'textarea-readonly': readonly,
|
|
583
|
-
}) }, h("label", { key: '
|
|
583
|
+
}) }, h("label", { key: '08a603a3fa102701d756d36d4d5d2d5e01f2895f', class: "textarea-wrapper", htmlFor: inputId, onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), h("div", { key: '076362fb04fa45e89c2ecb46b51937ab80026e34', class: "textarea-wrapper-inner" },
|
|
584
584
|
/**
|
|
585
585
|
* For the ionic theme, we render the outline container here
|
|
586
586
|
* instead of higher up, so it can be positioned relative to
|
|
@@ -590,7 +590,7 @@ const Textarea = class {
|
|
|
590
590
|
* <label> element, ensuring that clicking the label text
|
|
591
591
|
* focuses the textarea.
|
|
592
592
|
*/
|
|
593
|
-
theme === 'ionic' && fill === 'outline' && h("div", { key: '
|
|
593
|
+
theme === 'ionic' && fill === 'outline' && h("div", { key: '2baacd12528f1da1e8442cf73367e985831d30fa', class: "textarea-outline" }), h("div", { key: '2cbb11940c93eefa3c8aee37a4abec1287600cdc', class: "start-slot-wrapper" }, h("slot", { key: 'a5036f96342252e34440e1c69147179f433b65cf', name: "start" })), h("div", { key: '7fe6ef38994528bda8f60ef05ce63172220a19f3', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el), part: "container" }, h("textarea", Object.assign({ key: '3b34140264bda8dea770c26b6918c837028e249f', class: "native-textarea", part: "native", 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, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined }, this.inheritedAttributes), value)), h("div", { key: 'fdc551f7e180ca3b8a147453710a330cd28ca60f', class: "end-slot-wrapper" }, h("slot", { key: '135cef89f5341fd1cbbe5e54540cc29308338335', name: "end" }))), shouldRenderHighlight && h("div", { key: '8ffde39c6795139dd50100e09acdccd993a85ed8', class: "textarea-highlight" })), this.renderBottomContent()));
|
|
594
594
|
}
|
|
595
595
|
static get delegatesFocus() { return true; }
|
|
596
596
|
static get formAssociated() { return true; }
|
|
@@ -873,9 +873,9 @@ const Toast = class {
|
|
|
873
873
|
if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
|
|
874
874
|
printIonWarning('[ion-toast] - 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);
|
|
875
875
|
}
|
|
876
|
-
return (h(Host, Object.assign({ key: '
|
|
876
|
+
return (h(Host, Object.assign({ key: 'e1329d64ec1f9a77fbd507a7c91e8c76c6769577', tabindex: "-1" }, this.htmlAttributes, { style: {
|
|
877
877
|
zIndex: `${60000 + this.overlayIndex}`,
|
|
878
|
-
}, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined, [`toast-hue-${hue}`]: hue !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: '
|
|
878
|
+
}, class: createColorClasses(this.color, Object.assign(Object.assign({ [mode]: true, [theme]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'toast-translucent': this.translucent, [`toast-shape-${shape}`]: shape !== undefined, [`toast-hue-${hue}`]: hue !== undefined })), onIonToastWillDismiss: this.dispatchCancelHandler }), h("div", { key: '5ba5af3fc1f143a0b27c5ae26c4cd5ae039eff27', class: wrapperClass, part: "wrapper" }, h("div", { key: '407fe3b6ea1ed8de232e76b0d24a21d018386ab3', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (h("ion-icon", { key: 'e35c3ff1bfed97dab0309488a6ac0b898ebdc9f0', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), h("div", { key: '7b753256e7b44c4bbe816bcb244178991bf01e45', class: "toast-content", part: "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')))));
|
|
879
879
|
}
|
|
880
880
|
get el() { return getElement(this); }
|
|
881
881
|
static get watchers() { return {
|
|
@@ -9,14 +9,10 @@ import { c as hapticSelection } from './haptic-ByW74Ow9.js';
|
|
|
9
9
|
import { a as isPlatform, c as getIonTheme } from './ionic-global-BJDU78B6.js';
|
|
10
10
|
import { i as isRTL } from './dir-o8OKV5aD.js';
|
|
11
11
|
import { h as hostContext, c as createColorClasses } from './theme-DaJxRxSQ.js';
|
|
12
|
-
import {
|
|
12
|
+
import { r as removeOutline, f as checkmarkOutline, g as ellipseOutline } from './index-PnwG0glX.js';
|
|
13
13
|
import './focus-visible-vXpMhGrs.js';
|
|
14
14
|
import './capacitor-BnXrCBvt.js';
|
|
15
15
|
|
|
16
|
-
const checkSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjkuNjYsNzcuNjZsLTEyOCwxMjhhOCw4LDAsMCwxLTExLjMyLDBsLTU2LTU2YTgsOCwwLDAsMSwxMS4zMi0xMS4zMkw5NiwxODguNjksMjE4LjM0LDY2LjM0YTgsOCwwLDAsMSwxMS4zMiwxMS4zMloiLz48L3N2Zz4=';
|
|
17
|
-
|
|
18
|
-
const minusSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjQsMTI4YTgsOCwwLDAsMS04LDhINDBhOCw4LDAsMCwxLDAtMTZIMjE2QTgsOCwwLDAsMSwyMjQsMTI4WiIvPjwvc3ZnPg==';
|
|
19
|
-
|
|
20
16
|
const toggleIonicCss = () => `:host{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}:host(.toggle-disabled){pointer-events:none}input{display:none}:host(:focus){outline:none}.toggle-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;cursor:inherit}.label-text-wrapper-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.toggle-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.toggle-bottom .error-text{display:none}.toggle-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .toggle-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .toggle-bottom .helper-text{display:none}:host(.toggle-label-placement-start) .toggle-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.toggle-label-placement-end) .toggle-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.toggle-justify-space-between) .toggle-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.toggle-justify-start) .toggle-wrapper{-ms-flex-pack:start;justify-content:start}:host(.toggle-justify-end) .toggle-wrapper{-ms-flex-pack:end;justify-content:end}:host(.toggle-alignment-start) .toggle-wrapper{-ms-flex-align:start;align-items:start}:host(.toggle-alignment-center) .toggle-wrapper{-ms-flex-align:center;align-items:center}:host(.toggle-justify-space-between),:host(.toggle-justify-start),:host(.toggle-justify-end),:host(.toggle-alignment-start),:host(.toggle-alignment-center){display:block}.toggle-icon-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;-webkit-transition:var(--handle-transition);transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}:host(.toggle-checked) .toggle-icon{background:var(--track-background-checked)}.toggle-inner{border-radius:var(--handle-border-radius);position:absolute;left:var(--handle-spacing);width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);-webkit-transition:var(--handle-transition);transition:var(--handle-transition);background:var(--handle-background);-webkit-box-shadow:var(--handle-box-shadow);box-shadow:var(--handle-box-shadow);contain:strict}:host(.toggle-ltr) .toggle-inner{left:var(--handle-spacing)}:host(.toggle-rtl) .toggle-inner{right:var(--handle-spacing)}:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(100% - var(--handle-width)), 0, 0);transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(-100% + var(--handle-width)), 0, 0);transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}:host(.toggle-checked) .toggle-inner{background:var(--handle-background-checked)}:host(.toggle-ltr.toggle-checked) .toggle-inner{-webkit-transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-inner{-webkit-transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}:host{--track-background:var(--token-primitives-neutral-500, #a2a2a2);--track-background-checked:var(--ion-color-primary, var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)))));--border-radius:var(--token-border-radius-full, 999px);--focus-ring-color:var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));--focus-ring-width:var(--token-border-size-050, var(--token-scale-050, 2px));--handle-background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--handle-background-checked:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--handle-border-radius:var(--token-border-radius-full, 999px);--handle-height:var(--token-scale-500, 20px);--handle-max-height:var(--token-scale-500, 20px);--handle-width:var(--token-scale-500, 20px);--handle-spacing:var(--token-space-050, var(--token-scale-050, 2px));--handle-transition:transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms;font-size:var(--token-font-size-350, 0.875rem);font-weight:var(--token-font-weight-regular, 400);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-600, var(--token-scale-600, 24px));text-decoration:none;text-transform:none;z-index:2}.toggle-wrapper{-ms-flex-align:center;align-items:center;min-height:var(--token-scale-1200, 48px)}.native-wrapper .toggle-icon{width:var(--token-scale-1100, 44px);height:var(--token-scale-600, 24px);overflow:hidden}:host(.ion-color.toggle-checked) .toggle-icon{background:var(--ion-color-base)}.toggle-bottom{font-size:var(--token-font-size-300, 0.75rem);font-weight:var(--token-font-weight-medium, 500);letter-spacing:var(--token-font-letter-spacing-0, 0%);line-height:var(--token-font-line-height-500, var(--token-scale-500, 20px));text-decoration:none;text-transform:none}.toggle-bottom .error-text{color:var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)))}.toggle-bottom .helper-text{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.ion-focused) .toggle-icon{outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color);outline-offset:var(--focus-ring-width)}:host(.ion-focused){outline:none}:host(.ion-activated) .toggle-icon{background:var(--token-bg-neutral-base-press, var(--token-primitives-neutral-700, #777777))}:host(.ion-activated.toggle-checked) .toggle-icon{background:var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))}:host(.toggle-disabled) .toggle-icon::after{right:0;left:0;top:0;bottom:0;position:absolute;background-color:var(--token-state-disabled, rgba(255, 255, 255, 0.6));content:"";pointer-events:none}.toggle-inner{will-change:background-color, transform;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}.toggle-inner .toggle-switch-icon{width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px)}:host .toggle-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-end:var(--token-space-400, var(--token-scale-400, 16px));color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.toggle-label-placement-end) .toggle-wrapper{-ms-flex-pack:start;justify-content:start}:host(.toggle-label-placement-end) .label-text-wrapper{-webkit-margin-start:var(--token-space-400, var(--token-scale-400, 16px));margin-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-margin-end:0;margin-inline-end:0}`;
|
|
21
17
|
|
|
22
18
|
const toggleIosCss = () => `:host{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host(.in-item){-ms-flex:1 1 0px;flex:1 1 0;width:100%;height:100%}:host([slot=start]),:host([slot=end]){-ms-flex:initial;flex:initial;width:auto}:host(.toggle-disabled){pointer-events:none}input{display:none}:host(:focus){outline:none}.toggle-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;cursor:inherit}.label-text-wrapper-hidden{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.toggle-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.toggle-bottom .error-text{display:none}.toggle-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .toggle-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .toggle-bottom .helper-text{display:none}:host(.toggle-label-placement-start) .toggle-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.toggle-label-placement-end) .toggle-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.toggle-justify-space-between) .toggle-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.toggle-justify-start) .toggle-wrapper{-ms-flex-pack:start;justify-content:start}:host(.toggle-justify-end) .toggle-wrapper{-ms-flex-pack:end;justify-content:end}:host(.toggle-alignment-start) .toggle-wrapper{-ms-flex-align:start;align-items:start}:host(.toggle-alignment-center) .toggle-wrapper{-ms-flex-align:center;align-items:center}:host(.toggle-justify-space-between),:host(.toggle-justify-start),:host(.toggle-justify-end),:host(.toggle-alignment-start),:host(.toggle-alignment-center){display:block}.toggle-icon-wrapper{display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;height:100%;-webkit-transition:var(--handle-transition);transition:var(--handle-transition);will-change:transform}.toggle-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}:host(.toggle-checked) .toggle-icon{background:var(--track-background-checked)}.toggle-inner{border-radius:var(--handle-border-radius);position:absolute;left:var(--handle-spacing);width:var(--handle-width);height:var(--handle-height);max-height:var(--handle-max-height);-webkit-transition:var(--handle-transition);transition:var(--handle-transition);background:var(--handle-background);-webkit-box-shadow:var(--handle-box-shadow);box-shadow:var(--handle-box-shadow);contain:strict}:host(.toggle-ltr) .toggle-inner{left:var(--handle-spacing)}:host(.toggle-rtl) .toggle-inner{right:var(--handle-spacing)}:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(100% - var(--handle-width)), 0, 0);transform:translate3d(calc(100% - var(--handle-width)), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(-100% + var(--handle-width)), 0, 0);transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}:host(.toggle-checked) .toggle-inner{background:var(--handle-background-checked)}:host(.toggle-ltr.toggle-checked) .toggle-inner{-webkit-transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * -2), 0, 0)}:host(.toggle-rtl.toggle-checked) .toggle-inner{-webkit-transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}:host{z-index:2}:host(.ion-focused) input{border:2px solid #5e9ed6}:host(.in-item) .label-text-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.toggle-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.toggle-label-placement-stacked) .native-wrapper{margin-bottom:10px}.toggle-bottom{padding-top:4px;font-size:0.75rem}:host(.toggle-label-placement-stacked) .toggle-bottom{font-size:1rem}.toggle-bottom .error-text{color:var(--ion-color-danger, #c5000f)}.toggle-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}:host(.toggle-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.toggle-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.toggle-label-placement-stacked) .toggle-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.toggle-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:16px;max-width:calc(100% / 0.75)}:host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.toggle-label-placement-stacked.toggle-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).toggle-label-placement-stacked.toggle-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.toggle-label-placement-stacked.toggle-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.toggle-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.toggle-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host{--track-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.088);--track-background-checked:var(--ion-color-primary, #0054e9);--border-radius:15.5px;--handle-background:#ffffff;--handle-background-checked:#ffffff;--handle-border-radius:25.5px;--handle-box-shadow:0 3px 4px rgba(0, 0, 0, 0.06), 0 3px 8px rgba(0, 0, 0, 0.06);--handle-height:calc(31px - (2px * 2));--handle-max-height:calc(100% - var(--handle-spacing) * 2);--handle-width:calc(31px - (2px * 2));--handle-spacing:2px;--handle-transition:transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms}.native-wrapper .toggle-icon{width:51px;height:31px;overflow:hidden}:host(.ion-color.toggle-checked) .toggle-icon{background:var(--ion-color-base)}:host(.toggle-activated) .toggle-switch-icon{opacity:0}.toggle-icon{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:background-color 300ms;transition:background-color 300ms}.toggle-inner{will-change:transform}.toggle-switch-icon{position:absolute;top:50%;width:11px;height:11px;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:opacity 300ms, color 300ms;transition:opacity 300ms, color 300ms}.toggle-switch-icon{position:absolute;color:var(--ion-color-dark, #222428)}:host(.toggle-ltr) .toggle-switch-icon{right:6px}:host(.toggle-rtl) .toggle-switch-icon{right:initial;left:6px;}:host(.toggle-checked) .toggle-switch-icon.toggle-switch-icon-checked{color:var(--ion-color-contrast, #fff)}:host(.toggle-checked) .toggle-switch-icon:not(.toggle-switch-icon-checked){opacity:0}.toggle-switch-icon-checked{position:absolute;width:15px;height:15px}.toggle-switch-icon-checked-default{-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}:host(.toggle-ltr) .toggle-switch-icon-checked{right:initial;left:4px;}:host(.toggle-rtl) .toggle-switch-icon-checked{right:4px}:host(.toggle-activated) .toggle-icon::before,:host(.toggle-checked) .toggle-icon::before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}:host(.toggle-activated.toggle-checked) .toggle-inner::before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}:host(.toggle-activated) .toggle-inner{width:calc(var(--handle-width) + 6px)}:host(.toggle-ltr.toggle-activated.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(100% - var(--handle-width) - 6px), 0, 0);transform:translate3d(calc(100% - var(--handle-width) - 6px), 0, 0)}:host(.toggle-rtl.toggle-activated.toggle-checked) .toggle-icon-wrapper{-webkit-transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0);transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0)}:host(.toggle-disabled){opacity:0.3}:host(.ion-focused:not(.toggle-defers-indicator)) .toggle-icon{-webkit-box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.2);box-shadow:0 0 0 4px rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.2)}:host(.ion-color.ion-focused.toggle-checked:not(.toggle-defers-indicator)) .toggle-icon{-webkit-box-shadow:0 0 0 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0 0 0 4px rgba(var(--ion-color-base-rgb), 0.2)}`;
|
|
@@ -248,22 +244,17 @@ const Toggle = class {
|
|
|
248
244
|
setFocus() {
|
|
249
245
|
this.el.focus();
|
|
250
246
|
}
|
|
247
|
+
/**
|
|
248
|
+
* Get the default icon to use for the checked icon based on the theme.
|
|
249
|
+
*/
|
|
251
250
|
get toggleDefaultCheckedIcon() {
|
|
252
|
-
// Determine the theme and map to default
|
|
251
|
+
// Determine the theme and map to the default icon
|
|
253
252
|
const theme = getIonTheme(this);
|
|
254
|
-
|
|
255
|
-
ios: removeOutline,
|
|
256
|
-
ionic: checkSvg,
|
|
257
|
-
md: checkmarkOutline,
|
|
258
|
-
};
|
|
259
|
-
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
260
|
-
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
261
|
-
// Return the default icon
|
|
262
|
-
return defaultIcon;
|
|
253
|
+
return theme === 'ios' ? removeOutline : checkmarkOutline;
|
|
263
254
|
}
|
|
264
255
|
/**
|
|
265
256
|
* Get the icon to use for the checked icon.
|
|
266
|
-
*
|
|
257
|
+
* Use the icon set in the config.
|
|
267
258
|
* If no icon is set in the config, use the default icon.
|
|
268
259
|
*/
|
|
269
260
|
get toggleCheckedIcon() {
|
|
@@ -271,19 +262,13 @@ const Toggle = class {
|
|
|
271
262
|
}
|
|
272
263
|
/**
|
|
273
264
|
* Get the icon to use for the unchecked icon.
|
|
274
|
-
*
|
|
265
|
+
* Use the icon set in the config.
|
|
275
266
|
* If no icon is set in the config, use the default icon.
|
|
276
267
|
*/
|
|
277
268
|
get toggleUncheckedIcon() {
|
|
278
|
-
// Determine the theme and map to default
|
|
269
|
+
// Determine the theme and map to the default icon
|
|
279
270
|
const theme = getIonTheme(this);
|
|
280
|
-
const
|
|
281
|
-
ios: ellipseOutline,
|
|
282
|
-
ionic: minusSvg,
|
|
283
|
-
md: removeOutline,
|
|
284
|
-
};
|
|
285
|
-
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
286
|
-
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
271
|
+
const defaultIcon = theme === 'ios' ? ellipseOutline : removeOutline;
|
|
287
272
|
// Return the configured toggle unchecked icon or the default icon
|
|
288
273
|
return config.get('toggleUncheckedIcon', defaultIcon);
|
|
289
274
|
}
|
|
@@ -353,7 +338,7 @@ const Toggle = class {
|
|
|
353
338
|
// The attributes are matched too because the class needs the item to render.
|
|
354
339
|
const inClickableItem = hostContext('ion-item.ion-activatable, ion-item[button], ion-item[href]', el);
|
|
355
340
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
356
|
-
return (h(Host, { key: '
|
|
341
|
+
return (h(Host, { key: 'eed0ae9f024ad9e4160b73465cad2723470c5d33', role: "switch", "aria-checked": `${checked}`, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, onClick: this.onClick, "aria-labelledby": hasLabel ? inputLabelId : null, "aria-label": inheritedAttributes['aria-label'] || null, "aria-disabled": disabled ? 'true' : null, "aria-required": required ? 'true' : undefined, tabindex: disabled ? undefined : 0, onKeyDown: this.onKeyDown, onFocus: this.onFocus, onBlur: this.onBlur, class: createColorClasses(color, {
|
|
357
342
|
[theme]: true,
|
|
358
343
|
'in-item': inItem,
|
|
359
344
|
// `ion-focusable` has to stay on because it is what makes the item focusable.
|
|
@@ -368,10 +353,10 @@ const Toggle = class {
|
|
|
368
353
|
[`toggle-label-placement-${labelPlacement}`]: true,
|
|
369
354
|
[`toggle-${rtl}`]: true,
|
|
370
355
|
'ion-activatable': isIonicTheme,
|
|
371
|
-
}) }, h("label", { key: '
|
|
356
|
+
}) }, h("label", { key: '63c4c5d2770b547e14daf482e9eea1ad5b27a88a', class: "toggle-wrapper", htmlFor: inputId }, h("input", Object.assign({ key: '15b5cf7825f1f2511e07c9d2af5681abc83731f1', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, required: required }, inheritedAttributes)), h("div", { key: 'f579e6cfcd7ef68b6c213a3435e5ff14687e9678', class: {
|
|
372
357
|
'label-text-wrapper': true,
|
|
373
358
|
'label-text-wrapper-hidden': !hasLabel,
|
|
374
|
-
}, part: "label", id: inputLabelId, onClick: this.onDivLabelClick }, h("slot", { key: '
|
|
359
|
+
}, part: "label", id: inputLabelId, onClick: this.onDivLabelClick }, h("slot", { key: 'e47cef085d9486c529f932df0ec5ae0620075ebc' }), this.renderHintText()), h("div", { key: '6c9b697a652d2f0329fc02f84ee81898c8ee39d3', class: "native-wrapper" }, this.renderToggleControl()))));
|
|
375
360
|
}
|
|
376
361
|
get el() { return getElement(this); }
|
|
377
362
|
static get watchers() { return {
|