@ionic/core 8.8.20-dev.11789504012.1a675914 → 8.8.20-dev.11790000033.12788d65
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-C8kcgEG7.js → p-B39i6rpY.js} +1 -1
- package/components/p-BDqjX7Z_.js +4 -0
- package/components/{p-CH8ypgvS.js → p-BLP69XoA.js} +1 -1
- package/components/p-BYSs-jZz.js +4 -0
- package/components/{p-C2J-Hvv3.js → p-B_a4XnF2.js} +1 -1
- package/components/p-Ba2Mmm22.js +4 -0
- package/components/p-BnQAsi91.js +4 -0
- package/components/{p-Br6q6Rgq.js → p-BrF4HSay.js} +1 -1
- package/components/{p-Dh1f5tAK.js → p-Bs5kME4N.js} +1 -1
- package/components/{p-CMtmHGrE.js → p-C1L59jNd.js} +1 -1
- package/components/{p-CNlz8OTE.js → p-C784We0w.js} +1 -1
- package/components/p-CA81qANP.js +4 -0
- package/components/{p-C5Bnq_Hm.js → p-CHB9zWT6.js} +1 -1
- package/components/p-CJNsztW3.js +4 -0
- package/components/{p-DqkLOArC.js → p-CWqLCAML.js} +1 -1
- package/components/p-CaB0_AG0.js +4 -0
- package/components/{p-C-cw-bM-.js → p-CaXMr1SL.js} +1 -1
- package/components/{p-0rXxxCTt.js → p-Cc3oC60a.js} +1 -1
- package/components/{p-C5JYXyPD.js → p-CxoHM559.js} +1 -1
- package/components/p-D1t981Ih.js +4 -0
- package/components/{p-BZxBDeEU.js → p-D2tZEPGv.js} +1 -1
- package/components/{p-BXXTyrCp.js → p-D6zl6ZA8.js} +1 -1
- package/components/{p-C898H5L0.js → p-DNweMi32.js} +1 -1
- package/components/p-Df6WZ6z0.js +4 -0
- package/components/p-Dhi5xtNS.js +4 -0
- package/components/{p-BcWO94Sl.js → p-DkfVuzjA.js} +1 -1
- package/components/{p-fUXE2zLc.js → p-Ds3yn-R0.js} +1 -1
- package/components/p-VrmyB-Wu.js +4 -0
- package/components/p-fIOYmaqA.js +4 -0
- package/components/p-vUGYs065.js +4 -0
- package/dist/cjs/caret-down-vtVgfXIs.js +8 -0
- package/dist/cjs/caret-left-CxZXLRv5.js +8 -0
- package/dist/cjs/caret-right-CRCgv98E.js +8 -0
- package/dist/cjs/ion-accordion_2.cjs.entry.js +13 -9
- package/dist/cjs/ion-app_8.cjs.entry.js +13 -13
- package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-back-button.cjs.entry.js +11 -10
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +27 -16
- package/dist/cjs/ion-checkbox.cjs.entry.js +14 -22
- 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 +48 -16
- package/dist/cjs/ion-divider.cjs.entry.js +2 -2
- package/dist/cjs/ion-fab_3.cjs.entry.js +17 -13
- 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 +27 -17
- package/dist/cjs/ion-input.cjs.entry.js +13 -6
- package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-item_8.cjs.entry.js +26 -22
- package/dist/cjs/ion-loading.cjs.entry.js +2 -2
- package/dist/cjs/ion-menu_3.cjs.entry.js +15 -13
- 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 +6 -11
- package/dist/cjs/ion-reorder_2.cjs.entry.js +13 -6
- 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 +34 -8
- 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 +8 -9
- package/dist/cjs/ion-select_3.cjs.entry.js +23 -10
- 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 +27 -12
- package/dist/cjs/ionic.cjs.js +1 -1
- package/dist/cjs/list-a-7GSA6K.js +8 -0
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/x-BTF99yFH.js +8 -0
- package/dist/collection/components/accordion/accordion.js +13 -9
- package/dist/collection/components/back-button/back-button.js +11 -10
- package/dist/collection/components/breadcrumb/breadcrumb.js +26 -16
- package/dist/collection/components/checkbox/checkbox.ionic.css +40 -33
- package/dist/collection/components/checkbox/checkbox.ios.css +24 -30
- package/dist/collection/components/checkbox/checkbox.js +12 -22
- package/dist/collection/components/checkbox/checkbox.md.css +24 -30
- 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 +44 -12
- 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 +13 -9
- 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.ionic.css +7 -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 +13 -6
- package/dist/collection/components/input-otp/input-otp.js +3 -3
- package/dist/collection/components/input-password-toggle/input-password-toggle.js +26 -18
- package/dist/collection/components/item/item.js +14 -10
- 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 +11 -9
- 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 +4 -10
- package/dist/collection/components/reorder/reorder.js +12 -5
- 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 +32 -8
- 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 +20 -7
- package/dist/collection/components/select-modal/select-modal.js +8 -10
- 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 +25 -12
- package/dist/collection/components/toolbar/toolbar.js +2 -2
- package/dist/docs.json +10 -23
- package/dist/esm/caret-down-D1t981Ih.js +6 -0
- package/dist/esm/caret-left-fIOYmaqA.js +6 -0
- package/dist/esm/caret-right-BYSs-jZz.js +6 -0
- package/dist/esm/{index-PnwG0glX.js → index-B4Kq2YNk.js} +1 -1
- package/dist/esm/ion-accordion_2.entry.js +14 -10
- package/dist/esm/ion-app_8.entry.js +13 -13
- package/dist/esm/ion-avatar_3.entry.js +2 -2
- package/dist/esm/ion-back-button.entry.js +12 -11
- package/dist/esm/ion-breadcrumb_2.entry.js +28 -17
- package/dist/esm/ion-checkbox.entry.js +15 -23
- 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 +49 -17
- package/dist/esm/ion-divider.entry.js +2 -2
- package/dist/esm/ion-fab_3.entry.js +18 -14
- 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 +29 -19
- package/dist/esm/ion-input.entry.js +14 -7
- package/dist/esm/ion-item-option_3.entry.js +4 -4
- package/dist/esm/ion-item_8.entry.js +27 -23
- package/dist/esm/ion-loading.entry.js +2 -2
- package/dist/esm/ion-menu_3.entry.js +16 -14
- 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 +7 -12
- package/dist/esm/ion-reorder_2.entry.js +14 -7
- 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 +35 -9
- 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 +10 -11
- package/dist/esm/ion-select_3.entry.js +24 -11
- 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 +28 -13
- package/dist/esm/ionic.js +1 -1
- package/dist/esm/list-Dhi5xtNS.js +6 -0
- package/dist/esm/loader.js +1 -1
- package/dist/esm/x-BDqjX7Z_.js +6 -0
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-0166d6e5.entry.js +4 -0
- package/dist/ionic/p-0a0a66e2.entry.js +4 -0
- package/dist/ionic/p-0c636ad3.entry.js +4 -0
- package/dist/ionic/p-126031d2.entry.js +4 -0
- package/dist/ionic/p-1a609156.entry.js +4 -0
- package/dist/ionic/{p-4c8178d8.entry.js → p-1b473bad.entry.js} +1 -1
- package/dist/ionic/p-1c1c18da.entry.js +4 -0
- package/dist/ionic/{p-3eff3411.entry.js → p-1ce65194.entry.js} +1 -1
- package/dist/ionic/{p-b7c75507.entry.js → p-2016c1c0.entry.js} +1 -1
- package/dist/ionic/{p-54579b68.entry.js → p-2365483a.entry.js} +1 -1
- package/dist/ionic/{p-7ae06f6f.entry.js → p-296226f1.entry.js} +1 -1
- package/dist/ionic/p-2a54aec2.entry.js +4 -0
- package/dist/ionic/{p-59e59209.entry.js → p-2bf60b77.entry.js} +1 -1
- package/dist/ionic/{p-0115c2fa.entry.js → p-2e0184c0.entry.js} +1 -1
- package/dist/ionic/{p-c9cda5ce.entry.js → p-2e1d650a.entry.js} +1 -1
- package/dist/ionic/{p-6b86cb62.entry.js → p-316eed75.entry.js} +1 -1
- package/dist/ionic/{p-311ef139.entry.js → p-31a0c9c2.entry.js} +1 -1
- package/dist/ionic/p-40a21a22.entry.js +4 -0
- package/dist/ionic/p-431bc3ce.entry.js +4 -0
- package/dist/ionic/p-51542c69.entry.js +4 -0
- package/dist/ionic/{p-e95618c4.entry.js → p-5dedd699.entry.js} +1 -1
- package/dist/ionic/{p-1147fa06.entry.js → p-68e453f7.entry.js} +1 -1
- package/dist/ionic/p-711ba315.entry.js +4 -0
- package/dist/ionic/{p-a4bed36b.entry.js → p-731d11e1.entry.js} +1 -1
- package/dist/ionic/{p-a7914fe5.entry.js → p-75c7595c.entry.js} +1 -1
- package/dist/ionic/p-76232f5f.entry.js +4 -0
- package/dist/ionic/{p-fe14205b.entry.js → p-7cbf17f0.entry.js} +1 -1
- package/dist/ionic/{p-9dff6288.entry.js → p-8303462c.entry.js} +1 -1
- package/dist/ionic/{p-2b5e04c5.entry.js → p-86208a0e.entry.js} +1 -1
- package/dist/ionic/{p-62602fbd.entry.js → p-9db78e5c.entry.js} +1 -1
- package/dist/ionic/{p-PnwG0glX.js → p-B4Kq2YNk.js} +1 -1
- package/dist/ionic/p-BDqjX7Z_.js +4 -0
- package/dist/ionic/p-BYSs-jZz.js +4 -0
- package/dist/ionic/p-D1t981Ih.js +4 -0
- package/dist/ionic/p-Dhi5xtNS.js +4 -0
- package/dist/ionic/{p-dda49380.entry.js → p-a9df0ccf.entry.js} +1 -1
- package/dist/ionic/p-ac3af8af.entry.js +4 -0
- package/dist/ionic/{p-f89fcf62.entry.js → p-b25f3aba.entry.js} +1 -1
- package/dist/ionic/p-b3da2cc7.entry.js +4 -0
- package/dist/ionic/p-b4533070.entry.js +4 -0
- package/dist/ionic/{p-4901a10b.entry.js → p-b4901bce.entry.js} +1 -1
- package/dist/ionic/{p-fd95a423.entry.js → p-bb7bb4fd.entry.js} +1 -1
- package/dist/ionic/{p-ace3062d.entry.js → p-be06def7.entry.js} +1 -1
- package/dist/ionic/p-c0983eac.entry.js +4 -0
- package/dist/ionic/{p-5386b094.entry.js → p-c4ebdfd2.entry.js} +1 -1
- package/dist/ionic/{p-1e45586e.entry.js → p-c4ed1e18.entry.js} +1 -1
- package/dist/ionic/p-dc8a8505.entry.js +4 -0
- package/dist/ionic/{p-b70775b0.entry.js → p-ddc41dbb.entry.js} +1 -1
- package/dist/ionic/p-df642ef5.entry.js +4 -0
- package/dist/ionic/p-e086f8c3.entry.js +4 -0
- package/dist/ionic/p-edd8f490.entry.js +4 -0
- package/dist/ionic/{p-dbd06d8d.entry.js → p-f0968c91.entry.js} +1 -1
- package/dist/ionic/{p-cc314123.entry.js → p-f6768728.entry.js} +1 -1
- package/dist/ionic/p-fIOYmaqA.js +4 -0
- package/dist/ionic/{p-0bfb8d9e.entry.js → p-fc726f4a.entry.js} +1 -1
- package/dist/ionic/{p-54baa1af.entry.js → p-ff74cf5d.entry.js} +1 -1
- package/dist/types/components/accordion/accordion.d.ts +0 -6
- package/dist/types/components/back-button/back-button.d.ts +0 -6
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +0 -10
- package/dist/types/components/checkbox/checkbox.d.ts +1 -12
- package/dist/types/components/datetime/datetime.d.ts +4 -4
- package/dist/types/components/fab-button/fab-button.d.ts +0 -6
- package/dist/types/components/input-password-toggle/input-password-toggle.d.ts +0 -12
- package/dist/types/components/item/item.d.ts +0 -6
- package/dist/types/components/menu-button/menu-button.d.ts +0 -5
- package/dist/types/components/refresher-content/refresher-content.d.ts +0 -6
- package/dist/types/components/reorder/reorder.d.ts +1 -1
- package/dist/types/components/select-modal/select-modal.d.ts +0 -5
- package/dist/types/components/toggle/toggle.d.ts +2 -5
- package/dist/types/utils/config.d.ts +0 -19
- package/hydrate/index.js +416 -298
- package/hydrate/index.mjs +416 -298
- package/package.json +2 -1
- package/components/p-0MMiHJhx.js +0 -4
- package/components/p-CToV3-ig.js +0 -4
- package/components/p-CV7PNBGr.js +0 -4
- package/components/p-CgbD1udy.js +0 -4
- package/components/p-ClTdIlic.js +0 -4
- package/components/p-WeNgVmOy.js +0 -4
- package/components/p-eRqVSlkn.js +0 -4
- package/components/p-pztWcmzj.js +0 -4
- package/dist/ionic/p-0b2c58e0.entry.js +0 -4
- package/dist/ionic/p-208cecae.entry.js +0 -4
- package/dist/ionic/p-29f69d29.entry.js +0 -4
- package/dist/ionic/p-3f17704b.entry.js +0 -4
- package/dist/ionic/p-46e754ae.entry.js +0 -4
- package/dist/ionic/p-5196bee9.entry.js +0 -4
- package/dist/ionic/p-5ad0c670.entry.js +0 -4
- package/dist/ionic/p-7134537b.entry.js +0 -4
- package/dist/ionic/p-72eacca0.entry.js +0 -4
- package/dist/ionic/p-7bde9ee1.entry.js +0 -4
- package/dist/ionic/p-87ab986c.entry.js +0 -4
- package/dist/ionic/p-9e09cb80.entry.js +0 -4
- package/dist/ionic/p-a320cdb2.entry.js +0 -4
- package/dist/ionic/p-aa298c58.entry.js +0 -4
- package/dist/ionic/p-b920f149.entry.js +0 -4
- package/dist/ionic/p-c39025c0.entry.js +0 -4
- package/dist/ionic/p-d1f42864.entry.js +0 -4
- package/dist/ionic/p-d4506138.entry.js +0 -4
- package/dist/ionic/p-fcce2dda.entry.js +0 -4
- package/dist/ionic/p-fd2a869f.entry.js +0 -4
package/hydrate/index.mjs
CHANGED
|
@@ -5912,6 +5912,8 @@ var setScopedSSR = (opts) => {
|
|
|
5912
5912
|
var needsScopedSSR = () => scopedSSR;
|
|
5913
5913
|
var scopedSSR = false;
|
|
5914
5914
|
|
|
5915
|
+
const caretDownSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMTMuNjYsMTAxLjY2bC04MCw4MGE4LDgsMCwwLDEtMTEuMzIsMGwtODAtODBBOCw4LDAsMCwxLDUzLjY2LDkwLjM0TDEyOCwxNjQuNjlsNzQuMzQtNzQuMzVhOCw4LDAsMCwxLDExLjMyLDExLjMyWiIvPjwvc3ZnPg==';
|
|
5916
|
+
|
|
5915
5917
|
const ION_FOCUSED = 'ion-focused';
|
|
5916
5918
|
const ION_FOCUSABLE = 'ion-focusable';
|
|
5917
5919
|
const FOCUS_KEYS = [
|
|
@@ -6872,19 +6874,22 @@ class Accordion {
|
|
|
6872
6874
|
this.setAria(expanded);
|
|
6873
6875
|
});
|
|
6874
6876
|
}
|
|
6875
|
-
/**
|
|
6876
|
-
* Get the icon to use for the toggle icon.
|
|
6877
|
-
* If an icon is set on the component, use that.
|
|
6878
|
-
* Otherwise, use the icon set in the config.
|
|
6879
|
-
* If no icon is set in the config, use the default icon.
|
|
6880
|
-
*/
|
|
6881
6877
|
get accordionToggleIcon() {
|
|
6882
6878
|
// Return the icon if it is explicitly set
|
|
6883
6879
|
if (this.toggleIcon != null) {
|
|
6884
6880
|
return this.toggleIcon;
|
|
6885
6881
|
}
|
|
6882
|
+
// Determine the theme and map to default icons
|
|
6883
|
+
const theme = getIonTheme(this);
|
|
6884
|
+
const defaultIcons = {
|
|
6885
|
+
ios: chevronDown,
|
|
6886
|
+
ionic: caretDownSvg,
|
|
6887
|
+
md: chevronDown,
|
|
6888
|
+
};
|
|
6889
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
6890
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
6886
6891
|
// Return the configured accordion toggle icon or the default icon
|
|
6887
|
-
return config.get('accordionToggleIcon',
|
|
6892
|
+
return config.get('accordionToggleIcon', defaultIcon);
|
|
6888
6893
|
}
|
|
6889
6894
|
toggleExpanded() {
|
|
6890
6895
|
const { accordionGroupEl, disabled, readonly, value, state } = this;
|
|
@@ -6915,7 +6920,7 @@ class Accordion {
|
|
|
6915
6920
|
const headerPart = expanded ? 'header expanded' : 'header';
|
|
6916
6921
|
const contentPart = expanded ? 'content expanded' : 'content';
|
|
6917
6922
|
this.setAria(expanded);
|
|
6918
|
-
return (hAsync(Host, { key: '
|
|
6923
|
+
return (hAsync(Host, { key: 'dc4f4369be66507b8b0f0e28a8ab73d0d11d89ca', class: {
|
|
6919
6924
|
[theme]: true,
|
|
6920
6925
|
'accordion-expanding': this.state === 8 /* AccordionState.Expanding */,
|
|
6921
6926
|
'accordion-expanded': this.state === 4 /* AccordionState.Expanded */,
|
|
@@ -6928,7 +6933,7 @@ class Accordion {
|
|
|
6928
6933
|
'accordion-readonly': readonly,
|
|
6929
6934
|
'accordion-animated': this.shouldAnimate(),
|
|
6930
6935
|
'in-accordion-group-expand-inset': hostContext('.accordion-group-expand-inset', this.el),
|
|
6931
|
-
}, tabindex: disabled ? '-1' : undefined }, hAsync("div", { key: '
|
|
6936
|
+
}, tabindex: disabled ? '-1' : undefined }, hAsync("div", { key: '3e67b334a8b12eb337d2deae47b6a661cba41c74', onClick: () => this.toggleExpanded(), id: "header", part: headerPart, "aria-controls": "content", ref: (headerEl) => (this.headerEl = headerEl) }, hAsync("slot", { key: 'ae7618fb460577c6c31995d8e842c1de16263985', name: "header" })), hAsync("div", { key: '9fc9964f77b9344f763c9adf69ce0bc09534bc75', id: "content", part: contentPart, role: "region", "aria-labelledby": "header", ref: (contentEl) => (this.contentEl = contentEl) }, hAsync("div", { key: '996cf517f866dc516e4ce488c647364e8b2726c8', id: "content-wrapper", ref: (contentElWrapper) => (this.contentElWrapper = contentElWrapper) }, hAsync("slot", { key: 'b48b4bc14e8ea1ef04c3e5acebbdf6f7c543c4c7', name: "content" })))));
|
|
6932
6937
|
}
|
|
6933
6938
|
static get delegatesFocus() { return true; }
|
|
6934
6939
|
get el() { return getElement(this); }
|
|
@@ -12219,6 +12224,8 @@ class Avatar {
|
|
|
12219
12224
|
}; }
|
|
12220
12225
|
}
|
|
12221
12226
|
|
|
12227
|
+
const caretLeftSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNjUuNjYsMjAyLjM0YTgsOCwwLDAsMS0xMS4zMiwxMS4zMmwtODAtODBhOCw4LDAsMCwxLDAtMTEuMzJsODAtODBhOCw4LDAsMCwxLDExLjMyLDExLjMyTDkxLjMxLDEyOFoiLz48L3N2Zz4=';
|
|
12228
|
+
|
|
12222
12229
|
const ionicBackButtonMdCss = () => `:host{--background:transparent;--color-focused:currentColor;--color-hover:currentColor;--icon-margin-top:0;--icon-margin-bottom:0;--icon-padding-top:0;--icon-padding-end:0;--icon-padding-bottom:0;--icon-padding-start:0;--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--min-width:auto;--min-height:auto;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--opacity:1;--ripple-color:currentColor;--transition:background-color, opacity 100ms linear;display:none;min-width:var(--min-width);min-height:var(--min-height);color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-kerning:none;font-kerning:none}ion-ripple-effect{color:var(--ripple-color)}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.show-back-button){display:block}:host(.back-button-disabled){cursor:default;opacity:0.5;pointer-events:none}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:block;position:relative;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;opacity:var(--opacity);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{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;width:100%;height:100%;z-index:1}ion-icon{-webkit-padding-start:var(--icon-padding-start);padding-inline-start:var(--icon-padding-start);-webkit-padding-end:var(--icon-padding-end);padding-inline-end:var(--icon-padding-end);padding-top:var(--icon-padding-top);padding-bottom:var(--icon-padding-bottom);-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);-webkit-margin-end:var(--icon-margin-end);margin-inline-end:var(--icon-margin-end);margin-top:var(--icon-margin-top);margin-bottom:var(--icon-margin-bottom);display:inherit;font-size:var(--icon-font-size);font-weight:var(--icon-font-weight);pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-color.ion-focused) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--border-radius:4px;--background-focused:currentColor;--background-focused-opacity:0.12;--background-hover:currentColor;--background-hover-opacity:0.04;--color:currentColor;--icon-margin-end:0;--icon-margin-start:0;--icon-font-size:1.5rem;--icon-font-weight:normal;--min-height:32px;--min-width:44px;--padding-start:12px;--padding-end:12px;font-size:0.875rem;font-weight:500;text-transform:uppercase}:host(.back-button-has-icon-only){--border-radius:50%;min-width:48px;min-height:48px;aspect-ratio:1/1}.button-native{-webkit-box-shadow:none;box-shadow:none}.button-text{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:0;padding-bottom:0}ion-icon{line-height:0.67;text-align:start}@media (any-hover: hover){:host(.ion-color:hover) .button-native::after{background:var(--ion-color-base)}}:host(.ion-color.ion-focused) .button-native::after{background:var(--ion-color-base)}`;
|
|
12223
12230
|
|
|
12224
12231
|
const backButtonIosCss = () => `:host{--background:transparent;--color-focused:currentColor;--color-hover:currentColor;--icon-margin-top:0;--icon-margin-bottom:0;--icon-padding-top:0;--icon-padding-end:0;--icon-padding-bottom:0;--icon-padding-start:0;--margin-top:0;--margin-end:0;--margin-bottom:0;--margin-start:0;--min-width:auto;--min-height:auto;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--opacity:1;--ripple-color:currentColor;--transition:background-color, opacity 100ms linear;display:none;min-width:var(--min-width);min-height:var(--min-height);color:var(--color);font-family:var(--ion-font-family, inherit);text-align:center;text-decoration:none;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-kerning:none;font-kerning:none}ion-ripple-effect{color:var(--ripple-color)}:host(.ion-color) .button-native{color:var(--ion-color-base)}:host(.show-back-button){display:block}:host(.back-button-disabled){cursor:default;opacity:0.5;pointer-events:none}.button-native{border-radius:var(--border-radius);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-webkit-margin-start:var(--margin-start);margin-inline-start:var(--margin-start);-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:block;position:relative;width:100%;height:100%;min-height:inherit;-webkit-transition:var(--transition);transition:var(--transition);border:0;outline:none;background:var(--background);line-height:1;cursor:pointer;opacity:var(--opacity);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.button-inner{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;width:100%;height:100%;z-index:1}ion-icon{-webkit-padding-start:var(--icon-padding-start);padding-inline-start:var(--icon-padding-start);-webkit-padding-end:var(--icon-padding-end);padding-inline-end:var(--icon-padding-end);padding-top:var(--icon-padding-top);padding-bottom:var(--icon-padding-bottom);-webkit-margin-start:var(--icon-margin-start);margin-inline-start:var(--icon-margin-start);-webkit-margin-end:var(--icon-margin-end);margin-inline-end:var(--icon-margin-end);margin-top:var(--icon-margin-top);margin-bottom:var(--icon-margin-bottom);display:inherit;font-size:var(--icon-font-size);font-weight:var(--icon-font-weight);pointer-events:none}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-color.ion-focused) .button-native{color:var(--ion-color-base)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-base)}}:host(.in-toolbar:not(.in-toolbar-color)){color:var(--ion-toolbar-color, var(--color))}:host{--background-hover:transparent;--background-hover-opacity:1;--background-focused:currentColor;--background-focused-opacity:0.1;--border-radius:4px;--color:var(--ion-color-primary, #0054e9);--icon-margin-end:1px;--icon-margin-start:-4px;--icon-font-size:1.6em;--min-height:32px;font-size:clamp(17px, 1.0625rem, 21.998px)}.button-native{-webkit-transform:translateZ(0);transform:translateZ(0);overflow:visible;z-index:99}:host(.ion-activated) .button-native{opacity:0.4}@media (any-hover: hover){:host(:hover){opacity:0.6}}`;
|
|
@@ -12260,20 +12267,20 @@ class BackButton {
|
|
|
12260
12267
|
this.defaultHref = config.get('backButtonDefaultHref');
|
|
12261
12268
|
}
|
|
12262
12269
|
}
|
|
12263
|
-
/**
|
|
12264
|
-
* Get the icon to use for the back button icon.
|
|
12265
|
-
* If an icon is set on the component, use that.
|
|
12266
|
-
* Otherwise, use the icon set in the config.
|
|
12267
|
-
* If no icon is set in the config, use the default icon.
|
|
12268
|
-
*/
|
|
12269
12270
|
get backButtonIcon() {
|
|
12270
12271
|
// Return the icon if it is explicitly set
|
|
12271
12272
|
if (this.icon != null) {
|
|
12272
12273
|
return this.icon;
|
|
12273
12274
|
}
|
|
12274
|
-
// Determine the theme and map to
|
|
12275
|
+
// Determine the theme and map to default icons
|
|
12275
12276
|
const theme = getIonTheme(this);
|
|
12276
|
-
const
|
|
12277
|
+
const defaultIcons = {
|
|
12278
|
+
ios: chevronBack,
|
|
12279
|
+
ionic: caretLeftSvg,
|
|
12280
|
+
md: arrowBackSharp,
|
|
12281
|
+
};
|
|
12282
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
12283
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
12277
12284
|
// Return the configured back button icon or the default icon
|
|
12278
12285
|
return config.get('backButtonIcon', defaultIcon);
|
|
12279
12286
|
}
|
|
@@ -12297,7 +12304,7 @@ class BackButton {
|
|
|
12297
12304
|
const showBackButton = defaultHref !== undefined;
|
|
12298
12305
|
const theme = getIonTheme(this);
|
|
12299
12306
|
const ariaLabel = inheritedAttributes['aria-label'] || backButtonText || 'back';
|
|
12300
|
-
return (hAsync(Host, { key: '
|
|
12307
|
+
return (hAsync(Host, { key: '30cb7e566ef5182691373de93dbe694fb8cf72ed', onClick: this.onClick, class: createColorClasses$1(color, {
|
|
12301
12308
|
[theme]: true,
|
|
12302
12309
|
button: true, // ion-buttons target .button
|
|
12303
12310
|
'back-button-disabled': disabled,
|
|
@@ -12307,7 +12314,7 @@ class BackButton {
|
|
|
12307
12314
|
'ion-activatable': true,
|
|
12308
12315
|
'ion-focusable': true,
|
|
12309
12316
|
'show-back-button': showBackButton,
|
|
12310
|
-
}) }, hAsync("button", { key: '
|
|
12317
|
+
}) }, hAsync("button", { key: 'be59bfbfec6e6591afee4beff7f0527bdd432dab', type: type, disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }, hAsync("span", { key: '9118e5a082f9092307d80a53307f768461403928', class: "button-inner" }, backButtonIcon && (hAsync("ion-icon", { key: '14193bf4f0edd1ba45f83ab664ddbe08f541997f', part: "icon", icon: backButtonIcon, "aria-hidden": "true", lazy: false, "flip-rtl": icon === undefined })), backButtonText && (hAsync("span", { key: 'a83a8cdb8a95d67ff997c1e366a46c7ec2f7b9fc', part: "text", "aria-hidden": "true", class: "button-text" }, backButtonText))), theme === 'md' && hAsync("ion-ripple-effect", { key: '11c5cc4b5eb3fc19db6e094d549546200ba2b90e', type: this.rippleType }))));
|
|
12311
12318
|
}
|
|
12312
12319
|
get el() { return getElement(this); }
|
|
12313
12320
|
static get style() { return {
|
|
@@ -12497,6 +12504,10 @@ class Badge {
|
|
|
12497
12504
|
}; }
|
|
12498
12505
|
}
|
|
12499
12506
|
|
|
12507
|
+
const caretRightSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xODEuNjYsMTMzLjY2bC04MCw4MGE4LDgsMCwwLDEtMTEuMzItMTEuMzJMMTY0LjY5LDEyOCw5MC4zNCw1My42NmE4LDgsMCwwLDEsMTEuMzItMTEuMzJsODAsODBBOCw4LDAsMCwxLDE4MS42NiwxMzMuNjZaIi8+PC9zdmc+';
|
|
12508
|
+
|
|
12509
|
+
const dotsThreeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNDAsMTI4YTEyLDEyLDAsMSwxLTEyLTEyQTEyLDEyLDAsMCwxLDE0MCwxMjhabTU2LTEyYTEyLDEyLDAsMSwwLDEyLDEyQTEyLDEyLDAsMCwwLDE5NiwxMTZaTTYwLDExNmExMiwxMiwwLDEsMCwxMiwxMkExMiwxMiwwLDAsMCw2MCwxMTZaIi8+PC9zdmc+';
|
|
12510
|
+
|
|
12500
12511
|
const ionicBreadcrumbMdCss = () => `:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-600, var(--ion-text-color-step-400, #677483));--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--ion-color-step-800, var(--ion-text-color-step-200, #35404e));--background-focused:var(--ion-color-step-50, var(--ion-background-color-step-50, #fff))}:host(.breadcrumb-active){font-weight:500}.breadcrumb-native{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px}.breadcrumb-separator{-webkit-margin-start:10px;margin-inline-start:10px;-webkit-margin-end:10px;margin-inline-end:10px;margin-top:-1px}:host(.ion-focused) .breadcrumb-native{border-radius:4px;-webkit-box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12);box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2), 0px 2px 8px rgba(0, 0, 0, 0.12)}.breadcrumb-separator{color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}::slotted(ion-icon){color:var(--ion-color-step-550, var(--ion-text-color-step-450, #7d8894));font-size:1.125rem}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-color-step-850, var(--ion-text-color-step-150, #222d3a))}.breadcrumbs-collapsed-indicator{border-radius:2px;background:var(--ion-color-step-100, var(--ion-background-color-step-100, #eef1f3));color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}.breadcrumbs-collapsed-indicator:hover{opacity:0.7}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, var(--ion-background-color-step-150, #dfe5e8))}`;
|
|
12501
12512
|
|
|
12502
12513
|
const breadcrumbIosCss = () => `:host{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-align:center;align-items:center;color:var(--color);font-size:1rem;font-weight:400;line-height:1.5}.breadcrumb-native{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;outline:none;background:inherit}:host(.breadcrumb-disabled){cursor:default;opacity:0.5;pointer-events:none}:host(.breadcrumb-active){color:var(--color-active)}:host(.ion-focused){color:var(--color-focused)}:host(.ion-focused) .breadcrumb-native{background:var(--background-focused)}@media (any-hover: hover){:host(.ion-activatable:hover){color:var(--color-hover)}:host(.ion-activatable.in-breadcrumbs-color:hover),:host(.ion-activatable.ion-color:hover){color:var(--ion-color-shade)}}.breadcrumb-separator{display:-ms-inline-flexbox;display:inline-flex}:host(.breadcrumb-collapsed) .breadcrumb-native{display:none}:host(.in-breadcrumbs-color),:host(.in-breadcrumbs-color.breadcrumb-active){color:var(--ion-color-base)}:host(.in-breadcrumbs-color) .breadcrumb-separator{color:var(--ion-color-base)}:host(.ion-color){color:var(--ion-color-base)}:host(.in-toolbar-color),:host(.in-toolbar-color) .breadcrumb-separator{color:rgba(var(--ion-color-contrast-rgb), 0.8)}:host(.in-toolbar-color.breadcrumb-active){color:var(--ion-color-contrast)}.breadcrumbs-collapsed-indicator{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:32px;height:18px;border:0;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.breadcrumbs-collapsed-indicator ion-icon{margin-top:1px;font-size:1.375rem}:host{--color:var(--ion-color-step-850, var(--ion-text-color-step-150, #2d4665));--color-active:var(--ion-text-color, #03060b);--color-hover:var(--ion-text-color, #03060b);--color-focused:var(--color-active);--background-focused:var(--ion-color-step-50, var(--ion-background-color-step-50, rgba(233, 237, 243, 0.7)));font-size:clamp(16px, 1rem, 22px)}:host(.breadcrumb-active){font-weight:600}.breadcrumb-native{border-radius:4px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:5px;padding-bottom:5px;border:1px solid transparent}:host(.ion-focused) .breadcrumb-native{border-radius:8px}:host(.in-breadcrumbs-color.ion-focused) .breadcrumb-native,:host(.ion-color.ion-focused) .breadcrumb-native{background:rgba(var(--ion-color-base-rgb), 0.1);color:var(--ion-color-base)}:host(.ion-focused) ::slotted(ion-icon),:host(.in-breadcrumbs-color.ion-focused) ::slotted(ion-icon),:host(.ion-color.ion-focused) ::slotted(ion-icon){color:var(--ion-color-step-750, var(--ion-text-color-step-250, #445b78))}.breadcrumb-separator{color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}::slotted(ion-icon){color:var(--ion-color-step-400, var(--ion-text-color-step-600, #92a0b3));font-size:min(1.125rem, 21.6px)}::slotted(ion-icon[slot=start]){-webkit-margin-end:8px;margin-inline-end:8px}::slotted(ion-icon[slot=end]){-webkit-margin-start:8px;margin-inline-start:8px}:host(.breadcrumb-active) ::slotted(ion-icon){color:var(--ion-color-step-850, var(--ion-text-color-step-150, #242d39))}.breadcrumbs-collapsed-indicator{border-radius:4px;background:var(--ion-color-step-100, var(--ion-background-color-step-100, #e9edf3));color:var(--ion-color-step-550, var(--ion-text-color-step-450, #73849a))}.breadcrumbs-collapsed-indicator:hover{opacity:0.45}.breadcrumbs-collapsed-indicator:focus{background:var(--ion-color-step-150, var(--ion-background-color-step-150, #d9e0ea))}.breadcrumbs-collapsed-indicator ion-icon{font-size:min(1.375rem, 22px)}`;
|
|
@@ -12548,23 +12559,31 @@ class Breadcrumb {
|
|
|
12548
12559
|
componentWillLoad() {
|
|
12549
12560
|
this.inheritedAttributes = inheritAriaAttributes(this.el);
|
|
12550
12561
|
}
|
|
12551
|
-
/**
|
|
12552
|
-
* Get the icon to use for the collapsed icon.
|
|
12553
|
-
* Use the icon set in the config.
|
|
12554
|
-
* If no icon is set in the config, use the default icon.
|
|
12555
|
-
*/
|
|
12556
12562
|
get breadcrumbCollapsedIcon() {
|
|
12563
|
+
// Determine the theme and map to default icons
|
|
12564
|
+
const theme = getIonTheme(this);
|
|
12565
|
+
const defaultIcons = {
|
|
12566
|
+
ios: ellipsisHorizontal,
|
|
12567
|
+
ionic: dotsThreeSvg,
|
|
12568
|
+
md: ellipsisHorizontal,
|
|
12569
|
+
};
|
|
12570
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
12571
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
12557
12572
|
// Return the configured breadcrumb collapsed icon or the default icon
|
|
12558
|
-
return config.get('breadcrumbCollapsedIcon',
|
|
12573
|
+
return config.get('breadcrumbCollapsedIcon', defaultIcon);
|
|
12559
12574
|
}
|
|
12560
|
-
/**
|
|
12561
|
-
* Get the icon to use for the separator icon.
|
|
12562
|
-
* Use the icon set in the config.
|
|
12563
|
-
* If no icon is set in the config, use the default icon.
|
|
12564
|
-
*/
|
|
12565
12575
|
get breadcrumbSeparatorIcon() {
|
|
12576
|
+
// Determine the theme and map to default icons
|
|
12577
|
+
const theme = getIonTheme(this);
|
|
12578
|
+
const defaultIcons = {
|
|
12579
|
+
ios: chevronForwardOutline,
|
|
12580
|
+
ionic: caretRightSvg,
|
|
12581
|
+
md: chevronForwardOutline,
|
|
12582
|
+
};
|
|
12583
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
12584
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
12566
12585
|
// Return the configured breadcrumb separator icon or the default icon
|
|
12567
|
-
return config.get('breadcrumbSeparatorIcon',
|
|
12586
|
+
return config.get('breadcrumbSeparatorIcon', defaultIcon);
|
|
12568
12587
|
}
|
|
12569
12588
|
isClickable() {
|
|
12570
12589
|
return this.href !== undefined;
|
|
@@ -12588,7 +12607,7 @@ class Breadcrumb {
|
|
|
12588
12607
|
// to show the separator as long as it isn't also the last breadcrumb
|
|
12589
12608
|
// otherwise if not collapsed use the value in separator
|
|
12590
12609
|
const showSeparator = last ? false : collapsed ? (showCollapsedIndicator && !last ? true : false) : separator;
|
|
12591
|
-
return (hAsync(Host, { key: '
|
|
12610
|
+
return (hAsync(Host, { key: 'eb02645656f4ee3752aa9f6c4dee2e57a8ee7527', onClick: (ev) => openURL(href, ev, routerDirection, routerAnimation), "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
|
|
12592
12611
|
[theme]: true,
|
|
12593
12612
|
'breadcrumb-active': active,
|
|
12594
12613
|
'breadcrumb-collapsed': collapsed,
|
|
@@ -12598,15 +12617,15 @@ class Breadcrumb {
|
|
|
12598
12617
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
12599
12618
|
'ion-activatable': clickable,
|
|
12600
12619
|
'ion-focusable': clickable,
|
|
12601
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
12620
|
+
}) }, hAsync(TagType, Object.assign({ key: '54ea53cd2e2f6cabca07565574971c80681f49d8' }, attrs, { class: "breadcrumb-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur }, inheritedAttributes), hAsync("slot", { key: 'bd61fa6839550c381d559b0c3dccd42469374de2', name: "start" }), hAsync("slot", { key: '095a422dc68e1ed78ea1b301bbea9c53e177cbba' }), hAsync("slot", { key: '958b819ab4a37c9e6d6b5ea06da5bbcb01840627', name: "end" })), showCollapsedIndicator && (hAsync("button", { key: '068f87ca666e09286e2fc09fae63e8bdbaad0900', part: "collapsed-indicator", "aria-label": "Show more breadcrumbs", onClick: () => this.collapsedIndicatorClick(), ref: (collapsedEl) => (this.collapsedRef = collapsedEl), class: {
|
|
12602
12621
|
'breadcrumbs-collapsed-indicator': true,
|
|
12603
|
-
} }, hAsync("ion-icon", { key: '
|
|
12622
|
+
} }, hAsync("ion-icon", { key: '46d5821fee23327a23a4dfd7ad507ce551f7b00c', "aria-hidden": "true", icon: breadcrumbCollapsedIcon, lazy: false }))), showSeparator && (
|
|
12604
12623
|
/**
|
|
12605
12624
|
* Separators should not be announced by narrators.
|
|
12606
12625
|
* We add aria-hidden on the span so that this applies
|
|
12607
12626
|
* to any custom separators too.
|
|
12608
12627
|
*/
|
|
12609
|
-
hAsync("span", { key: '
|
|
12628
|
+
hAsync("span", { key: '2520520d582b923c635548be4da74c138db38b46', class: "breadcrumb-separator", part: "separator", "aria-hidden": "true" }, hAsync("slot", { key: 'e134f59f8fdc1d8602817a072adfc6f2a89885d7', name: "separator" }, theme === 'ios' || theme === 'ionic' ? (hAsync("ion-icon", { icon: breadcrumbSeparatorIcon, lazy: false, "flip-rtl": true })) : (hAsync("span", null, "/")))))));
|
|
12610
12629
|
}
|
|
12611
12630
|
get el() { return getElement(this); }
|
|
12612
12631
|
static get style() { return {
|
|
@@ -13720,11 +13739,11 @@ const createClearButtonPressController = (onPressChange) => {
|
|
|
13720
13739
|
};
|
|
13721
13740
|
};
|
|
13722
13741
|
|
|
13723
|
-
const checkboxIonicCss = () => `:host{display:inline-block;position:relative;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(:focus){outline:none}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon{position:relative;color:var(--checkmark-color);opacity:0}.checkbox-icon svg{width:100%;height:100%}.checkbox-icon path{fill:none;stroke:currentColor;stroke-width:var(--checkmark-width)}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .native-wrapper,:host(.checkbox-indeterminate) .native-wrapper{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--border-color:var(--token-primitives-neutral-800, #626262);--checkmark-width:3;--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));--focus-ring-offset:var(--token-space-050, var(--token-scale-050, 2px));--size:var(--token-scale-600, 24px);--checkbox-background:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));--checkbox-background-checked:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));--border-color-checked:var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));--checkmark-color:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--transition:none;z-index:2}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--token-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";cursor:pointer;z-index:1}.label-text-wrapper{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.in-item) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-400, var(--token-scale-400, 16px))}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{-ms-flex-pack:center;justify-content:center}.checkbox-icon{font-size:calc(var(--size) * 2 / 3)}.checkbox-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}.checkbox-bottom .error-text{color:var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)))}.checkbox-bottom .helper-text{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.checkbox-label-placement-start) .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))}:host(.checkbox-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}:host(.checkbox-label-placement-fixed) .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))}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--token-space-400, var(--token-scale-400, 16px));max-width:133.3333333333%}:host(.checkbox-size-small){--size:var(--token-scale-400, 16px)}:host(.ion-invalid){--focus-ring-color:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)))}:host(.ion-invalid:not(.checkbox-checked)) .native-wrapper,:host(.ion-invalid:not(.checkbox-checked).checkbox-disabled) .native-wrapper{border-color:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)))}:host(.checkbox-disabled) .native-wrapper: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;right:unset;left:unset;top:unset;bottom:unset;width:inherit;height:inherit}:host(.checkbox-disabled.checkbox-checked) .native-wrapper{border-width:var(--token-border-size-0, var(--token-scale-0, 0px));background-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))))}@media (any-hover: hover){:host(:hover) .native-wrapper{background-color:var(--token-primitives-neutral-100, #f3f3f3)}:host(:hover.checkbox-checked) .native-wrapper,:host(:hover.checkbox-indeterminate) .native-wrapper{background-color:var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da))}}:host(.ion-focused:not(.checkbox-disabled)) .native-wrapper{outline-offset:var(--focus-ring-width);outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color)}:host(.ion-activated) .native-wrapper{background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9))}:host(.ion-activated.checkbox-checked) .native-wrapper,:host(.ion-activated.checkbox-indeterminate) .native-wrapper{background-color:var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)){background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)) .native-wrapper{border-color:var(--token-border-danger-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)))}:host(.checkbox-shape-soft){--border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}:host(.checkbox-size-small.checkbox-shape-soft){--border-radius:var(--token-border-radius-025, var(--token-scale-050, 2px))}:host(.checkbox-shape-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}.checkbox-wrapper{min-height:var(--token-scale-1200, 48px)}`;
|
|
13742
|
+
const checkboxIonicCss = () => `:host{display:inline-block;position:relative;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(:focus){outline:none}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-width:var(--token-border-size-025, var(--token-scale-025, 1px));--border-style:var(--token-border-style-solid, solid);--border-color:var(--token-primitives-neutral-800, #626262);--checkmark-width:var(--token-scale-400, 16px);--checkmark-height:var(--checkmark-width);--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));--focus-ring-offset:var(--token-space-050, var(--token-scale-050, 2px));--size:var(--token-scale-600, 24px);--checkbox-background:var(--token-bg-input-default, var(--token-primitives-base-white, #ffffff));--checkbox-background-checked:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))));--border-color-checked:var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef)));--checkmark-color:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--transition:none;z-index:2}:host::after{right:0;left:0;top:50%;position:absolute;height:100%;min-height:var(--token-scale-1200, 48px);-webkit-transform:translateY(-50%);transform:translateY(-50%);content:"";cursor:pointer;z-index:1}:host .native-wrapper{position:relative}.label-text-wrapper{color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.in-item) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:var(--token-space-250, var(--token-scale-250, 10px));margin-bottom:var(--token-space-400, var(--token-scale-400, 16px))}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:var(--token-space-250, var(--token-scale-250, 10px))}input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);-webkit-appearance:none;-moz-appearance:none}.native-wrapper{border-radius:var(--border-radius);-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon{width:var(--checkmark-width);height:var(--checkmark-height)}.checkbox-icon path{fill:var(--checkmark-color)}.checkbox-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}.checkbox-bottom .error-text{color:var(--token-text-danger, var(--token-semantics-danger-900, var(--token-primitives-red-900, #991b1b)))}.checkbox-bottom .helper-text{color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262))}:host(.checkbox-label-placement-start) .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))}:host(.checkbox-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}:host(.checkbox-label-placement-fixed) .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))}:host(.checkbox-label-placement-stacked) .label-text-wrapper{-webkit-transform:scale(0.75);transform:scale(0.75);margin-left:0;margin-right:0;margin-bottom:var(--token-space-400, var(--token-scale-400, 16px));max-width:133.3333333333%}:host(.checkbox-size-small){--size:var(--token-scale-400, 16px)}:host(.checkbox-checked) .native-wrapper,:host(.checkbox-indeterminate) .native-wrapper{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.ion-invalid){--focus-ring-color:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)))}:host(.ion-invalid:not(.checkbox-checked)) .native-wrapper,:host(.ion-invalid:not(.checkbox-checked).checkbox-disabled) .native-wrapper{border-color:var(--token-border-danger-default, var(--token-semantics-danger-800, var(--token-primitives-red-800, #bf2222)))}:host(.checkbox-disabled) .native-wrapper: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;right:unset;left:unset;top:unset;bottom:unset;width:inherit;height:inherit}:host(.checkbox-disabled.checkbox-checked) .native-wrapper{border-width:var(--token-border-size-0, var(--token-scale-0, 0px));background-color:var(--token-bg-primary-base-default, var(--token-semantics-primary-base, var(--token-semantics-primary-700, var(--token-primitives-blue-700, #105cef))))}@media (any-hover: hover){:host(:hover) .native-wrapper{background-color:var(--token-primitives-neutral-100, #f3f3f3)}:host(:hover.checkbox-checked) .native-wrapper,:host(:hover.checkbox-checked) .checkbox-icon,:host(:hover.checkbox-indeterminate) .native-wrapper,:host(:hover.checkbox-indeterminate) .checkbox-icon{background-color:var(--token-semantics-primary-800, var(--token-primitives-blue-800, #0f54da))}}:host(.ion-focused:not(.checkbox-disabled)) .native-wrapper{outline-offset:var(--focus-ring-width);outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color)}:host(.ion-activated) .native-wrapper{background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9))}:host(.ion-activated.checkbox-checked) .native-wrapper,:host(.ion-activated.checkbox-checked) .checkbox-icon,:host(.ion-activated.checkbox-indeterminate) .native-wrapper,:host(.ion-activated.checkbox-indeterminate) .checkbox-icon{background-color:var(--token-bg-primary-base-press, var(--token-semantics-primary-900, var(--token-primitives-blue-900, #0d4bc3)))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)){background-color:var(--token-bg-input-press, var(--token-primitives-neutral-200, #eae9e9))}:host(.ion-activated.ion-invalid:not(.checkbox-checked)) .native-wrapper{border-color:var(--token-border-danger-press, var(--token-semantics-danger-1000, var(--token-primitives-red-1000, #761515)))}:host(.checkbox-shape-soft){--border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px))}:host(.checkbox-size-small.checkbox-shape-soft){--border-radius:var(--token-border-radius-025, var(--token-scale-050, 2px))}:host(.checkbox-shape-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}.checkbox-wrapper{min-height:var(--token-scale-1200, 48px)}`;
|
|
13724
13743
|
|
|
13725
|
-
const checkboxIosCss = () => `:host{display:inline-block;position:relative;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(:focus){outline:none}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{
|
|
13744
|
+
const checkboxIosCss = () => `:host{display:inline-block;position:relative;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(:focus){outline:none}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--transition:none;z-index:2}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}.native-wrapper{position:relative}:host(.ion-focused) .native-wrapper::after{border-radius:50%;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #1a65eb);content:"";opacity:0.2;pointer-events:none;inset-block-start:calc(50% - 36px / 2);inset-inline-start:calc(50% - 36px / 2)}:host(.in-item) .label-text-wrapper,:host(.in-item:not(.checkbox-label-placement-stacked):not([slot])) .native-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.checkbox-icon{border-radius:var(--border-radius);width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width)}.checkbox-bottom{padding-top:4px;font-size:0.75rem}:host(.checkbox-label-placement-stacked) .checkbox-bottom{font-size:1rem}.checkbox-bottom .error-text{color:var(--ion-color-danger, #c5000f)}.checkbox-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-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{--border-radius:50%;--border-width:0.125rem;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--size:min(1.375rem, 55.836px);--checkmark-width:1.5px}:host(.checkbox-disabled){opacity:0.3}`;
|
|
13726
13745
|
|
|
13727
|
-
const checkboxMdCss = () => `:host{display:inline-block;position:relative;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(:focus){outline:none}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{
|
|
13746
|
+
const checkboxMdCss = () => `:host{display:inline-block;position:relative;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(:focus){outline:none}.checkbox-wrapper{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:inherit;cursor:inherit}.label-text-wrapper{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden{display:none}input{display:none}.native-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.checkbox-icon{position:relative}.checkbox-icon path{opacity:0}.checkbox-bottom{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;white-space:normal}.checkbox-bottom .error-text{display:none}.checkbox-bottom .helper-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .error-text{display:block}:host(.ion-touched.ion-invalid) .checkbox-bottom .helper-text{display:none}:host(.checkbox-label-placement-start) .checkbox-wrapper{-ms-flex-direction:row;flex-direction:row}:host(.checkbox-label-placement-end) .checkbox-wrapper{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:start;justify-content:start}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}:host(.checkbox-label-placement-stacked) .checkbox-wrapper{-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper{-webkit-transform-origin:left top;transform-origin:left top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-start .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-start:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:right top;transform-origin:right top}}:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper{-webkit-transform-origin:center top;transform-origin:center top}:host-context([dir=rtl]):host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper,:host-context([dir=rtl]).checkbox-label-placement-stacked.checkbox-alignment-center .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){:host(.checkbox-label-placement-stacked.checkbox-alignment-center:dir(rtl)) .label-text-wrapper{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}:host(.checkbox-justify-space-between) .checkbox-wrapper{-ms-flex-pack:justify;justify-content:space-between}:host(.checkbox-justify-start) .checkbox-wrapper{-ms-flex-pack:start;justify-content:start}:host(.checkbox-justify-end) .checkbox-wrapper{-ms-flex-pack:end;justify-content:end}:host(.checkbox-alignment-start) .checkbox-wrapper{-ms-flex-align:start;align-items:start}:host(.checkbox-alignment-center) .checkbox-wrapper{-ms-flex-align:center;align-items:center}:host(.checkbox-justify-space-between),:host(.checkbox-justify-start),:host(.checkbox-justify-end),:host(.checkbox-alignment-start),:host(.checkbox-alignment-center){display:block}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--checkbox-background-checked:var(--ion-color-primary, #0054e9);--border-color-checked:var(--ion-color-primary, #0054e9);--checkmark-color:var(--ion-color-primary-contrast, #fff);--transition:none;z-index:2}:host(.ion-color){--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}.native-wrapper{position:relative}:host(.ion-focused) .native-wrapper::after{border-radius:50%;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #1a65eb);content:"";opacity:0.2;pointer-events:none;inset-block-start:calc(50% - 36px / 2);inset-inline-start:calc(50% - 36px / 2)}:host(.in-item) .label-text-wrapper,:host(.in-item:not(.checkbox-label-placement-stacked):not([slot])) .native-wrapper{margin-top:10px;margin-bottom:10px}:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper{margin-top:10px;margin-bottom:16px}:host(.in-item.checkbox-label-placement-stacked) .native-wrapper{margin-bottom:10px}.checkbox-icon{border-radius:var(--border-radius);width:var(--size);height:var(--size);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--checkbox-background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width)}.checkbox-bottom{padding-top:4px;font-size:0.75rem}:host(.checkbox-label-placement-stacked) .checkbox-bottom{font-size:1rem}.checkbox-bottom .error-text{color:var(--ion-color-danger, #c5000f)}.checkbox-bottom .helper-text{color:var(--ion-color-step-700, var(--ion-text-color-step-300, #4d4d4d))}:host(.checkbox-label-placement-start) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-label-placement-end) .label-text-wrapper{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}:host(.checkbox-label-placement-fixed) .label-text-wrapper{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}:host(.checkbox-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{--border-radius:calc(var(--size) * 0.125);--border-width:2px;--border-style:solid;--border-color:rgb(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--checkmark-width:3;--checkbox-background:var(--ion-item-background, var(--ion-background-color, #fff));--transition:background 180ms cubic-bezier(0.4, 0, 0.2, 1);--size:18px}.checkbox-icon path{stroke-dasharray:30;stroke-dashoffset:30}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{stroke-dashoffset:0;-webkit-transition:stroke-dashoffset 90ms linear 90ms;transition:stroke-dashoffset 90ms linear 90ms}:host(.checkbox-disabled) .label-text-wrapper{opacity:0.38}:host(.checkbox-disabled) .native-wrapper{opacity:0.63}`;
|
|
13728
13747
|
|
|
13729
13748
|
/**
|
|
13730
13749
|
* @virtualProp {"ios" | "md"} mode - The mode determines the platform behaviors of the component.
|
|
@@ -13734,8 +13753,7 @@ const checkboxMdCss = () => `:host{display:inline-block;position:relative;cursor
|
|
|
13734
13753
|
*
|
|
13735
13754
|
* @part container - The container for the checkbox mark.
|
|
13736
13755
|
* @part label - The label text describing the checkbox.
|
|
13737
|
-
* @part
|
|
13738
|
-
* @part mark - The checkmark used to indicate the checked state. Only applies when no icon is set in the config.
|
|
13756
|
+
* @part mark - The checkmark used to indicate the checked state.
|
|
13739
13757
|
* @part supporting-text - Supporting text displayed beneath the checkbox label.
|
|
13740
13758
|
* @part helper-text - Supporting text displayed beneath the checkbox label when the checkbox is valid.
|
|
13741
13759
|
* @part error-text - Supporting text displayed beneath the checkbox label when the checkbox is invalid and touched.
|
|
@@ -13869,20 +13887,6 @@ class Checkbox {
|
|
|
13869
13887
|
async setFocus() {
|
|
13870
13888
|
this.el.focus();
|
|
13871
13889
|
}
|
|
13872
|
-
/**
|
|
13873
|
-
* Get the icon to use for the checked icon.
|
|
13874
|
-
* Use the icon set in the config.
|
|
13875
|
-
*/
|
|
13876
|
-
get checkboxCheckedIcon() {
|
|
13877
|
-
return config.get('checkboxCheckedIcon');
|
|
13878
|
-
}
|
|
13879
|
-
/**
|
|
13880
|
-
* Get the icon to use for the indeterminate icon.
|
|
13881
|
-
* Use the icon set in the config.
|
|
13882
|
-
*/
|
|
13883
|
-
get checkboxIndeterminateIcon() {
|
|
13884
|
-
return config.get('checkboxIndeterminateIcon');
|
|
13885
|
-
}
|
|
13886
13890
|
getHintTextId() {
|
|
13887
13891
|
const { helperText, errorText, helperTextId, errorTextId, isInvalid } = this;
|
|
13888
13892
|
if (isInvalid && errorText) {
|
|
@@ -13912,14 +13916,13 @@ class Checkbox {
|
|
|
13912
13916
|
render() {
|
|
13913
13917
|
const { color, checked, disabled, el, getSVGPath, indeterminate, inheritedAttributes, inputId, justify, labelPlacement, name, value, alignment, required, shape, size, } = this;
|
|
13914
13918
|
const theme = getIonTheme(this);
|
|
13915
|
-
const markIcon = indeterminate ? this.checkboxIndeterminateIcon : this.checkboxCheckedIcon;
|
|
13916
13919
|
const path = getSVGPath(theme, indeterminate);
|
|
13917
13920
|
const inItem = hostContext('ion-item', el);
|
|
13918
13921
|
const inMultipleInputsItem = hostContext('ion-item.item-multiple-inputs', el);
|
|
13919
13922
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
13920
13923
|
// The host element must have a checkbox role to ensure proper VoiceOver
|
|
13921
13924
|
// support in Safari for accessibility.
|
|
13922
|
-
return (hAsync(Host, { key: '
|
|
13925
|
+
return (hAsync(Host, { key: '4a87b4c232e9dbf71a489ecd02ec94c1bd5cac24', role: "checkbox", "aria-checked": indeterminate ? 'mixed' : `${checked}`, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, "aria-labelledby": this.hasLabelContent ? this.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, onClick: this.onClick, class: createColorClasses$1(color, {
|
|
13923
13926
|
[theme]: true,
|
|
13924
13927
|
'in-item': inItem,
|
|
13925
13928
|
'checkbox-checked': checked,
|
|
@@ -13934,16 +13937,23 @@ class Checkbox {
|
|
|
13934
13937
|
[`checkbox-label-placement-${labelPlacement}`]: true,
|
|
13935
13938
|
[`checkbox-size-${size}`]: size !== undefined,
|
|
13936
13939
|
[`checkbox-shape-${shape}`]: true,
|
|
13937
|
-
}) }, hAsync("label", { key: '
|
|
13940
|
+
}) }, hAsync("label", { key: '97aebc716e0ab1ef850620011a4e65f6318fca2c', class: "checkbox-wrapper", htmlFor: inputId }, hAsync("input", Object.assign({ key: '47d3d3c93438cf3a135c162893ed502af8914a75', type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, required: required }, inheritedAttributes)), hAsync("div", { key: '70935ad2274e5b3f4973cda326abca237aa302f9', class: {
|
|
13938
13941
|
'label-text-wrapper': true,
|
|
13939
13942
|
'label-text-wrapper-hidden': !this.hasLabelContent,
|
|
13940
|
-
}, part: "label", id: this.inputLabelId, onClick: this.onDivLabelClick }, hAsync("slot", { key: '
|
|
13943
|
+
}, part: "label", id: this.inputLabelId, onClick: this.onDivLabelClick }, hAsync("slot", { key: '22f27bd7afd0abefb112419355a0ce9f1a1403e9' }), this.renderHintText()), hAsync("div", { key: 'fda4acb438bafcfdcfefd860e3f92335d4b9ea74', class: "native-wrapper" }, hAsync("svg", { key: 'bab1161b88d36511546cb49ae3d411a16bd60a08', class: "checkbox-icon", viewBox: theme === 'ionic' ? '0 0 256 256' : '0 0 24 24', part: "container", "aria-hidden": "true" }, path)))));
|
|
13941
13944
|
}
|
|
13942
13945
|
getSVGPath(theme, indeterminate) {
|
|
13943
13946
|
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" }));
|
|
13944
|
-
if (theme === 'md'
|
|
13947
|
+
if (theme === 'md') {
|
|
13945
13948
|
path = indeterminate ? (hAsync("path", { d: "M2 12H22", part: "mark" })) : (hAsync("path", { d: "M1.73,12.91 8.1,19.28 22.79,4.59", part: "mark" }));
|
|
13946
13949
|
}
|
|
13950
|
+
else if (theme === 'ionic') {
|
|
13951
|
+
path = indeterminate ? (
|
|
13952
|
+
// Phosphor Icon - minus bold
|
|
13953
|
+
hAsync("path", { d: "M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128Z" })) : (
|
|
13954
|
+
// Phosphor Icon - check bold
|
|
13955
|
+
hAsync("path", { d: "M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z" }));
|
|
13956
|
+
}
|
|
13947
13957
|
return path;
|
|
13948
13958
|
}
|
|
13949
13959
|
get el() { return getElement(this); }
|
|
@@ -14040,7 +14050,7 @@ class Chip {
|
|
|
14040
14050
|
const theme = getIonTheme(this);
|
|
14041
14051
|
const size = this.getSize();
|
|
14042
14052
|
const shape = this.getShape();
|
|
14043
|
-
return (hAsync(Host, { key: '
|
|
14053
|
+
return (hAsync(Host, { key: 'ec10528929fb43fcae7d2d7c9cc52bcf67d9823e', "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
|
|
14044
14054
|
[theme]: true,
|
|
14045
14055
|
[`chip-${shape}`]: true,
|
|
14046
14056
|
'chip-outline': this.outline,
|
|
@@ -14049,7 +14059,7 @@ class Chip {
|
|
|
14049
14059
|
'ion-focusable': !this.disabled,
|
|
14050
14060
|
[`chip-${size}`]: size !== undefined,
|
|
14051
14061
|
[`chip-${hue}`]: hue !== undefined,
|
|
14052
|
-
}) }, hAsync("slot", { key: '
|
|
14062
|
+
}) }, hAsync("slot", { key: 'c88e9a90b9de62fded05d4323c5b4f86f2f3e96d' }), theme === 'md' && hAsync("ion-ripple-effect", { key: 'f0395345064db0e02cbc886386b07d0d01cb02be' })));
|
|
14053
14063
|
}
|
|
14054
14064
|
static get style() { return {
|
|
14055
14065
|
ionic: chipIonicCss(),
|
|
@@ -14175,12 +14185,12 @@ class Col {
|
|
|
14175
14185
|
const colSize = this.getSizeClass();
|
|
14176
14186
|
const colOrder = this.getOrderClass();
|
|
14177
14187
|
const colOffset = this.getOffsetClass();
|
|
14178
|
-
return (hAsync(Host, { key: '
|
|
14188
|
+
return (hAsync(Host, { key: '7fc98e15bd75e9c22fe7eaf71f2f49f5d987613a', class: {
|
|
14179
14189
|
[theme]: true,
|
|
14180
14190
|
[`${colSize}`]: colSize !== undefined,
|
|
14181
14191
|
[`${colOrder}`]: colOrder !== undefined,
|
|
14182
14192
|
[`${colOffset}`]: colOffset !== undefined,
|
|
14183
|
-
} }, hAsync("slot", { key: '
|
|
14193
|
+
} }, hAsync("slot", { key: '6ed04a2c2bcdb0400354368c568e58414a60fc39' })));
|
|
14184
14194
|
}
|
|
14185
14195
|
get el() { return getElement(this); }
|
|
14186
14196
|
static get style() { return colCss(); }
|
|
@@ -14610,7 +14620,7 @@ class Content {
|
|
|
14610
14620
|
const forceOverscroll = this.shouldForceOverscroll(mode);
|
|
14611
14621
|
const transitionShadow = theme === 'ios';
|
|
14612
14622
|
this.resize();
|
|
14613
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
14623
|
+
return (hAsync(Host, Object.assign({ key: '8c7f646f58e7c38fb6d8661b1629b847a16753fb', role: isMainContent ? 'main' : undefined, class: createColorClasses$1(this.color, {
|
|
14614
14624
|
[theme]: true,
|
|
14615
14625
|
'content-fullscreen': this.fullscreen,
|
|
14616
14626
|
'content-sizing': hostContext('ion-popover', this.el),
|
|
@@ -14619,12 +14629,12 @@ class Content {
|
|
|
14619
14629
|
}), style: {
|
|
14620
14630
|
'--offset-top': `${this.cTop}px`,
|
|
14621
14631
|
'--offset-bottom': `${this.cBottom}px`,
|
|
14622
|
-
} }, inheritedAttributes), hAsync("div", { key: '
|
|
14632
|
+
} }, inheritedAttributes), hAsync("div", { key: '2b0505c3fdf5c92938b8419c0f57f8d999aec6b3', ref: (el) => (this.backgroundContentEl = el), id: "background-content", part: "background" }), fixedSlotPlacement === 'before' ? hAsync("slot", { name: "fixed" }) : null, hAsync("div", { key: '6b769596e491dea1d3618551497fde9364afdeda', class: {
|
|
14623
14633
|
'inner-scroll': true,
|
|
14624
14634
|
'scroll-x': scrollX,
|
|
14625
14635
|
'scroll-y': scrollY,
|
|
14626
14636
|
overscroll: (scrollX || scrollY) && forceOverscroll,
|
|
14627
|
-
}, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, hAsync("slot", { key: '
|
|
14637
|
+
}, ref: (scrollEl) => (this.scrollEl = scrollEl), onScroll: this.scrollEvents ? (ev) => this.onScroll(ev) : undefined, part: "scroll" }, hAsync("slot", { key: 'ba36c8468681d028352415039d2cb2a750f2638f' })), transitionShadow ? (hAsync("div", { class: "transition-effect" }, hAsync("div", { class: "transition-cover" }), hAsync("div", { class: "transition-shadow" }))) : null, fixedSlotPlacement === 'after' ? hAsync("slot", { name: "fixed" }) : null));
|
|
14628
14638
|
}
|
|
14629
14639
|
get el() { return getElement(this); }
|
|
14630
14640
|
static get watchers() { return {
|
|
@@ -18302,43 +18312,73 @@ class Datetime {
|
|
|
18302
18312
|
}
|
|
18303
18313
|
/**
|
|
18304
18314
|
* Get the icon to use for the next icon.
|
|
18305
|
-
*
|
|
18315
|
+
* Otherwise, use the icon set in the config.
|
|
18306
18316
|
* If no icon is set in the config, use the default icon.
|
|
18307
18317
|
*/
|
|
18308
18318
|
get datetimeNextIcon() {
|
|
18319
|
+
// Determine the theme and map to default icons
|
|
18320
|
+
const theme = getIonTheme(this);
|
|
18321
|
+
const defaultIcons = {
|
|
18322
|
+
ios: chevronForward,
|
|
18323
|
+
ionic: caretRightSvg,
|
|
18324
|
+
md: chevronForward,
|
|
18325
|
+
};
|
|
18326
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
18327
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
18309
18328
|
// Return the configured datetime next icon or the default icon
|
|
18310
|
-
return config.get('datetimeNextIcon',
|
|
18329
|
+
return config.get('datetimeNextIcon', defaultIcon);
|
|
18311
18330
|
}
|
|
18312
18331
|
/**
|
|
18313
18332
|
* Get the icon to use for the previous icon.
|
|
18314
|
-
*
|
|
18333
|
+
* Otherwise, use the icon set in the config.
|
|
18315
18334
|
* If no icon is set in the config, use the default icon.
|
|
18316
18335
|
*/
|
|
18317
18336
|
get datetimePreviousIcon() {
|
|
18337
|
+
// Determine the theme and map to default icons
|
|
18338
|
+
const theme = getIonTheme(this);
|
|
18339
|
+
const defaultIcons = {
|
|
18340
|
+
ios: chevronBack,
|
|
18341
|
+
ionic: caretLeftSvg,
|
|
18342
|
+
md: chevronBack,
|
|
18343
|
+
};
|
|
18344
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
18345
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
18318
18346
|
// Return the configured datetime previous icon or the default icon
|
|
18319
|
-
return config.get('datetimePreviousIcon',
|
|
18347
|
+
return config.get('datetimePreviousIcon', defaultIcon);
|
|
18320
18348
|
}
|
|
18321
18349
|
/**
|
|
18322
18350
|
* Get the icon to use for the show month and year icon.
|
|
18323
|
-
*
|
|
18351
|
+
* Otherwise, use the icon set in the config.
|
|
18324
18352
|
* If no icon is set in the config, use the default icon.
|
|
18325
18353
|
*/
|
|
18326
18354
|
get datetimeCollapsedIcon() {
|
|
18327
|
-
// Determine the theme and map to
|
|
18355
|
+
// Determine the theme and map to default icons
|
|
18328
18356
|
const theme = getIonTheme(this);
|
|
18329
|
-
const
|
|
18357
|
+
const defaultIcons = {
|
|
18358
|
+
ios: chevronForward,
|
|
18359
|
+
ionic: undefined,
|
|
18360
|
+
md: caretDownSharp,
|
|
18361
|
+
};
|
|
18362
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
18363
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
18330
18364
|
// Return the configured datetime show month and year icon or the default icon
|
|
18331
18365
|
return config.get('datetimeCollapsedIcon', defaultIcon);
|
|
18332
18366
|
}
|
|
18333
18367
|
/**
|
|
18334
18368
|
* Get the icon to use for the hide month and year icon.
|
|
18335
|
-
*
|
|
18369
|
+
* Otherwise, use the icon set in the config.
|
|
18336
18370
|
* If no icon is set in the config, use the default icon.
|
|
18337
18371
|
*/
|
|
18338
18372
|
get datetimeExpandedIcon() {
|
|
18339
|
-
// Determine the theme and map to
|
|
18373
|
+
// Determine the theme and map to default icons
|
|
18340
18374
|
const theme = getIonTheme(this);
|
|
18341
|
-
const
|
|
18375
|
+
const defaultIcons = {
|
|
18376
|
+
ios: chevronDown,
|
|
18377
|
+
ionic: undefined,
|
|
18378
|
+
md: caretUpSharp,
|
|
18379
|
+
};
|
|
18380
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
18381
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
18342
18382
|
// Return the configured datetime hide month and year icon or the default icon
|
|
18343
18383
|
return config.get('datetimeExpandedIcon', defaultIcon);
|
|
18344
18384
|
}
|
|
@@ -18351,7 +18391,7 @@ class Datetime {
|
|
|
18351
18391
|
const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
|
|
18352
18392
|
const hasWheelVariant = hasDatePresentation && preferWheel;
|
|
18353
18393
|
renderHiddenInput(true, el, name, formatValue(value), disabled);
|
|
18354
|
-
return (hAsync(Host, { key: '
|
|
18394
|
+
return (hAsync(Host, { key: '04fb1740b1d722d20cdbb32b19d9a3b7d3334db0', "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses$1(color, {
|
|
18355
18395
|
[theme]: true,
|
|
18356
18396
|
['datetime-readonly']: readonly,
|
|
18357
18397
|
['datetime-disabled']: disabled,
|
|
@@ -18361,7 +18401,7 @@ class Datetime {
|
|
|
18361
18401
|
[`datetime-size-${size}`]: true,
|
|
18362
18402
|
[`datetime-prefer-wheel`]: hasWheelVariant,
|
|
18363
18403
|
[`datetime-grid`]: isGridStyle,
|
|
18364
|
-
})) }, hAsync("div", { key: '
|
|
18404
|
+
})) }, hAsync("div", { key: '0cbb85b4c71e521c81b37a98da0123a1c3a15fac', class: "intersection-tracker", ref: (el) => (this.intersectionTrackerRef = el) }), this.renderDatetime(theme)));
|
|
18365
18405
|
}
|
|
18366
18406
|
get el() { return getElement(this); }
|
|
18367
18407
|
static get watchers() { return {
|
|
@@ -18802,11 +18842,11 @@ class DatetimeButton {
|
|
|
18802
18842
|
render() {
|
|
18803
18843
|
const { color, dateText, timeText, selectedButton, datetimeActive, disabled } = this;
|
|
18804
18844
|
const theme = getIonTheme(this);
|
|
18805
|
-
return (hAsync(Host, { key: '
|
|
18845
|
+
return (hAsync(Host, { key: '8cdd9935131b68d84ac601f78d5967383eaaf25e', class: createColorClasses$1(color, {
|
|
18806
18846
|
[theme]: true,
|
|
18807
18847
|
[`${selectedButton}-active`]: datetimeActive,
|
|
18808
18848
|
['datetime-button-disabled']: disabled,
|
|
18809
|
-
}) }, dateText && (hAsync("button", { key: '
|
|
18849
|
+
}) }, dateText && (hAsync("button", { key: 'dfd6d83cdca3673383a21e213dae825b5643600d', 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: 'f7cabbcd6474c66283fb0681a3d75f36a88750d6', name: "date-target" }, dateText), theme === 'md' && hAsync("ion-ripple-effect", { key: '3aace053cea80aa3bb30a06c8e1f1d18650d8796' }))), timeText && (hAsync("button", { key: 'c8fac088f4e6ee2486110a59574bd95cd3be870b', 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: '195df2d17f6bd28c9cf6ad657e55948472544985', name: "time-target" }, timeText), theme === 'md' && hAsync("ion-ripple-effect", { key: 'aa1a1f5ea120558174b166c2b2d5fa970ca00d2c' })))));
|
|
18810
18850
|
}
|
|
18811
18851
|
get el() { return getElement(this); }
|
|
18812
18852
|
static get style() { return {
|
|
@@ -18862,11 +18902,11 @@ class Divider {
|
|
|
18862
18902
|
render() {
|
|
18863
18903
|
const { inset, spacing } = this;
|
|
18864
18904
|
const theme = getIonTheme(this);
|
|
18865
|
-
return (hAsync(Host, { key: '
|
|
18905
|
+
return (hAsync(Host, { key: '6cc1572a93abaf49be7e27348bf513cb7ee24bff', class: {
|
|
18866
18906
|
[theme]: true,
|
|
18867
18907
|
[`divider-spacing-${spacing}`]: spacing !== undefined,
|
|
18868
18908
|
[`divider-inset`]: inset,
|
|
18869
|
-
} }, hAsync("hr", { key: '
|
|
18909
|
+
} }, hAsync("hr", { key: '19e4cef3f90d92b56ae0bece15dbdcfbf18d72d9' })));
|
|
18870
18910
|
}
|
|
18871
18911
|
static get style() { return {
|
|
18872
18912
|
ionic: dividerIonicCss(),
|
|
@@ -18944,12 +18984,12 @@ class Fab {
|
|
|
18944
18984
|
render() {
|
|
18945
18985
|
const { horizontal, vertical, edge } = this;
|
|
18946
18986
|
const theme = getIonTheme(this);
|
|
18947
|
-
return (hAsync(Host, { key: '
|
|
18987
|
+
return (hAsync(Host, { key: '569b07978a63756169d050f3b67368cecf26dd98', class: {
|
|
18948
18988
|
[theme]: true,
|
|
18949
18989
|
[`fab-horizontal-${horizontal}`]: horizontal !== undefined,
|
|
18950
18990
|
[`fab-vertical-${vertical}`]: vertical !== undefined,
|
|
18951
18991
|
'fab-edge': edge,
|
|
18952
|
-
} }, hAsync("slot", { key: '
|
|
18992
|
+
} }, hAsync("slot", { key: 'cd10d4baa1c2e8c2dcfefe66bdb7ffb8262f8e17' })));
|
|
18953
18993
|
}
|
|
18954
18994
|
get el() { return getElement(this); }
|
|
18955
18995
|
static get watchers() { return {
|
|
@@ -18975,6 +19015,8 @@ class Fab {
|
|
|
18975
19015
|
}; }
|
|
18976
19016
|
}
|
|
18977
19017
|
|
|
19018
|
+
const xSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMDUuNjYsMTk0LjM0YTgsOCwwLDAsMS0xMS4zMiwxMS4zMkwxMjgsMTM5LjMxLDYxLjY2LDIwNS42NmE4LDgsMCwwLDEtMTEuMzItMTEuMzJMMTE2LjY5LDEyOCw1MC4zNCw2MS42NkE4LDgsMCwwLDEsNjEuNjYsNTAuMzRMMTI4LDExNi42OWw2Ni4zNC02Ni4zNWE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMMTM5LjMxLDEyOFoiLz48L3N2Zz4=';
|
|
19019
|
+
|
|
18978
19020
|
const ionicFabButtonMdCss = () => `:host{--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--background-hover:var(--ion-color-primary-contrast, #fff);--background-hover-opacity:0.08;--transition:background-color, opacity 100ms linear;--ripple-color:currentColor;--border-radius:50%;--border-width:0;--border-style:none;--border-color:initial;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:56px;height:56px;font-size:14px;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:block;position:relative;width:100%;height:100%;-webkit-transform:var(--transform);transform:var(--transform);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);background-clip:padding-box;color:var(--color);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:strict;cursor:pointer;overflow:hidden;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-icon){line-height:1}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.button-inner{right:0;left:0;top:0;display:-ms-flexbox;display:flex;position:absolute;-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;height:100%;-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;z-index:1}:host(.fab-button-disabled){cursor:default;opacity:0.5;pointer-events:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(.ion-activated) .button-native{color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}::slotted(ion-icon){line-height:1}:host(.fab-button-small){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:8px;margin-bottom:8px;width:40px;height:40px}.close-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;right:0;left:0;top:0;position:absolute;height:100%;-webkit-transform:scale(0.4) rotateZ(-45deg);transform:scale(0.4) rotateZ(-45deg);-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;font-size:var(--close-icon-font-size);opacity:0;z-index:1}:host(.fab-button-close-active) .close-icon{-webkit-transform:scale(1) rotateZ(0deg);transform:scale(1) rotateZ(0deg);opacity:1}:host(.fab-button-close-active) .button-inner{-webkit-transform:scale(0.4) rotateZ(45deg);transform:scale(0.4) rotateZ(45deg);opacity:0}ion-ripple-effect{color:var(--ripple-color)}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.fab-button-translucent) .button-native{-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter)}}:host(.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{--background:var(--ion-color-primary, #0054e9);--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--background-activated-opacity:0;--background-focused-opacity:0.24;--background-hover-opacity:0.08;--color:var(--ion-color-primary-contrast, #fff);--box-shadow:0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);--transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), background-color 280ms cubic-bezier(0.4, 0, 0.2, 1), color 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms cubic-bezier(0, 0, 0.2, 1) 0ms;--close-icon-font-size:24px}:host(.ion-activated){--box-shadow:0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 12px 17px 2px rgba(0, 0, 0, 0.14), 0 5px 22px 4px rgba(0, 0, 0, 0.12)}::slotted(ion-icon){font-size:24px}:host(.fab-button-in-list){--color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);--color-activated:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);--color-focused:var(--color-activated);--background:var(--ion-color-light, #f4f5f8);--background-activated:transparent;--background-focused:var(--ion-color-light-shade, #d7d8da);--background-hover:var(--ion-color-light-tint, #f5f6f9)}:host(.fab-button-in-list) ::slotted(ion-icon){font-size:18px}:host(.ion-color.ion-focused) .button-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .button-native::after{background:var(--ion-color-contrast)}:host(.ion-color.ion-activated) .button-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-activated) .button-native::after{background:transparent}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-contrast)}:host(.ion-color:hover) .button-native::after{background:var(--ion-color-contrast)}}`;
|
|
18979
19021
|
|
|
18980
19022
|
const fabButtonIosCss = () => `:host{--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--background-hover:var(--ion-color-primary-contrast, #fff);--background-hover-opacity:0.08;--transition:background-color, opacity 100ms linear;--ripple-color:currentColor;--border-radius:50%;--border-width:0;--border-style:none;--border-color:initial;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;width:56px;height:56px;font-size:14px;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;-webkit-font-kerning:none;font-kerning:none}.button-native{border-radius:var(--border-radius);-webkit-padding-start:var(--padding-start);padding-inline-start:var(--padding-start);-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;display:block;position:relative;width:100%;height:100%;-webkit-transform:var(--transform);transform:var(--transform);-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);outline:none;background:var(--background);background-clip:padding-box;color:var(--color);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);contain:strict;cursor:pointer;overflow:hidden;z-index:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;box-sizing:border-box}::slotted(ion-icon){line-height:1}.button-native::after{right:0;left:0;top:0;bottom:0;position:absolute;content:"";opacity:0}.button-inner{right:0;left:0;top:0;display:-ms-flexbox;display:flex;position:absolute;-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;height:100%;-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;z-index:1}:host(.fab-button-disabled){cursor:default;opacity:0.5;pointer-events:none}@media (any-hover: hover){:host(:hover) .button-native{color:var(--color-hover)}:host(:hover) .button-native::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}}:host(.ion-focused) .button-native{color:var(--color-focused)}:host(.ion-focused) .button-native::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}:host(.ion-activated) .button-native{color:var(--color-activated)}:host(.ion-activated) .button-native::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}::slotted(ion-icon){line-height:1}:host(.fab-button-small){-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:8px;margin-bottom:8px;width:40px;height:40px}.close-icon{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;margin-top:0;margin-bottom:0;right:0;left:0;top:0;position:absolute;height:100%;-webkit-transform:scale(0.4) rotateZ(-45deg);transform:scale(0.4) rotateZ(-45deg);-webkit-transition:all ease-in-out 300ms;transition:all ease-in-out 300ms;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;font-size:var(--close-icon-font-size);opacity:0;z-index:1}:host(.fab-button-close-active) .close-icon{-webkit-transform:scale(1) rotateZ(0deg);transform:scale(1) rotateZ(0deg);opacity:1}:host(.fab-button-close-active) .button-inner{-webkit-transform:scale(0.4) rotateZ(45deg);transform:scale(0.4) rotateZ(45deg);opacity:0}ion-ripple-effect{color:var(--ripple-color)}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.fab-button-translucent) .button-native{-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter)}}:host(.ion-color) .button-native{background:var(--ion-color-base);color:var(--ion-color-contrast)}:host{--background:var(--ion-color-primary, #0054e9);--background-activated:var(--ion-color-primary-shade, #004acd);--background-focused:var(--ion-color-primary-shade, #004acd);--background-hover:var(--ion-color-primary-tint, #1a65eb);--background-activated-opacity:1;--background-focused-opacity:1;--background-hover-opacity:1;--color:var(--ion-color-primary-contrast, #fff);--box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);--transition:0.2s transform cubic-bezier(0.25, 1.11, 0.78, 1.59);--close-icon-font-size:28px}:host(.ion-activated){--box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);--transform:scale(1.1);--transition:0.2s transform ease-out}::slotted(ion-icon){font-size:28px}:host(.fab-button-in-list){--background:var(--ion-color-light, #f4f5f8);--background-activated:var(--ion-color-light-shade, #d7d8da);--background-focused:var(--background-activated);--background-hover:var(--ion-color-light-tint, #f5f6f9);--color:var(--ion-color-light-contrast, #000);--color-activated:var(--ion-color-light-contrast, #000);--color-focused:var(--color-activated);--transition:transform 200ms ease 10ms, opacity 200ms ease 10ms}:host(.fab-button-in-list) ::slotted(ion-icon){font-size:18px}:host(.ion-color.ion-focused) .button-native::after{background:var(--ion-color-shade)}:host(.ion-color.ion-focused) .button-native,:host(.ion-color.ion-activated) .button-native{color:var(--ion-color-contrast)}:host(.ion-color.ion-focused) .button-native::after,:host(.ion-color.ion-activated) .button-native::after{background:var(--ion-color-shade)}@media (any-hover: hover){:host(.ion-color:hover) .button-native{color:var(--ion-color-contrast)}:host(.ion-color:hover) .button-native::after{background:var(--ion-color-tint)}}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){:host(.fab-button-translucent){--background:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.9);--background-hover:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.8);--background-focused:rgba(var(--ion-color-primary-rgb, 0, 84, 233), 0.82);--backdrop-filter:saturate(180%) blur(20px)}:host(.fab-button-translucent-in-list){--background:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.9);--background-hover:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.8);--background-focused:rgba(var(--ion-color-light-rgb, 244, 245, 248), 0.82)}}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){@media (any-hover: hover){:host(.fab-button-translucent.ion-color:hover) .button-native{background:rgba(var(--ion-color-base-rgb), 0.8)}}:host(.ion-color.fab-button-translucent) .button-native{background:rgba(var(--ion-color-base-rgb), 0.9)}:host(.ion-color.ion-focused.fab-button-translucent) .button-native,:host(.ion-color.ion-activated.fab-button-translucent) .button-native{background:var(--ion-color-base)}}`;
|
|
@@ -19108,19 +19150,22 @@ class FabButton {
|
|
|
19108
19150
|
componentWillLoad() {
|
|
19109
19151
|
this.inheritedAttributes = inheritAriaAttributes(this.el);
|
|
19110
19152
|
}
|
|
19111
|
-
/**
|
|
19112
|
-
* Get the icon to use for the close icon.
|
|
19113
|
-
* If an icon is set on the component, use that.
|
|
19114
|
-
* Otherwise, use the icon set in the config.
|
|
19115
|
-
* If no icon is set in the config, use the default icon.
|
|
19116
|
-
*/
|
|
19117
19153
|
get fabButtonCloseIcon() {
|
|
19118
19154
|
// Return the icon if it is explicitly set
|
|
19119
19155
|
if (this.closeIcon != null) {
|
|
19120
19156
|
return this.closeIcon;
|
|
19121
19157
|
}
|
|
19158
|
+
// Determine the theme and map to default icons
|
|
19159
|
+
const theme = getIonTheme(this);
|
|
19160
|
+
const defaultIcons = {
|
|
19161
|
+
ios: close,
|
|
19162
|
+
ionic: xSvg,
|
|
19163
|
+
md: close,
|
|
19164
|
+
};
|
|
19165
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
19166
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
19122
19167
|
// Return the configured fab button close icon or the default icon
|
|
19123
|
-
return config.get('fabButtonCloseIcon',
|
|
19168
|
+
return config.get('fabButtonCloseIcon', defaultIcon);
|
|
19124
19169
|
}
|
|
19125
19170
|
render() {
|
|
19126
19171
|
const { el, disabled, fabButtonCloseIcon, color, href, activated, show, translucent, size, inheritedAttributes, type, } = this;
|
|
@@ -19142,7 +19187,7 @@ class FabButton {
|
|
|
19142
19187
|
if (type !== 'button') {
|
|
19143
19188
|
this.renderHiddenButton();
|
|
19144
19189
|
}
|
|
19145
|
-
return (hAsync(Host, { key: '
|
|
19190
|
+
return (hAsync(Host, { key: 'af84019ef7cee19ca5578a9a274d3890da83bf83', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, class: createColorClasses$1(color, {
|
|
19146
19191
|
[theme]: true,
|
|
19147
19192
|
'fab-button-in-list': inList,
|
|
19148
19193
|
'fab-button-translucent-in-list': inList && translucent,
|
|
@@ -19153,7 +19198,7 @@ class FabButton {
|
|
|
19153
19198
|
'ion-activatable': true,
|
|
19154
19199
|
'ion-focusable': true,
|
|
19155
19200
|
[`fab-button-${size}`]: size !== undefined,
|
|
19156
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
19201
|
+
}) }, hAsync(TagType, Object.assign({ key: '90b4b17993b3feab7194790c4497d0fd9860e01a' }, attrs, { class: "button-native", part: "native", disabled: disabled, onFocus: this.onFocus, onBlur: this.onBlur, onClick: (ev) => type === 'button' && openURL(href, ev, this.routerDirection, this.routerAnimation) }, inheritedAttributes), hAsync("ion-icon", { key: 'a6d2cf73b627ead797c8efa82e0b7cd6aa845603', "aria-hidden": "true", icon: fabButtonCloseIcon, part: "close-icon", class: "close-icon", lazy: false }), hAsync("span", { key: '3f08bc8aa15bcb72ecf11a81b50e2c79ab4d841a', class: "button-inner" }, hAsync("slot", { key: 'c5c5921194b2c6b81dab2f9338298ab1c31367c5' })), theme === 'md' && hAsync("ion-ripple-effect", { key: '78952651d0662304bd74ab8dc4cd09eb2d5ed455' }))));
|
|
19157
19202
|
}
|
|
19158
19203
|
get el() { return getElement(this); }
|
|
19159
19204
|
static get watchers() { return {
|
|
@@ -19227,11 +19272,11 @@ class FabList {
|
|
|
19227
19272
|
}
|
|
19228
19273
|
render() {
|
|
19229
19274
|
const theme = getIonTheme(this);
|
|
19230
|
-
return (hAsync(Host, { key: '
|
|
19275
|
+
return (hAsync(Host, { key: 'a9b498b07b2082107cbeef3259bdd3cff429c1ac', class: {
|
|
19231
19276
|
[theme]: true,
|
|
19232
19277
|
'fab-list-active': this.activated,
|
|
19233
19278
|
[`fab-list-side-${this.side}`]: true,
|
|
19234
|
-
} }, hAsync("slot", { key: '
|
|
19279
|
+
} }, hAsync("slot", { key: '6e993eab68de44c0bc3396fd4871c3005274a9f5' })));
|
|
19235
19280
|
}
|
|
19236
19281
|
get el() { return getElement(this); }
|
|
19237
19282
|
static get watchers() { return {
|
|
@@ -19974,7 +20019,7 @@ class Footer {
|
|
|
19974
20019
|
const hasFade = effect === 'fade' && !isModeRestricted;
|
|
19975
20020
|
const tabs = this.el.closest('ion-tabs');
|
|
19976
20021
|
const tabBar = tabs === null || tabs === void 0 ? void 0 : tabs.querySelector(':scope > ion-tab-bar');
|
|
19977
|
-
return (hAsync(Host, { key: '
|
|
20022
|
+
return (hAsync(Host, { key: 'a0777b4a639d22e15374879f018efcf589e756f8', role: "contentinfo", class: {
|
|
19978
20023
|
[theme]: true,
|
|
19979
20024
|
// Used internally for styling
|
|
19980
20025
|
[`footer-${theme}`]: true,
|
|
@@ -19983,7 +20028,7 @@ class Footer {
|
|
|
19983
20028
|
['footer-toolbar-padding']: !this.keyboardVisible && (!tabBar || tabBar.slot !== 'bottom'),
|
|
19984
20029
|
'footer-collapse-fade': hasFade,
|
|
19985
20030
|
'footer-scroll-effect-hide': hasHide,
|
|
19986
|
-
} }, theme === 'ios' && translucent && hAsync("div", { key: '
|
|
20031
|
+
} }, theme === 'ios' && translucent && hAsync("div", { key: 'd78b46870cbf11c95b066d649c04ec398b66e614', class: "footer-background" }), hAsync("slot", { key: '9dc34787cd29597fe1b1198db317602014ac1483' })));
|
|
19987
20032
|
}
|
|
19988
20033
|
get el() { return getElement(this); }
|
|
19989
20034
|
static get style() { return {
|
|
@@ -20585,11 +20630,11 @@ class Gallery {
|
|
|
20585
20630
|
const { layout } = this;
|
|
20586
20631
|
const order = this.getOrder();
|
|
20587
20632
|
const theme = getIonTheme(this);
|
|
20588
|
-
return (hAsync(Host, { key: '
|
|
20633
|
+
return (hAsync(Host, { key: '4a0a9cdd0da106ac0bd2c188a4c6612edab43b33', class: {
|
|
20589
20634
|
[theme]: true,
|
|
20590
20635
|
[`gallery-layout-${layout}`]: true,
|
|
20591
20636
|
[`gallery-order-${order}`]: layout === 'masonry' && order !== undefined,
|
|
20592
|
-
} }, hAsync("slot", { key: '
|
|
20637
|
+
} }, hAsync("slot", { key: 'dc6414ce9762ad7daaedc1583db35e0613a76e11', onSlotchange: this.onSlotChange })));
|
|
20593
20638
|
}
|
|
20594
20639
|
get el() { return getElement(this); }
|
|
20595
20640
|
static get watchers() { return {
|
|
@@ -20670,10 +20715,10 @@ class GalleryItem {
|
|
|
20670
20715
|
render() {
|
|
20671
20716
|
const { galleryLayout } = this;
|
|
20672
20717
|
const theme = getIonTheme(this);
|
|
20673
|
-
return (hAsync(Host, { key: '
|
|
20718
|
+
return (hAsync(Host, { key: '989b13983917f237604ab2d18456ceef140a7f8c', class: {
|
|
20674
20719
|
[theme]: true,
|
|
20675
20720
|
[`in-gallery-layout-${galleryLayout}`]: galleryLayout != undefined,
|
|
20676
|
-
} }, hAsync("slot", { key: '
|
|
20721
|
+
} }, hAsync("slot", { key: 'e4cc9398e55cc1bb19654c8f954eed1edab2e38a', onSlotchange: this.onSlotChange })));
|
|
20677
20722
|
}
|
|
20678
20723
|
get el() { return getElement(this); }
|
|
20679
20724
|
static get style() { return galleryItemCss(); }
|
|
@@ -20706,10 +20751,10 @@ class Grid {
|
|
|
20706
20751
|
}
|
|
20707
20752
|
render() {
|
|
20708
20753
|
const theme = getIonTheme(this);
|
|
20709
|
-
return (hAsync(Host, { key: '
|
|
20754
|
+
return (hAsync(Host, { key: 'e3320fc2fc5391d26898cc119505cd3be30dd48b', class: {
|
|
20710
20755
|
[theme]: true,
|
|
20711
20756
|
'grid-fixed': this.fixed,
|
|
20712
|
-
} }, hAsync("slot", { key: '
|
|
20757
|
+
} }, hAsync("slot", { key: '2000e6b336c294aadf4585269c301d734d2fe478' })));
|
|
20713
20758
|
}
|
|
20714
20759
|
static get style() { return gridCss(); }
|
|
20715
20760
|
static get cmpMeta() { return {
|
|
@@ -20949,7 +20994,7 @@ const getRoleType = (isInsideMenu) => {
|
|
|
20949
20994
|
return ROLE_BANNER;
|
|
20950
20995
|
};
|
|
20951
20996
|
|
|
20952
|
-
const headerIonicCss = () => `ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-collapse-fade ion-toolbar{--opacity-scale:inherit}.header-collapse-fade.header-transitioning ion-toolbar{--background:transparent;--border-style:none}.header-collapse-condense{z-index:9}.header-collapse-condense ion-toolbar{position:-webkit-sticky;position:sticky;top:0}.header-collapse-condense ion-toolbar:first-of-type{padding-top:0px;z-index:1}.header-collapse-condense ion-toolbar{z-index:0}.header-collapse-condense ion-toolbar:last-of-type{--border-width:0px}.header-collapse-condense ion-toolbar ion-searchbar{padding-top:0px;padding-bottom:13px}.header-collapse-main{--opacity-scale:1}.header-collapse-main ion-toolbar{--opacity-scale:inherit}.header-collapse-main ion-toolbar.in-toolbar ion-title,.header-collapse-main ion-toolbar.in-toolbar ion-buttons{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.header-collapse-condense ion-toolbar,.header-collapse-condense-inactive.header-transitioning:not(.header-collapse-condense) ion-toolbar{--background:var(--ion-background-color, #fff)}.header-collapse-condense-inactive.header-transitioning:not(.header-collapse-condense) ion-toolbar{--border-style:none;--opacity-scale:1}.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{opacity:0;pointer-events:none}.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse{visibility:hidden}ion-header:not(.header-collapse-main):has(~ion-content ion-header.header-collapse-condense){opacity:0}.header-collapse-condense-hidden{display:none}ion-header.header-scroll-effect-hide{-webkit-transition:opacity 300ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 300ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0, 0, 0.2, 1);transition:transform 300ms cubic-bezier(0, 0, 0.2, 1), opacity 300ms cubic-bezier(0, 0, 0.2, 1);transition:transform 300ms cubic-bezier(0, 0, 0.2, 1), opacity 300ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0, 0, 0.2, 1)}ion-header.header-scroll-effect-hide.header-scroll-hidden{-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:opacity 300ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 300ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 1, 1);transition:transform 200ms cubic-bezier(0.4, 0, 1, 1), opacity 300ms cubic-bezier(0.4, 0, 1, 1);transition:transform 200ms cubic-bezier(0.4, 0, 1, 1), opacity 300ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 1, 1);opacity:0}@media (prefers-reduced-motion: reduce){ion-header.header-scroll-effect-hide,ion-header.header-scroll-effect-hide.header-scroll-hidden{-webkit-transition:none;transition:none}}ion-header{z-index:10}ion-header.header-divider{border-bottom:var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5))}ion-toolbar+ion-toolbar{--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px))}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.header-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:
|
|
20997
|
+
const headerIonicCss = () => `ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-collapse-fade ion-toolbar{--opacity-scale:inherit}.header-collapse-fade.header-transitioning ion-toolbar{--background:transparent;--border-style:none}.header-collapse-condense{z-index:9}.header-collapse-condense ion-toolbar{position:-webkit-sticky;position:sticky;top:0}.header-collapse-condense ion-toolbar:first-of-type{padding-top:0px;z-index:1}.header-collapse-condense ion-toolbar{z-index:0}.header-collapse-condense ion-toolbar:last-of-type{--border-width:0px}.header-collapse-condense ion-toolbar ion-searchbar{padding-top:0px;padding-bottom:13px}.header-collapse-main{--opacity-scale:1}.header-collapse-main ion-toolbar{--opacity-scale:inherit}.header-collapse-main ion-toolbar.in-toolbar ion-title,.header-collapse-main ion-toolbar.in-toolbar ion-buttons{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.header-collapse-condense ion-toolbar,.header-collapse-condense-inactive.header-transitioning:not(.header-collapse-condense) ion-toolbar{--background:var(--ion-background-color, #fff)}.header-collapse-condense-inactive.header-transitioning:not(.header-collapse-condense) ion-toolbar{--border-style:none;--opacity-scale:1}.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{opacity:0;pointer-events:none}.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse{visibility:hidden}ion-header:not(.header-collapse-main):has(~ion-content ion-header.header-collapse-condense){opacity:0}.header-collapse-condense-hidden{display:none}ion-header.header-scroll-effect-hide{-webkit-transition:opacity 300ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 300ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0, 0, 0.2, 1);transition:transform 300ms cubic-bezier(0, 0, 0.2, 1), opacity 300ms cubic-bezier(0, 0, 0.2, 1);transition:transform 300ms cubic-bezier(0, 0, 0.2, 1), opacity 300ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0, 0, 0.2, 1)}ion-header.header-scroll-effect-hide.header-scroll-hidden{-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:opacity 300ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 300ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 1, 1);transition:transform 200ms cubic-bezier(0.4, 0, 1, 1), opacity 300ms cubic-bezier(0.4, 0, 1, 1);transition:transform 200ms cubic-bezier(0.4, 0, 1, 1), opacity 300ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 1, 1);opacity:0}@media (prefers-reduced-motion: reduce){ion-header.header-scroll-effect-hide,ion-header.header-scroll-effect-hide.header-scroll-hidden{-webkit-transition:none;transition:none}}ion-header{z-index:10}ion-header.header-divider{border-bottom:var(--token-border-size-025, var(--token-scale-025, 1px)) var(--token-border-style-solid, solid) var(--token-border-default, var(--token-primitives-neutral-400, #d5d5d5))}ion-toolbar+ion-toolbar{--padding-start:var(--token-space-400, var(--token-scale-400, 16px));--padding-end:var(--token-space-400, var(--token-scale-400, 16px))}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.header-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:blur(var(--token-scale-1600, 64px));backdrop-filter:blur(var(--token-scale-1600, 64px));-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, color-stop(32.5%, #000), color-stop(91%, transparent));-webkit-mask-image:linear-gradient(to bottom, #000 32.5%, transparent 91%);mask-image:-webkit-gradient(linear, left top, left bottom, color-stop(32.5%, #000), color-stop(91%, transparent));mask-image:linear-gradient(to bottom, #000 32.5%, transparent 91%)}.header-translucent-ionic ion-toolbar{--background:linear-gradient( to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.1) )}}`;
|
|
20953
20998
|
|
|
20954
20999
|
const headerIosCss = () => `ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-collapse-fade ion-toolbar{--opacity-scale:inherit}.header-collapse-fade.header-transitioning ion-toolbar{--background:transparent;--border-style:none}.header-collapse-condense{z-index:9}.header-collapse-condense ion-toolbar{position:-webkit-sticky;position:sticky;top:0}.header-collapse-condense ion-toolbar:first-of-type{padding-top:0px;z-index:1}.header-collapse-condense ion-toolbar{z-index:0}.header-collapse-condense ion-toolbar:last-of-type{--border-width:0px}.header-collapse-condense ion-toolbar ion-searchbar{padding-top:0px;padding-bottom:13px}.header-collapse-main{--opacity-scale:1}.header-collapse-main ion-toolbar{--opacity-scale:inherit}.header-collapse-main ion-toolbar.in-toolbar ion-title,.header-collapse-main ion-toolbar.in-toolbar ion-buttons{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.header-collapse-condense ion-toolbar,.header-collapse-condense-inactive.header-transitioning:not(.header-collapse-condense) ion-toolbar{--background:var(--ion-background-color, #fff)}.header-collapse-condense-inactive.header-transitioning:not(.header-collapse-condense) ion-toolbar{--border-style:none;--opacity-scale:1}.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive:not(.header-collapse-condense) ion-toolbar.in-toolbar ion-buttons.buttons-collapse{opacity:0;pointer-events:none}.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-title,.header-collapse-condense-inactive.header-collapse-condense ion-toolbar.in-toolbar ion-buttons.buttons-collapse{visibility:hidden}ion-header:not(.header-collapse-main):has(~ion-content ion-header.header-collapse-condense){opacity:0}.header-collapse-condense-hidden{display:none}ion-header.header-scroll-effect-hide{-webkit-transition:opacity 300ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 300ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0, 0, 0.2, 1);transition:transform 300ms cubic-bezier(0, 0, 0.2, 1), opacity 300ms cubic-bezier(0, 0, 0.2, 1);transition:transform 300ms cubic-bezier(0, 0, 0.2, 1), opacity 300ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 300ms cubic-bezier(0, 0, 0.2, 1)}ion-header.header-scroll-effect-hide.header-scroll-hidden{-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:opacity 300ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 300ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 1, 1);transition:transform 200ms cubic-bezier(0.4, 0, 1, 1), opacity 300ms cubic-bezier(0.4, 0, 1, 1);transition:transform 200ms cubic-bezier(0.4, 0, 1, 1), opacity 300ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 200ms cubic-bezier(0.4, 0, 1, 1);opacity:0}@media (prefers-reduced-motion: reduce){ion-header.header-scroll-effect-hide,ion-header.header-scroll-effect-hide.header-scroll-hidden{-webkit-transition:none;transition:none}}ion-header{z-index:10}.header-ios ion-toolbar:last-of-type{--border-width:0 0 0.55px}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.header-background{right:0;left:0;top:0;bottom:0;position:absolute;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}.header-translucent-ios ion-toolbar{--opacity:0.8}.header-collapse-condense-inactive .header-background{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}}.header-ios.ion-no-border ion-toolbar:last-of-type{--border-width:0}.header-collapse-condense ion-toolbar:last-of-type{--border-width:0px}`;
|
|
20955
21000
|
|
|
@@ -21181,7 +21226,7 @@ class Header {
|
|
|
21181
21226
|
const isHiddenCondense = effect === 'condense' && !hasCondense;
|
|
21182
21227
|
// banner role must be at top level, so remove role if inside a menu
|
|
21183
21228
|
const roleType = isHiddenCondense ? 'none' : getRoleType(hostContext('ion-menu', this.el));
|
|
21184
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
21229
|
+
return (hAsync(Host, Object.assign({ key: '09f60ca014bb7b3a85d3c0a94e7989d5dbc43f46', role: roleType, class: {
|
|
21185
21230
|
[theme]: true,
|
|
21186
21231
|
// Used internally for styling
|
|
21187
21232
|
[`header-${theme}`]: true,
|
|
@@ -21192,7 +21237,7 @@ class Header {
|
|
|
21192
21237
|
[`header-translucent-${theme}`]: this.translucent,
|
|
21193
21238
|
['header-divider']: divider,
|
|
21194
21239
|
'header-scroll-effect-hide': hasHide,
|
|
21195
|
-
} }, inheritedAttributes), theme !== 'md' && translucent && hAsync("div", { key: '
|
|
21240
|
+
} }, inheritedAttributes), theme !== 'md' && translucent && hAsync("div", { key: 'fd5ff245ae0166e5e1d50936cacc98c90625db48', class: "header-background" }), hAsync("slot", { key: '1baa31af87b9eb6406a21073ec65afa191dfbb3d' })));
|
|
21196
21241
|
}
|
|
21197
21242
|
get el() { return getElement(this); }
|
|
21198
21243
|
static get style() { return {
|
|
@@ -21544,9 +21589,9 @@ class Img {
|
|
|
21544
21589
|
const { loadSrc, alt, onLoad, loadError, inheritedAttributes } = this;
|
|
21545
21590
|
const { draggable } = inheritedAttributes;
|
|
21546
21591
|
const theme = getIonTheme(this);
|
|
21547
|
-
return (hAsync(Host, { key: '
|
|
21592
|
+
return (hAsync(Host, { key: 'ba84621055567b2a35387709d9d89b97ad853274', class: {
|
|
21548
21593
|
[theme]: true,
|
|
21549
|
-
} }, hAsync("img", { key: '
|
|
21594
|
+
} }, hAsync("img", { key: '9d6118bbf69e2cccbb0603802c03b9a0d101e2c3', decoding: "async", src: loadSrc, alt: alt, onLoad: onLoad, onError: loadError, part: "image", draggable: isDraggable(draggable) })));
|
|
21550
21595
|
}
|
|
21551
21596
|
get el() { return getElement(this); }
|
|
21552
21597
|
static get watchers() { return {
|
|
@@ -21851,7 +21896,7 @@ class InfiniteScroll {
|
|
|
21851
21896
|
render() {
|
|
21852
21897
|
const theme = getIonTheme(this);
|
|
21853
21898
|
const disabled = this.disabled;
|
|
21854
|
-
return (hAsync(Host, { key: '
|
|
21899
|
+
return (hAsync(Host, { key: 'e3a3cde079dfd6f07e565eb462765df757cbb128', class: {
|
|
21855
21900
|
[theme]: true,
|
|
21856
21901
|
'infinite-scroll-loading': this.isLoading,
|
|
21857
21902
|
'infinite-scroll-enabled': !disabled,
|
|
@@ -21914,11 +21959,11 @@ class InfiniteScrollContent {
|
|
|
21914
21959
|
}
|
|
21915
21960
|
render() {
|
|
21916
21961
|
const theme = getIonTheme(this);
|
|
21917
|
-
return (hAsync(Host, { key: '
|
|
21962
|
+
return (hAsync(Host, { key: '263a27297159ced042f7552a1e14b8c6aba62fa8', class: {
|
|
21918
21963
|
[theme]: true,
|
|
21919
21964
|
// Used internally for styling
|
|
21920
21965
|
[`infinite-scroll-content-${theme}`]: true,
|
|
21921
|
-
} }, hAsync("div", { key: '
|
|
21966
|
+
} }, hAsync("div", { key: 'ee38d3c52df9dc5de186406b3087f20917a17252', class: "infinite-loading" }, this.loadingSpinner && (hAsync("div", { key: 'e2348727f79a26f52f42641d4334a0ba9d4aa03e', class: "infinite-loading-spinner" }, hAsync("ion-spinner", { key: '41be6f2747f3af5f46c8738e2ef56083ecd95e99', name: this.loadingSpinner }))), this.loadingText !== undefined && this.renderLoadingText())));
|
|
21922
21967
|
}
|
|
21923
21968
|
static get style() { return {
|
|
21924
21969
|
ionic: ionicInfiniteScrollContentMdCss(),
|
|
@@ -22629,9 +22674,15 @@ class Input {
|
|
|
22629
22674
|
if (this.clearInputIcon != null) {
|
|
22630
22675
|
return this.clearInputIcon;
|
|
22631
22676
|
}
|
|
22632
|
-
// Determine the theme and map to
|
|
22677
|
+
// Determine the theme and map to default icons
|
|
22633
22678
|
const theme = getIonTheme(this);
|
|
22634
|
-
const
|
|
22679
|
+
const defaultIcons = {
|
|
22680
|
+
ios: closeCircle,
|
|
22681
|
+
ionic: xSvg,
|
|
22682
|
+
md: closeSharp,
|
|
22683
|
+
};
|
|
22684
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
22685
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
22635
22686
|
// Return the configured input clear icon or the default icon
|
|
22636
22687
|
return config.get('inputClearIcon', defaultIcon);
|
|
22637
22688
|
}
|
|
@@ -22665,7 +22716,7 @@ class Input {
|
|
|
22665
22716
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
22666
22717
|
*/
|
|
22667
22718
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
22668
|
-
return (hAsync(Host, { key: '
|
|
22719
|
+
return (hAsync(Host, { key: 'f4009568b582fa080103dfb3f490595d5d7e9706', class: createColorClasses$1(this.color, {
|
|
22669
22720
|
[theme]: true,
|
|
22670
22721
|
'has-value': hasValue,
|
|
22671
22722
|
'has-focus': hasFocus,
|
|
@@ -22678,7 +22729,7 @@ class Input {
|
|
|
22678
22729
|
'in-item-color': hostContext('ion-item.ion-color', this.el),
|
|
22679
22730
|
'input-disabled': disabled,
|
|
22680
22731
|
'input-readonly': readonly,
|
|
22681
|
-
}) }, hAsync("label", { key: '
|
|
22732
|
+
}) }, hAsync("label", { key: 'a05502716afcf5d286f197131619b2bc57ba61e0', class: "input-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), hAsync("div", { key: 'de4621c5eff21e26197f28a3e66217fcae449c75', class: "native-wrapper", onClick: this.onLabelClick },
|
|
22682
22733
|
/**
|
|
22683
22734
|
* For the ionic theme, we render the outline container here
|
|
22684
22735
|
* instead of higher up, so it can be positioned relative to
|
|
@@ -22688,10 +22739,10 @@ class Input {
|
|
|
22688
22739
|
* <label> element, ensuring that clicking the label text
|
|
22689
22740
|
* focuses the input.
|
|
22690
22741
|
*/
|
|
22691
|
-
theme === 'ionic' && hAsync("div", { key: '
|
|
22742
|
+
theme === 'ionic' && hAsync("div", { key: '79e084dd8d7b0f530ea6518ee6f2ceb2ac099a8e', class: "input-outline" }), hAsync("slot", { key: 'a4d0f148035c0f8afca5171139a05665d778bd07', name: "start" }), hAsync("input", Object.assign({ key: 'f399d498b4c289571a114347c08c2ae16266ba6f', 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, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined, "aria-labelledby": this.getLabelledById() }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (hAsync("button", { key: 'f6672256dfebae3bae35afd61d26bb705e8f268c', "aria-label": "reset", type: "button", class: {
|
|
22692
22743
|
'input-clear-icon': true,
|
|
22693
22744
|
'input-clear-button-pressed': this.isClearButtonPressed,
|
|
22694
|
-
}, onPointerDown: this.clearButtonPressController.onPointerDown, onPointerCancel: this.clearButtonPressController.release, onClick: this.clearTextInput }, hAsync("ion-icon", { key: '
|
|
22745
|
+
}, onPointerDown: this.clearButtonPressController.onPointerDown, onPointerCancel: this.clearButtonPressController.release, onClick: this.clearTextInput }, hAsync("ion-icon", { key: '999e8ec2b4c1614ce8f396b6a3e2ff26cb41dfbd', "aria-hidden": "true", icon: inputClearIcon }))), hAsync("slot", { key: '2d0df6c7dd9dc17d8bd5e33b9eac1e11a25dd874', name: "end" })), shouldRenderHighlight && hAsync("div", { key: 'f80b2c9fe4dfbb038e6c7b5a98e775cdd5ef6a21', class: "input-highlight" })), this.renderBottomContent()));
|
|
22695
22746
|
}
|
|
22696
22747
|
get el() { return getElement(this); }
|
|
22697
22748
|
static get watchers() { return {
|
|
@@ -23457,7 +23508,7 @@ class InputOTP {
|
|
|
23457
23508
|
const tabbableIndex = this.getTabbableIndex();
|
|
23458
23509
|
const pattern = this.getPattern();
|
|
23459
23510
|
const hasDescription = ((_b = (_a = el.querySelector('.input-otp-description')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim()) !== '';
|
|
23460
|
-
return (hAsync(Host, { key: '
|
|
23511
|
+
return (hAsync(Host, { key: '2bdd205b13281373a43d1a86a25df950a6f36ae1', class: createColorClasses$1(color, {
|
|
23461
23512
|
[mode]: true,
|
|
23462
23513
|
'has-focus': hasFocus,
|
|
23463
23514
|
[`input-otp-size-${size}`]: true,
|
|
@@ -23465,10 +23516,10 @@ class InputOTP {
|
|
|
23465
23516
|
[`input-otp-fill-${fill}`]: true,
|
|
23466
23517
|
'input-otp-disabled': disabled,
|
|
23467
23518
|
'input-otp-readonly': readonly,
|
|
23468
|
-
}) }, hAsync("div", Object.assign({ key: '
|
|
23519
|
+
}) }, hAsync("div", Object.assign({ key: 'b82d198138929327cd5429bbeb482248935ae88d', role: "group", "aria-label": "One-time password input", class: "input-otp-group", part: "group" }, inheritedAttributes), Array.from({ length }).map((_, index) => (hAsync(Fragment, null, hAsync("div", { class: "native-wrapper", part: "container" }, hAsync("input", { class: "native-input", part: "native", id: `${inputId}-${index}`, "aria-label": `Input ${index + 1} of ${length}`, type: "text", autoCapitalize: autocapitalize, inputmode: inputmode, pattern: pattern, disabled: disabled, readOnly: readonly, tabIndex: index === tabbableIndex ? 0 : -1, value: inputValues[index] || '', autocomplete: "one-time-code", ref: (el) => (inputRefs[index] = el), onInput: this.onInput(index), onBlur: this.onBlur, onFocus: this.onFocus(index), onKeyDown: this.onKeyDown(index), onPaste: this.onPaste })), this.showSeparator(index) && hAsync("div", { class: "input-otp-separator", part: "separator" }))))), hAsync("div", { key: '0bb5444d4e653bb7310abec502f5b1d76e681c37', class: {
|
|
23469
23520
|
'input-otp-description': true,
|
|
23470
23521
|
'input-otp-description-hidden': !hasDescription,
|
|
23471
|
-
}, part: "description" }, hAsync("slot", { key: '
|
|
23522
|
+
}, part: "description" }, hAsync("slot", { key: 'f717bda988a6e9b97d67025c1d3163d838f27bb5' }))));
|
|
23472
23523
|
}
|
|
23473
23524
|
static get formAssociated() { return true; }
|
|
23474
23525
|
get el() { return getElement(this); }
|
|
@@ -23520,6 +23571,10 @@ class InputOTP {
|
|
|
23520
23571
|
}
|
|
23521
23572
|
let inputIds = 0;
|
|
23522
23573
|
|
|
23574
|
+
const eyeSlashSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik01My45MiwzNC42MkE4LDgsMCwxLDAsNDIuMDgsNDUuMzhMNjEuMzIsNjYuNTVDMjUsODguODQsOS4zOCwxMjMuMiw4LjY5LDEyNC43NmE4LDgsMCwwLDAsMCw2LjVjLjM1Ljc5LDguODIsMTkuNTcsMjcuNjUsMzguNEM2MS40MywxOTQuNzQsOTMuMTIsMjA4LDEyOCwyMDhhMTI3LjExLDEyNy4xMSwwLDAsMCw1Mi4wNy0xMC44M2wyMiwyNC4yMWE4LDgsMCwxLDAsMTEuODQtMTAuNzZabTQ3LjMzLDc1Ljg0LDQxLjY3LDQ1Ljg1YTMyLDMyLDAsMCwxLTQxLjY3LTQ1Ljg1Wk0xMjgsMTkyYy0zMC43OCwwLTU3LjY3LTExLjE5LTc5LjkzLTMzLjI1QTEzMy4xNiwxMzMuMTYsMCwwLDEsMjUsMTI4YzQuNjktOC43OSwxOS42Ni0zMy4zOSw0Ny4zNS00OS4zOGwxOCwxOS43NWE0OCw0OCwwLDAsMCw2My42Niw3MGwxNC43MywxNi4yQTExMiwxMTIsMCwwLDEsMTI4LDE5MlptNi05NS40M2E4LDgsMCwwLDEsMy0xNS43Miw0OC4xNiw0OC4xNiwwLDAsMSwzOC43Nyw0Mi42NCw4LDgsMCwwLDEtNy4yMiw4LjcxLDYuMzksNi4zOSwwLDAsMS0uNzUsMCw4LDgsMCwwLDEtOC03LjI2QTMyLjA5LDMyLjA5LDAsMCwwLDEzNCw5Ni41N1ptMTEzLjI4LDM0LjY5Yy0uNDIuOTQtMTAuNTUsMjMuMzctMzMuMzYsNDMuOGE4LDgsMCwxLDEtMTAuNjctMTEuOTJBMTMyLjc3LDEzMi43NywwLDAsMCwyMzEuMDUsMTI4YTEzMy4xNSwxMzMuMTUsMCwwLDAtMjMuMTItMzAuNzdDMTg1LjY3LDc1LjE5LDE1OC43OCw2NCwxMjgsNjRhMTE4LjM3LDExOC4zNywwLDAsMC0xOS4zNiwxLjU3QTgsOCwwLDEsMSwxMDYsNDkuNzksMTM0LDEzNCwwLDAsMSwxMjgsNDhjMzQuODgsMCw2Ni41NywxMy4yNiw5MS42NiwzOC4zNSwxOC44MywxOC44MywyNy4zLDM3LjYyLDI3LjY1LDM4LjQxQTgsOCwwLDAsMSwyNDcuMzEsMTMxLjI2WiIvPjwvc3ZnPg==';
|
|
23575
|
+
|
|
23576
|
+
const eyeSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yNDcuMzEsMTI0Ljc2Yy0uMzUtLjc5LTguODItMTkuNTgtMjcuNjUtMzguNDFDMTk0LjU3LDYxLjI2LDE2Mi44OCw0OCwxMjgsNDhTNjEuNDMsNjEuMjYsMzYuMzQsODYuMzVDMTcuNTEsMTA1LjE4LDksMTI0LDguNjksMTI0Ljc2YTgsOCwwLDAsMCwwLDYuNWMuMzUuNzksOC44MiwxOS41NywyNy42NSwzOC40QzYxLjQzLDE5NC43NCw5My4xMiwyMDgsMTI4LDIwOHM2Ni41Ny0xMy4yNiw5MS42Ni0zOC4zNGMxOC44My0xOC44MywyNy4zLTM3LjYxLDI3LjY1LTM4LjRBOCw4LDAsMCwwLDI0Ny4zMSwxMjQuNzZaTTEyOCwxOTJjLTMwLjc4LDAtNTcuNjctMTEuMTktNzkuOTMtMzMuMjVBMTMzLjQ3LDEzMy40NywwLDAsMSwyNSwxMjgsMTMzLjMzLDEzMy4zMywwLDAsMSw0OC4wNyw5Ny4yNUM3MC4zMyw3NS4xOSw5Ny4yMiw2NCwxMjgsNjRzNTcuNjcsMTEuMTksNzkuOTMsMzMuMjVBMTMzLjQ2LDEzMy40NiwwLDAsMSwyMzEuMDUsMTI4QzIyMy44NCwxNDEuNDYsMTkyLjQzLDE5MiwxMjgsMTkyWm0wLTExMmE0OCw0OCwwLDEsMCw0OCw0OEE0OC4wNSw0OC4wNSwwLDAsMCwxMjgsODBabTAsODBhMzIsMzIsMCwxLDEsMzItMzJBMzIsMzIsMCwwLDEsMTI4LDE2MFoiLz48L3N2Zz4=';
|
|
23577
|
+
|
|
23523
23578
|
const inputPasswordToggleIonicCss = () => `:host ion-button{--color:var(--token-primitives-neutral-800, #626262);--margin-end:calc(-1 * var(--padding-end));--padding-end:inherit;--icon-size:var(--token-font-size-400, 1rem);-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:var(--margin-end);margin-inline-end:var(--margin-end);margin-top:0;margin-bottom:0;width:var(--size);height:var(--size)}:host ion-button ion-icon{font-size:var(--icon-size)}`;
|
|
23524
23579
|
|
|
23525
23580
|
const iosInputPasswordToggleNativeCss = () => ``;
|
|
@@ -23574,48 +23629,54 @@ class InputPasswordToggle {
|
|
|
23574
23629
|
disconnectedCallback() {
|
|
23575
23630
|
this.inputElRef = null;
|
|
23576
23631
|
}
|
|
23577
|
-
/**
|
|
23578
|
-
* Get the icon to use for the hide icon.
|
|
23579
|
-
* If an icon is set on the component, use that.
|
|
23580
|
-
* Otherwise, use the icon set in the config.
|
|
23581
|
-
* If no icon is set in the config, use the default icon.
|
|
23582
|
-
*/
|
|
23583
23632
|
get inputPasswordHideIcon() {
|
|
23584
23633
|
// Return the icon if it is explicitly set
|
|
23585
23634
|
if (this.hideIcon != null) {
|
|
23586
23635
|
return this.hideIcon;
|
|
23587
23636
|
}
|
|
23637
|
+
// Determine the theme and map to default icons
|
|
23638
|
+
const theme = getIonTheme(this);
|
|
23639
|
+
const defaultIcons = {
|
|
23640
|
+
ios: eyeOff,
|
|
23641
|
+
ionic: eyeSlashSvg,
|
|
23642
|
+
md: eyeOff,
|
|
23643
|
+
};
|
|
23644
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
23645
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
23588
23646
|
// Return the configured input password hide icon or the default icon
|
|
23589
|
-
return config.get('inputPasswordHideIcon',
|
|
23647
|
+
return config.get('inputPasswordHideIcon', defaultIcon);
|
|
23590
23648
|
}
|
|
23591
|
-
/**
|
|
23592
|
-
* Get the icon to use for the show icon.
|
|
23593
|
-
* If an icon is set on the component, use that.
|
|
23594
|
-
* Otherwise, use the icon set in the config.
|
|
23595
|
-
* If no icon is set in the config, use the default icon.
|
|
23596
|
-
*/
|
|
23597
23649
|
get inputPasswordShowIcon() {
|
|
23598
23650
|
// Return the icon if it is explicitly set
|
|
23599
23651
|
if (this.showIcon != null) {
|
|
23600
23652
|
return this.showIcon;
|
|
23601
23653
|
}
|
|
23654
|
+
// Determine the theme and map to default icons
|
|
23655
|
+
const theme = getIonTheme(this);
|
|
23656
|
+
const defaultIcons = {
|
|
23657
|
+
ios: eye,
|
|
23658
|
+
ionic: eyeSvg,
|
|
23659
|
+
md: eye,
|
|
23660
|
+
};
|
|
23661
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
23662
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
23602
23663
|
// Return the configured input password show icon or the default icon
|
|
23603
|
-
return config.get('inputPasswordShowIcon',
|
|
23664
|
+
return config.get('inputPasswordShowIcon', defaultIcon);
|
|
23604
23665
|
}
|
|
23605
23666
|
render() {
|
|
23606
23667
|
const { color, inputPasswordHideIcon, inputPasswordShowIcon, type } = this;
|
|
23607
23668
|
const mode = getIonMode$1(this);
|
|
23608
23669
|
const isPasswordVisible = type === 'text';
|
|
23609
|
-
return (hAsync(Host, { key: '
|
|
23670
|
+
return (hAsync(Host, { key: 'f11e3bf4d3255e003aec504e6dd3ee1e0caaf767', class: createColorClasses$1(color, {
|
|
23610
23671
|
[mode]: true,
|
|
23611
|
-
}) }, hAsync("ion-button", { key: '
|
|
23672
|
+
}) }, hAsync("ion-button", { key: '5bba43f7755857fd9347612bb906c389b60386b4', mode: mode, color: color, fill: "clear", shape: "round", "aria-label": isPasswordVisible ? 'Hide password' : 'Show password', "aria-pressed": isPasswordVisible ? 'true' : 'false', type: "button", onPointerDown: (ev) => {
|
|
23612
23673
|
/**
|
|
23613
23674
|
* This prevents mobile browsers from
|
|
23614
23675
|
* blurring the input when the password toggle
|
|
23615
23676
|
* button is activated.
|
|
23616
23677
|
*/
|
|
23617
23678
|
ev.preventDefault();
|
|
23618
|
-
}, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: '
|
|
23679
|
+
}, onClick: this.togglePasswordVisibility }, hAsync("ion-icon", { key: 'c0eb0e4e2f3e9553bfd519ff655064c9f62af406', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
|
|
23619
23680
|
}
|
|
23620
23681
|
get el() { return getElement(this); }
|
|
23621
23682
|
static get watchers() { return {
|
|
@@ -23869,26 +23930,29 @@ class Item {
|
|
|
23869
23930
|
const controls = this.el.querySelectorAll('ion-toggle:not([disabled]), ion-checkbox:not([disabled]), ion-radio:not([disabled]), ion-select:not([disabled]), ion-input:not([disabled]), ion-textarea:not([disabled])');
|
|
23870
23931
|
return controls[0];
|
|
23871
23932
|
}
|
|
23872
|
-
/**
|
|
23873
|
-
* Get the icon to use for the detail icon.
|
|
23874
|
-
* If an icon is set on the component, use that.
|
|
23875
|
-
* Otherwise, use the icon set in the config.
|
|
23876
|
-
* If no icon is set in the config, use the default icon.
|
|
23877
|
-
*/
|
|
23878
23933
|
get itemDetailIcon() {
|
|
23879
23934
|
// Return the icon if it is explicitly set
|
|
23880
23935
|
if (this.detailIcon != null) {
|
|
23881
23936
|
return this.detailIcon;
|
|
23882
23937
|
}
|
|
23938
|
+
// Determine the theme and map to default icons
|
|
23939
|
+
const theme = getIonTheme(this);
|
|
23940
|
+
const defaultIcons = {
|
|
23941
|
+
ios: chevronForward,
|
|
23942
|
+
ionic: caretRightSvg,
|
|
23943
|
+
md: chevronForward,
|
|
23944
|
+
};
|
|
23945
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
23946
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
23883
23947
|
// Return the configured item detail icon or the default icon
|
|
23884
|
-
return config.get('itemDetailIcon',
|
|
23948
|
+
return config.get('itemDetailIcon', defaultIcon);
|
|
23885
23949
|
}
|
|
23886
23950
|
/**
|
|
23887
23951
|
* The icon should be flipped when the app is RTL and
|
|
23888
23952
|
* the icon is a variation of chevron.
|
|
23889
23953
|
*/
|
|
23890
23954
|
get shouldFlipIcon() {
|
|
23891
|
-
return this.itemDetailIcon === chevronForward;
|
|
23955
|
+
return this.itemDetailIcon === chevronForward || this.itemDetailIcon === caretRightSvg;
|
|
23892
23956
|
}
|
|
23893
23957
|
render() {
|
|
23894
23958
|
const { detail, download, labelColorStyles, lines, disabled, href, itemDetailIcon, shouldFlipIcon, rel, target, routerAnimation, routerDirection, inheritedAriaAttributes, multipleInputs, } = this;
|
|
@@ -23967,7 +24031,7 @@ class Item {
|
|
|
23967
24031
|
* multi-input item, and in a clickable item, which is a second tab stop.
|
|
23968
24032
|
*/
|
|
23969
24033
|
const slottedIndicatorNeedsRoom = this.hasSlottedIndicatorControl && (multipleInputs || this.isClickable());
|
|
23970
|
-
return (hAsync(Host, { key: '
|
|
24034
|
+
return (hAsync(Host, { key: 'e303a3416c411185a0990ec8dcb1b1479eb236e8', "aria-disabled": ariaDisabled, class: Object.assign(Object.assign(Object.assign({}, childStyles), labelColorStyles), createColorClasses$1(this.color, {
|
|
23971
24035
|
item: true,
|
|
23972
24036
|
[theme]: true,
|
|
23973
24037
|
'item-lines-default': lines === undefined,
|
|
@@ -23980,7 +24044,7 @@ class Item {
|
|
|
23980
24044
|
'ion-activatable': canActivate,
|
|
23981
24045
|
'ion-focusable': this.focusable,
|
|
23982
24046
|
'item-rtl': document.dir === 'rtl',
|
|
23983
|
-
})), role: inList ? 'listitem' : null }, hAsync(TagType, Object.assign({ key: '
|
|
24047
|
+
})), role: inList ? 'listitem' : null }, hAsync(TagType, Object.assign({ key: '551e095097f4c241aa0bb0d2aceb0bf4777563b2' }, attrs, inheritedAriaAttributes, { class: "item-native", part: "native", disabled: disabled }, clickFn), hAsync("slot", { key: '8a602938537caaebaad7d72aa3e8d5a4d3a12290', name: "start", onSlotchange: this.updateInteractivityOnSlotChange }), hAsync("div", { key: 'c82030fdec973d347bc56ae25bb71f6c76173b60', class: "item-inner", part: "inner" }, hAsync("div", { key: '01db0987d735ce734f1edfcd7ee8164e441c840e', class: "input-wrapper", part: "container" }, hAsync("slot", { key: '87e073b45610277443733f8f150d0adf26e6bf86', onSlotchange: this.updateInteractivityOnSlotChange })), hAsync("slot", { key: '4446a01b2556284a0d8dfb1c209bec1b064a2341', name: "end", onSlotchange: this.updateInteractivityOnSlotChange }), showDetail && (hAsync("ion-icon", { key: '09196aa21716c854cbbd7c5aeefff2bfb859746e', icon: itemDetailIcon, lazy: false, class: "item-detail-icon", part: "detail-icon", "aria-hidden": "true", "flip-rtl": shouldFlipIcon }))), canActivate && theme === 'md' && hAsync("ion-ripple-effect", { key: '3408c7ffac92c84ad99a9d71f8c26b98583010a0' }))));
|
|
23984
24048
|
}
|
|
23985
24049
|
get el() { return getElement(this); }
|
|
23986
24050
|
static get watchers() { return {
|
|
@@ -24052,11 +24116,11 @@ class ItemDivider {
|
|
|
24052
24116
|
}
|
|
24053
24117
|
render() {
|
|
24054
24118
|
const theme = getIonTheme(this);
|
|
24055
|
-
return (hAsync(Host, { key: '
|
|
24119
|
+
return (hAsync(Host, { key: 'dc73f348b5376faa40ba4bc6bba3d5c9e5ec5ab2', class: createColorClasses$1(this.color, {
|
|
24056
24120
|
[theme]: true,
|
|
24057
24121
|
'item-divider-sticky': this.sticky,
|
|
24058
24122
|
item: true,
|
|
24059
|
-
}) }, hAsync("slot", { key: '
|
|
24123
|
+
}) }, hAsync("slot", { key: '0f535b2cf91f2ec042aa59a89498cfa0e4d541a0', name: "start" }), hAsync("div", { key: '867c8c1a1bd273a5f5018f77785f11d58152e8b9', class: "item-divider-inner", part: "inner" }, hAsync("div", { key: 'c32b2a5658d27cf5d8cd8ffbfa476c02755e1afd', class: "item-divider-wrapper", part: "container" }, hAsync("slot", { key: 'f8b0fea29a910cd2e36301586532be3a8348c31e' })), hAsync("slot", { key: '418750f630c851cf04b6a278c1666c6cf33c113c', name: "end" }))));
|
|
24060
24124
|
}
|
|
24061
24125
|
get el() { return getElement(this); }
|
|
24062
24126
|
static get style() { return {
|
|
@@ -24093,7 +24157,7 @@ class ItemGroup {
|
|
|
24093
24157
|
}
|
|
24094
24158
|
render() {
|
|
24095
24159
|
const theme = getIonTheme(this);
|
|
24096
|
-
return (hAsync(Host, { key: '
|
|
24160
|
+
return (hAsync(Host, { key: '017c8f7cd0258e1864423337ddd1b1cb522f64ed', role: "group", class: {
|
|
24097
24161
|
[theme]: true,
|
|
24098
24162
|
// Used internally for styling
|
|
24099
24163
|
[`item-group-${theme}`]: true,
|
|
@@ -24189,14 +24253,14 @@ class ItemOption {
|
|
|
24189
24253
|
href: this.href,
|
|
24190
24254
|
target: this.target,
|
|
24191
24255
|
};
|
|
24192
|
-
return (hAsync(Host, { key: '
|
|
24256
|
+
return (hAsync(Host, { key: '8f1bad23fd3ccbb9d54d57765e6731cd2ee07306', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
24193
24257
|
[theme]: true,
|
|
24194
24258
|
[`item-option-${shape}`]: shape !== undefined,
|
|
24195
24259
|
[`item-option-${hue}`]: hue !== undefined,
|
|
24196
24260
|
'item-option-disabled': disabled,
|
|
24197
24261
|
'item-option-expandable': expandable,
|
|
24198
24262
|
'ion-activatable': true,
|
|
24199
|
-
}) }, hAsync(TagType, Object.assign({ key: '
|
|
24263
|
+
}) }, hAsync(TagType, Object.assign({ key: '2baf904e356a87ed463ee5f517e0e95f90b2ef30' }, attrs, { class: "button-native", part: "native", disabled: disabled }), hAsync("span", { key: '49b627f72dffd1b150ccd808b1b1f63bbe78e2de', class: "button-inner", part: "inner" }, hAsync("slot", { key: 'cdb52f76f1d7e5df411215f17eb76ad25e36241a', name: "top" }), hAsync("div", { key: '864204667c6e3ba6f989b24e96c131b67e55d408', class: "horizontal-wrapper", part: "container" }, hAsync("slot", { key: '474f4aab708842bb7ef74cb6f1fbe601ceff82cf', name: "start" }), hAsync("slot", { key: '2bd726c5ba3ee079a623f1f6229d1ac2afd3e291', name: "icon-only" }), hAsync("slot", { key: '2d1a673c447ebf82c92f944ec9e83a5b38698307' }), hAsync("slot", { key: '8d0f9337cd84c725190cffd25d74044075e85ab0', name: "end" })), hAsync("slot", { key: 'a674039b26d9cbb886e88ea721bbc210484aba9f', name: "bottom" })), theme === 'md' && hAsync("ion-ripple-effect", { key: '3e45bf18b7992943c47ece47e9358f4da0b8e865' }))));
|
|
24200
24264
|
}
|
|
24201
24265
|
get el() { return getElement(this); }
|
|
24202
24266
|
static get style() { return {
|
|
@@ -24254,7 +24318,7 @@ class ItemOptions {
|
|
|
24254
24318
|
render() {
|
|
24255
24319
|
const theme = getIonTheme(this);
|
|
24256
24320
|
const isEnd = isEndSide(this.side);
|
|
24257
|
-
return (hAsync(Host, { key: '
|
|
24321
|
+
return (hAsync(Host, { key: 'ed05ceebf2cda943ac9efea2f91b71f7e8fc55e8', class: {
|
|
24258
24322
|
[theme]: true,
|
|
24259
24323
|
// Used internally for styling
|
|
24260
24324
|
[`item-options-${theme}`]: true,
|
|
@@ -25106,7 +25170,7 @@ class ItemSliding {
|
|
|
25106
25170
|
}
|
|
25107
25171
|
render() {
|
|
25108
25172
|
const theme = getIonTheme(this);
|
|
25109
|
-
return (hAsync(Host, { key: '
|
|
25173
|
+
return (hAsync(Host, { key: '47de8c8a9721f9223b42d6722a9ad32f378818aa', class: {
|
|
25110
25174
|
[theme]: true,
|
|
25111
25175
|
'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
|
|
25112
25176
|
'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,
|
|
@@ -25225,13 +25289,13 @@ class Label {
|
|
|
25225
25289
|
render() {
|
|
25226
25290
|
const position = this.position;
|
|
25227
25291
|
const theme = getIonTheme(this);
|
|
25228
|
-
return (hAsync(Host, { key: '
|
|
25292
|
+
return (hAsync(Host, { key: 'b1f261db441bcb0a325a5b3e21da17764a56f17c', class: createColorClasses$1(this.color, {
|
|
25229
25293
|
[theme]: true,
|
|
25230
25294
|
'in-item-color': hostContext('ion-item.ion-color', this.el),
|
|
25231
25295
|
[`label-${position}`]: position !== undefined,
|
|
25232
25296
|
[`label-no-animate`]: this.noAnimate,
|
|
25233
25297
|
'label-rtl': document.dir === 'rtl',
|
|
25234
|
-
}) }, hAsync("slot", { key: '
|
|
25298
|
+
}) }, hAsync("slot", { key: '490444c8c0d4cf72eae3f8abfb7ed7ecc30bb213' })));
|
|
25235
25299
|
}
|
|
25236
25300
|
get el() { return getElement(this); }
|
|
25237
25301
|
static get watchers() { return {
|
|
@@ -25311,7 +25375,7 @@ class List {
|
|
|
25311
25375
|
const theme = getIonTheme(this);
|
|
25312
25376
|
const shape = this.getShape();
|
|
25313
25377
|
const { lines, inset } = this;
|
|
25314
|
-
return (hAsync(Host, { key: '
|
|
25378
|
+
return (hAsync(Host, { key: '9be30ff6e75e020c0db7054800cb874efef26bd8', role: "list", class: {
|
|
25315
25379
|
[theme]: true,
|
|
25316
25380
|
// Used internally for styling
|
|
25317
25381
|
[`list-${theme}`]: true,
|
|
@@ -25361,10 +25425,10 @@ class ListHeader {
|
|
|
25361
25425
|
render() {
|
|
25362
25426
|
const { lines } = this;
|
|
25363
25427
|
const theme = getIonTheme(this);
|
|
25364
|
-
return (hAsync(Host, { key: '
|
|
25428
|
+
return (hAsync(Host, { key: '7a1632a069317285210f4aeae50a6f2ef6955c56', class: createColorClasses$1(this.color, {
|
|
25365
25429
|
[theme]: true,
|
|
25366
25430
|
[`list-header-lines-${lines}`]: lines !== undefined,
|
|
25367
|
-
}) }, hAsync("div", { key: '
|
|
25431
|
+
}) }, hAsync("div", { key: 'a9a9463f209023da222f38a78126d5aaeb2f03b9', class: "list-header-inner", part: "inner" }, hAsync("slot", { key: 'e3c6ec1b588392d347844d59d338abc339e80634' }))));
|
|
25368
25432
|
}
|
|
25369
25433
|
static get style() { return {
|
|
25370
25434
|
ionic: listHeaderIonicCss(),
|
|
@@ -25653,9 +25717,9 @@ class Loading {
|
|
|
25653
25717
|
* Otherwise, don't set aria-labelledby.
|
|
25654
25718
|
*/
|
|
25655
25719
|
const ariaLabelledBy = message !== undefined ? msgId : null;
|
|
25656
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
25720
|
+
return (hAsync(Host, Object.assign({ key: '2ffae36b20a7d7f3a752a062d90062583e31d053', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
|
|
25657
25721
|
zIndex: `${40000 + this.overlayIndex}`,
|
|
25658
|
-
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: '
|
|
25722
|
+
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), hAsync("ion-backdrop", { key: 'a6d8cac2c34a0905ec67a2c64be7ec12cc84f168', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: 'cd011d86f20869096a8546f098fb5edad44033a1', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: '70298be2139d6004e0f8fc5a85c5d05f1efdc347', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (hAsync("div", { key: '32aef90695d91e0a82696abbce96ba29cb1a2608', class: "loading-spinner" }, hAsync("ion-spinner", { key: '7ae69c27be273cf3e83230dae043168df27ac27e', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), hAsync("div", { key: 'f13a01b31516c3fe85dd3a623962290c03e7412f', tabindex: "0", "aria-hidden": "true" })));
|
|
25659
25723
|
}
|
|
25660
25724
|
get el() { return getElement(this); }
|
|
25661
25725
|
static get watchers() { return {
|
|
@@ -26716,14 +26780,14 @@ class Menu {
|
|
|
26716
26780
|
* the ionBackButton listener in the menu controller
|
|
26717
26781
|
* will handle closing the menu when Escape is pressed.
|
|
26718
26782
|
*/
|
|
26719
|
-
return (hAsync(Host, { key: '
|
|
26783
|
+
return (hAsync(Host, { key: 'ed286af30b990e9a3f67606a6a30c50a07c13f87', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
|
|
26720
26784
|
[theme]: true,
|
|
26721
26785
|
[`menu-type-${type}`]: true,
|
|
26722
26786
|
'menu-enabled': !disabled,
|
|
26723
26787
|
[`menu-side-${side}`]: true,
|
|
26724
26788
|
'menu-pane-visible': isPaneVisible,
|
|
26725
26789
|
'split-pane-side': hostContext('ion-split-pane', el),
|
|
26726
|
-
} }, hAsync("div", { key: '
|
|
26790
|
+
} }, hAsync("div", { key: '8b15c8ccd73eeb640eea76996d5123a9cd67face', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, hAsync("slot", { key: 'accfd5cdddac5cde2776b8272a63c1513e6928a8' })), hAsync("ion-backdrop", { key: 'e85f75b8ace51db8fac52388c042e93f73bf14ca', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
|
|
26727
26791
|
}
|
|
26728
26792
|
get el() { return getElement(this); }
|
|
26729
26793
|
static get watchers() { return {
|
|
@@ -26785,6 +26849,8 @@ const SHOW_MENU = 'show-menu';
|
|
|
26785
26849
|
const SHOW_BACKDROP = 'show-backdrop';
|
|
26786
26850
|
const MENU_CONTENT_OPEN = 'menu-content-open';
|
|
26787
26851
|
|
|
26852
|
+
const listSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjQsMTI4YTgsOCwwLDAsMS04LDhINDBhOCw4LDAsMCwxLDAtMTZIMjE2QTgsOCwwLDAsMSwyMjQsMTI4Wk00MCw3MkgyMTZhOCw4LDAsMCwwLDAtMTZINDBhOCw4LDAsMCwwLDAsMTZaTTIxNiwxODRINDBhOCw4LDAsMCwwLDAsMTZIMjE2YTgsOCwwLDAsMCwwLTE2WiIvPjwvc3ZnPg==';
|
|
26853
|
+
|
|
26788
26854
|
// Given a menu, return whether or not the menu toggle should be visible
|
|
26789
26855
|
const updateVisibility = async (menu) => {
|
|
26790
26856
|
const menuEl = await menuController.get(menu);
|
|
@@ -26834,15 +26900,16 @@ class MenuButton {
|
|
|
26834
26900
|
async visibilityChanged() {
|
|
26835
26901
|
this.visible = await updateVisibility(this.menu);
|
|
26836
26902
|
}
|
|
26837
|
-
/**
|
|
26838
|
-
* Get the icon to use for the menu icon.
|
|
26839
|
-
* Use the icon set in the config.
|
|
26840
|
-
* If no icon is set in the config, use the default icon.
|
|
26841
|
-
*/
|
|
26842
26903
|
get menuIcon() {
|
|
26843
|
-
// Determine the theme and map to
|
|
26904
|
+
// Determine the theme and map to default icons
|
|
26844
26905
|
const theme = getIonTheme(this);
|
|
26845
|
-
const
|
|
26906
|
+
const defaultIcons = {
|
|
26907
|
+
ios: menuOutline,
|
|
26908
|
+
ionic: listSvg,
|
|
26909
|
+
md: menuSharp,
|
|
26910
|
+
};
|
|
26911
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
26912
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
26846
26913
|
// Return the configured menu icon or the default icon
|
|
26847
26914
|
return config.get('menuIcon', defaultIcon);
|
|
26848
26915
|
}
|
|
@@ -26854,7 +26921,7 @@ class MenuButton {
|
|
|
26854
26921
|
type: this.type,
|
|
26855
26922
|
};
|
|
26856
26923
|
const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
|
|
26857
|
-
return (hAsync(Host, { key: '
|
|
26924
|
+
return (hAsync(Host, { key: '341ca3bfac81ce4432eef5d2fd738becd1dfb07e', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: createColorClasses$1(color, {
|
|
26858
26925
|
[theme]: true,
|
|
26859
26926
|
button: true, // ion-buttons target .button
|
|
26860
26927
|
'menu-button-hidden': hidden,
|
|
@@ -26863,7 +26930,7 @@ class MenuButton {
|
|
|
26863
26930
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
26864
26931
|
'ion-activatable': true,
|
|
26865
26932
|
'ion-focusable': true,
|
|
26866
|
-
}) }, hAsync("button", Object.assign({ key: '
|
|
26933
|
+
}) }, hAsync("button", Object.assign({ key: '6e6229df2fc1f2d18294a5fbf7fe71e7dd47666a' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), hAsync("span", { key: '0216acbf67d7aa5edc52328f7ded4cb98bc8a237', class: "button-inner" }, hAsync("slot", { key: '5c2cdae42add9a25d3e6323048fcbc6b5fc9b32e' }, hAsync("ion-icon", { key: '5b38c283957cd2f1ad659427dec612fc84fc054f', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme === 'md' && hAsync("ion-ripple-effect", { key: 'adabe4ffa1d66fe36d55294d774db9c4bba1ad76', type: "unbounded" }))));
|
|
26867
26934
|
}
|
|
26868
26935
|
get el() { return getElement(this); }
|
|
26869
26936
|
static get style() { return {
|
|
@@ -26920,10 +26987,10 @@ class MenuToggle {
|
|
|
26920
26987
|
render() {
|
|
26921
26988
|
const theme = getIonTheme(this);
|
|
26922
26989
|
const hidden = this.autoHide && !this.visible;
|
|
26923
|
-
return (hAsync(Host, { key: '
|
|
26990
|
+
return (hAsync(Host, { key: '9ef631d9ae370a8740e691d281863203bfdddc38', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
|
|
26924
26991
|
[theme]: true,
|
|
26925
26992
|
'menu-toggle-hidden': hidden,
|
|
26926
|
-
} }, hAsync("slot", { key: '
|
|
26993
|
+
} }, hAsync("slot", { key: 'f8d9dfc562ed625ae47ec771ef6b2ea04bc463f4' })));
|
|
26927
26994
|
}
|
|
26928
26995
|
static get style() { return menuToggleCss(); }
|
|
26929
26996
|
static get cmpMeta() { return {
|
|
@@ -30476,11 +30543,11 @@ class Modal {
|
|
|
30476
30543
|
const isHandleCycle = handleBehavior === 'cycle';
|
|
30477
30544
|
const shape = this.getShape();
|
|
30478
30545
|
const isSheetModalWithHandle = isSheetModal && showHandle;
|
|
30479
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
30546
|
+
return (hAsync(Host, Object.assign({ key: 'cf99da2a03dd010716265401c8b6fe46a9bf0ced', "no-router": true,
|
|
30480
30547
|
// Allow the modal to be navigable when the handle is focusable
|
|
30481
30548
|
tabIndex: isHandleCycle && isSheetModalWithHandle ? 0 : -1 }, htmlAttributes, { style: {
|
|
30482
30549
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
30483
|
-
}, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, '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, onFocus: this.onModalFocus }), hAsync("ion-backdrop", { key: '
|
|
30550
|
+
}, class: Object.assign({ [theme]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, '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, onFocus: this.onModalFocus }), hAsync("ion-backdrop", { key: '91d148a13955bcda57b5d15d2613e74cc8cd5047', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme === 'ios' && hAsync("div", { key: 'bd51fa967ced9c6d574f0bb6d3c569fe53a2be59', class: "modal-shadow" }), hAsync("div", Object.assign({ key: '45fc1228a8dfc8009c933c6cee4067c08ab27fe6',
|
|
30484
30551
|
/*
|
|
30485
30552
|
role and aria-modal must be used on the
|
|
30486
30553
|
same element. They must also be set inside the
|
|
@@ -30493,9 +30560,9 @@ class Modal {
|
|
|
30493
30560
|
without the tabindex focus() would be a no-op and screen readers
|
|
30494
30561
|
may not properly announce the dialog and its content when it opens.
|
|
30495
30562
|
*/
|
|
30496
|
-
role: "dialog" }, inheritedAttributes, { "aria-modal": "true", tabIndex: -1, class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: '
|
|
30563
|
+
role: "dialog" }, inheritedAttributes, { "aria-modal": "true", tabIndex: -1, class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (hAsync("button", { key: '9bcc1589af7c422ee6f116aa50f62981031042ba', class: "modal-handle",
|
|
30497
30564
|
// Prevents the handle from receiving keyboard focus when it does not cycle
|
|
30498
|
-
tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", "data-focus-order": "1", ref: (el) => (this.dragHandleEl = el) })), hAsync("slot", { key: '
|
|
30565
|
+
tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", "data-focus-order": "1", ref: (el) => (this.dragHandleEl = el) })), hAsync("slot", { key: 'd913facdd6abf0d87ba5e2d7f8b2f1c18e3ef556', onSlotchange: this.onSlotChange }))));
|
|
30499
30566
|
}
|
|
30500
30567
|
get el() { return getElement(this); }
|
|
30501
30568
|
static get watchers() { return {
|
|
@@ -31458,7 +31525,7 @@ class Nav {
|
|
|
31458
31525
|
}
|
|
31459
31526
|
}
|
|
31460
31527
|
render() {
|
|
31461
|
-
return hAsync("slot", { key: '
|
|
31528
|
+
return hAsync("slot", { key: '3dfe9c2a5f3ea75cb6d82b76b240733105cddfad' });
|
|
31462
31529
|
}
|
|
31463
31530
|
get el() { return getElement(this); }
|
|
31464
31531
|
static get watchers() { return {
|
|
@@ -31539,7 +31606,7 @@ class NavLink {
|
|
|
31539
31606
|
};
|
|
31540
31607
|
}
|
|
31541
31608
|
render() {
|
|
31542
|
-
return hAsync(Host, { key: '
|
|
31609
|
+
return hAsync(Host, { key: '476bfb5bb6fba4f422ec40315fc3ef466d01f757', onClick: this.onClick });
|
|
31543
31610
|
}
|
|
31544
31611
|
get el() { return getElement(this); }
|
|
31545
31612
|
static get cmpMeta() { return {
|
|
@@ -31573,9 +31640,9 @@ class Note {
|
|
|
31573
31640
|
}
|
|
31574
31641
|
render() {
|
|
31575
31642
|
const theme = getIonTheme(this);
|
|
31576
|
-
return (hAsync(Host, { key: '
|
|
31643
|
+
return (hAsync(Host, { key: '376ae1c66c19d1bdd74a2371c0639ed9e49648b5', class: createColorClasses$1(this.color, {
|
|
31577
31644
|
[theme]: true,
|
|
31578
|
-
}) }, hAsync("slot", { key: '
|
|
31645
|
+
}) }, hAsync("slot", { key: 'f8168cd88bb21c5e5a2b03c29539729fb38a19fd' })));
|
|
31579
31646
|
}
|
|
31580
31647
|
static get style() { return {
|
|
31581
31648
|
ionic: ionicNoteMdCss(),
|
|
@@ -32051,7 +32118,7 @@ let Picker$1 = class Picker {
|
|
|
32051
32118
|
this.emitInputModeChange();
|
|
32052
32119
|
}
|
|
32053
32120
|
render() {
|
|
32054
|
-
return (hAsync(Host, { key: '
|
|
32121
|
+
return (hAsync(Host, { key: '0e3b8112fd28191ff6af8313fee72919d9b23ee7', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, hAsync("input", { key: '92e86aab71f000c35fcf5f4082116285f2e43016', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
|
|
32055
32122
|
var _a;
|
|
32056
32123
|
/**
|
|
32057
32124
|
* The "Enter" key represents
|
|
@@ -32066,7 +32133,7 @@ let Picker$1 = class Picker {
|
|
|
32066
32133
|
if (ev.key === 'Enter') {
|
|
32067
32134
|
(_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();
|
|
32068
32135
|
}
|
|
32069
|
-
}, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), hAsync("div", { key: '
|
|
32136
|
+
}, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), hAsync("div", { key: '5fad8573cd44bee093f26cd4d7cabad836789e79', class: "picker-before" }), hAsync("div", { key: 'fd26db9e86a3cafe125283eeff0da8be7ea2928e', class: "picker-after" }), hAsync("div", { key: '8174b0f258f3ce00707132c674ff53d3b9fc2aee', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), hAsync("slot", { key: 'a118b0ec709164758ae95fcb9e110befb574138f' })));
|
|
32070
32137
|
}
|
|
32071
32138
|
get el() { return getElement(this); }
|
|
32072
32139
|
static get style() { return {
|
|
@@ -32341,11 +32408,11 @@ class Picker {
|
|
|
32341
32408
|
render() {
|
|
32342
32409
|
const { htmlAttributes } = this;
|
|
32343
32410
|
const theme = getIonTheme(this);
|
|
32344
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
32411
|
+
return (hAsync(Host, Object.assign({ key: '681ad6d20efa16f1d6c6f9a7d03caec2b17ff36e', "aria-modal": "true", tabindex: "-1" }, htmlAttributes, { style: {
|
|
32345
32412
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
32346
32413
|
}, class: Object.assign({ [theme]: true,
|
|
32347
32414
|
// Used internally for styling
|
|
32348
|
-
[`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '
|
|
32415
|
+
[`picker-${theme}`]: true, 'overlay-hidden': true }, getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonPickerWillDismiss: this.dispatchCancelHandler }), hAsync("ion-backdrop", { key: '6dc71805810955048479c2a6eddce2303161cb8f', visible: this.showBackdrop, tappable: this.backdropDismiss }), hAsync("div", { key: '0e61724c261c9d69ba23d3cb9064018942755033', tabindex: "0", "aria-hidden": "true" }), hAsync("div", { key: 'a6ca79c9a5fce42b5aad6808802535c723f27fb9', class: "picker-wrapper ion-overlay-wrapper", role: "dialog" }, hAsync("div", { key: '7651cbe9d723bba032788d85711e0f7c1dc32c21', 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: 'd6b83aded670bc74515c337c038503e396ab42cc', class: "picker-columns" }, hAsync("div", { key: '1dfef6ed386d7b327dc19397cc9f01c3938fbab9', class: "picker-above-highlight" }), this.presented && this.columns.map((c) => hAsync("ion-picker-legacy-column", { col: c })), hAsync("div", { key: 'ec8b2f4de073a245f8917a494a681adf5d1f94f6', class: "picker-below-highlight" }))), hAsync("div", { key: '8557ce93083feefa5deb6097270d756424f89ab2', tabindex: "0", "aria-hidden": "true" })));
|
|
32349
32416
|
}
|
|
32350
32417
|
get el() { return getElement(this); }
|
|
32351
32418
|
static get watchers() { return {
|
|
@@ -32948,14 +33015,14 @@ class PickerColumn {
|
|
|
32948
33015
|
render() {
|
|
32949
33016
|
const { color, disabled, isActive, numericInput } = this;
|
|
32950
33017
|
const theme = getIonTheme(this);
|
|
32951
|
-
return (hAsync(Host, { key: '
|
|
33018
|
+
return (hAsync(Host, { key: 'f93a206d4f4b96bf4e574e5c920910ea22e1b447', class: createColorClasses$1(color, {
|
|
32952
33019
|
[theme]: true,
|
|
32953
33020
|
['picker-column-active']: isActive,
|
|
32954
33021
|
['picker-column-numeric-input']: numericInput,
|
|
32955
33022
|
['picker-column-disabled']: disabled,
|
|
32956
|
-
}) }, hAsync("slot", { key: '
|
|
33023
|
+
}) }, hAsync("slot", { key: 'c2954a494c50a907529dc71e6fb91092773ad8a6', name: "prefix" }), hAsync("div", { key: '1957b8a3a3835980bb22ea3b46b2cb5e6bcc2432', class: "picker-opts", ref: (el) => {
|
|
32957
33024
|
this.scrollEl = el;
|
|
32958
|
-
}, role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": this.getOptionValueText(this.activeItem), "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }, hAsync("div", { key: '
|
|
33025
|
+
}, role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": this.getOptionValueText(this.activeItem), "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }, hAsync("div", { key: 'c7218ed79d73cef4de55b248d3a4808146e2eee4', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: '00d6c9dd149302d006a3a97b9ab61a5399196494', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'f47359409deae7f7d73c8a8a64bc23053efc20d9', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("slot", { key: '791172a636d85a1b49c140066ce867a4f6e8403d' }), hAsync("div", { key: 'f442c5ab5d84acf7b41782fd2b3908ca68a4bd1e', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'b378ca562795326183353f35e328957ac592148c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), hAsync("div", { key: 'f0c8e825cb890718389395b741aa1b7839dba1b1', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), hAsync("slot", { key: '6a11f3a2c46181d4b982a4d14170e71e3345973b', name: "suffix" })));
|
|
32959
33026
|
}
|
|
32960
33027
|
get el() { return getElement(this); }
|
|
32961
33028
|
static get watchers() { return {
|
|
@@ -33323,9 +33390,9 @@ class PickerColumnCmp {
|
|
|
33323
33390
|
render() {
|
|
33324
33391
|
const col = this.col;
|
|
33325
33392
|
const theme = getIonTheme(this);
|
|
33326
|
-
return (hAsync(Host, { key: '
|
|
33393
|
+
return (hAsync(Host, { key: 'aed1c1a702e03765d704f6f563fe26df58e68bbf', class: Object.assign({ [theme]: true, 'picker-col': true, 'picker-opts-left': this.col.align === 'left', 'picker-opts-right': this.col.align === 'right' }, getClassMap(col.cssClass)), style: {
|
|
33327
33394
|
'max-width': this.col.columnWidth,
|
|
33328
|
-
} }, col.prefix && (hAsync("div", { key: '
|
|
33395
|
+
} }, col.prefix && (hAsync("div", { key: 'a6fae778eec5d57dba4b36b3e448c5c12fe0688b', class: "picker-prefix", style: { width: col.prefixWidth } }, col.prefix)), hAsync("div", { key: '1b77354fe5eeeeb4db94fab035a9ef5e45d695ac', 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: '105286ef7ba6eac0796f5af7d6f1daef7107444a', class: "picker-suffix", style: { width: col.suffixWidth } }, col.suffix))));
|
|
33329
33396
|
}
|
|
33330
33397
|
get el() { return getElement(this); }
|
|
33331
33398
|
static get watchers() { return {
|
|
@@ -33450,10 +33517,10 @@ class PickerColumnOption {
|
|
|
33450
33517
|
render() {
|
|
33451
33518
|
const { color, disabled, ariaLabel } = this;
|
|
33452
33519
|
const theme = getIonTheme(this);
|
|
33453
|
-
return (hAsync(Host, { key: '
|
|
33520
|
+
return (hAsync(Host, { key: 'fe9553e3157d35f5c28a3f2457715bd598ec1e00', class: createColorClasses$1(color, {
|
|
33454
33521
|
[theme]: true,
|
|
33455
33522
|
['option-disabled']: disabled,
|
|
33456
|
-
}) }, hAsync("div", { key: '
|
|
33523
|
+
}) }, hAsync("div", { key: '9bc334f020012537144972b5a8a1aed7c35ccec5', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, hAsync("slot", { key: 'bd076e43c98ad920486230684c7f63e7e0b187f8' }))));
|
|
33457
33524
|
}
|
|
33458
33525
|
get el() { return getElement(this); }
|
|
33459
33526
|
static get watchers() { return {
|
|
@@ -35022,9 +35089,9 @@ class Popover {
|
|
|
35022
35089
|
const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
|
|
35023
35090
|
const desktop = isPlatform('desktop');
|
|
35024
35091
|
const enableArrow = arrow && !parentPopover;
|
|
35025
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
35092
|
+
return (hAsync(Host, Object.assign({ key: '3319e6ea7524a30478985c014634403aceedab6f', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
|
|
35026
35093
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
35027
|
-
}, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: 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: '
|
|
35094
|
+
}, class: Object.assign(Object.assign({}, getClassMap(this.cssClass)), { [theme]: 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: '45265b1f8e5e6e822b3c8d4992039975c472b10b', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), hAsync("div", { key: '8707fb5c5b9523fd786c4e4d02d41dfb386be187', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && hAsync("div", { key: '17bd682e56939ba10ab4b2ab3c9e916087a7e19a', class: "popover-arrow", part: "arrow" }), hAsync("div", { key: '02f1bd119d2ffecd2f2541969111fc6e156db9d3', class: "popover-content", part: "content" }, hAsync("slot", { key: 'dec29181eee87f28f731d6a0ba1ef3c81867d527' })))));
|
|
35028
35095
|
}
|
|
35029
35096
|
get el() { return getElement(this); }
|
|
35030
35097
|
static get watchers() { return {
|
|
@@ -35152,7 +35219,7 @@ class ProgressBar {
|
|
|
35152
35219
|
const shape = this.getShape();
|
|
35153
35220
|
// If the progress is displayed as a solid bar.
|
|
35154
35221
|
const progressSolid = buffer === 1;
|
|
35155
|
-
return (hAsync(Host, { key: '
|
|
35222
|
+
return (hAsync(Host, { key: '1cf02806b28a0d7b070e6f3616ea8f4c8ae4990a', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: createColorClasses$1(color, {
|
|
35156
35223
|
[theme]: true,
|
|
35157
35224
|
[`progress-bar-${type}`]: true,
|
|
35158
35225
|
'progress-paused': paused,
|
|
@@ -35351,7 +35418,7 @@ class Radio {
|
|
|
35351
35418
|
const theme = getIonTheme(this);
|
|
35352
35419
|
const inItem = hostContext('ion-item', el);
|
|
35353
35420
|
const inMultipleInputsItem = hostContext('ion-item.item-multiple-inputs', el);
|
|
35354
|
-
return (hAsync(Host, { key: '
|
|
35421
|
+
return (hAsync(Host, { key: 'e2d5c0a52199f5c6ebf05a5178e9370f7df06717', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
|
|
35355
35422
|
[theme]: true,
|
|
35356
35423
|
'in-item': inItem,
|
|
35357
35424
|
'radio-checked': checked,
|
|
@@ -35364,10 +35431,10 @@ class Radio {
|
|
|
35364
35431
|
// styling stays suppressed either way.
|
|
35365
35432
|
'ion-activatable': !inItem,
|
|
35366
35433
|
'ion-focusable': !inItem || inMultipleInputsItem,
|
|
35367
|
-
}), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '
|
|
35434
|
+
}), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, hAsync("label", { key: '898d505c52ed530fac01b4ab81f0e697d538a520', class: "radio-wrapper" }, hAsync("div", { key: '8d2cc81c342ee4b10ac9eed9189be9b6fc594f38', class: {
|
|
35368
35435
|
'label-text-wrapper': true,
|
|
35369
35436
|
'label-text-wrapper-hidden': !hasLabel,
|
|
35370
|
-
}, part: "label" }, hAsync("slot", { key: '
|
|
35437
|
+
}, part: "label" }, hAsync("slot", { key: '459439aeb1689cb7baff901d5b7a2ed96e98cf19' })), hAsync("div", { key: '3ec8b4de39f6c18ee43b956b6c031321e6844919', class: "native-wrapper" }, this.renderRadioControl()))));
|
|
35371
35438
|
}
|
|
35372
35439
|
get el() { return getElement(this); }
|
|
35373
35440
|
static get watchers() { return {
|
|
@@ -35637,10 +35704,10 @@ class RadioGroup {
|
|
|
35637
35704
|
const { label, labelId, el, name, value } = this;
|
|
35638
35705
|
const theme = getIonTheme(this);
|
|
35639
35706
|
renderHiddenInput(true, el, name, value, false);
|
|
35640
|
-
return (hAsync(Host, { key: '
|
|
35707
|
+
return (hAsync(Host, { key: '01aa69d37d97ff7395b5bbeabdc62d1ce535285c', class: {
|
|
35641
35708
|
[theme]: true,
|
|
35642
35709
|
'in-list': hostContext('ion-list', el),
|
|
35643
|
-
}, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, "data-roving-focus": true, onClick: this.onClick }, this.renderHintText(), hAsync("slot", { key: '
|
|
35710
|
+
}, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.hintTextId, "aria-invalid": this.isInvalid ? 'true' : undefined, "data-roving-focus": true, onClick: this.onClick }, this.renderHintText(), hAsync("slot", { key: 'd2f5c174a88636020b8911cb6748b42f8b5d9fbe' })));
|
|
35644
35711
|
}
|
|
35645
35712
|
get el() { return getElement(this); }
|
|
35646
35713
|
static get watchers() { return {
|
|
@@ -36497,7 +36564,7 @@ class Range {
|
|
|
36497
36564
|
const valueAtMin = dualKnobs ? this.valA === min || this.valB === min : this.valA === min;
|
|
36498
36565
|
const valueAtMax = dualKnobs ? this.valA === max || this.valB === max : this.valA === max;
|
|
36499
36566
|
renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
|
|
36500
|
-
return (hAsync(Host, { key: '
|
|
36567
|
+
return (hAsync(Host, { key: 'f75205d524b67d46bae1f24ffdac4ac9da82d828', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
|
|
36501
36568
|
[theme]: true,
|
|
36502
36569
|
'in-item': inItem,
|
|
36503
36570
|
'range-disabled': disabled,
|
|
@@ -36511,10 +36578,10 @@ class Range {
|
|
|
36511
36578
|
'range-item-end-adjustment': needsEndAdjustment,
|
|
36512
36579
|
'range-value-min': valueAtMin,
|
|
36513
36580
|
'range-value-max': valueAtMax,
|
|
36514
|
-
}) }, hAsync("label", { key: '
|
|
36581
|
+
}) }, hAsync("label", { key: 'cc211e38c7a2d99f5505160f9fe6f0c42aac9062', class: "range-wrapper", id: "range-label" }, hAsync("div", { key: 'ada76a626fc5b5e2af546146a796a485328d1e8e', class: {
|
|
36515
36582
|
'label-text-wrapper': true,
|
|
36516
36583
|
'label-text-wrapper-hidden': !hasLabel,
|
|
36517
|
-
}, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '
|
|
36584
|
+
}, part: "label" }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { key: '5d5f6b92c092fb3d337af98febbf090853dda6a5', class: "native-wrapper" }, hAsync("slot", { key: '6ed940e5b6f2c5ab5dfe56845709ac49bb75e431', name: "start" }), this.renderRangeSlider(), hAsync("slot", { key: 'c56264bade6f83d687ff3b875c908d018248d52c', name: "end" })))));
|
|
36518
36585
|
}
|
|
36519
36586
|
get el() { return getElement(this); }
|
|
36520
36587
|
static get watchers() { return {
|
|
@@ -37619,7 +37686,7 @@ class Refresher {
|
|
|
37619
37686
|
}
|
|
37620
37687
|
render() {
|
|
37621
37688
|
const theme = getIonTheme(this);
|
|
37622
|
-
return (hAsync(Host, { key: '
|
|
37689
|
+
return (hAsync(Host, { key: '78f631741a018b8348a5520ab0e6e2cb4d71ef8d', slot: "fixed", class: {
|
|
37623
37690
|
[theme]: true,
|
|
37624
37691
|
// Used internally for styling
|
|
37625
37692
|
[`refresher-${theme}`]: true,
|
|
@@ -37665,6 +37732,8 @@ class Refresher {
|
|
|
37665
37732
|
}; }
|
|
37666
37733
|
}
|
|
37667
37734
|
|
|
37735
|
+
const caretLeftFillSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0xNjgsNDhWMjA4YTgsOCwwLDAsMS0xMy42Niw1LjY2bC04MC04MGE4LDgsMCwwLDEsMC0xMS4zMmw4MC04MEE4LDgsMCwwLDEsMTY4LDQ4WiIvPjwvc3ZnPg==';
|
|
37736
|
+
|
|
37668
37737
|
const spinners = {
|
|
37669
37738
|
bubbles: {
|
|
37670
37739
|
dur: 1000,
|
|
@@ -37837,14 +37906,6 @@ class RefresherContent {
|
|
|
37837
37906
|
this.refreshingSpinner = config.get('refreshingSpinner', config.get('spinner', theme === 'ios' ? 'lines' : 'circular'));
|
|
37838
37907
|
}
|
|
37839
37908
|
}
|
|
37840
|
-
/**
|
|
37841
|
-
* Get the icon to use for the arrow icon.
|
|
37842
|
-
* Use the icon set in the config.
|
|
37843
|
-
* If no icon is set in the config, use the default icon.
|
|
37844
|
-
*/
|
|
37845
|
-
get refresherArrowIcon() {
|
|
37846
|
-
return config.get('refresherArrowIcon', caretBackSharp);
|
|
37847
|
-
}
|
|
37848
37909
|
renderPullingText() {
|
|
37849
37910
|
const { customHTMLEnabled, pullingText } = this;
|
|
37850
37911
|
if (customHTMLEnabled) {
|
|
@@ -37863,9 +37924,10 @@ class RefresherContent {
|
|
|
37863
37924
|
const pullingIcon = this.pullingIcon;
|
|
37864
37925
|
const hasSpinner = pullingIcon != null && SPINNERS[pullingIcon] !== undefined;
|
|
37865
37926
|
const theme = getIonTheme(this);
|
|
37866
|
-
|
|
37927
|
+
const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : caretBackSharp;
|
|
37928
|
+
return (hAsync(Host, { key: '3d2d138e485b3b2beae47b9ea4e140f0b9647434', class: {
|
|
37867
37929
|
[theme]: true,
|
|
37868
|
-
} }, hAsync("div", { key: '
|
|
37930
|
+
} }, hAsync("div", { key: 'd0c950b65a37a75b795503574a980cdb61f674e1', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (hAsync("div", { key: '8c6e27b2fb134c21fb7e8864433802a95ba0f328', class: "refresher-pulling-icon" }, hAsync("div", { key: '0a947b7779502780f2c835f8686f3a06e21a9194', class: "spinner-arrow-container" }, hAsync("ion-spinner", { key: '59c129077809add46b7fe6dcf5fc0edbb1cc94d5', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (hAsync("div", { key: 'a28750ed07d9337febbceb5550683eb1c302858c', class: "arrow-container" }, hAsync("ion-icon", { key: 'e14e3b9f9ad51ce3a138a191a848078bd423fa9b', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (hAsync("div", { key: '22c4c80ef1e340a8ec9ca718849b412a09507967', class: "refresher-pulling-icon" }, hAsync("ion-icon", { key: '6506d0dd30bf639a23cda57c6d1c2a9c29e42ed6', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), hAsync("div", { key: 'a54967c5f539ed182106b1c5fa7b499de84c049a', class: "refresher-refreshing" }, this.refreshingSpinner && (hAsync("div", { key: '2e425f66d780e90474b8ebf7473b9f7c98f30c81', class: "refresher-refreshing-icon" }, hAsync("ion-spinner", { key: '286b9b9cce1cb4450ffa5577f0b76044877722ce', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
|
|
37869
37931
|
}
|
|
37870
37932
|
get el() { return getElement(this); }
|
|
37871
37933
|
static get style() { return {
|
|
@@ -37915,22 +37977,28 @@ class Reorder {
|
|
|
37915
37977
|
}
|
|
37916
37978
|
/**
|
|
37917
37979
|
* Get the icon to use for the handle icon.
|
|
37918
|
-
*
|
|
37980
|
+
* Otherwise, use the icon set in the config.
|
|
37919
37981
|
* If no icon is set in the config, use the default icon.
|
|
37920
37982
|
*/
|
|
37921
37983
|
get reorderHandleIcon() {
|
|
37922
|
-
// Determine the theme and map to
|
|
37984
|
+
// Determine the theme and map to default icons
|
|
37923
37985
|
const theme = getIonTheme(this);
|
|
37924
|
-
const
|
|
37986
|
+
const defaultIcons = {
|
|
37987
|
+
ios: reorderThreeOutline,
|
|
37988
|
+
ionic: listSvg,
|
|
37989
|
+
md: reorderTwoSharp,
|
|
37990
|
+
};
|
|
37991
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
37992
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
37925
37993
|
// Return the configured reorder handle icon or the default icon
|
|
37926
37994
|
return config.get('reorderHandleIcon', defaultIcon);
|
|
37927
37995
|
}
|
|
37928
37996
|
render() {
|
|
37929
37997
|
const { reorderHandleIcon } = this;
|
|
37930
37998
|
const theme = getIonTheme(this);
|
|
37931
|
-
return (hAsync(Host, { key: '
|
|
37999
|
+
return (hAsync(Host, { key: 'bc0b4cd34db6dfe794ab66a785d406bfc02236c5', class: {
|
|
37932
38000
|
[theme]: true,
|
|
37933
|
-
} }, hAsync("slot", { key: '
|
|
38001
|
+
} }, hAsync("slot", { key: '28672768be8598b7cb47b7b2837b77afbc2c2e14' }, hAsync("ion-icon", { key: '03b6620768da18a6f8cb0c55e94b85a53cbab66a', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
|
|
37934
38002
|
}
|
|
37935
38003
|
get el() { return getElement(this); }
|
|
37936
38004
|
static get style() { return {
|
|
@@ -38206,7 +38274,7 @@ class ReorderGroup {
|
|
|
38206
38274
|
}
|
|
38207
38275
|
render() {
|
|
38208
38276
|
const theme = getIonTheme(this);
|
|
38209
|
-
return (hAsync(Host, { key: '
|
|
38277
|
+
return (hAsync(Host, { key: 'c095e5428be9f446f245d37a12653978bb2bc2b6', class: {
|
|
38210
38278
|
[theme]: true,
|
|
38211
38279
|
'reorder-enabled': !this.disabled,
|
|
38212
38280
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
|
@@ -38332,7 +38400,7 @@ class RippleEffect {
|
|
|
38332
38400
|
}
|
|
38333
38401
|
render() {
|
|
38334
38402
|
const theme = getIonTheme(this);
|
|
38335
|
-
return (hAsync(Host, { key: '
|
|
38403
|
+
return (hAsync(Host, { key: '51fe7517d41c643bd4e746f366f513c42dac17dc', role: "presentation", class: {
|
|
38336
38404
|
[theme]: true,
|
|
38337
38405
|
unbounded: this.unbounded,
|
|
38338
38406
|
} }));
|
|
@@ -39482,10 +39550,10 @@ class RouterLink {
|
|
|
39482
39550
|
rel: this.rel,
|
|
39483
39551
|
target: this.target,
|
|
39484
39552
|
};
|
|
39485
|
-
return (hAsync(Host, { key: '
|
|
39553
|
+
return (hAsync(Host, { key: '84efbafddc586ee3f616d4e1a13118c04d9b2753', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
39486
39554
|
[theme]: true,
|
|
39487
39555
|
'ion-activatable': true,
|
|
39488
|
-
}) }, hAsync("a", Object.assign({ key: '
|
|
39556
|
+
}) }, hAsync("a", Object.assign({ key: 'e8c7cda4c00ec45548ea52b632bc4adb07f9460c' }, attrs), hAsync("slot", { key: '133bf1203a3e218e3868b4cfda00bb753ecea946' }))));
|
|
39489
39557
|
}
|
|
39490
39558
|
static get style() { return routerLinkCss(); }
|
|
39491
39559
|
static get cmpMeta() { return {
|
|
@@ -39685,7 +39753,7 @@ class RouterOutlet {
|
|
|
39685
39753
|
return true;
|
|
39686
39754
|
}
|
|
39687
39755
|
render() {
|
|
39688
|
-
return hAsync("slot", { key: '
|
|
39756
|
+
return hAsync("slot", { key: '56e3d06ed939755796058e30ef19fbc7f7cb490d' });
|
|
39689
39757
|
}
|
|
39690
39758
|
get el() { return getElement(this); }
|
|
39691
39759
|
static get watchers() { return {
|
|
@@ -39725,9 +39793,9 @@ class Row {
|
|
|
39725
39793
|
}
|
|
39726
39794
|
render() {
|
|
39727
39795
|
const theme = getIonTheme(this);
|
|
39728
|
-
return (hAsync(Host, { key: '
|
|
39796
|
+
return (hAsync(Host, { key: '3a3c40062d2d0487c61dedbb172215b87bb425b1', class: {
|
|
39729
39797
|
[theme]: true,
|
|
39730
|
-
} }, hAsync("slot", { key: '
|
|
39798
|
+
} }, hAsync("slot", { key: '164f457f6f7853ed8f7279d20bc6ede6cf9d3e5c' })));
|
|
39731
39799
|
}
|
|
39732
39800
|
static get style() { return rowCss(); }
|
|
39733
39801
|
static get cmpMeta() { return {
|
|
@@ -39740,6 +39808,10 @@ class Row {
|
|
|
39740
39808
|
}; }
|
|
39741
39809
|
}
|
|
39742
39810
|
|
|
39811
|
+
const arrowLeftSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjQsMTI4YTgsOCwwLDAsMS04LDhINTkuMzFsNTguMzUsNTguMzRhOCw4LDAsMCwxLTExLjMyLDExLjMybC03Mi03MmE4LDgsMCwwLDEsMC0xMS4zMmw3Mi03MmE4LDgsMCwwLDEsMTEuMzIsMTEuMzJMNTkuMzEsMTIwSDIxNkE4LDgsMCwwLDEsMjI0LDEyOFoiLz48L3N2Zz4=';
|
|
39812
|
+
|
|
39813
|
+
const magnifyingGlassSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjkuNjYsMjE4LjM0bC01MC4wNy01MC4wNmE4OC4xMSw4OC4xMSwwLDEsMC0xMS4zMSwxMS4zMWw1MC4wNiw1MC4wN2E4LDgsMCwwLDAsMTEuMzItMTEuMzJaTTQwLDExMmE3Miw3MiwwLDEsMSw3Miw3MkE3Mi4wOCw3Mi4wOCwwLDAsMSw0MCwxMTJaIi8+PC9zdmc+';
|
|
39814
|
+
|
|
39743
39815
|
const searchbarIonicCss = () => `.sc-ion-searchbar-ionic-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-ionic{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ionic{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ionic{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ionic::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ionic::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ionic::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ionic>div.sc-ion-searchbar-ionic{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ionic{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ionic:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{display:block}.sc-ion-searchbar-ionic-h{--background:var(--token-bg-neutral-subtle-default, var(--token-primitives-neutral-200, #eae9e9));--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px));--box-shadow:none;--cancel-button-color:var(--token-primitives-neutral-800, #626262);--clear-button-color:var(--token-primitives-neutral-1000, #3b3b3b);--color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424));--icon-color:var(--token-icon-subtlest, var(--token-primitives-neutral-800, #626262));--placeholder-color:var(--token-text-subtlest, var(--token-primitives-neutral-800, #626262));--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));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;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.searchbar-search-icon.sc-ion-searchbar-ionic{font-size:var(--token-font-size-400, 1rem)}.searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--token-space-300, var(--token-scale-300, 12px));padding-bottom:var(--token-space-300, var(--token-scale-300, 12px));text-overflow:ellipsis;contain:strict}.searchbar-clear-button.sc-ion-searchbar-ionic{width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px);background-color:transparent;font-size:var(--token-font-size-400, 1rem);contain:strict}.searchbar-cancel-button.sc-ion-searchbar-ionic{width:var(--token-scale-400, 16px);height:var(--token-scale-400, 16px);background-color:transparent;font-size:var(--token-font-size-400, 1rem)}.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-clear-button.sc-ion-searchbar-ionic,.searchbar-cancel-button.sc-ion-searchbar-ionic{top:50%;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.searchbar-clear-button.sc-ion-searchbar-ionic:focus-visible,.searchbar-cancel-button.sc-ion-searchbar-ionic:focus-visible ion-icon.sc-ion-searchbar-ionic{border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px));outline:var(--token-border-size-050, var(--token-scale-050, 2px)) var(--token-border-style-solid, solid) var(--token-border-focus-default, var(--token-primitives-blue-400, #b5c0f7));opacity:1}.searchbar-has-value.sc-ion-searchbar-ionic-h{--icon-color:var(--token-icon-default, var(--token-primitives-neutral-1200, #242424))}.in-toolbar.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--token-space-200, var(--token-scale-200, 8px))}.sc-ion-searchbar-ionic-h:hover{--background:var(--token-primitives-neutral-200, #eae9e9)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{outline:var(--focus-ring-width) var(--token-border-style-solid, solid) var(--focus-ring-color)}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{display:block}.searchbar-has-focus.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic+.searchbar-search-icon.sc-ion-searchbar-ionic{display:none}.searchbar-disabled.sc-ion-searchbar-ionic-h{--color:var(--token-primitives-neutral-500, #a2a2a2);--icon-color:var(--token-icon-disabled, var(--token-primitives-neutral-500, #a2a2a2));--placeholder-color:var(--token-text-disabled, var(--token-primitives-neutral-500, #a2a2a2));cursor:default;pointer-events:none}.searchbar-shape-soft.sc-ion-searchbar-ionic-h{--border-radius:var(--token-border-radius-200, var(--token-scale-200, 8px))}.searchbar-shape-round.sc-ion-searchbar-ionic-h{--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}.searchbar-shape-rectangular.sc-ion-searchbar-ionic-h{--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:var(--token-space-300, var(--token-scale-300, 12px));padding-inline-start:var(--token-space-300, var(--token-scale-300, 12px));-webkit-padding-end:var(--token-space-300, var(--token-scale-300, 12px));padding-inline-end:var(--token-space-300, var(--token-scale-300, 12px));height:var(--token-scale-1000, 40px)}.searchbar-size-small.searchbar-should-show-search-icon.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,.searchbar-size-small.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-start:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));-webkit-padding-end:var(--token-space-300, var(--token-scale-300, 12px));padding-inline-end:var(--token-space-300, var(--token-scale-300, 12px))}.searchbar-size-small.searchbar-should-show-search-icon.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,.searchbar-size-small.searchbar-should-show-cancel.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-start:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));-webkit-padding-end:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-end:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)))}.searchbar-size-small.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:var(--token-space-300, var(--token-scale-300, 12px));padding-inline-start:var(--token-space-300, var(--token-scale-300, 12px));-webkit-padding-end:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-end:calc(var(--token-space-300, var(--token-scale-300, 12px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)))}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--token-space-300, var(--token-scale-300, 12px))}.searchbar-size-small.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--token-space-300, var(--token-scale-300, 12px))}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px));height:var(--token-scale-1200, 48px)}.searchbar-size-medium.searchbar-should-show-search-icon.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,.searchbar-size-medium.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-start:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));-webkit-padding-end:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}.searchbar-size-medium.searchbar-should-show-search-icon.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,.searchbar-size-medium.searchbar-should-show-cancel.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-start:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));-webkit-padding-end:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-end:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)))}.searchbar-size-medium.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:var(--token-space-400, var(--token-scale-400, 16px));padding-inline-start:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-end:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-end:calc(var(--token-space-400, var(--token-scale-400, 16px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)))}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--token-space-400, var(--token-scale-400, 16px))}.searchbar-size-medium.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--token-space-400, var(--token-scale-400, 16px))}.in-toolbar.searchbar-size-small.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,.in-toolbar.searchbar-size-medium.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:var(--token-space-800, var(--token-scale-800, 32px));padding-inline-start:var(--token-space-800, var(--token-scale-800, 32px))}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{width:var(--token-scale-500, 20px);height:var(--token-scale-500, 20px);font-size:var(--token-font-size-500, 1.25rem)}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{padding-top:var(--token-space-400, var(--token-scale-400, 16px));padding-bottom:var(--token-space-400, var(--token-scale-400, 16px));-webkit-padding-start:var(--token-space-500, var(--token-scale-500, 20px));padding-inline-start:var(--token-space-500, var(--token-scale-500, 20px));-webkit-padding-end:var(--token-space-500, var(--token-scale-500, 20px));padding-inline-end:var(--token-space-500, var(--token-scale-500, 20px));height:var(--token-scale-1400, 56px)}.searchbar-size-large.searchbar-should-show-search-icon.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,.searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-500, 20px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-start:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-500, 20px) + var(--token-space-200, var(--token-scale-200, 8px)));-webkit-padding-end:var(--token-space-500, var(--token-scale-500, 20px));padding-inline-end:var(--token-space-500, var(--token-scale-500, 20px))}.searchbar-size-large.searchbar-should-show-search-icon.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic,.searchbar-size-large.searchbar-should-show-cancel.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-500, 20px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-start:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-500, 20px) + var(--token-space-200, var(--token-scale-200, 8px)));-webkit-padding-end:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-end:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)))}.searchbar-size-large.searchbar-should-show-clear.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:var(--token-space-500, var(--token-scale-500, 20px));padding-inline-start:var(--token-space-500, var(--token-scale-500, 20px));-webkit-padding-end:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)));padding-inline-end:calc(var(--token-space-500, var(--token-scale-500, 20px)) + var(--token-scale-400, 16px) + var(--token-space-200, var(--token-scale-200, 8px)))}.in-toolbar.searchbar-size-large.searchbar-should-show-cancel.sc-ion-searchbar-ionic-h .searchbar-input.sc-ion-searchbar-ionic{-webkit-padding-start:var(--token-space-900, var(--token-scale-900, 36px));padding-inline-start:var(--token-space-900, var(--token-scale-900, 36px))}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-search-icon.sc-ion-searchbar-ionic,.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-cancel-button.sc-ion-searchbar-ionic{inset-inline-start:var(--token-space-500, var(--token-scale-500, 20px))}.searchbar-size-large.sc-ion-searchbar-ionic-h .searchbar-clear-button.sc-ion-searchbar-ionic{inset-inline-end:var(--token-space-500, var(--token-scale-500, 20px))}`;
|
|
39744
39816
|
|
|
39745
39817
|
const searchbarIosCss = () => `.sc-ion-searchbar-ios-h{--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:var(--ion-placeholder-opacity, 1);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;width:100%;color:var(--color);-webkit-box-sizing:border-box;box-sizing:border-box}.searchbar-search-icon.sc-ion-searchbar-ios{color:var(--icon-color);pointer-events:none}.searchbar-input-container.sc-ion-searchbar-ios{display:block;position:relative;-ms-flex-negative:1;flex-shrink:1;width:100%}.searchbar-input.sc-ion-searchbar-ios{color:inherit;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-align:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;white-space:inherit;border-radius:var(--border-radius);display:block;width:100%;min-height:inherit;border:0;outline:none;background:var(--background);font-family:inherit;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-input.sc-ion-searchbar-ios::-webkit-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-moz-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios:-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-ms-input-placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::placeholder{color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.searchbar-input.sc-ion-searchbar-ios::-webkit-search-cancel-button,.searchbar-input.sc-ion-searchbar-ios::-ms-clear{display:none}.searchbar-cancel-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:none;height:100%;border:0;outline:none;color:var(--cancel-button-color);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-cancel-button.sc-ion-searchbar-ios>div.sc-ion-searchbar-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}.searchbar-clear-button.sc-ion-searchbar-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;display:none;min-height:0;outline:none;color:var(--clear-button-color);-webkit-appearance:none;-moz-appearance:none;appearance:none}.searchbar-clear-button.sc-ion-searchbar-ios:focus{opacity:0.5}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios{display:block}.sc-ion-searchbar-ios-h{--placeholder-opacity:var(--ion-placeholder-opacity, 0.6);font-family:var(--ion-font-family, inherit)}.ion-color.sc-ion-searchbar-ios-h{color:var(--ion-color-contrast)}.ion-color.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{background:var(--ion-color-base)}.ion-color.sc-ion-searchbar-ios-h .searchbar-clear-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:inherit}.searchbar-disabled.sc-ion-searchbar-ios-h{cursor:default;opacity:0.4;pointer-events:none}.sc-ion-searchbar-ios-h{--background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.07);--border-radius:10px;--box-shadow:none;--cancel-button-color:var(--ion-color-primary, #0054e9);--clear-button-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));--color:var(--ion-text-color, #000);--icon-color:var(--ion-color-step-600, var(--ion-text-color-step-400, #666666));-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;min-height:60px;contain:content}.searchbar-input-container.sc-ion-searchbar-ios{min-height:36px}.searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:calc(50% - 60px);margin-inline-start:calc(50% - 60px);top:0;position:absolute;width:1.375rem;height:100%;contain:strict}.searchbar-search-icon.sc-ion-searchbar-ios{inset-inline-start:5px}.searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:6px;padding-bottom:6px;height:100%;font-size:1.0625rem;font-weight:400;contain:strict}.searchbar-has-value.searchbar-should-show-clear.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.75rem;padding-inline-start:1.75rem;-webkit-padding-end:1.75rem;padding-inline-end:1.75rem}.searchbar-clear-button.sc-ion-searchbar-ios{top:0;background-position:center;position:absolute;width:1.875rem;height:100%;border:0;background-color:transparent}.searchbar-clear-button.sc-ion-searchbar-ios{inset-inline-end:0}.searchbar-clear-icon.sc-ion-searchbar-ios{width:1.125rem;height:100%}.searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0;-ms-flex-negative:0;flex-shrink:0;background-color:transparent;font-size:17px}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{-webkit-margin-start:0;margin-inline-start:0}.searchbar-left-aligned.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-padding-start:1.875rem;padding-inline-start:1.875rem}.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{display:block}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios{-webkit-transition:all 300ms ease;transition:all 300ms ease}.searchbar-animated.searchbar-has-focus.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios,.searchbar-animated.searchbar-should-show-cancel.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{opacity:1;pointer-events:auto}.searchbar-animated.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-margin-end:-100%;margin-inline-end:-100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:all 300ms ease;transition:all 300ms ease;opacity:0;pointer-events:none}.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-input.sc-ion-searchbar-ios,.searchbar-no-animate.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{-webkit-transition-duration:0ms;transition-duration:0ms}.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios{color:var(--ion-color-base)}@media (any-hover: hover){.ion-color.sc-ion-searchbar-ios-h .searchbar-cancel-button.sc-ion-searchbar-ios:hover{color:var(--ion-color-tint)}}ion-toolbar.sc-ion-searchbar-ios-h,ion-toolbar .sc-ion-searchbar-ios-h{padding-top:1px;padding-bottom:15px;min-height:52px}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color),ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color){color:inherit}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-cancel-button.sc-ion-searchbar-ios{color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h .searchbar-search-icon.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-input.sc-ion-searchbar-ios{background:rgba(var(--ion-color-contrast-rgb), 0.07);color:currentColor}ion-toolbar.ion-color.sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios,ion-toolbar.ion-color .sc-ion-searchbar-ios-h:not(.ion-color) .searchbar-clear-button.sc-ion-searchbar-ios{color:currentColor;opacity:0.5}`;
|
|
@@ -40244,9 +40316,15 @@ class Searchbar {
|
|
|
40244
40316
|
if (this.clearIcon != null) {
|
|
40245
40317
|
return this.clearIcon;
|
|
40246
40318
|
}
|
|
40247
|
-
// Determine the theme and map to
|
|
40319
|
+
// Determine the theme and map to default icons
|
|
40248
40320
|
const theme = getIonTheme(this);
|
|
40249
|
-
const
|
|
40321
|
+
const defaultIcons = {
|
|
40322
|
+
ios: closeCircle,
|
|
40323
|
+
ionic: xSvg,
|
|
40324
|
+
md: closeSharp,
|
|
40325
|
+
};
|
|
40326
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
40327
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
40250
40328
|
// Return the configured searchbar clear icon or the default icon
|
|
40251
40329
|
return config.get('searchbarClearIcon', defaultIcon);
|
|
40252
40330
|
}
|
|
@@ -40262,9 +40340,15 @@ class Searchbar {
|
|
|
40262
40340
|
if (this.searchIcon != null && this.searchIcon !== 'true' && typeof this.searchIcon !== 'boolean') {
|
|
40263
40341
|
return this.searchIcon;
|
|
40264
40342
|
}
|
|
40265
|
-
// Determine the theme and map to
|
|
40343
|
+
// Determine the theme and map to default icons
|
|
40266
40344
|
const theme = getIonTheme(this);
|
|
40267
|
-
const
|
|
40345
|
+
const defaultIcons = {
|
|
40346
|
+
ios: searchOutline,
|
|
40347
|
+
ionic: magnifyingGlassSvg,
|
|
40348
|
+
md: searchSharp,
|
|
40349
|
+
};
|
|
40350
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
40351
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
40268
40352
|
// Return the configured searchbar search icon or the default icon
|
|
40269
40353
|
return config.get('searchbarSearchIcon', defaultIcon);
|
|
40270
40354
|
}
|
|
@@ -40279,8 +40363,17 @@ class Searchbar {
|
|
|
40279
40363
|
if (this.cancelButtonIcon != null) {
|
|
40280
40364
|
return this.cancelButtonIcon;
|
|
40281
40365
|
}
|
|
40366
|
+
// Determine the theme and map to default icons
|
|
40367
|
+
const theme = getIonTheme(this);
|
|
40368
|
+
const defaultIcons = {
|
|
40369
|
+
ios: arrowBackSharp,
|
|
40370
|
+
ionic: arrowLeftSvg,
|
|
40371
|
+
md: arrowBackSharp,
|
|
40372
|
+
};
|
|
40373
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
40374
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
40282
40375
|
// Return the configured searchbar cancel icon, the back button icon or the default icon
|
|
40283
|
-
return config.get('searchbarCancelIcon', config.get('backButtonIcon',
|
|
40376
|
+
return config.get('searchbarCancelIcon', config.get('backButtonIcon', defaultIcon));
|
|
40284
40377
|
}
|
|
40285
40378
|
render() {
|
|
40286
40379
|
const { cancelButtonText, autocapitalize, searchbarCancelIcon, searchbarClearIcon, searchbarSearchIcon } = this;
|
|
@@ -40289,8 +40382,8 @@ class Searchbar {
|
|
|
40289
40382
|
const shouldShowCancelButton = this.shouldShowCancelButton();
|
|
40290
40383
|
const shape = this.getShape();
|
|
40291
40384
|
const size = this.getSize();
|
|
40292
|
-
const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: '
|
|
40293
|
-
return (hAsync(Host, { key: '
|
|
40385
|
+
const cancelButton = this.showCancelButton !== 'never' && (hAsync("button", { key: 'b7c0ac188898cd320c11ecc3f100a686468b0b24', "aria-label": cancelButtonText, "aria-hidden": shouldShowCancelButton ? undefined : 'true', type: "button", tabIndex: theme === 'ios' && !shouldShowCancelButton ? -1 : undefined, onMouseDown: this.onCancelSearchbar, onTouchStart: this.onCancelSearchbar, class: "searchbar-cancel-button" }, hAsync("div", { key: '3f04b6dcc64a2e51a4de863694888e5af3692387', "aria-hidden": "true" }, theme === 'md' || theme === 'ionic' ? (hAsync("ion-icon", { "aria-hidden": "true", icon: searchbarCancelIcon, lazy: false })) : (cancelButtonText))));
|
|
40386
|
+
return (hAsync(Host, { key: '9c31c41ff5026a9c42f45a5cfd3c98d8eb4e9925', role: "search", "aria-disabled": this.disabled ? 'true' : null, class: createColorClasses$1(this.color, {
|
|
40294
40387
|
[theme]: true,
|
|
40295
40388
|
'searchbar-animated': animated,
|
|
40296
40389
|
'searchbar-disabled': this.disabled,
|
|
@@ -40304,7 +40397,7 @@ class Searchbar {
|
|
|
40304
40397
|
[`searchbar-shape-${shape}`]: shape !== undefined,
|
|
40305
40398
|
[`searchbar-size-${size}`]: size !== undefined,
|
|
40306
40399
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
40307
|
-
}) }, hAsync("div", { key: '
|
|
40400
|
+
}) }, hAsync("div", { key: '5710382c91b47ecfba36aab7bd8497723cb1aa04', class: "searchbar-input-container" }, hAsync("input", Object.assign({ key: '1ab27cbebfad408b96d1bb1b57e4caa7420ced72', "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)), (theme === 'md' || theme === 'ionic') && cancelButton, this.shouldShowSearchIcon() && (hAsync("ion-icon", { key: '3e0d29f6f35e6b817bb4bc7f879e8445c2ceadee', "aria-hidden": "true", icon: searchbarSearchIcon, lazy: false, class: "searchbar-search-icon" })), this.shouldShowClearButton() && (hAsync("button", { key: '87521fd5630077725fd30173d17fd1d49819c209', "aria-label": "reset", type: "button", "no-blur": true, class: "searchbar-clear-button", onPointerDown: this.clearButtonPressController.onPointerDown, onPointerCancel: this.clearButtonPressController.release, onClick: () => this.onClearInput(true) }, hAsync("ion-icon", { key: 'd93452bbe539c582846e4a5826c0671e235349d0', "aria-hidden": "true", icon: searchbarClearIcon, lazy: false, class: "searchbar-clear-icon" })))), theme === 'ios' && cancelButton));
|
|
40308
40401
|
}
|
|
40309
40402
|
get el() { return getElement(this); }
|
|
40310
40403
|
static get watchers() { return {
|
|
@@ -40920,14 +41013,14 @@ class Segment {
|
|
|
40920
41013
|
}
|
|
40921
41014
|
render() {
|
|
40922
41015
|
const theme = getIonTheme(this);
|
|
40923
|
-
return (hAsync(Host, { key: '
|
|
41016
|
+
return (hAsync(Host, { key: '65c576c0bb9ff0602793f75321d676a34b306b3b', role: "tablist", onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
40924
41017
|
[theme]: true,
|
|
40925
41018
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
40926
41019
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
40927
41020
|
'segment-activated': this.activated,
|
|
40928
41021
|
'segment-disabled': this.disabled,
|
|
40929
41022
|
'segment-scrollable': this.scrollable,
|
|
40930
|
-
}) }, hAsync("slot", { key: '
|
|
41023
|
+
}) }, hAsync("slot", { key: '210750a65ccada549bccf026871477ee2b7bdc69', onSlotchange: this.onSlottedItemsChange })));
|
|
40931
41024
|
}
|
|
40932
41025
|
get el() { return getElement(this); }
|
|
40933
41026
|
static get watchers() { return {
|
|
@@ -41079,7 +41172,7 @@ class SegmentButton {
|
|
|
41079
41172
|
const { checked, type, disabled, hasIcon, hasLabel, layout, segmentEl } = this;
|
|
41080
41173
|
const theme = getIonTheme(this);
|
|
41081
41174
|
const hasSegmentColor = () => (segmentEl === null || segmentEl === void 0 ? void 0 : segmentEl.color) !== undefined;
|
|
41082
|
-
return (hAsync(Host, { key: '
|
|
41175
|
+
return (hAsync(Host, { key: 'da5c8352e5e0f3a01211edbc39c5043cadc5b06f', class: {
|
|
41083
41176
|
[theme]: true,
|
|
41084
41177
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
41085
41178
|
'in-toolbar-color': hostContext('ion-toolbar[color]', this.el),
|
|
@@ -41095,7 +41188,7 @@ class SegmentButton {
|
|
|
41095
41188
|
'ion-activatable': true,
|
|
41096
41189
|
'ion-activatable-instant': true,
|
|
41097
41190
|
'ion-focusable': true,
|
|
41098
|
-
} }, hAsync("button", Object.assign({ key: '
|
|
41191
|
+
} }, hAsync("button", Object.assign({ key: 'cfd963a166ebfeba590d6538069b26a107306583', "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: '845b729e96ba5b594d441ca41c73e2c33a4f5817', class: "button-inner" }, hAsync("slot", { key: 'f38369982dd602c32dbbc6aca2fae6dbb53faa8a' })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'b1b15b731688dd02806409c9c3eda5519a958239' })), hAsync("div", { key: 'fff597d493a85be8005ef3b9eb4f2a93c2a7a4d0', part: "indicator", class: "segment-button-indicator segment-button-indicator-animated" }, hAsync("div", { key: 'f06b53d0ef9d08354f562ac6d3469998257dd688', part: "indicator-background", class: "segment-button-indicator-background" }))));
|
|
41099
41192
|
}
|
|
41100
41193
|
get el() { return getElement(this); }
|
|
41101
41194
|
static get watchers() { return {
|
|
@@ -41133,7 +41226,7 @@ class SegmentContent {
|
|
|
41133
41226
|
registerInstance(this, hostRef);
|
|
41134
41227
|
}
|
|
41135
41228
|
render() {
|
|
41136
|
-
return (hAsync(Host, { key: '
|
|
41229
|
+
return (hAsync(Host, { key: '2f43cadcbcb1a9423b30e7abc169ff923a8c431f' }, hAsync("slot", { key: 'c3a6d3e9c336f5124cdec9f37ef516324558073c' })));
|
|
41137
41230
|
}
|
|
41138
41231
|
static get style() { return segmentContentCss(); }
|
|
41139
41232
|
static get cmpMeta() { return {
|
|
@@ -41261,11 +41354,11 @@ class SegmentView {
|
|
|
41261
41354
|
}
|
|
41262
41355
|
render() {
|
|
41263
41356
|
const { disabled, isManualScroll, swipeGesture } = this;
|
|
41264
|
-
return (hAsync(Host, { key: '
|
|
41357
|
+
return (hAsync(Host, { key: '8d1aa594c5674bca376ee3e9b18b60b0925dd875', class: {
|
|
41265
41358
|
'segment-view-disabled': disabled,
|
|
41266
41359
|
'segment-view-scroll-disabled': isManualScroll === false,
|
|
41267
41360
|
'segment-view-swipe-disabled': swipeGesture === false,
|
|
41268
|
-
} }, hAsync("slot", { key: '
|
|
41361
|
+
} }, hAsync("slot", { key: '6375fa794ae615b74a70968718aadefa0a9fc1d6' })));
|
|
41269
41362
|
}
|
|
41270
41363
|
get el() { return getElement(this); }
|
|
41271
41364
|
static get style() { return {
|
|
@@ -42112,9 +42205,15 @@ class Select {
|
|
|
42112
42205
|
else if (this.toggleIcon != null) {
|
|
42113
42206
|
return this.toggleIcon;
|
|
42114
42207
|
}
|
|
42115
|
-
// Determine the theme and map to
|
|
42208
|
+
// Determine the theme and map to default icons
|
|
42116
42209
|
const theme = getIonTheme(this);
|
|
42117
|
-
const
|
|
42210
|
+
const defaultIcons = {
|
|
42211
|
+
ios: chevronExpand,
|
|
42212
|
+
ionic: caretDownSvg,
|
|
42213
|
+
md: caretDownSharp,
|
|
42214
|
+
};
|
|
42215
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
42216
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
42118
42217
|
// Return the configured select expanded icon or the default icon
|
|
42119
42218
|
return config.get('selectExpandedIcon', defaultIcon);
|
|
42120
42219
|
}
|
|
@@ -42129,9 +42228,15 @@ class Select {
|
|
|
42129
42228
|
if (this.toggleIcon) {
|
|
42130
42229
|
return this.toggleIcon;
|
|
42131
42230
|
}
|
|
42132
|
-
// Determine the theme and map to
|
|
42231
|
+
// Determine the theme and map to default icons
|
|
42133
42232
|
const theme = getIonTheme(this);
|
|
42134
|
-
const
|
|
42233
|
+
const defaultIcons = {
|
|
42234
|
+
ios: chevronExpand,
|
|
42235
|
+
ionic: caretDownSvg,
|
|
42236
|
+
md: caretDownSharp,
|
|
42237
|
+
};
|
|
42238
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
42239
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
42135
42240
|
return config.get('selectCollapsedIcon', defaultIcon);
|
|
42136
42241
|
}
|
|
42137
42242
|
getHintTextId() {
|
|
@@ -42204,7 +42309,7 @@ class Select {
|
|
|
42204
42309
|
*/
|
|
42205
42310
|
const labelShouldFloat = labelPlacement === 'stacked' ||
|
|
42206
42311
|
(labelPlacement === 'floating' && (hasValue || hasFocus || isExpanded || hasStartEndSlots));
|
|
42207
|
-
return (hAsync(Host, { key: '
|
|
42312
|
+
return (hAsync(Host, { key: '9339cb236070c47333154d96c336dc1df9a11e1c', onClick: this.onClick, class: createColorClasses$1(this.color, {
|
|
42208
42313
|
[theme]: true,
|
|
42209
42314
|
'in-item': inItem,
|
|
42210
42315
|
'in-item-color': hostContext('ion-item.ion-color', el),
|
|
@@ -42223,7 +42328,7 @@ class Select {
|
|
|
42223
42328
|
[`select-shape-${shape}`]: shape !== undefined,
|
|
42224
42329
|
[`select-label-placement-${labelPlacement}`]: true,
|
|
42225
42330
|
[`select-size-${size}`]: size !== undefined,
|
|
42226
|
-
}) }, hAsync("label", { key: '
|
|
42331
|
+
}) }, hAsync("label", { key: 'db8f0b67592f4b99f5e16d06ee8120852a60f4d1', class: "select-wrapper", id: "select-label", onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), hAsync("div", { key: '30313c0f3034be59605b368d15af4ba00202a5f4', class: "select-wrapper-inner", part: "inner" },
|
|
42227
42332
|
/**
|
|
42228
42333
|
* For the ionic theme, we render the outline container here
|
|
42229
42334
|
* instead of higher up, so it can be positioned relative to
|
|
@@ -42233,7 +42338,7 @@ class Select {
|
|
|
42233
42338
|
* <label> element, ensuring that clicking the label text
|
|
42234
42339
|
* focuses the select.
|
|
42235
42340
|
*/
|
|
42236
|
-
theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '
|
|
42341
|
+
theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '78bba2953ba88efd1189afa31e8229a8972175e5', class: "select-outline" }), hAsync("slot", { key: '086505d193a19677d33e26a5a116783d999c6861', name: "start" }), hAsync("div", { key: '5bb7863236596cad5c1118be1ae54898b638b760', class: "native-wrapper", ref: (el) => (this.nativeWrapperEl = el), part: "container" }, this.renderSelectText(), this.renderListbox()), hAsync("slot", { key: '38744ee0cc6750f84d11470c09a4e950d73f1e44', name: "end" }), shouldRenderInnerIcon && this.renderSelectIcon()), shouldRenderOuterIcon && this.renderSelectIcon(), shouldRenderHighlight && hAsync("div", { key: '4eecb0df50800d16bea58c5649e68e06b122e472', class: "select-highlight" })), this.renderBottomContent()));
|
|
42237
42342
|
}
|
|
42238
42343
|
get el() { return getElement(this); }
|
|
42239
42344
|
static get watchers() { return {
|
|
@@ -42591,16 +42696,14 @@ class SelectModal {
|
|
|
42591
42696
|
option.checked = ev.detail.checked;
|
|
42592
42697
|
}
|
|
42593
42698
|
}
|
|
42594
|
-
/**
|
|
42595
|
-
* Get the icon to use for the cancel icon.
|
|
42596
|
-
* Use the icon set in the config.
|
|
42597
|
-
* If no icon is set in the config, use the default icon.
|
|
42598
|
-
*/
|
|
42599
42699
|
get cancelButtonIcon() {
|
|
42600
|
-
// Determine the theme and map to the default icon
|
|
42601
42700
|
const theme = getIonTheme(this);
|
|
42602
|
-
const
|
|
42603
|
-
|
|
42701
|
+
const icons = {
|
|
42702
|
+
ios: closeOutline,
|
|
42703
|
+
md: closeSharp,
|
|
42704
|
+
ionic: xSvg,
|
|
42705
|
+
};
|
|
42706
|
+
return icons[theme];
|
|
42604
42707
|
}
|
|
42605
42708
|
getModalContextClasses() {
|
|
42606
42709
|
const el = this.el;
|
|
@@ -42692,7 +42795,7 @@ class SelectModal {
|
|
|
42692
42795
|
});
|
|
42693
42796
|
}
|
|
42694
42797
|
render() {
|
|
42695
|
-
return (hAsync(Host, { key: '
|
|
42798
|
+
return (hAsync(Host, { key: '9c8958c8e0b84421e5d6468bfc582acbea6a5f4f', class: Object.assign({ [getIonMode$1(this)]: true }, this.getModalContextClasses()) }, hAsync("ion-header", { key: 'f994491c2b20ce1051e72bd164e4d5801e3cbe3c' }, hAsync("ion-toolbar", { key: '9259caf459d88d0c83415ff2c612ad1dbb82598f' }, this.header !== undefined && hAsync("ion-title", { key: '8eac7a1449dccd2e875639b2ded9b3b01759d474' }, this.header), hAsync("ion-buttons", { key: 'b5a988ceb69f4b6b12c6f8379871120a18418f7c', slot: "end" }, hAsync("ion-button", { key: 'ff996f920f44202a251abccc2e5ff9c586fdd5c5', "aria-label": this.cancelIcon ? this.cancelText : undefined, "data-focus-order": "2", onClick: () => this.closeModal() }, this.cancelIcon ? (hAsync("ion-icon", { "aria-hidden": "true", slot: "icon-only", icon: this.cancelButtonIcon })) : (this.cancelText))))), hAsync("ion-content", { key: 'b97cacb34df32548d36404919d316eb4bd1e5b71' }, hAsync("ion-list", { key: 'f45ced2c9818d471f95046014f962163c72a9570' }, this.multiple === true ? this.renderCheckboxOptions() : this.renderRadioOptions()))));
|
|
42696
42799
|
}
|
|
42697
42800
|
get el() { return getElement(this); }
|
|
42698
42801
|
static get style() { return {
|
|
@@ -42737,7 +42840,7 @@ class SelectOption {
|
|
|
42737
42840
|
}
|
|
42738
42841
|
render() {
|
|
42739
42842
|
const theme = getIonTheme(this);
|
|
42740
|
-
return (hAsync(Host, { key: '
|
|
42843
|
+
return (hAsync(Host, { key: '059d2198c422852c16aba1c7523ac6e9e586006f', class: {
|
|
42741
42844
|
[theme]: true,
|
|
42742
42845
|
}, role: "option", id: this.inputId }));
|
|
42743
42846
|
}
|
|
@@ -42926,9 +43029,9 @@ class SelectPopover {
|
|
|
42926
43029
|
const { header, message, options, subHeader } = this;
|
|
42927
43030
|
const hasSubHeaderOrMessage = subHeader !== undefined || message !== undefined;
|
|
42928
43031
|
const theme = getIonTheme(this);
|
|
42929
|
-
return (hAsync(Host, { key: '
|
|
43032
|
+
return (hAsync(Host, { key: '67fce6871134ff1258513a12651eb8cc7360909d', class: {
|
|
42930
43033
|
[theme]: true,
|
|
42931
|
-
} }, hAsync("ion-list", { key: '
|
|
43034
|
+
} }, hAsync("ion-list", { key: 'febb96b8416fd9ba31901588b45ffdd7280f66d4' }, header !== undefined && hAsync("ion-list-header", { key: '169cb07093e8c3d79ee8e6e112e380c75e464112' }, header), hasSubHeaderOrMessage && (hAsync("ion-item", { key: 'c2e1ee0f1efa048c9c0d321102357753ffd3baec' }, hAsync("ion-label", { key: 'e92c50cf699d2d1bd867b9d46bff8d0d8233f56e', class: "ion-text-wrap" }, subHeader !== undefined && hAsync("h3", { key: 'b4775e6d6db5fef143ed9f91fa7717d214feedd6' }, subHeader), message !== undefined && hAsync("p", { key: '6ee92e9bff861e62c453ca0dfedce0093b8a25fe' }, message)))), this.renderOptions(options))));
|
|
42932
43035
|
}
|
|
42933
43036
|
get el() { return getElement(this); }
|
|
42934
43037
|
static get style() { return {
|
|
@@ -42983,11 +43086,11 @@ class SkeletonText {
|
|
|
42983
43086
|
const animated = this.animated && config.getBoolean('animated', true);
|
|
42984
43087
|
const inMedia = hostContext('ion-avatar', this.el) || hostContext('ion-thumbnail', this.el);
|
|
42985
43088
|
const theme = getIonTheme(this);
|
|
42986
|
-
return (hAsync(Host, { key: '
|
|
43089
|
+
return (hAsync(Host, { key: '370451ee8963b776079f5df365f7bbd70a53b270', class: {
|
|
42987
43090
|
[theme]: true,
|
|
42988
43091
|
'skeleton-text-animated': animated,
|
|
42989
43092
|
'in-media': inMedia,
|
|
42990
|
-
} }, hAsync("span", { key: '
|
|
43093
|
+
} }, hAsync("span", { key: '2b861b4ec86cbd61927ab7b81b13517c99dc94c7' }, "\u00A0")));
|
|
42991
43094
|
}
|
|
42992
43095
|
get el() { return getElement(this); }
|
|
42993
43096
|
static get style() { return skeletonTextCss(); }
|
|
@@ -43060,7 +43163,7 @@ class Spinner {
|
|
|
43060
43163
|
svgs.push(buildLine(spinner, duration, i, spinner.lines));
|
|
43061
43164
|
}
|
|
43062
43165
|
}
|
|
43063
|
-
return (hAsync(Host, { key: '
|
|
43166
|
+
return (hAsync(Host, { key: 'b6559d1626b56a1c63580862263a15798f7d3f71', class: createColorClasses$1(self.color, {
|
|
43064
43167
|
[theme]: true,
|
|
43065
43168
|
[`spinner-${spinnerName}`]: true,
|
|
43066
43169
|
'spinner-paused': self.paused || config.getBoolean('_testing'),
|
|
@@ -43172,12 +43275,12 @@ class SplitPane {
|
|
|
43172
43275
|
}
|
|
43173
43276
|
render() {
|
|
43174
43277
|
const theme = getIonTheme(this);
|
|
43175
|
-
return (hAsync(Host, { key: '
|
|
43278
|
+
return (hAsync(Host, { key: 'b933156f8f9d8ce418ff0d39526967f9653d6639', class: {
|
|
43176
43279
|
[theme]: true,
|
|
43177
43280
|
// Used internally for styling
|
|
43178
43281
|
[`split-pane-${theme}`]: true,
|
|
43179
43282
|
'split-pane-visible': this.visible,
|
|
43180
|
-
} }, hAsync("slot", { key: '
|
|
43283
|
+
} }, hAsync("slot", { key: '3ec0a11e5506386747dc972ccb094359ca975bae' })));
|
|
43181
43284
|
}
|
|
43182
43285
|
get el() { return getElement(this); }
|
|
43183
43286
|
static get watchers() { return {
|
|
@@ -43261,10 +43364,10 @@ class Tab {
|
|
|
43261
43364
|
}
|
|
43262
43365
|
render() {
|
|
43263
43366
|
const { tab, active, component } = this;
|
|
43264
|
-
return (hAsync(Host, { key: '
|
|
43367
|
+
return (hAsync(Host, { key: 'bd374a124dfd27652db076111c310f67fdbc3743', role: "tabpanel", "aria-hidden": !active ? 'true' : null, "aria-labelledby": `tab-button-${tab}`, class: {
|
|
43265
43368
|
'ion-page': component === undefined,
|
|
43266
43369
|
'tab-hidden': !active,
|
|
43267
|
-
} }, hAsync("slot", { key: '
|
|
43370
|
+
} }, hAsync("slot", { key: '982276b329d241727b8a6c5c1dc12601c3d75285' })));
|
|
43268
43371
|
}
|
|
43269
43372
|
get el() { return getElement(this); }
|
|
43270
43373
|
static get watchers() { return {
|
|
@@ -43467,14 +43570,14 @@ class TabBar {
|
|
|
43467
43570
|
const theme = getIonTheme(this);
|
|
43468
43571
|
const shape = this.getShape();
|
|
43469
43572
|
const shouldHide = keyboardVisible && this.el.getAttribute('slot') !== 'top';
|
|
43470
|
-
return (hAsync(Host, { key: '
|
|
43573
|
+
return (hAsync(Host, { key: '749dbd95dd87e73ceea2dab9767a285fa3ccf5e1', role: "tablist", class: createColorClasses$1(color, {
|
|
43471
43574
|
[theme]: true,
|
|
43472
43575
|
'tab-bar-translucent': translucent,
|
|
43473
43576
|
'tab-bar-hidden': shouldHide,
|
|
43474
43577
|
'tab-bar-scroll-effect-hide': scrollEffect === 'hide',
|
|
43475
43578
|
[`tab-bar-${expand}`]: true,
|
|
43476
43579
|
[`tab-bar-${shape}`]: shape !== undefined,
|
|
43477
|
-
}) }, hAsync("slot", { key: '
|
|
43580
|
+
}) }, hAsync("slot", { key: '05a13a25a37c76245dad1710ef58ba5e69cf9f6c' })));
|
|
43478
43581
|
}
|
|
43479
43582
|
get el() { return getElement(this); }
|
|
43480
43583
|
static get watchers() { return {
|
|
@@ -43604,7 +43707,7 @@ class TabButton {
|
|
|
43604
43707
|
rel,
|
|
43605
43708
|
target,
|
|
43606
43709
|
};
|
|
43607
|
-
return (hAsync(Host, { key: '
|
|
43710
|
+
return (hAsync(Host, { key: 'e4d3aaefcdc42677f7818c51ec1ec0a9cbcf8bcf', onClick: this.onClick, onKeyup: this.onKeyUp, id: tab !== undefined ? `tab-button-${tab}` : null, class: {
|
|
43608
43711
|
[theme]: true,
|
|
43609
43712
|
'tab-selected': selected,
|
|
43610
43713
|
'tab-disabled': disabled,
|
|
@@ -43617,7 +43720,7 @@ class TabButton {
|
|
|
43617
43720
|
'ion-selectable': true,
|
|
43618
43721
|
[`tab-button-shape-${shape}`]: shape !== undefined,
|
|
43619
43722
|
'ion-focusable': true,
|
|
43620
|
-
} }, hAsync("a", Object.assign({ key: '
|
|
43723
|
+
} }, hAsync("a", Object.assign({ key: '1412d080294dd2602696c5657c71553ef35036d3' }, 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: '5daebf815b9b4f8016ce5b4b9d05148c1957a46c', class: "button-inner" }, hAsync("slot", { key: 'e1cbabb911936d21d5b1a4f87d236b962beacbab' })), theme === 'md' && hAsync("ion-ripple-effect", { key: 'd4544a7fb87b8559aaf9d2f0aa4d440201ebdb71', type: "unbounded" }))));
|
|
43621
43724
|
}
|
|
43622
43725
|
get el() { return getElement(this); }
|
|
43623
43726
|
static get style() { return {
|
|
@@ -43813,7 +43916,7 @@ class Tabs {
|
|
|
43813
43916
|
return Array.from(this.el.querySelectorAll('ion-tab'));
|
|
43814
43917
|
}
|
|
43815
43918
|
render() {
|
|
43816
|
-
return (hAsync(Host, { key: '
|
|
43919
|
+
return (hAsync(Host, { key: 'b8c5c75469cb1f1829a217a02555a7da8556454a', onIonTabButtonClick: this.onTabClicked }, hAsync("slot", { key: '50b74e3df8ea0e991e096c7438a65fee0ca0f6b5', name: "top" }), hAsync("div", { key: 'ca8d4329381c4b40882bbd31b4f15264cfa2c220', class: "tabs-inner" }, hAsync("slot", { key: '816ffd6d997530e3b100480c9a8e4a51fa51e59c' })), hAsync("slot", { key: '280bdf5ec61789823c7772287d60a26229fe78fa', name: "bottom" })));
|
|
43817
43920
|
}
|
|
43818
43921
|
get el() { return getElement(this); }
|
|
43819
43922
|
static get style() { return tabsCss(); }
|
|
@@ -43854,9 +43957,9 @@ class Text {
|
|
|
43854
43957
|
}
|
|
43855
43958
|
render() {
|
|
43856
43959
|
const theme = getIonTheme(this);
|
|
43857
|
-
return (hAsync(Host, { key: '
|
|
43960
|
+
return (hAsync(Host, { key: '8fc5565ce579f8e2a9eddbaa7c93264291080bce', class: createColorClasses$1(this.color, {
|
|
43858
43961
|
[theme]: true,
|
|
43859
|
-
}) }, hAsync("slot", { key: '
|
|
43962
|
+
}) }, hAsync("slot", { key: '5be1d661ee3a6f1f9d9428b59e830672faf475b1' })));
|
|
43860
43963
|
}
|
|
43861
43964
|
static get style() { return textCss(); }
|
|
43862
43965
|
static get cmpMeta() { return {
|
|
@@ -44420,7 +44523,7 @@ class Textarea {
|
|
|
44420
44523
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
44421
44524
|
*/
|
|
44422
44525
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
44423
|
-
return (hAsync(Host, { key: '
|
|
44526
|
+
return (hAsync(Host, { key: 'a67ef5f3107776dcd8490bdd2af4a373ae422899', class: createColorClasses$1(this.color, {
|
|
44424
44527
|
[theme]: true,
|
|
44425
44528
|
'has-value': hasValue,
|
|
44426
44529
|
'has-focus': hasFocus,
|
|
@@ -44432,7 +44535,7 @@ class Textarea {
|
|
|
44432
44535
|
'in-item': inItem,
|
|
44433
44536
|
'textarea-disabled': disabled,
|
|
44434
44537
|
'textarea-readonly': readonly,
|
|
44435
|
-
}) }, hAsync("label", { key: '
|
|
44538
|
+
}) }, hAsync("label", { key: '7a8605454eb66d87a4b49ffd28e609a633eae09c', class: "textarea-wrapper", htmlFor: inputId, onClick: this.onLabelClick, part: "wrapper" }, this.renderLabelContainer(), hAsync("div", { key: '8b24d96089d11f659dbd5adfcbf317ec34742333', class: "textarea-wrapper-inner" },
|
|
44436
44539
|
/**
|
|
44437
44540
|
* For the ionic theme, we render the outline container here
|
|
44438
44541
|
* instead of higher up, so it can be positioned relative to
|
|
@@ -44442,7 +44545,7 @@ class Textarea {
|
|
|
44442
44545
|
* <label> element, ensuring that clicking the label text
|
|
44443
44546
|
* focuses the textarea.
|
|
44444
44547
|
*/
|
|
44445
|
-
theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '
|
|
44548
|
+
theme === 'ionic' && fill === 'outline' && hAsync("div", { key: '91a7ea7b6f6fccc473b9e058281e5437c00a9b5d', class: "textarea-outline" }), hAsync("div", { key: 'ba641e63d5aaf2ddb291c875f57181d1c93a2b26', class: "start-slot-wrapper" }, hAsync("slot", { key: '351684d41a2b080541a29e0d9e90dd50747b52dc', name: "start" })), hAsync("div", { key: '5c0793742ff6cc327582c3d78d85c28fa8238a40', class: "native-wrapper", ref: (el) => (this.textareaWrapper = el), part: "container" }, hAsync("textarea", Object.assign({ key: '9cf5c908e3fcd54af07c351dcf0bb91c853f1349', 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)), hAsync("div", { key: 'e47ffe0bf8e460a7cb205ed35a1107b44687116d', class: "end-slot-wrapper" }, hAsync("slot", { key: '57d035b5f1db373b8488b129c8d3552eb8e630ac', name: "end" }))), shouldRenderHighlight && hAsync("div", { key: '1259ad761b68aea69a1ae8b61a6bbdee6c071b7b', class: "textarea-highlight" })), this.renderBottomContent()));
|
|
44446
44549
|
}
|
|
44447
44550
|
static get delegatesFocus() { return true; }
|
|
44448
44551
|
static get formAssociated() { return true; }
|
|
@@ -44526,9 +44629,9 @@ class Thumbnail {
|
|
|
44526
44629
|
}
|
|
44527
44630
|
render() {
|
|
44528
44631
|
const theme = getIonTheme(this);
|
|
44529
|
-
return (hAsync(Host, { key: '
|
|
44632
|
+
return (hAsync(Host, { key: 'fdf9d92949a1e8cf6faded77ffed084f74fc040b', class: {
|
|
44530
44633
|
[theme]: true,
|
|
44531
|
-
} }, hAsync("slot", { key: '
|
|
44634
|
+
} }, hAsync("slot", { key: 'e1b1439c035d9a9503efd1c1a04aed9f4e8e0af7' })));
|
|
44532
44635
|
}
|
|
44533
44636
|
static get style() { return thumbnailCss(); }
|
|
44534
44637
|
static get cmpMeta() { return {
|
|
@@ -45412,9 +45515,9 @@ class Toast {
|
|
|
45412
45515
|
if (layout === 'stacked' && startButtons.length > 0 && endButtons.length > 0) {
|
|
45413
45516
|
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);
|
|
45414
45517
|
}
|
|
45415
|
-
return (hAsync(Host, Object.assign({ key: '
|
|
45518
|
+
return (hAsync(Host, Object.assign({ key: 'f0d62f099dd68f8f541110a60695c2a083c6a4d5', tabindex: "-1" }, this.htmlAttributes, { style: {
|
|
45416
45519
|
zIndex: `${60000 + this.overlayIndex}`,
|
|
45417
|
-
}, class: createColorClasses$1(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 }), hAsync("div", { key: '
|
|
45520
|
+
}, class: createColorClasses$1(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 }), hAsync("div", { key: '054ba519f93892a000832990097b265887272da4', class: wrapperClass, part: "wrapper" }, hAsync("div", { key: '45fa83c1711ab98e81b8b00e0af3af436eaa5264', class: "toast-container", part: "container" }, this.renderButtons(startButtons, 'start'), this.icon !== undefined && (hAsync("ion-icon", { key: 'eb4143899be5259e3d933461bc4ca593c8b9dd9b', class: "toast-icon", part: "icon", icon: this.icon, lazy: false, "aria-hidden": "true" })), hAsync("div", { key: 'bae8a899abb9bcd4895df45def79bfe3d704e6e4', 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')))));
|
|
45418
45521
|
}
|
|
45419
45522
|
get el() { return getElement(this); }
|
|
45420
45523
|
static get watchers() { return {
|
|
@@ -45485,6 +45588,10 @@ const buttonPart = (button) => {
|
|
|
45485
45588
|
return isCancel(button.role) ? 'button cancel' : 'button';
|
|
45486
45589
|
};
|
|
45487
45590
|
|
|
45591
|
+
const checkSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjkuNjYsNzcuNjZsLTEyOCwxMjhhOCw4LDAsMCwxLTExLjMyLDBsLTU2LTU2YTgsOCwwLDAsMSwxMS4zMi0xMS4zMkw5NiwxODguNjksMjE4LjM0LDY2LjM0YTgsOCwwLDAsMSwxMS4zMiwxMS4zMloiLz48L3N2Zz4=';
|
|
45592
|
+
|
|
45593
|
+
const minusSvg = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2IiBmaWxsPSJjdXJyZW50Q29sb3IiPjxwYXRoIGQ9Ik0yMjQsMTI4YTgsOCwwLDAsMS04LDhINDBhOCw4LDAsMCwxLDAtMTZIMjE2QTgsOCwwLDAsMSwyMjQsMTI4WiIvPjwvc3ZnPg==';
|
|
45594
|
+
|
|
45488
45595
|
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}`;
|
|
45489
45596
|
|
|
45490
45597
|
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)}`;
|
|
@@ -45695,17 +45802,22 @@ class Toggle {
|
|
|
45695
45802
|
setFocus() {
|
|
45696
45803
|
this.el.focus();
|
|
45697
45804
|
}
|
|
45698
|
-
/**
|
|
45699
|
-
* Get the default icon to use for the checked icon based on the theme.
|
|
45700
|
-
*/
|
|
45701
45805
|
get toggleDefaultCheckedIcon() {
|
|
45702
|
-
// Determine the theme and map to
|
|
45806
|
+
// Determine the theme and map to default icons
|
|
45703
45807
|
const theme = getIonTheme(this);
|
|
45704
|
-
|
|
45808
|
+
const defaultIcons = {
|
|
45809
|
+
ios: removeOutline,
|
|
45810
|
+
ionic: checkSvg,
|
|
45811
|
+
md: checkmarkOutline,
|
|
45812
|
+
};
|
|
45813
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
45814
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
45815
|
+
// Return the default icon
|
|
45816
|
+
return defaultIcon;
|
|
45705
45817
|
}
|
|
45706
45818
|
/**
|
|
45707
45819
|
* Get the icon to use for the checked icon.
|
|
45708
|
-
*
|
|
45820
|
+
* Otherwise, use the icon set in the config.
|
|
45709
45821
|
* If no icon is set in the config, use the default icon.
|
|
45710
45822
|
*/
|
|
45711
45823
|
get toggleCheckedIcon() {
|
|
@@ -45713,13 +45825,19 @@ class Toggle {
|
|
|
45713
45825
|
}
|
|
45714
45826
|
/**
|
|
45715
45827
|
* Get the icon to use for the unchecked icon.
|
|
45716
|
-
*
|
|
45828
|
+
* Otherwise, use the icon set in the config.
|
|
45717
45829
|
* If no icon is set in the config, use the default icon.
|
|
45718
45830
|
*/
|
|
45719
45831
|
get toggleUncheckedIcon() {
|
|
45720
|
-
// Determine the theme and map to
|
|
45832
|
+
// Determine the theme and map to default icons
|
|
45721
45833
|
const theme = getIonTheme(this);
|
|
45722
|
-
const
|
|
45834
|
+
const defaultIcons = {
|
|
45835
|
+
ios: ellipseOutline,
|
|
45836
|
+
ionic: minusSvg,
|
|
45837
|
+
md: removeOutline,
|
|
45838
|
+
};
|
|
45839
|
+
// Get the default icon based on the theme, falling back to 'md' icon if necessary
|
|
45840
|
+
const defaultIcon = defaultIcons[theme] || defaultIcons.md;
|
|
45723
45841
|
// Return the configured toggle unchecked icon or the default icon
|
|
45724
45842
|
return config.get('toggleUncheckedIcon', defaultIcon);
|
|
45725
45843
|
}
|
|
@@ -45789,7 +45907,7 @@ class Toggle {
|
|
|
45789
45907
|
// The attributes are matched too because the class needs the item to render.
|
|
45790
45908
|
const inClickableItem = hostContext('ion-item.ion-activatable, ion-item[button], ion-item[href]', el);
|
|
45791
45909
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
45792
|
-
return (hAsync(Host, { key: '
|
|
45910
|
+
return (hAsync(Host, { key: 'ebbc8970fc154697dc03f0ff06eb724d1af7016c', 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$1(color, {
|
|
45793
45911
|
[theme]: true,
|
|
45794
45912
|
'in-item': inItem,
|
|
45795
45913
|
// `ion-focusable` has to stay on because it is what makes the item focusable.
|
|
@@ -45804,10 +45922,10 @@ class Toggle {
|
|
|
45804
45922
|
[`toggle-label-placement-${labelPlacement}`]: true,
|
|
45805
45923
|
[`toggle-${rtl}`]: true,
|
|
45806
45924
|
'ion-activatable': isIonicTheme,
|
|
45807
|
-
}) }, hAsync("label", { key: '
|
|
45925
|
+
}) }, hAsync("label", { key: '1bc9e719bcb44689282f19a085fec0de3f03b0ca', class: "toggle-wrapper", htmlFor: inputId }, hAsync("input", Object.assign({ key: '1163311bd6ad57fced09f860ea60a297f9a60515', type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, required: required }, inheritedAttributes)), hAsync("div", { key: '0e9f0e1c066ff3fae2f0b202041171c7757d77f8', class: {
|
|
45808
45926
|
'label-text-wrapper': true,
|
|
45809
45927
|
'label-text-wrapper-hidden': !hasLabel,
|
|
45810
|
-
}, part: "label", id: inputLabelId, onClick: this.onDivLabelClick }, hAsync("slot", { key: '
|
|
45928
|
+
}, part: "label", id: inputLabelId, onClick: this.onDivLabelClick }, hAsync("slot", { key: '893218b3861ad1356ab84ad3510e0eedab8d2229' }), this.renderHintText()), hAsync("div", { key: '62229e3f5d8c79205ac098c2c5ea6df1a166a4f6', class: "native-wrapper" }, this.renderToggleControl()))));
|
|
45811
45929
|
}
|
|
45812
45930
|
get el() { return getElement(this); }
|
|
45813
45931
|
static get watchers() { return {
|
|
@@ -46099,11 +46217,11 @@ class Toolbar {
|
|
|
46099
46217
|
Object.assign(childStyles, style);
|
|
46100
46218
|
});
|
|
46101
46219
|
const titlePlacement = this.getTitlePlacement();
|
|
46102
|
-
return (hAsync(Host, { key: '
|
|
46220
|
+
return (hAsync(Host, { key: 'bcb621674157410d7eaeb006779bdd677346587e', class: Object.assign(Object.assign({}, createColorClasses$1(this.color, {
|
|
46103
46221
|
[theme]: true,
|
|
46104
46222
|
'in-toolbar': hostContext('ion-toolbar', this.el),
|
|
46105
46223
|
[`toolbar-title-placement-${titlePlacement}`]: true,
|
|
46106
|
-
})), childStyles) }, hAsync("div", { key: '
|
|
46224
|
+
})), childStyles) }, hAsync("div", { key: '0d31a98b2571b9a0ae142fbdfd83e2ebdcd8e069', class: "toolbar-background", part: "background" }), hAsync("div", { key: 'de938534c487c6cb4060dac44b40c2d872130f50', class: "toolbar-container", part: "container" }, hAsync("slot", { key: 'a337150d353e439eae67c31ff86e383ed51f3d8f', name: "start", onSlotchange: () => this.updateSlotClasses }), hAsync("slot", { key: '02effd3ce0cdad5ec5645fa58ccb329321449190', name: "secondary", onSlotchange: () => this.updateSlotClasses }), hAsync("div", { key: '3e22f5feda2aea02117bdea2fe8a4b8905ba82f6', class: "toolbar-content", part: "content" }, hAsync("slot", { key: 'ebf828643ff05a8bf662a54715d21d0859168d31' })), hAsync("slot", { key: 'a6940648dfe25a7aa8792a1bd9267437274f333c', name: "primary", onSlotchange: () => this.updateSlotClasses }), hAsync("slot", { key: 'afb1d61aa0e430fcf483ba482af64762474e06fe', name: "end", onSlotchange: () => this.updateSlotClasses }))));
|
|
46107
46225
|
}
|
|
46108
46226
|
get el() { return getElement(this); }
|
|
46109
46227
|
static get watchers() { return {
|
|
@@ -46162,11 +46280,11 @@ class ToolbarTitle {
|
|
|
46162
46280
|
render() {
|
|
46163
46281
|
const theme = getIonTheme(this);
|
|
46164
46282
|
const size = this.getSize();
|
|
46165
|
-
return (hAsync(Host, { key: '
|
|
46283
|
+
return (hAsync(Host, { key: 'd64e86bed418cba707d4a26c9274f18ed06c0e9e', class: createColorClasses$1(this.color, {
|
|
46166
46284
|
[theme]: true,
|
|
46167
46285
|
[`title-${size}`]: true,
|
|
46168
46286
|
'title-rtl': document.dir === 'rtl',
|
|
46169
|
-
}) }, hAsync("div", { key: '
|
|
46287
|
+
}) }, hAsync("div", { key: '386a71e974cde0bfbf5b655d69ed5f718de8ce48', class: "toolbar-title" }, hAsync("slot", { key: '8aa804c9e1b11574a42268805d3117a085e699b4' }))));
|
|
46170
46288
|
}
|
|
46171
46289
|
get el() { return getElement(this); }
|
|
46172
46290
|
static get watchers() { return {
|