voyager-ionic-core 7.2.3 → 7.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/action-sheet.js +12 -17
- package/components/alert.js +17 -20
- package/components/animation.js +60 -1
- package/components/button-active.js +1 -1
- package/components/button.js +18 -0
- package/components/checkbox.js +18 -7
- package/components/data.js +47 -9
- package/components/framework-delegate.js +21 -2
- package/components/icon.js +6 -0
- package/components/index.d.ts +6 -0
- package/components/index.js +3 -3
- package/components/index2.js +203 -429
- package/components/index3.js +429 -203
- package/components/input-shims.js +88 -7
- package/components/ion-accordion-group.js +5 -1
- package/components/ion-accordion.js +2 -0
- package/components/ion-breadcrumbs.js +5 -1
- package/components/ion-content.js +51 -5
- package/components/ion-datetime-button.js +3 -0
- package/components/ion-datetime.js +142 -92
- package/components/ion-fab-list.js +3 -1
- package/components/ion-fab.js +3 -1
- package/components/ion-header.js +1 -1
- package/components/ion-img.js +2 -0
- package/components/ion-infinite-scroll.js +3 -0
- package/components/ion-input.js +6 -1
- package/components/ion-item-sliding.js +3 -1
- package/components/ion-loading.js +11 -16
- package/components/ion-menu.js +76 -26
- package/components/ion-modal.js +46 -42
- package/components/ion-nav.js +5 -2
- package/components/ion-picker.js +11 -16
- package/components/ion-range.js +41 -6
- package/components/ion-refresher.js +5 -3
- package/components/ion-reorder-group.js +3 -1
- package/components/ion-route-redirect.js +3 -0
- package/components/ion-route.js +4 -0
- package/components/ion-router-outlet.js +10 -14
- package/components/ion-searchbar.js +4 -0
- package/components/ion-segment-button.js +2 -0
- package/components/ion-segment.js +42 -25
- package/components/ion-select.js +36 -17
- package/components/ion-split-pane.js +4 -0
- package/components/ion-tab-bar.js +6 -0
- package/components/ion-tab.js +2 -0
- package/components/ion-textarea.js +8 -4
- package/components/ion-title.js +3 -1
- package/components/ion-toast.js +15 -17
- package/components/ion-toggle.js +12 -4
- package/components/ion-toolbar.js +2 -2
- package/components/ios.transition.js +1 -1
- package/components/item.js +48 -10
- package/components/label.js +5 -2
- package/components/lock-controller.js +38 -0
- package/components/md.transition.js +1 -1
- package/components/notch-controller.js +1 -1
- package/components/overlays.js +30 -10
- package/components/picker-column-internal.js +2 -0
- package/components/picker-column.js +3 -1
- package/components/popover.js +20 -30
- package/components/radio-group.js +4 -2
- package/components/radio.js +15 -4
- package/components/swipe-back.js +8 -4
- package/css/core.css +0 -1
- package/css/core.css.map +1 -1
- package/css/ionic.bundle.css +1 -1
- package/css/ionic.bundle.css.map +1 -1
- package/dist/cjs/{animation-c68ec4cb.js → animation-c8bdd3c7.js} +62 -3
- package/dist/cjs/{app-globals-3ba8ddad.js → app-globals-fe1ad535.js} +1 -1
- package/dist/cjs/{button-active-7578c6c2.js → button-active-0932cee9.js} +3 -3
- package/dist/cjs/{capacitor-a77e977e.js → capacitor-2ffba62a.js} +1 -1
- package/dist/cjs/{data-3a7f5c1a.js → data-db832785.js} +48 -10
- package/dist/cjs/{form-controller-d42b8c05.js → form-controller-5e223b54.js} +1 -1
- package/dist/cjs/{framework-delegate-d2bbe945.js → framework-delegate-c0873a6f.js} +22 -3
- package/dist/cjs/{haptic-89b33156.js → haptic-c5f6b4d5.js} +1 -1
- package/dist/cjs/{index-def9efb5.js → index-0ee995e4.js} +1 -1
- package/dist/cjs/{index-dc56ac38.js → index-10873539.js} +2 -2
- package/dist/cjs/{index-b358eb23.js → index-305a23dc.js} +283 -96
- package/dist/cjs/{index-404c1016.js → index-9f379eaa.js} +2 -2
- package/dist/cjs/{index-4e642409.js → index-d3568232.js} +4 -4
- package/dist/cjs/{index-1901dd17.js → index-f94cbab1.js} +4 -4
- package/dist/cjs/index.cjs.js +24 -23
- package/dist/cjs/{input-shims-9b42b3fe.js → input-shims-da7dc0de.js} +96 -16
- package/dist/cjs/{input.utils-7e077818.js → input.utils-0fe3097c.js} +3 -3
- package/dist/cjs/ion-accordion_2.cjs.entry.js +5 -5
- package/dist/cjs/ion-action-sheet.cjs.entry.js +24 -32
- package/dist/cjs/ion-alert.cjs.entry.js +27 -35
- package/dist/cjs/ion-app_8.cjs.entry.js +81 -41
- package/dist/cjs/ion-avatar_3.cjs.entry.js +3 -3
- package/dist/cjs/ion-back-button.cjs.entry.js +5 -5
- package/dist/cjs/ion-backdrop.cjs.entry.js +3 -3
- package/dist/cjs/ion-breadcrumb_2.cjs.entry.js +5 -5
- package/dist/cjs/ion-button_2.cjs.entry.js +21 -5
- package/dist/cjs/ion-card_5.cjs.entry.js +4 -4
- package/dist/cjs/ion-checkbox.cjs.entry.js +20 -13
- package/dist/cjs/ion-chip.cjs.entry.js +3 -3
- package/dist/cjs/ion-col_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-datetime-button.cjs.entry.js +9 -6
- package/dist/cjs/ion-datetime_3.cjs.entry.js +156 -125
- package/dist/cjs/ion-fab_3.cjs.entry.js +7 -7
- package/dist/cjs/ion-img.cjs.entry.js +3 -3
- package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +6 -6
- package/dist/cjs/ion-input.cjs.entry.js +11 -11
- package/dist/cjs/ion-item-option_3.cjs.entry.js +8 -8
- package/dist/cjs/ion-item_8.cjs.entry.js +43 -16
- package/dist/cjs/ion-loading.cjs.entry.js +19 -27
- package/dist/cjs/ion-menu_3.cjs.entry.js +83 -38
- package/dist/cjs/ion-modal.cjs.entry.js +59 -58
- package/dist/cjs/ion-nav_2.cjs.entry.js +8 -8
- package/dist/cjs/ion-picker-column-internal.cjs.entry.js +7 -7
- package/dist/cjs/ion-picker-internal.cjs.entry.js +2 -2
- package/dist/cjs/ion-popover.cjs.entry.js +26 -40
- package/dist/cjs/ion-progress-bar.cjs.entry.js +4 -4
- package/dist/cjs/ion-radio_2.cjs.entry.js +16 -11
- package/dist/cjs/ion-range.cjs.entry.js +42 -14
- package/dist/cjs/ion-refresher_2.cjs.entry.js +16 -16
- package/dist/cjs/ion-reorder_2.cjs.entry.js +10 -10
- package/dist/cjs/ion-ripple-effect.cjs.entry.js +2 -2
- package/dist/cjs/ion-route_4.cjs.entry.js +4 -4
- package/dist/cjs/ion-searchbar.cjs.entry.js +6 -6
- package/dist/cjs/ion-segment_2.cjs.entry.js +40 -29
- package/dist/cjs/ion-select_3.cjs.entry.js +45 -31
- package/dist/cjs/ion-spinner.cjs.entry.js +4 -4
- package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +12 -8
- package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-text.cjs.entry.js +3 -3
- package/dist/cjs/ion-textarea.cjs.entry.js +12 -12
- package/dist/cjs/ion-toast.cjs.entry.js +23 -28
- package/dist/cjs/ion-toggle.cjs.entry.js +20 -15
- package/dist/cjs/{ionic-global-5e671da5.js → ionic-global-fb752503.js} +1 -1
- package/dist/cjs/ionic.cjs.js +5 -8
- package/dist/cjs/{ios.transition-0b0d2e7f.js → ios.transition-7d688757.js} +5 -5
- package/dist/cjs/{keyboard-2eabd73b.js → keyboard-38f2bb7b.js} +3 -3
- package/dist/cjs/{keyboard-controller-4aa8c1d6.js → keyboard-controller-50beb83a.js} +2 -2
- package/dist/cjs/{keyboard-f35d0b9d.js → keyboard-fd7db491.js} +1 -1
- package/dist/cjs/loader.cjs.js +5 -14
- package/dist/cjs/lock-controller-4ae2eb59.js +40 -0
- package/dist/cjs/{md.transition-481e9b5f.js → md.transition-d77d3c2e.js} +5 -5
- package/dist/cjs/{notch-controller-159c65d4.js → notch-controller-f4f6af5d.js} +3 -3
- package/dist/cjs/{overlays-d17b3668.js → overlays-7e1a08fa.js} +36 -16
- package/dist/cjs/{status-tap-6061aa3f.js → status-tap-778e8054.js} +4 -4
- package/dist/cjs/{swipe-back-75dad2d4.js → swipe-back-7e843e77.js} +11 -7
- package/dist/collection/collection-manifest.json +94 -94
- package/dist/collection/components/accordion/accordion.js +4 -4
- package/dist/collection/components/accordion/test/a11y/accordion.e2e.js +1 -1
- package/dist/collection/components/accordion/test/accordion.e2e.js +1 -1
- package/dist/collection/components/accordion/test/basic/accordion.e2e.js +1 -1
- package/dist/collection/components/accordion/test/multiple/accordion.e2e.js +1 -1
- package/dist/collection/components/accordion/test/nested/accordion.e2e.js +1 -1
- package/dist/collection/components/accordion/test/standalone/accordion.e2e.js +2 -2
- package/dist/collection/components/accordion-group/accordion-group.js +12 -7
- package/dist/collection/components/action-sheet/action-sheet.js +47 -39
- package/dist/collection/components/action-sheet/test/a11y/action-sheet.e2e.js +19 -4
- package/dist/collection/components/action-sheet/test/basic/action-sheet-rendering.e2e.js +1 -1
- package/dist/collection/components/action-sheet/test/basic/action-sheet.e2e.js +2 -2
- package/dist/collection/components/action-sheet/test/basic/fixture.js +1 -1
- package/dist/collection/components/action-sheet/test/is-open/action-sheet.e2e.js +1 -1
- package/dist/collection/components/action-sheet/test/translucent/action-sheet.e2e.js +1 -1
- package/dist/collection/components/action-sheet/test/trigger/action-sheet.e2e.js +1 -1
- package/dist/collection/components/alert/alert.ios.css +3 -8
- package/dist/collection/components/alert/alert.js +52 -42
- package/dist/collection/components/alert/alert.md.css +3 -9
- package/dist/collection/components/alert/test/a11y/alert.e2e.js +11 -2
- package/dist/collection/components/alert/test/basic/alert.e2e.js +1 -1
- package/dist/collection/components/alert/test/is-open/alert.e2e.js +1 -1
- package/dist/collection/components/alert/test/standalone/alert.e2e.js +1 -1
- package/dist/collection/components/alert/test/trigger/alert.e2e.js +1 -1
- package/dist/collection/components/app/app.js +7 -5
- package/dist/collection/components/app/test/safe-area/app.e2e.js +1 -1
- package/dist/collection/components/avatar/avatar.js +2 -2
- package/dist/collection/components/avatar/test/basic/avatar.e2e.js +1 -1
- package/dist/collection/components/back-button/back-button.js +8 -6
- package/dist/collection/components/back-button/test/basic/back-button.e2e.js +1 -1
- package/dist/collection/components/back-button/test/toolbar/back-button.e2e.js +1 -1
- package/dist/collection/components/backdrop/backdrop.js +2 -2
- package/dist/collection/components/badge/badge.js +4 -3
- package/dist/collection/components/badge/test/basic/badge.e2e.js +1 -1
- package/dist/collection/components/breadcrumb/breadcrumb.js +11 -7
- package/dist/collection/components/breadcrumbs/breadcrumbs.js +6 -4
- package/dist/collection/components/breadcrumbs/test/a11y/breadcrumbs.e2e.js +2 -2
- package/dist/collection/components/breadcrumbs/test/basic/breadcrumbs.e2e.js +1 -1
- package/dist/collection/components/breadcrumbs/test/collapsed/breadcrumbs.e2e.js +1 -1
- package/dist/collection/components/breadcrumbs/test/reactive/breadcrumbs.e2e.js +1 -1
- package/dist/collection/components/button/button.js +26 -6
- package/dist/collection/components/button/test/basic/button.e2e.js +1 -1
- package/dist/collection/components/button/test/clear/button.e2e.js +1 -1
- package/dist/collection/components/button/test/expand/button.e2e.js +1 -1
- package/dist/collection/components/button/test/form-reference/button.e2e.js +1 -1
- package/dist/collection/components/button/test/icon/button.e2e.js +1 -1
- package/dist/collection/components/button/test/outline/button.e2e.js +1 -1
- package/dist/collection/components/button/test/round/button.e2e.js +1 -1
- package/dist/collection/components/button/test/size/button.e2e.js +1 -1
- package/dist/collection/components/button/test/strong/button.e2e.js +1 -1
- package/dist/collection/components/button/test/wrap/button.e2e.js +1 -1
- package/dist/collection/components/buttons/buttons.js +2 -2
- package/dist/collection/components/card/card.js +8 -5
- package/dist/collection/components/card/test/basic/card.e2e.js +1 -1
- package/dist/collection/components/card-content/card-content.js +2 -2
- package/dist/collection/components/card-header/card-header.js +4 -3
- package/dist/collection/components/card-header/test/basic/card-header.e2e.js +1 -1
- package/dist/collection/components/card-subtitle/card-subtitle.js +4 -3
- package/dist/collection/components/card-title/card-title.js +4 -3
- package/dist/collection/components/checkbox/checkbox.ios.css +67 -0
- package/dist/collection/components/checkbox/checkbox.js +41 -13
- package/dist/collection/components/checkbox/checkbox.md.css +67 -0
- package/dist/collection/components/checkbox/test/a11y/checkbox.e2e.js +2 -2
- package/dist/collection/components/checkbox/test/basic/checkbox.e2e.js +18 -1
- package/dist/collection/components/checkbox/test/color/checkbox.e2e.js +3 -3
- package/dist/collection/components/checkbox/test/indeterminate/checkbox.e2e.js +1 -1
- package/dist/collection/components/checkbox/test/item/checkbox.e2e.js +18 -5
- package/dist/collection/components/checkbox/test/label/checkbox.e2e.js +38 -11
- package/dist/collection/components/checkbox/test/legacy/basic/checkbox.e2e.js +19 -2
- package/dist/collection/components/checkbox/test/legacy/indeterminate/checkbox.e2e.js +2 -2
- package/dist/collection/components/checkbox/test/states/checkbox.e2e.js +5 -5
- package/dist/collection/components/chip/chip.js +4 -3
- package/dist/collection/components/chip/test/basic/chip.e2e.js +1 -1
- package/dist/collection/components/chip/test/states/chip.e2e.js +1 -1
- package/dist/collection/components/col/col.js +2 -2
- package/dist/collection/components/content/content.js +76 -24
- package/dist/collection/components/content/test/basic/content.e2e.js +1 -1
- package/dist/collection/components/content/test/fixed/content.e2e.js +1 -1
- package/dist/collection/components/content/test/fullscreen/content.e2e.js +1 -1
- package/dist/collection/components/content/test/standalone/content.e2e.js +1 -1
- package/dist/collection/components/datetime/datetime.ios.css +32 -29
- package/dist/collection/components/datetime/datetime.js +169 -114
- package/dist/collection/components/datetime/datetime.md.css +20 -28
- package/dist/collection/components/datetime/test/basic/datetime.e2e.js +26 -1
- package/dist/collection/components/datetime/test/color/datetime.e2e.js +2 -2
- package/dist/collection/components/datetime/test/custom/datetime.e2e.js +28 -9
- package/dist/collection/components/datetime/test/datetime.e2e.js +1 -1
- package/dist/collection/components/datetime/test/disable-dates/datetime.e2e.js +1 -1
- package/dist/collection/components/datetime/test/display/datetime.e2e.js +1 -1
- package/dist/collection/components/datetime/test/first-day-of-week/datetime.e2e.js +1 -1
- package/dist/collection/components/datetime/test/highlighted-dates/datetime.e2e.js +1 -1
- package/dist/collection/components/datetime/test/hour-cycle/datetime.e2e.js +1 -1
- package/dist/collection/components/datetime/test/locale/datetime.e2e.js +1 -1
- package/dist/collection/components/datetime/test/minmax/datetime.e2e.js +1 -1
- package/dist/collection/components/datetime/test/month-year-picker/datetime.e2e.js +1 -1
- package/dist/collection/components/datetime/test/multiple/datetime.e2e.js +1 -1
- package/dist/collection/components/datetime/test/position/datetime.e2e.js +1 -1
- package/dist/collection/components/datetime/test/prefer-wheel/datetime.e2e.js +16 -1
- package/dist/collection/components/datetime/test/presentation/datetime.e2e.js +49 -18
- package/dist/collection/components/datetime/test/set-value/datetime.e2e.js +10 -13
- package/dist/collection/components/datetime/test/time-label/datetime.e2e.js +1 -1
- package/dist/collection/components/datetime/test/values/datetime.e2e.js +1 -1
- package/dist/collection/components/datetime/utils/data.js +18 -10
- package/dist/collection/components/datetime/utils/format.js +1 -1
- package/dist/collection/components/datetime/utils/manipulation.js +3 -3
- package/dist/collection/components/datetime/utils/parse.js +36 -5
- package/dist/collection/components/datetime/utils/state.js +3 -3
- package/dist/collection/components/datetime-button/datetime-button.js +11 -7
- package/dist/collection/components/datetime-button/test/basic/datetime-button.e2e.js +1 -1
- package/dist/collection/components/datetime-button/test/disabled/datetime-button.e2e.js +1 -1
- package/dist/collection/components/datetime-button/test/multiple/datetime-button.e2e.js +1 -1
- package/dist/collection/components/datetime-button/test/overlays/datetime-button.e2e.js +1 -1
- package/dist/collection/components/fab/fab.css +88 -28
- package/dist/collection/components/fab/fab.js +6 -4
- package/dist/collection/components/fab/test/basic/fab.e2e.js +1 -1
- package/dist/collection/components/fab/test/custom-size/fab.e2e.js +17 -0
- package/dist/collection/components/fab/test/states/fab.e2e.js +1 -1
- package/dist/collection/components/fab/test/translucent/fab.e2e.js +1 -1
- package/dist/collection/components/fab-button/fab-button.js +9 -6
- package/dist/collection/components/fab-button/test/a11y/fab-button.e2e.js +1 -1
- package/dist/collection/components/fab-list/fab-list.css +17 -10
- package/dist/collection/components/fab-list/fab-list.js +2 -2
- package/dist/collection/components/footer/footer.js +3 -3
- package/dist/collection/components/footer/footer.utils.js +1 -1
- package/dist/collection/components/footer/test/basic/footer.e2e.js +1 -1
- package/dist/collection/components/footer/test/fade/footer.e2e.js +1 -1
- package/dist/collection/components/footer/test/scroll-target/footer.e2e.js +1 -1
- package/dist/collection/components/footer/test/with-tabs/footer.e2e.js +1 -1
- package/dist/collection/components/grid/grid.js +2 -2
- package/dist/collection/components/grid/test/basic/grid.e2e.js +1 -1
- package/dist/collection/components/grid/test/offsets/grid.e2e.js +1 -1
- package/dist/collection/components/grid/test/padding/grid.e2e.js +1 -1
- package/dist/collection/components/grid/test/sizes/grid.e2e.js +1 -1
- package/dist/collection/components/header/header.ios.css +26 -1
- package/dist/collection/components/header/header.js +3 -3
- package/dist/collection/components/header/header.utils.js +1 -1
- package/dist/collection/components/header/test/a11y/header.e2e.js +2 -2
- package/dist/collection/components/header/test/basic/header.e2e.js +1 -1
- package/dist/collection/components/header/test/condense/header.e2e.js +1 -1
- package/dist/collection/components/header/test/fade/header.e2e.js +1 -1
- package/dist/collection/components/header/test/scroll-target/header.e2e.js +1 -1
- package/dist/collection/components/icon/test/basic/icon.e2e.js +1 -1
- package/dist/collection/components/icon/test/dir/icon.e2e.js +1 -1
- package/dist/collection/components/img/img.js +2 -2
- package/dist/collection/components/img/test/basic/img.e2e.js +1 -1
- package/dist/collection/components/img/test/draggable/img.e2e.js +1 -1
- package/dist/collection/components/infinite-scroll/infinite-scroll.js +4 -3
- package/dist/collection/components/infinite-scroll/test/basic/infinite-scroll.e2e.js +1 -1
- package/dist/collection/components/infinite-scroll/test/scroll-target/infinite-scroll.e2e.js +1 -1
- package/dist/collection/components/infinite-scroll/test/top/infinite-scroll.e2e.js +1 -1
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +7 -5
- package/dist/collection/components/input/input.js +27 -16
- package/dist/collection/components/input/test/a11y/input.e2e.js +2 -2
- package/dist/collection/components/input/test/basic/input.e2e.js +1 -1
- package/dist/collection/components/input/test/bottom-content/input.e2e.js +8 -8
- package/dist/collection/components/input/test/card/input.e2e.js +2 -2
- package/dist/collection/components/input/test/clear-on-edit/input.e2e.js +33 -0
- package/dist/collection/components/input/test/color/input.e2e.js +16 -16
- package/dist/collection/components/input/test/fill/input.e2e.js +11 -11
- package/dist/collection/components/input/test/highlight/input.e2e.js +10 -10
- package/dist/collection/components/input/test/input.e2e.js +1 -1
- package/dist/collection/components/input/test/item/input.e2e.js +3 -3
- package/dist/collection/components/input/test/label-placement/input.e2e.js +17 -17
- package/dist/collection/components/input/test/legacy/a11y/input.e2e.js +1 -1
- package/dist/collection/components/input/test/legacy/basic/input.e2e.js +11 -11
- package/dist/collection/components/input/test/legacy/clear-on-edit/input.e2e.js +1 -1
- package/dist/collection/components/input/test/legacy/input-events.e2e.js +1 -1
- package/dist/collection/components/input/test/legacy/masking/input.e2e.js +1 -1
- package/dist/collection/components/input/test/legacy/spec/input.e2e.js +1 -1
- package/dist/collection/components/input/test/states/input.e2e.js +3 -3
- package/dist/collection/components/item/item.ios.css +8 -4
- package/dist/collection/components/item/item.js +57 -14
- package/dist/collection/components/item/item.md.css +8 -4
- package/dist/collection/components/item/test/a11y/item.e2e.js +2 -2
- package/dist/collection/components/item/test/alignment/item.e2e.js +1 -1
- package/dist/collection/components/item/test/basic/item.e2e.js +1 -1
- package/dist/collection/components/item/test/buttons/item.e2e.js +1 -1
- package/dist/collection/components/item/test/colors/item.e2e.js +1 -1
- package/dist/collection/components/item/test/counter/item.e2e.js +1 -1
- package/dist/collection/components/item/test/css-variables/item.e2e.js +1 -1
- package/dist/collection/components/item/test/disabled/item.e2e.js +1 -1
- package/dist/collection/components/item/test/dividers/item.e2e.js +1 -1
- package/dist/collection/components/item/test/groups/item.e2e.js +1 -1
- package/dist/collection/components/item/test/highlight/item.e2e.js +1 -1
- package/dist/collection/components/item/test/icons/item.e2e.js +1 -1
- package/dist/collection/components/item/test/images/item.e2e.js +1 -1
- package/dist/collection/components/item/test/inputs/item.e2e.js +1 -1
- package/dist/collection/components/item/test/legacy/alignment/item.e2e.js +1 -1
- package/dist/collection/components/item/test/legacy/disabled/item.e2e.js +1 -1
- package/dist/collection/components/item/test/legacy/fill/item.e2e.js +1 -1
- package/dist/collection/components/item/test/legacy/form/item.e2e.js +1 -1
- package/dist/collection/components/item/test/lines/item.e2e.js +1 -1
- package/dist/collection/components/item/test/media/item.e2e.js +1 -1
- package/dist/collection/components/item/test/reorder/item.e2e.js +1 -1
- package/dist/collection/components/item/test/slotted-inputs/item.e2e.js +1 -1
- package/dist/collection/components/item/test/states/item.e2e.js +1 -1
- package/dist/collection/components/item/test/text/item.e2e.js +1 -1
- package/dist/collection/components/item-divider/item-divider.js +4 -3
- package/dist/collection/components/item-divider/test/basic/item-divider.e2e.js +1 -1
- package/dist/collection/components/item-divider/test/spec/item-divider.e2e.js +1 -1
- package/dist/collection/components/item-group/item-group.js +2 -2
- package/dist/collection/components/item-option/item-option.js +4 -3
- package/dist/collection/components/item-options/item-options.js +6 -4
- package/dist/collection/components/item-sliding/item-sliding.js +14 -8
- package/dist/collection/components/item-sliding/test/async/item-sliding.e2e.js +1 -1
- package/dist/collection/components/item-sliding/test/basic/item-sliding.e2e.js +39 -13
- package/dist/collection/components/item-sliding/test/icons/item-sliding.e2e.js +22 -7
- package/dist/collection/components/item-sliding/test/scroll-target/item-sliding.e2e.js +4 -10
- package/dist/collection/components/item-sliding/test/test.utils.js +9 -1
- package/dist/collection/components/label/label.ios.css +2 -4
- package/dist/collection/components/label/label.js +8 -5
- package/dist/collection/components/label/label.md.css +2 -4
- package/dist/collection/components/label/test/basic/label.e2e.js +1 -1
- package/dist/collection/components/label/test/color/label.e2e.js +1 -1
- package/dist/collection/components/label/test/headings/label.e2e.js +1 -1
- package/dist/collection/components/list/list.js +4 -3
- package/dist/collection/components/list/test/a11y/list.e2e.js +2 -2
- package/dist/collection/components/list/test/basic/list.e2e.js +1 -1
- package/dist/collection/components/list/test/inset/list.e2e.js +1 -1
- package/dist/collection/components/list/test/lines/list.e2e.js +1 -1
- package/dist/collection/components/list-header/list-header.js +4 -3
- package/dist/collection/components/list-header/test/basic/list-header.e2e.js +1 -1
- package/dist/collection/components/loading/loading.js +49 -40
- package/dist/collection/components/loading/test/a11y/loading.e2e.js +2 -2
- package/dist/collection/components/loading/test/basic/loading.e2e.js +1 -1
- package/dist/collection/components/loading/test/is-open/loading.e2e.js +1 -1
- package/dist/collection/components/loading/test/standalone/loading.e2e.js +1 -1
- package/dist/collection/components/loading/test/trigger/loading.e2e.js +1 -1
- package/dist/collection/components/menu/menu.ios.css +102 -0
- package/dist/collection/components/menu/menu.js +86 -33
- package/dist/collection/components/menu/menu.md.css +102 -0
- package/dist/collection/components/menu/test/a11y/menu.e2e.js +2 -2
- package/dist/collection/components/menu/test/basic/menu.e2e.js +1 -1
- package/dist/collection/components/menu/test/disable/menu.e2e.js +55 -0
- package/dist/collection/components/menu/test/focus-trap/menu.e2e.js +1 -1
- package/dist/collection/components/menu/test/safe-area/menu.e2e.js +87 -0
- package/dist/collection/components/menu-button/menu-button.js +7 -6
- package/dist/collection/components/menu-button/test/a11y/menu-button.e2e.js +2 -2
- package/dist/collection/components/menu-button/test/async/menu-button.e2e.js +23 -0
- package/dist/collection/components/menu-button/test/basic/menu-button.e2e.js +1 -1
- package/dist/collection/components/menu-toggle/menu-toggle.js +3 -3
- package/dist/collection/components/menu-toggle/test/basic/menu-toggle.e2e.js +1 -1
- package/dist/collection/components/modal/animations/ios.enter.js +2 -2
- package/dist/collection/components/modal/animations/ios.leave.js +2 -2
- package/dist/collection/components/modal/animations/md.enter.js +1 -1
- package/dist/collection/components/modal/animations/md.leave.js +1 -1
- package/dist/collection/components/modal/animations/sheet.js +1 -1
- package/dist/collection/components/modal/gestures/sheet.js +2 -2
- package/dist/collection/components/modal/gestures/swipe-to-close.js +2 -2
- package/dist/collection/components/modal/modal.js +102 -76
- package/dist/collection/components/modal/test/a11y/modal.e2e.js +2 -2
- package/dist/collection/components/modal/test/basic/modal.e2e.js +1 -1
- package/dist/collection/components/modal/test/can-dismiss/modal-card.e2e.js +1 -1
- package/dist/collection/components/modal/test/can-dismiss/modal-sheet.e2e.js +2 -2
- package/dist/collection/components/modal/test/can-dismiss/modal.e2e.js +1 -1
- package/dist/collection/components/modal/test/card/modal-card.e2e.js +2 -2
- package/dist/collection/components/modal/test/card/modal-tablet.e2e.js +6 -6
- package/dist/collection/components/modal/test/card-nav/modal.e2e.js +5 -6
- package/dist/collection/components/modal/test/card-refresher/modal.e2e.js +2 -2
- package/dist/collection/components/modal/test/card-scroll-target/modal.e2e.js +2 -2
- package/dist/collection/components/modal/test/custom/modal.e2e.js +1 -1
- package/dist/collection/components/modal/test/custom-dialog/modal.e2e.js +1 -1
- package/dist/collection/components/modal/test/dark-mode/model.e2e.js +1 -1
- package/dist/collection/components/modal/test/fixtures.js +1 -1
- package/dist/collection/components/modal/test/inline/modal.e2e.js +1 -1
- package/dist/collection/components/modal/test/is-open/modal.e2e.js +1 -1
- package/dist/collection/components/modal/test/sheet/modal.e2e.js +2 -2
- package/dist/collection/components/modal/test/trigger/modal.e2e.js +1 -1
- package/dist/collection/components/modal/utils.spec.js +1 -1
- package/dist/collection/components/nav/nav.css +0 -1
- package/dist/collection/components/nav/nav.js +129 -67
- package/dist/collection/components/nav/test/basic/nav.e2e.js +1 -1
- package/dist/collection/components/nav/test/modal-navigation/nav.e2e.js +1 -1
- package/dist/collection/components/nav/test/nested/nav.e2e.js +1 -1
- package/dist/collection/components/nav/test/routing/nav.e2e.js +1 -1
- package/dist/collection/components/nav-link/nav-link.js +10 -6
- package/dist/collection/components/note/note.js +4 -3
- package/dist/collection/components/note/test/basic/note.e2e.js +1 -1
- package/dist/collection/components/picker/picker.js +50 -39
- package/dist/collection/components/picker/test/basic/picker.e2e.js +1 -1
- package/dist/collection/components/picker/test/is-open/picker.e2e.js +1 -1
- package/dist/collection/components/picker/test/trigger/picker.e2e.js +1 -1
- package/dist/collection/components/picker-column/picker-column.js +6 -4
- package/dist/collection/components/picker-column/test/standalone/picker-column.e2e.js +1 -1
- package/dist/collection/components/picker-column/test/test.utils.js +2 -2
- package/dist/collection/components/picker-column-internal/picker-column-internal.js +12 -7
- package/dist/collection/components/picker-column-internal/test/basic/picker-column-internal.e2e.js +1 -1
- package/dist/collection/components/picker-column-internal/test/disabled/picker-column-internal.e2e.js +1 -1
- package/dist/collection/components/picker-internal/picker-internal.js +5 -3
- package/dist/collection/components/picker-internal/test/a11y/picker-internal.e2e.js +2 -2
- package/dist/collection/components/picker-internal/test/basic/picker-internal.e2e.js +1 -1
- package/dist/collection/components/picker-internal/test/keyboard-entry/picker-internal.e2e.js +1 -1
- package/dist/collection/components/popover/animations/ios.enter.js +1 -1
- package/dist/collection/components/popover/animations/md.enter.js +1 -1
- package/dist/collection/components/popover/popover.js +84 -67
- package/dist/collection/components/popover/test/adjustment/popover.e2e.js +1 -1
- package/dist/collection/components/popover/test/arrow/popover.e2e.js +2 -2
- package/dist/collection/components/popover/test/async/popover.e2e.js +42 -0
- package/dist/collection/components/popover/test/basic/popover.e2e.js +2 -2
- package/dist/collection/components/popover/test/dismiss-on-select/popover.e2e.js +2 -2
- package/dist/collection/components/popover/test/fixture.js +1 -1
- package/dist/collection/components/popover/test/inline/popover.e2e.js +2 -2
- package/dist/collection/components/popover/test/is-open/popover.e2e.js +1 -1
- package/dist/collection/components/popover/test/nested/popover.e2e.js +1 -1
- package/dist/collection/components/popover/test/position/popover.e2e.js +2 -2
- package/dist/collection/components/popover/test/reference/popover.e2e.js +1 -1
- package/dist/collection/components/popover/test/size/popover.e2e.js +2 -2
- package/dist/collection/components/popover/test/standalone/popover.e2e.js +1 -1
- package/dist/collection/components/popover/test/test.utils.js +1 -1
- package/dist/collection/components/popover/test/trigger/popover.e2e.js +2 -2
- package/dist/collection/components/progress-bar/progress-bar.js +5 -4
- package/dist/collection/components/progress-bar/test/basic/progress-bar.e2e.js +1 -1
- package/dist/collection/components/progress-bar/test/buffer/progress-bar.e2e.js +20 -0
- package/dist/collection/components/progress-bar/test/determinate/progress-bar.e2e.js +20 -0
- package/dist/collection/components/radio/radio.ios.css +67 -0
- package/dist/collection/components/radio/radio.js +38 -11
- package/dist/collection/components/radio/radio.md.css +67 -0
- package/dist/collection/components/radio/test/a11y/radio.e2e.js +2 -2
- package/dist/collection/components/radio/test/color/radio.e2e.js +3 -3
- package/dist/collection/components/radio/test/item/radio.e2e.js +42 -4
- package/dist/collection/components/radio/test/label-placement/radio.e2e.js +41 -10
- package/dist/collection/components/radio/test/legacy/a11y/radio.e2e.js +5 -3
- package/dist/collection/components/radio/test/legacy/basic/radio.e2e.js +1 -1
- package/dist/collection/components/radio/test/states/radio.e2e.js +5 -5
- package/dist/collection/components/radio-group/radio-group.js +7 -5
- package/dist/collection/components/radio-group/test/basic/radio-group.e2e.js +2 -2
- package/dist/collection/components/radio-group/test/fixtures.js +1 -1
- package/dist/collection/components/radio-group/test/form/radio-group.e2e.js +1 -1
- package/dist/collection/components/radio-group/test/legacy/basic/radio-group.e2e.js +1 -1
- package/dist/collection/components/radio-group/test/legacy/form/radio-group.e2e.js +1 -1
- package/dist/collection/components/radio-group/test/legacy/search/radio-group.e2e.js +1 -1
- package/dist/collection/components/radio-group/test/radio-group-events.e2e.js +1 -1
- package/dist/collection/components/radio-group/test/search/radio-group.e2e.js +2 -2
- package/dist/collection/components/range/range.ios.css +80 -1
- package/dist/collection/components/range/range.js +53 -17
- package/dist/collection/components/range/range.md.css +80 -1
- package/dist/collection/components/range/test/a11y/range.e2e.js +2 -2
- package/dist/collection/components/range/test/active-bar-start/range.e2e.js +1 -1
- package/dist/collection/components/range/test/basic/range.e2e.js +1 -1
- package/dist/collection/components/range/test/color/range.e2e.js +2 -2
- package/dist/collection/components/range/test/custom/range.e2e.js +2 -2
- package/dist/collection/components/range/test/item/range.e2e.js +30 -4
- package/dist/collection/components/range/test/label/range.e2e.js +72 -13
- package/dist/collection/components/range/test/legacy/a11y/range.e2e.js +4 -4
- package/dist/collection/components/range/test/legacy/active-bar-start/range.e2e.js +2 -2
- package/dist/collection/components/range/test/legacy/basic/range.e2e.js +3 -8
- package/dist/collection/components/range/test/legacy/range-events.e2e.js +1 -1
- package/dist/collection/components/range/test/legacy/scroll-target/range.e2e.js +1 -1
- package/dist/collection/components/range/test/range-events.e2e.js +17 -18
- package/dist/collection/components/range/test/scroll-target/range.e2e.js +1 -1
- package/dist/collection/components/range/test/states/range.e2e.js +5 -5
- package/dist/collection/components/refresher/refresher.js +11 -7
- package/dist/collection/components/refresher/refresher.utils.js +1 -1
- package/dist/collection/components/refresher/test/basic/refresher.e2e.js +3 -4
- package/dist/collection/components/refresher/test/scroll-target/refresher.e2e.js +5 -6
- package/dist/collection/components/refresher/test/test.utils.js +4 -1
- package/dist/collection/components/refresher-content/refresher-content.js +13 -9
- package/dist/collection/components/reorder/reorder.js +3 -3
- package/dist/collection/components/reorder-group/reorder-group.js +6 -4
- package/dist/collection/components/reorder-group/test/basic/reorder-group.e2e.js +1 -1
- package/dist/collection/components/reorder-group/test/interactive/reorder-group.e2e.js +3 -5
- package/dist/collection/components/reorder-group/test/nested/reorder-group.e2e.js +3 -5
- package/dist/collection/components/reorder-group/test/scroll-target/reorder-group.e2e.js +3 -5
- package/dist/collection/components/ripple-effect/ripple-effect.js +4 -3
- package/dist/collection/components/ripple-effect/test/basic/ripple-effect.e2e.js +1 -1
- package/dist/collection/components/route/route.js +4 -2
- package/dist/collection/components/router/router.js +26 -16
- package/dist/collection/components/router/test/basic/router.e2e.js +1 -1
- package/dist/collection/components/router/test/guards/href/router.e2e.js +2 -2
- package/dist/collection/components/router/test/guards/link/router.e2e.js +2 -2
- package/dist/collection/components/router/test/guards/push/router.e2e.js +2 -2
- package/dist/collection/components/router/test/guards/router.e2e.js +1 -1
- package/dist/collection/components/router/utils/debug.js +1 -1
- package/dist/collection/components/router/utils/dom.js +1 -1
- package/dist/collection/components/router/utils/parser.js +1 -1
- package/dist/collection/components/router/utils/path.js +1 -1
- package/dist/collection/components/router-link/router-link.js +8 -5
- package/dist/collection/components/router-outlet/{route-outlet.css → router-outlet.css} +0 -1
- package/dist/collection/components/router-outlet/{route-outlet.js → router-outlet.js} +42 -30
- package/dist/collection/components/router-outlet/test/basic/router-outlet.e2e.js +1 -1
- package/dist/collection/components/row/row.js +2 -2
- package/dist/collection/components/searchbar/searchbar.js +20 -12
- package/dist/collection/components/searchbar/test/basic/searchbar.e2e.js +1 -1
- package/dist/collection/components/searchbar/test/events/searchbar.e2e.js +1 -1
- package/dist/collection/components/segment/segment.js +47 -30
- package/dist/collection/components/segment/test/a11y/segment.e2e.js +2 -2
- package/dist/collection/components/segment/test/basic/segment.e2e.js +1 -1
- package/dist/collection/components/segment/test/custom/segment.e2e.js +1 -1
- package/dist/collection/components/segment/test/icon/segment.e2e.js +1 -1
- package/dist/collection/components/segment/test/modes/segment.e2e.js +1 -1
- package/dist/collection/components/segment/test/scrollable/segment.e2e.js +41 -2
- package/dist/collection/components/segment/test/segment-events.e2e.js +1 -1
- package/dist/collection/components/segment/test/toolbar/segment.e2e.js +1 -1
- package/dist/collection/components/segment/test/wrap/segment.e2e.js +1 -1
- package/dist/collection/components/segment-button/segment-button.js +8 -5
- package/dist/collection/components/select/select.js +50 -28
- package/dist/collection/components/select/test/a11y/select.e2e.js +2 -2
- package/dist/collection/components/select/test/async/select.e2e.js +1 -1
- package/dist/collection/components/select/test/basic/select.e2e.js +22 -1
- package/dist/collection/components/select/test/card/select.e2e.js +2 -2
- package/dist/collection/components/select/test/color/select.e2e.js +4 -4
- package/dist/collection/components/select/test/compare-with/select.e2e.js +1 -1
- package/dist/collection/components/select/test/custom/select.e2e.js +1 -1
- package/dist/collection/components/select/test/disabled/select.e2e.js +30 -0
- package/dist/collection/components/select/test/fill/select.e2e.js +11 -11
- package/dist/collection/components/select/test/highlight/select.e2e.js +4 -4
- package/dist/collection/components/select/test/item/select.e2e.js +3 -3
- package/dist/collection/components/select/test/label/select.e2e.js +21 -21
- package/dist/collection/components/select/test/legacy/async/select.e2e.js +1 -1
- package/dist/collection/components/select/test/legacy/basic/select.e2e.js +1 -1
- package/dist/collection/components/select/test/legacy/compare-with/select.e2e.js +1 -1
- package/dist/collection/components/select/test/legacy/custom/custom.e2e.js +1 -1
- package/dist/collection/components/select/test/legacy/single-value/select.e2e.js +1 -1
- package/dist/collection/components/select/test/legacy/spec/select.e2e.js +1 -1
- package/dist/collection/components/select/test/legacy/wrapping/select.e2e.js +1 -1
- package/dist/collection/components/select/test/popover-size/select.e2e.js +1 -1
- package/dist/collection/components/select/test/states/select.e2e.js +5 -5
- package/dist/collection/components/select/test/toggle-icon/select.e2e.js +1 -1
- package/dist/collection/components/select/test/wrapping/select.e2e.js +1 -1
- package/dist/collection/components/select-option/select-option.js +2 -2
- package/dist/collection/components/select-popover/select-popover.js +4 -3
- package/dist/collection/components/select-popover/test/basic/select-popover.e2e.js +2 -2
- package/dist/collection/components/select-popover/test/fixtures.js +1 -1
- package/dist/collection/components/skeleton-text/skeleton-text.js +3 -3
- package/dist/collection/components/skeleton-text/test/basic/skeleton-text.e2e.js +1 -1
- package/dist/collection/components/skeleton-text/test/custom/skeleton-text.e2e.js +1 -1
- package/dist/collection/components/spinner/spinner.js +8 -6
- package/dist/collection/components/spinner/test/basic/spinner.e2e.js +1 -1
- package/dist/collection/components/spinner/test/color/spinner.e2e.js +1 -1
- package/dist/collection/components/spinner/test/resize/spinner.e2e.js +1 -1
- package/dist/collection/components/split-pane/split-pane.js +2 -2
- package/dist/collection/components/split-pane/test/basic/split-pane.e2e.js +1 -1
- package/dist/collection/components/tab/tab.js +7 -4
- package/dist/collection/components/tab-bar/tab-bar.js +27 -4
- package/dist/collection/components/tab-bar/test/custom/tab-bar.e2e.js +1 -1
- package/dist/collection/components/tab-bar/test/translucent/tab-bar.e2e.js +31 -1
- package/dist/collection/components/tab-button/tab-button.js +7 -5
- package/dist/collection/components/tab-button/test/a11y/tab-button.e2e.js +2 -2
- package/dist/collection/components/tab-button/test/basic/tab-button.e2e.js +1 -1
- package/dist/collection/components/tab-button/test/layout/tab-button.e2e.js +1 -1
- package/dist/collection/components/tab-button/test/states/tab-button.e2e.js +1 -1
- package/dist/collection/components/tabs/tabs.js +19 -10
- package/dist/collection/components/tabs/test/basic/tabs.e2e.js +1 -1
- package/dist/collection/components/tabs/test/placements/tabs.e2e.js +1 -1
- package/dist/collection/components/text/test/basic/text.e2e.js +1 -1
- package/dist/collection/components/text/text.js +4 -3
- package/dist/collection/components/textarea/test/a11y/textarea.e2e.js +2 -2
- package/dist/collection/components/textarea/test/autogrow/textarea.e2e.js +1 -1
- package/dist/collection/components/textarea/test/bottom-content/textarea.e2e.js +7 -7
- package/dist/collection/components/textarea/test/card/textarea.e2e.js +2 -2
- package/dist/collection/components/textarea/test/clear-on-edit/textarea.e2e.js +25 -0
- package/dist/collection/components/textarea/test/color/textarea.e2e.js +16 -16
- package/dist/collection/components/textarea/test/cols/textarea.e2e.js +37 -0
- package/dist/collection/components/textarea/test/fill/textarea.e2e.js +11 -11
- package/dist/collection/components/textarea/test/highlight/textarea.e2e.js +10 -10
- package/dist/collection/components/textarea/test/item/textarea.e2e.js +3 -3
- package/dist/collection/components/textarea/test/label-placement/textarea.e2e.js +22 -22
- package/dist/collection/components/textarea/test/legacy/a11y/textarea.e2e.js +1 -1
- package/dist/collection/components/textarea/test/legacy/autogrow/textarea.e2e.js +6 -6
- package/dist/collection/components/textarea/test/legacy/basic/textarea.e2e.js +1 -1
- package/dist/collection/components/textarea/test/legacy/clear-on-edit/textarea.e2e.js +1 -1
- package/dist/collection/components/textarea/test/states/textarea.e2e.js +3 -3
- package/dist/collection/components/textarea/test/textarea-events.e2e.js +1 -1
- package/dist/collection/components/textarea/textarea.ios.css +16 -0
- package/dist/collection/components/textarea/textarea.js +23 -14
- package/dist/collection/components/textarea/textarea.md.css +16 -0
- package/dist/collection/components/thumbnail/test/basic/thumbnail.e2e.js +1 -1
- package/dist/collection/components/thumbnail/thumbnail.js +2 -2
- package/dist/collection/components/title/test/basic/title.e2e.js +16 -1
- package/dist/collection/components/title/title.ios.css +1 -1
- package/dist/collection/components/title/title.js +6 -4
- package/dist/collection/components/toast/test/a11y/toast.e2e.js +14 -6
- package/dist/collection/components/toast/test/basic/toast.e2e.js +1 -1
- package/dist/collection/components/toast/test/is-open/toast.e2e.js +1 -1
- package/dist/collection/components/toast/test/layout/toast.e2e.js +1 -1
- package/dist/collection/components/toast/test/standalone/toast.e2e.js +1 -1
- package/dist/collection/components/toast/test/trigger/toast.e2e.js +1 -1
- package/dist/collection/components/toast/toast.js +64 -46
- package/dist/collection/components/toggle/test/a11y/toggle.e2e.js +2 -2
- package/dist/collection/components/toggle/test/color/toggle.e2e.js +3 -3
- package/dist/collection/components/toggle/test/enable-on-off-labels/toggle.e2e.js +1 -1
- package/dist/collection/components/toggle/test/item/toggle.e2e.js +48 -5
- package/dist/collection/components/toggle/test/label/toggle.e2e.js +37 -10
- package/dist/collection/components/toggle/test/legacy/basic/toggle.e2e.js +1 -1
- package/dist/collection/components/toggle/test/legacy/enable-on-off-labels/toggle.e2e.js +3 -3
- package/dist/collection/components/toggle/test/legacy/sizes/toggle.e2e.js +2 -2
- package/dist/collection/components/toggle/test/sizes/toggle.e2e.js +1 -1
- package/dist/collection/components/toggle/test/states/toggle.e2e.js +4 -4
- package/dist/collection/components/toggle/toggle.ios.css +67 -1
- package/dist/collection/components/toggle/toggle.js +37 -11
- package/dist/collection/components/toggle/toggle.md.css +67 -1
- package/dist/collection/components/toolbar/test/basic/toolbar.e2e.js +1 -1
- package/dist/collection/components/toolbar/test/colors/toolbar.e2e.js +1 -1
- package/dist/collection/components/toolbar/toolbar.ios.css +12 -4
- package/dist/collection/components/toolbar/toolbar.js +4 -3
- package/dist/collection/components/toolbar/toolbar.md.css +2 -4
- package/dist/collection/global/ionic-global.js +3 -3
- package/dist/collection/index.js +2 -1
- package/dist/collection/utils/animation/animation.js +63 -4
- package/dist/collection/utils/animation/test/animationbuilder/animation.e2e.js +3 -0
- package/dist/collection/utils/animation/test/display/animation.e2e.js +1 -1
- package/dist/collection/utils/animation/test/hooks/animation.e2e.js +1 -1
- package/dist/collection/utils/animation/test/multiple/animation.e2e.js +1 -1
- package/dist/collection/utils/content/content.utils.spec.js +1 -1
- package/dist/collection/utils/content/index.js +2 -2
- package/dist/collection/utils/floating-point/floating-point.spec.js +1 -1
- package/dist/collection/utils/forms/notch-controller.js +1 -1
- package/dist/collection/utils/framework-delegate.js +22 -3
- package/dist/collection/utils/gesture/button-active.js +3 -3
- package/dist/collection/utils/gesture/index.js +3 -3
- package/dist/collection/utils/gesture/pointer-events.js +1 -1
- package/dist/collection/utils/gesture/swipe-back.js +10 -6
- package/dist/collection/utils/helpers.spec.js +1 -1
- package/dist/collection/utils/input-shims/hacks/hide-caret.js +2 -2
- package/dist/collection/utils/input-shims/hacks/input-blurring.js +1 -1
- package/dist/collection/utils/input-shims/hacks/scroll-assist.js +92 -10
- package/dist/collection/utils/input-shims/hacks/scroll-data.js +3 -4
- package/dist/collection/utils/input-shims/hacks/test/scroll-assist.e2e.js +1 -1
- package/dist/collection/utils/input-shims/input-shims.js +6 -6
- package/dist/collection/utils/keyboard/keyboard-controller.js +1 -1
- package/dist/collection/utils/keyboard/keyboard.js +1 -1
- package/dist/collection/utils/lock-controller.js +36 -0
- package/dist/collection/utils/menu-controller/animations/base.js +1 -1
- package/dist/collection/utils/menu-controller/animations/overlay.js +3 -3
- package/dist/collection/utils/menu-controller/animations/push.js +3 -3
- package/dist/collection/utils/menu-controller/animations/reveal.js +3 -3
- package/dist/collection/utils/menu-controller/index.js +5 -5
- package/dist/collection/utils/native/haptic.js +1 -1
- package/dist/collection/utils/native/keyboard.js +2 -2
- package/dist/collection/utils/native/status-bar.js +1 -1
- package/dist/collection/utils/overlays.js +35 -15
- package/dist/collection/utils/platform.js +1 -1
- package/dist/collection/utils/rtl/dir.spec.js +1 -1
- package/dist/collection/utils/status-tap.js +3 -3
- package/dist/collection/utils/tap-click/index.js +1 -1
- package/dist/collection/utils/tap-click/test/tap-click.e2e.js +1 -1
- package/dist/collection/utils/test/framework-delegate/framework-delegate.e2e.js +1 -1
- package/dist/collection/utils/test/overlays/overlays.e2e.js +1 -1
- package/dist/collection/utils/test/playwright/drag-element.js +67 -8
- package/dist/collection/utils/test/playwright/matchers/index.js +3 -3
- package/dist/collection/utils/test/playwright/matchers/toHaveReceivedEventDetail.js +2 -2
- package/dist/collection/utils/test/playwright/page/utils/goto.js +3 -0
- package/dist/collection/utils/test/playwright/page/utils/index.js +0 -1
- package/dist/collection/utils/test/playwright/page/utils/locator.js +1 -1
- package/dist/collection/utils/test/playwright/page/utils/set-content.js +3 -0
- package/dist/collection/utils/test/playwright/page/utils/spy-on-event.js +1 -1
- package/dist/collection/utils/test/playwright/playwright-page.js +4 -5
- package/dist/collection/utils/test/playwright/viewports/index.js +4 -0
- package/dist/collection/utils/transition/index.js +3 -3
- package/dist/collection/utils/transition/ios.transition.js +2 -2
- package/dist/collection/utils/transition/md.transition.js +2 -2
- package/dist/docs.d.ts +361 -88
- package/dist/docs.json +7176 -117
- package/dist/esm/{animation-258fd22b.js → animation-92066c62.js} +62 -3
- package/dist/esm/{app-globals-70454efb.js → app-globals-ec816a70.js} +1 -1
- package/dist/esm/{button-active-aef107f0.js → button-active-5136c12d.js} +3 -3
- package/dist/esm/{capacitor-6d1861b7.js → capacitor-b4979570.js} +1 -1
- package/dist/esm/{data-605c040f.js → data-009dbf15.js} +48 -10
- package/dist/esm/{form-controller-6cd7ebd1.js → form-controller-ed77647a.js} +1 -1
- package/dist/esm/{framework-delegate-6a45ed30.js → framework-delegate-aa433dea.js} +22 -3
- package/dist/esm/{haptic-d85b8584.js → haptic-6447af60.js} +1 -1
- package/dist/esm/{index-afea2bcf.js → index-641aeeed.js} +4 -4
- package/dist/esm/{index-7373924f.js → index-746a238e.js} +2 -2
- package/dist/esm/{index-36a5fd75.js → index-b49b173c.js} +283 -96
- package/dist/esm/{index-6e89f340.js → index-d78b533e.js} +4 -4
- package/dist/esm/{index-2d0c7c77.js → index-f0cc4e14.js} +2 -2
- package/dist/esm/{index-422b6e83.js → index-ff313b19.js} +2 -2
- package/dist/esm/index.js +17 -17
- package/dist/esm/{input-shims-5b912f6d.js → input-shims-d78a3c77.js} +93 -13
- package/dist/esm/{input.utils-4c00ca72.js → input.utils-ec063df4.js} +3 -3
- package/dist/esm/ion-accordion_2.entry.js +5 -5
- package/dist/esm/ion-action-sheet.entry.js +24 -32
- package/dist/esm/ion-alert.entry.js +27 -35
- package/dist/esm/ion-app_8.entry.js +81 -41
- package/dist/esm/ion-avatar_3.entry.js +3 -3
- package/dist/esm/ion-back-button.entry.js +5 -5
- package/dist/esm/ion-backdrop.entry.js +3 -3
- package/dist/esm/ion-breadcrumb_2.entry.js +5 -5
- package/dist/esm/ion-button_2.entry.js +21 -5
- package/dist/esm/ion-card_5.entry.js +4 -4
- package/dist/esm/ion-checkbox.entry.js +20 -13
- package/dist/esm/ion-chip.entry.js +3 -3
- package/dist/esm/ion-col_3.entry.js +2 -2
- package/dist/esm/ion-datetime-button.entry.js +9 -6
- package/dist/esm/ion-datetime_3.entry.js +156 -125
- package/dist/esm/ion-fab_3.entry.js +7 -7
- package/dist/esm/ion-img.entry.js +3 -3
- package/dist/esm/ion-infinite-scroll_2.entry.js +6 -6
- package/dist/esm/ion-input.entry.js +11 -11
- package/dist/esm/ion-item-option_3.entry.js +8 -8
- package/dist/esm/ion-item_8.entry.js +43 -16
- package/dist/esm/ion-loading.entry.js +19 -27
- package/dist/esm/ion-menu_3.entry.js +83 -38
- package/dist/esm/ion-modal.entry.js +59 -58
- package/dist/esm/ion-nav_2.entry.js +8 -8
- package/dist/esm/ion-picker-column-internal.entry.js +7 -7
- package/dist/esm/ion-picker-internal.entry.js +2 -2
- package/dist/esm/ion-popover.entry.js +26 -40
- package/dist/esm/ion-progress-bar.entry.js +4 -4
- package/dist/esm/ion-radio_2.entry.js +16 -11
- package/dist/esm/ion-range.entry.js +42 -14
- package/dist/esm/ion-refresher_2.entry.js +16 -16
- package/dist/esm/ion-reorder_2.entry.js +10 -10
- package/dist/esm/ion-ripple-effect.entry.js +2 -2
- package/dist/esm/ion-route_4.entry.js +4 -4
- package/dist/esm/ion-searchbar.entry.js +6 -6
- package/dist/esm/ion-segment_2.entry.js +40 -29
- package/dist/esm/ion-select_3.entry.js +45 -31
- package/dist/esm/ion-spinner.entry.js +4 -4
- package/dist/esm/ion-split-pane.entry.js +2 -2
- package/dist/esm/ion-tab-bar_2.entry.js +12 -8
- package/dist/esm/ion-tab_2.entry.js +3 -3
- package/dist/esm/ion-text.entry.js +3 -3
- package/dist/esm/ion-textarea.entry.js +12 -12
- package/dist/esm/ion-toast.entry.js +23 -28
- package/dist/esm/ion-toggle.entry.js +20 -15
- package/dist/esm/{ionic-global-a9abd569.js → ionic-global-246ca78f.js} +1 -1
- package/dist/esm/ionic.js +6 -9
- package/dist/esm/{ios.transition-6a838b0c.js → ios.transition-04c9a97a.js} +5 -5
- package/dist/esm/{keyboard-cdb83866.js → keyboard-b063f012.js} +1 -1
- package/dist/esm/{keyboard-a818f780.js → keyboard-b551279d.js} +3 -3
- package/dist/esm/{keyboard-controller-4149afc6.js → keyboard-controller-0c2dce71.js} +2 -2
- package/dist/esm/loader.js +6 -15
- package/dist/esm/lock-controller-e8c6c051.js +38 -0
- package/dist/esm/{md.transition-b7d7b475.js → md.transition-67a8aabd.js} +5 -5
- package/dist/esm/{notch-controller-cfcb8c01.js → notch-controller-8c9c0e54.js} +3 -3
- package/dist/esm/{overlays-4801a327.js → overlays-2fa52617.js} +35 -15
- package/dist/esm/{status-tap-211f1ad8.js → status-tap-9aeeaca5.js} +4 -4
- package/dist/esm/{swipe-back-1bb66ed2.js → swipe-back-cd4295f3.js} +11 -7
- package/dist/esm-es5/animation-92066c62.js +4 -0
- package/dist/esm-es5/app-globals-ec816a70.js +4 -0
- package/dist/esm-es5/{button-active-aef107f0.js → button-active-5136c12d.js} +1 -1
- package/dist/esm-es5/{capacitor-6d1861b7.js → capacitor-b4979570.js} +1 -1
- package/dist/esm-es5/data-009dbf15.js +4 -0
- package/dist/esm-es5/form-controller-ed77647a.js +4 -0
- package/dist/esm-es5/framework-delegate-aa433dea.js +4 -0
- package/dist/esm-es5/{haptic-d85b8584.js → haptic-6447af60.js} +1 -1
- package/dist/esm-es5/{index-afea2bcf.js → index-641aeeed.js} +1 -1
- package/dist/esm-es5/{index-7373924f.js → index-746a238e.js} +1 -1
- package/dist/esm-es5/index-b49b173c.js +5 -0
- package/dist/esm-es5/{index-6e89f340.js → index-d78b533e.js} +1 -1
- package/dist/esm-es5/{index-2d0c7c77.js → index-f0cc4e14.js} +1 -1
- package/dist/esm-es5/{index-422b6e83.js → index-ff313b19.js} +1 -1
- package/dist/esm-es5/index.js +1 -1
- package/dist/esm-es5/input-shims-d78a3c77.js +4 -0
- package/dist/esm-es5/{input.utils-4c00ca72.js → input.utils-ec063df4.js} +1 -1
- package/dist/esm-es5/ion-accordion_2.entry.js +1 -1
- package/dist/esm-es5/ion-action-sheet.entry.js +1 -1
- package/dist/esm-es5/ion-alert.entry.js +1 -1
- package/dist/esm-es5/ion-app_8.entry.js +1 -1
- package/dist/esm-es5/ion-avatar_3.entry.js +1 -1
- package/dist/esm-es5/ion-back-button.entry.js +1 -1
- package/dist/esm-es5/ion-backdrop.entry.js +1 -1
- package/dist/esm-es5/ion-breadcrumb_2.entry.js +1 -1
- package/dist/esm-es5/ion-button_2.entry.js +1 -1
- package/dist/esm-es5/ion-card_5.entry.js +1 -1
- package/dist/esm-es5/ion-checkbox.entry.js +1 -1
- package/dist/esm-es5/ion-chip.entry.js +1 -1
- package/dist/esm-es5/ion-col_3.entry.js +1 -1
- package/dist/esm-es5/ion-datetime-button.entry.js +1 -1
- package/dist/esm-es5/ion-datetime_3.entry.js +1 -1
- package/dist/esm-es5/ion-fab_3.entry.js +1 -1
- package/dist/esm-es5/ion-img.entry.js +1 -1
- package/dist/esm-es5/ion-infinite-scroll_2.entry.js +1 -1
- package/dist/esm-es5/ion-input.entry.js +1 -1
- package/dist/esm-es5/ion-item-option_3.entry.js +1 -1
- package/dist/esm-es5/ion-item_8.entry.js +1 -1
- package/dist/esm-es5/ion-loading.entry.js +1 -1
- package/dist/esm-es5/ion-menu_3.entry.js +1 -1
- package/dist/esm-es5/ion-modal.entry.js +1 -1
- package/dist/esm-es5/ion-nav_2.entry.js +1 -1
- package/dist/esm-es5/ion-picker-column-internal.entry.js +1 -1
- package/dist/esm-es5/ion-picker-internal.entry.js +1 -1
- package/dist/esm-es5/ion-popover.entry.js +1 -1
- package/dist/esm-es5/ion-progress-bar.entry.js +1 -1
- package/dist/esm-es5/ion-radio_2.entry.js +1 -1
- package/dist/esm-es5/ion-range.entry.js +1 -1
- package/dist/esm-es5/ion-refresher_2.entry.js +1 -1
- package/dist/esm-es5/ion-reorder_2.entry.js +1 -1
- package/dist/esm-es5/ion-ripple-effect.entry.js +1 -1
- package/dist/esm-es5/ion-route_4.entry.js +1 -1
- package/dist/esm-es5/ion-searchbar.entry.js +1 -1
- package/dist/esm-es5/ion-segment_2.entry.js +1 -1
- package/dist/esm-es5/ion-select_3.entry.js +1 -1
- package/dist/esm-es5/ion-spinner.entry.js +1 -1
- package/dist/esm-es5/ion-split-pane.entry.js +1 -1
- package/dist/esm-es5/ion-tab-bar_2.entry.js +1 -1
- package/dist/esm-es5/ion-tab_2.entry.js +1 -1
- package/dist/esm-es5/ion-text.entry.js +1 -1
- package/dist/esm-es5/ion-textarea.entry.js +1 -1
- package/dist/esm-es5/ion-toast.entry.js +1 -1
- package/dist/esm-es5/ion-toggle.entry.js +1 -1
- package/dist/esm-es5/{ionic-global-a9abd569.js → ionic-global-246ca78f.js} +1 -1
- package/dist/esm-es5/ionic.js +1 -1
- package/dist/esm-es5/{ios.transition-6a838b0c.js → ios.transition-04c9a97a.js} +1 -1
- package/dist/esm-es5/{keyboard-cdb83866.js → keyboard-b063f012.js} +1 -1
- package/dist/esm-es5/{keyboard-a818f780.js → keyboard-b551279d.js} +1 -1
- package/dist/esm-es5/{keyboard-controller-4149afc6.js → keyboard-controller-0c2dce71.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/lock-controller-e8c6c051.js +4 -0
- package/dist/esm-es5/md.transition-67a8aabd.js +4 -0
- package/dist/esm-es5/{notch-controller-cfcb8c01.js → notch-controller-8c9c0e54.js} +1 -1
- package/dist/esm-es5/overlays-2fa52617.js +4 -0
- package/dist/esm-es5/{status-tap-211f1ad8.js → status-tap-9aeeaca5.js} +1 -1
- package/dist/esm-es5/swipe-back-cd4295f3.js +4 -0
- package/dist/html.html-data.json +139 -91
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/ionic.js +2 -6
- package/dist/ionic/p-015187e5.system.js +4 -0
- package/dist/ionic/{p-40f778e6.js → p-02a4e81a.js} +1 -1
- package/dist/ionic/{p-e4146230.system.entry.js → p-03c381ec.system.entry.js} +1 -1
- package/dist/ionic/p-048f1ebe.entry.js +4 -0
- package/dist/ionic/{p-54d3d2b6.entry.js → p-04e7c8fd.entry.js} +1 -1
- package/dist/ionic/p-05ae600a.system.js +4 -0
- package/dist/ionic/p-06ac429a.js +5 -0
- package/dist/ionic/p-0c37546b.system.entry.js +4 -0
- package/dist/ionic/{p-9a7f5ed5.entry.js → p-108f9d49.entry.js} +1 -1
- package/dist/ionic/{p-f67dfe83.system.entry.js → p-117cd69f.system.entry.js} +1 -1
- package/dist/ionic/p-1289b3b5.system.entry.js +4 -0
- package/dist/ionic/p-13d6e57a.js +4 -0
- package/dist/ionic/{p-e3f387af.system.js → p-14d7b7e2.system.js} +1 -1
- package/dist/ionic/p-164b0e76.entry.js +4 -0
- package/dist/ionic/p-170e9de0.system.entry.js +4 -0
- package/dist/ionic/{p-609ac308.js → p-181b7c2a.js} +1 -1
- package/dist/ionic/p-19384b9e.entry.js +4 -0
- package/dist/ionic/p-1c82e9ff.js +4 -0
- package/dist/ionic/{p-f6f393ee.system.entry.js → p-1d0aa82f.system.entry.js} +1 -1
- package/dist/ionic/{p-ee5049fd.entry.js → p-1ecba429.entry.js} +1 -1
- package/dist/ionic/{p-5d6123f1.entry.js → p-1f81b5be.entry.js} +1 -1
- package/dist/ionic/{p-8a9d2a85.system.entry.js → p-238f0ac5.system.entry.js} +1 -1
- package/dist/ionic/{p-8a95273c.js → p-276afddd.js} +1 -1
- package/dist/ionic/{p-cd582fdb.system.entry.js → p-2784263e.system.entry.js} +1 -1
- package/dist/ionic/p-29073efe.system.entry.js +4 -0
- package/dist/ionic/p-29e3a9bb.entry.js +4 -0
- package/dist/ionic/{p-dcf7bf1d.entry.js → p-2a7c0093.entry.js} +1 -1
- package/dist/ionic/p-32083c2d.js +4 -0
- package/dist/ionic/{p-d267077c.system.entry.js → p-32717950.system.entry.js} +1 -1
- package/dist/ionic/p-32d364f0.entry.js +4 -0
- package/dist/ionic/{p-088a58a8.system.entry.js → p-33a8349a.system.entry.js} +1 -1
- package/dist/ionic/p-35818410.entry.js +4 -0
- package/dist/ionic/{p-f3116c14.system.js → p-3632220b.system.js} +1 -1
- package/dist/ionic/p-37448ac1.entry.js +4 -0
- package/dist/ionic/{p-9dcf76ff.system.entry.js → p-38ccfd71.system.entry.js} +1 -1
- package/dist/ionic/{p-9edd7119.system.entry.js → p-3a58e3a4.system.entry.js} +1 -1
- package/dist/ionic/p-3bad5c1a.js +4 -0
- package/dist/ionic/{p-f7515628.entry.js → p-3c2c6fce.entry.js} +1 -1
- package/dist/ionic/{p-aa7b8135.system.js → p-3d726a67.system.js} +1 -1
- package/dist/ionic/{p-e8b9a6b2.system.entry.js → p-3f3da911.system.entry.js} +1 -1
- package/dist/ionic/{p-59a47aff.system.js → p-41477ad9.system.js} +1 -1
- package/dist/ionic/{p-d7fd994b.js → p-419eb426.js} +1 -1
- package/dist/ionic/p-446230d7.js +4 -0
- package/dist/ionic/p-44ef7224.system.js +4 -0
- package/dist/ionic/{p-355aae8e.system.entry.js → p-45f5c8ba.system.entry.js} +1 -1
- package/dist/ionic/p-47db15c6.entry.js +4 -0
- package/dist/ionic/p-4811e4af.system.entry.js +4 -0
- package/dist/ionic/p-4b8db805.entry.js +4 -0
- package/dist/ionic/p-4bb26b01.system.entry.js +4 -0
- package/dist/ionic/{p-43060640.system.entry.js → p-4d6ac0fe.system.entry.js} +1 -1
- package/dist/ionic/p-4dd96c8d.entry.js +4 -0
- package/dist/ionic/{p-138fcf0f.entry.js → p-4e6e43c1.entry.js} +1 -1
- package/dist/ionic/{p-fa98c2a6.system.js → p-51269f3b.system.js} +1 -1
- package/dist/ionic/p-53b2a46f.js +4 -0
- package/dist/ionic/{p-465e0121.system.entry.js → p-54f6cd27.system.entry.js} +1 -1
- package/dist/ionic/{p-a7016aef.entry.js → p-55d3a9b2.entry.js} +1 -1
- package/dist/ionic/p-576e6d0f.system.entry.js +4 -0
- package/dist/ionic/{p-ab692eeb.entry.js → p-5b32b053.entry.js} +1 -1
- package/dist/ionic/p-5b976d70.entry.js +4 -0
- package/dist/ionic/p-5bc5008c.entry.js +4 -0
- package/dist/ionic/p-5c3e72a8.system.js +4 -0
- package/dist/ionic/p-5c651aab.system.entry.js +4 -0
- package/dist/ionic/p-5cd791b3.system.entry.js +4 -0
- package/dist/ionic/{p-0b761768.system.js → p-5ece7025.system.js} +1 -1
- package/dist/ionic/p-5efb899f.entry.js +4 -0
- package/dist/ionic/{p-9cfa25d2.system.entry.js → p-6129af0a.system.entry.js} +1 -1
- package/dist/ionic/{p-084b2140.system.js → p-613d4042.system.js} +1 -1
- package/dist/ionic/p-629aa3fd.system.js +5 -0
- package/dist/ionic/p-63505fbb.js +4 -0
- package/dist/ionic/{p-4c9a0825.system.js → p-64475ab5.system.js} +2 -2
- package/dist/ionic/{p-fc431180.entry.js → p-64e20cd9.entry.js} +1 -1
- package/dist/ionic/p-65a5761f.js +4 -0
- package/dist/ionic/p-6ac3e877.system.entry.js +4 -0
- package/dist/ionic/p-6ba7fad7.system.js +4 -0
- package/dist/ionic/{p-477f7813.entry.js → p-6ea2e653.entry.js} +1 -1
- package/dist/ionic/{p-94d4b708.system.entry.js → p-6f8a95a3.system.entry.js} +1 -1
- package/dist/ionic/p-6fb80ef3.system.entry.js +4 -0
- package/dist/ionic/p-706a0391.entry.js +4 -0
- package/dist/ionic/{p-c05662ba.system.entry.js → p-72aea40e.system.entry.js} +1 -1
- package/dist/ionic/p-73ed9a91.js +4 -0
- package/dist/ionic/{p-c1f5d275.js → p-76378400.js} +1 -1
- package/dist/ionic/p-772f6c84.system.js +4 -0
- package/dist/ionic/p-7cfd253c.js +4 -0
- package/dist/ionic/{p-a780a377.entry.js → p-818b2e75.entry.js} +1 -1
- package/dist/ionic/p-81c818e7.js +4 -0
- package/dist/ionic/p-8297652e.entry.js +4 -0
- package/dist/ionic/{p-322237d0.entry.js → p-839276d4.entry.js} +1 -1
- package/dist/ionic/{p-b46c09ac.system.entry.js → p-8a2801f1.system.entry.js} +1 -1
- package/dist/ionic/{p-46956a85.js → p-8b1be026.js} +1 -1
- package/dist/ionic/{p-0c92638a.js → p-8cf94fc1.js} +1 -1
- package/dist/ionic/p-8e24ebbc.js +4 -0
- package/dist/ionic/p-8ee012cb.system.entry.js +4 -0
- package/dist/ionic/{p-ec8a20f7.system.entry.js → p-908720f3.system.entry.js} +1 -1
- package/dist/ionic/p-914ac0fc.entry.js +4 -0
- package/dist/ionic/{p-f9f3ef7c.system.js → p-939e0fa1.system.js} +1 -1
- package/dist/ionic/p-95b14c73.system.entry.js +4 -0
- package/dist/ionic/{p-0dd11651.entry.js → p-96ba8eac.entry.js} +1 -1
- package/dist/ionic/{p-7c63a67f.system.entry.js → p-99dfa53f.system.entry.js} +1 -1
- package/dist/ionic/{p-86e57430.system.js → p-9ab6f3e6.system.js} +1 -1
- package/dist/ionic/{p-7cc4d08a.system.entry.js → p-9b4a77fc.system.entry.js} +1 -1
- package/dist/ionic/p-9f2e0db9.js +4 -0
- package/dist/ionic/p-a04bfada.entry.js +4 -0
- package/dist/ionic/p-a18ec02b.entry.js +4 -0
- package/dist/ionic/{p-2d55f2bd.system.js → p-ab4cff27.system.js} +1 -1
- package/dist/ionic/p-b109a3d7.system.entry.js +4 -0
- package/dist/ionic/p-b132c2c0.system.js +4 -0
- package/dist/ionic/p-b24aa895.js +4 -0
- package/dist/ionic/p-b287ab05.js +4 -0
- package/dist/ionic/{p-163145e8.system.entry.js → p-b3690814.system.entry.js} +1 -1
- package/dist/ionic/{p-c75da7cf.system.js → p-b3c68723.system.js} +1 -1
- package/dist/ionic/p-b61a2fa0.system.entry.js +4 -0
- package/dist/ionic/p-b912e055.system.js +4 -0
- package/dist/ionic/{p-28342e96.js → p-bb6f38ed.js} +1 -1
- package/dist/ionic/{p-c3325038.system.js → p-bba2ce59.system.js} +1 -1
- package/dist/ionic/{p-46cac66d.system.entry.js → p-beb864e4.system.entry.js} +1 -1
- package/dist/ionic/{p-40ed5852.system.js → p-c3efbcf5.system.js} +1 -1
- package/dist/ionic/p-c48fc95d.system.entry.js +4 -0
- package/dist/ionic/{p-505d3b57.system.js → p-c49672d8.system.js} +1 -1
- package/dist/ionic/{p-ed70dec7.entry.js → p-c4a5de01.entry.js} +1 -1
- package/dist/ionic/p-c7428627.system.entry.js +4 -0
- package/dist/ionic/p-ca5cf574.js +4 -0
- package/dist/ionic/p-cc196b34.js +4 -0
- package/dist/ionic/{p-0fba861a.system.js → p-ccdcb022.system.js} +1 -1
- package/dist/ionic/{p-fc2c5521.system.entry.js → p-cf0c93e3.system.entry.js} +1 -1
- package/dist/ionic/p-d0ad0430.system.entry.js +4 -0
- package/dist/ionic/{p-9912d985.js → p-d1de1188.js} +1 -1
- package/dist/ionic/p-d35217be.entry.js +4 -0
- package/dist/ionic/p-d55c9f92.system.entry.js +4 -0
- package/dist/ionic/{p-6f59ad61.entry.js → p-d7b8d224.entry.js} +1 -1
- package/dist/ionic/{p-66bd7d60.entry.js → p-d89d0de0.entry.js} +1 -1
- package/dist/ionic/{p-c056132d.entry.js → p-db1a1e00.entry.js} +1 -1
- package/dist/ionic/p-deb6ddad.entry.js +4 -0
- package/dist/ionic/{p-49ead5cb.system.js → p-df5fe0be.system.js} +1 -1
- package/dist/ionic/{p-13cb1942.system.entry.js → p-e0f52215.system.entry.js} +1 -1
- package/dist/ionic/p-e1ac688a.entry.js +4 -0
- package/dist/ionic/{p-54ada505.entry.js → p-e2fd0895.entry.js} +1 -1
- package/dist/ionic/{p-dd54d07b.system.entry.js → p-eab10949.system.entry.js} +1 -1
- package/dist/ionic/p-eac263dd.entry.js +4 -0
- package/dist/ionic/{p-30ae30f8.entry.js → p-ec9052a4.entry.js} +1 -1
- package/dist/ionic/p-f588e951.entry.js +4 -0
- package/dist/ionic/p-f623aa6d.entry.js +4 -0
- package/dist/ionic/p-f960fd84.system.entry.js +4 -0
- package/dist/ionic/{p-c3da26fd.system.js → p-fa8d4788.system.js} +1 -1
- package/dist/ionic/{p-d7e0a42b.system.js → p-fbcb157b.system.js} +2 -2
- package/dist/ionic/{p-a2e57f27.entry.js → p-fccfe602.entry.js} +1 -1
- package/dist/ionic/{p-1699be8e.entry.js → p-fcf47f80.entry.js} +1 -1
- package/dist/ionic/p-ff555f6f.system.entry.js +4 -0
- package/dist/ionic/{p-3ca87455.system.js → p-ff5a10f9.system.js} +1 -1
- package/dist/types/components/action-sheet/action-sheet-interface.d.ts +3 -0
- package/dist/types/components/action-sheet/action-sheet.d.ts +1 -1
- package/dist/types/components/alert/alert-interface.d.ts +3 -0
- package/dist/types/components/alert/alert.d.ts +1 -1
- package/dist/types/components/button/button.d.ts +9 -0
- package/dist/types/components/checkbox/checkbox.d.ts +9 -1
- package/dist/types/components/content/content.d.ts +2 -1
- package/dist/types/components/datetime/datetime.d.ts +23 -10
- package/dist/types/components/datetime/utils/data.d.ts +1 -1
- package/dist/types/components/datetime/utils/parse.d.ts +5 -5
- package/dist/types/components/item/item.d.ts +2 -0
- package/dist/types/components/item-sliding/test/test.utils.d.ts +5 -0
- package/dist/types/components/loading/loading.d.ts +1 -1
- package/dist/types/components/menu/menu.d.ts +10 -1
- package/dist/types/components/modal/modal.d.ts +1 -1
- package/dist/types/components/picker/picker-interface.d.ts +3 -0
- package/dist/types/components/picker/picker.d.ts +1 -1
- package/dist/types/components/popover/popover.d.ts +1 -1
- package/dist/types/components/radio/radio.d.ts +8 -1
- package/dist/types/components/range/range.d.ts +10 -1
- package/dist/types/components/router-outlet/{route-outlet.d.ts → router-outlet.d.ts} +1 -2
- package/dist/types/components/segment/segment.d.ts +1 -0
- package/dist/types/components/tab-bar/tab-bar.d.ts +8 -0
- package/dist/types/components/toast/toast-interface.d.ts +6 -0
- package/dist/types/components/toast/toast.d.ts +2 -1
- package/dist/types/components/toggle/toggle.d.ts +8 -1
- package/dist/types/components.d.ts +42 -16
- package/dist/types/index.d.ts +1 -0
- package/dist/types/interface.d.ts +1 -0
- package/dist/types/stencil-public-runtime.d.ts +17 -5
- package/dist/types/utils/browser/index.d.ts +16 -1
- package/dist/types/utils/input-shims/hacks/scroll-data.d.ts +1 -1
- package/dist/types/utils/lock-controller.d.ts +10 -0
- package/dist/types/utils/overlays.d.ts +5 -2
- package/dist/types/utils/test/playwright/drag-element.d.ts +8 -1
- package/dist/types/utils/test/playwright/page/utils/index.d.ts +0 -1
- package/dist/types/utils/test/playwright/playwright-declarations.d.ts +0 -5
- package/dist/types/utils/test/playwright/viewports/index.d.ts +4 -0
- package/hydrate/index.d.ts +6 -6
- package/hydrate/index.js +931 -552
- package/hydrate/package.json +1 -1
- package/loader/index.d.ts +1 -1
- package/package.json +8 -6
- package/dist/collection/utils/test/playwright/page/utils/get-snapshot-settings.js +0 -32
- package/dist/esm/polyfills/css-shim.js +0 -1
- package/dist/esm-es5/animation-258fd22b.js +0 -4
- package/dist/esm-es5/app-globals-70454efb.js +0 -4
- package/dist/esm-es5/data-605c040f.js +0 -4
- package/dist/esm-es5/form-controller-6cd7ebd1.js +0 -4
- package/dist/esm-es5/framework-delegate-6a45ed30.js +0 -4
- package/dist/esm-es5/index-36a5fd75.js +0 -5
- package/dist/esm-es5/input-shims-5b912f6d.js +0 -4
- package/dist/esm-es5/md.transition-b7d7b475.js +0 -4
- package/dist/esm-es5/overlays-4801a327.js +0 -4
- package/dist/esm-es5/swipe-back-1bb66ed2.js +0 -4
- package/dist/ionic/p-004db8b3.entry.js +0 -4
- package/dist/ionic/p-026e6f00.system.entry.js +0 -4
- package/dist/ionic/p-05111967.entry.js +0 -4
- package/dist/ionic/p-0e51ceb7.system.entry.js +0 -4
- package/dist/ionic/p-164b025e.system.js +0 -4
- package/dist/ionic/p-1ce8e1ca.system.entry.js +0 -4
- package/dist/ionic/p-1f05aa2b.system.entry.js +0 -4
- package/dist/ionic/p-21e3627d.entry.js +0 -4
- package/dist/ionic/p-2e5dc115.entry.js +0 -4
- package/dist/ionic/p-335e3cfe.js +0 -4
- package/dist/ionic/p-34f66fef.entry.js +0 -4
- package/dist/ionic/p-37184fe8.js +0 -4
- package/dist/ionic/p-39a30df1.entry.js +0 -4
- package/dist/ionic/p-3bf5cd2e.system.entry.js +0 -4
- package/dist/ionic/p-3f9dbcfc.system.entry.js +0 -4
- package/dist/ionic/p-4108c24e.entry.js +0 -4
- package/dist/ionic/p-451cbc39.js +0 -4
- package/dist/ionic/p-4ab679fd.system.js +0 -4
- package/dist/ionic/p-4f7973ad.entry.js +0 -4
- package/dist/ionic/p-52540082.js +0 -4
- package/dist/ionic/p-565d288e.system.js +0 -4
- package/dist/ionic/p-5a3ee051.system.js +0 -4
- package/dist/ionic/p-5db06d92.system.entry.js +0 -4
- package/dist/ionic/p-5dc1aee9.entry.js +0 -4
- package/dist/ionic/p-5de3c520.js +0 -4
- package/dist/ionic/p-627e74b4.js +0 -4
- package/dist/ionic/p-69a66969.js +0 -4
- package/dist/ionic/p-6a0edd6d.system.js +0 -5
- package/dist/ionic/p-6eeeee8b.system.entry.js +0 -4
- package/dist/ionic/p-72969d37.entry.js +0 -4
- package/dist/ionic/p-74a23266.system.entry.js +0 -4
- package/dist/ionic/p-8711de04.entry.js +0 -4
- package/dist/ionic/p-871802fe.entry.js +0 -4
- package/dist/ionic/p-897e142d.entry.js +0 -4
- package/dist/ionic/p-8da248f0.system.entry.js +0 -4
- package/dist/ionic/p-90bfa7eb.system.entry.js +0 -4
- package/dist/ionic/p-9131f2ce.system.entry.js +0 -4
- package/dist/ionic/p-921d49a0.entry.js +0 -4
- package/dist/ionic/p-94bb8e22.entry.js +0 -4
- package/dist/ionic/p-954ce757.system.entry.js +0 -4
- package/dist/ionic/p-99eac672.system.js +0 -4
- package/dist/ionic/p-9c935c1f.system.entry.js +0 -4
- package/dist/ionic/p-9ee9d00e.js +0 -4
- package/dist/ionic/p-a18e77cb.system.entry.js +0 -4
- package/dist/ionic/p-a4ef5b36.js +0 -4
- package/dist/ionic/p-a5808f22.entry.js +0 -4
- package/dist/ionic/p-acd4af3a.entry.js +0 -4
- package/dist/ionic/p-b04873a4.system.js +0 -4
- package/dist/ionic/p-b096113b.js +0 -4
- package/dist/ionic/p-b159246b.entry.js +0 -4
- package/dist/ionic/p-b6098fdf.entry.js +0 -4
- package/dist/ionic/p-b6519389.system.entry.js +0 -4
- package/dist/ionic/p-b94d3454.entry.js +0 -4
- package/dist/ionic/p-c60bc054.system.entry.js +0 -4
- package/dist/ionic/p-c7d59299.js +0 -4
- package/dist/ionic/p-c9b94b63.system.entry.js +0 -4
- package/dist/ionic/p-cd83e6cc.system.entry.js +0 -4
- package/dist/ionic/p-d0dedc45.entry.js +0 -4
- package/dist/ionic/p-d34c3e77.js +0 -4
- package/dist/ionic/p-d834e36b.entry.js +0 -4
- package/dist/ionic/p-d9bc4210.js +0 -5
- package/dist/ionic/p-e171bd9c.system.js +0 -4
- package/dist/ionic/p-e614b5ba.system.entry.js +0 -4
- package/dist/ionic/p-ee9863ad.js +0 -4
- package/dist/ionic/p-f16ea33b.entry.js +0 -4
- package/dist/ionic/p-f321535c.js +0 -4
- package/dist/ionic/p-f3c381f2.entry.js +0 -4
- package/dist/ionic/p-f484f0e1.system.entry.js +0 -4
- package/dist/ionic/p-f810e0d3.js +0 -4
- package/dist/ionic/p-ffe2c670.js +0 -4
- package/dist/types/utils/test/playwright/page/utils/get-snapshot-settings.d.ts +0 -8
- /package/dist/cjs/{config-172736e4.js → config-d5882735.js} +0 -0
- /package/dist/cjs/{cubic-bezier-0e51923d.js → cubic-bezier-6b9222ad.js} +0 -0
- /package/dist/cjs/{dir-186d3a4d.js → dir-f1e0ca26.js} +0 -0
- /package/dist/cjs/{focus-visible-6163be3a.js → focus-visible-a7545600.js} +0 -0
- /package/dist/cjs/{gesture-controller-e2865472.js → gesture-controller-b46721be.js} +0 -0
- /package/dist/cjs/{hardware-back-button-bae6e13a.js → hardware-back-button-b67c8e75.js} +0 -0
- /package/dist/cjs/{helpers-77560954.js → helpers-ea4ccbcb.js} +0 -0
- /package/dist/cjs/{index-f0d7c9cc.js → index-306a7476.js} +0 -0
- /package/dist/cjs/{index-79605113.js → index-cc7dfb7c.js} +0 -0
- /package/dist/cjs/{index-b0e73ba0.js → index-d8d1fc0b.js} +0 -0
- /package/dist/cjs/{spinner-configs-7d30ff6f.js → spinner-configs-f7b5105b.js} +0 -0
- /package/dist/cjs/{theme-e6fec71e.js → theme-fbc56b3b.js} +0 -0
- /package/dist/cjs/{watch-options-4d182698.js → watch-options-f3f77e54.js} +0 -0
- /package/dist/esm/{config-80c044f2.js → config-96c9ace3.js} +0 -0
- /package/dist/esm/{cubic-bezier-e78d1307.js → cubic-bezier-66542bc5.js} +0 -0
- /package/dist/esm/{dir-e8b767a8.js → dir-912e3e13.js} +0 -0
- /package/dist/esm/{focus-visible-10ad4867.js → focus-visible-85493433.js} +0 -0
- /package/dist/esm/{gesture-controller-17060b7c.js → gesture-controller-0fa396c4.js} +0 -0
- /package/dist/esm/{hardware-back-button-490df115.js → hardware-back-button-39299f84.js} +0 -0
- /package/dist/esm/{helpers-f586db1c.js → helpers-3379ba19.js} +0 -0
- /package/dist/esm/{index-e86f0117.js → index-595d62c9.js} +0 -0
- /package/dist/esm/{index-b32cad98.js → index-7a14ecec.js} +0 -0
- /package/dist/esm/{index-393bc14a.js → index-ecfc2c9f.js} +0 -0
- /package/dist/esm/{spinner-configs-40ada8cd.js → spinner-configs-d09fbbbb.js} +0 -0
- /package/dist/esm/{theme-7670341c.js → theme-17531cdf.js} +0 -0
- /package/dist/esm/{watch-options-4d421847.js → watch-options-355a920a.js} +0 -0
- /package/dist/esm-es5/{config-80c044f2.js → config-96c9ace3.js} +0 -0
- /package/dist/esm-es5/{cubic-bezier-e78d1307.js → cubic-bezier-66542bc5.js} +0 -0
- /package/dist/esm-es5/{dir-e8b767a8.js → dir-912e3e13.js} +0 -0
- /package/dist/esm-es5/{focus-visible-10ad4867.js → focus-visible-85493433.js} +0 -0
- /package/dist/esm-es5/{gesture-controller-17060b7c.js → gesture-controller-0fa396c4.js} +0 -0
- /package/dist/esm-es5/{hardware-back-button-490df115.js → hardware-back-button-39299f84.js} +0 -0
- /package/dist/esm-es5/{helpers-f586db1c.js → helpers-3379ba19.js} +0 -0
- /package/dist/esm-es5/{index-e86f0117.js → index-595d62c9.js} +0 -0
- /package/dist/esm-es5/{index-b32cad98.js → index-7a14ecec.js} +0 -0
- /package/dist/esm-es5/{index-393bc14a.js → index-ecfc2c9f.js} +0 -0
- /package/dist/esm-es5/{spinner-configs-40ada8cd.js → spinner-configs-d09fbbbb.js} +0 -0
- /package/dist/esm-es5/{theme-7670341c.js → theme-17531cdf.js} +0 -0
- /package/dist/esm-es5/{watch-options-4d421847.js → watch-options-355a920a.js} +0 -0
- /package/dist/ionic/{p-35d01c78.js → p-0a87858b.js} +0 -0
- /package/dist/ionic/{p-3b753651.system.js → p-0e94957a.system.js} +0 -0
- /package/dist/ionic/{p-6561b0e5.js → p-185e427e.js} +0 -0
- /package/dist/ionic/{p-e1bc9a81.js → p-1b8e1d03.js} +0 -0
- /package/dist/ionic/{p-fe01417c.js → p-1d072d3d.js} +0 -0
- /package/dist/ionic/{p-5503807a.system.js → p-2b89ea1b.system.js} +0 -0
- /package/dist/ionic/{p-1ef14636.system.js → p-44bc8b45.system.js} +0 -0
- /package/dist/ionic/{p-97891b6b.system.js → p-479cdbf8.system.js} +0 -0
- /package/dist/ionic/{p-09292468.system.js → p-56dc022e.system.js} +0 -0
- /package/dist/ionic/{p-c099b4c9.js → p-5bf16a18.js} +0 -0
- /package/dist/ionic/{p-38bc7b29.js → p-63eb0acd.js} +0 -0
- /package/dist/ionic/{p-bb5b0f18.js → p-6dbfe5d4.js} +0 -0
- /package/dist/ionic/{p-d2405689.js → p-76fce40e.js} +0 -0
- /package/dist/ionic/{p-7ec7dc35.js → p-7b021525.js} +0 -0
- /package/dist/ionic/{p-bb38e011.js → p-7c2bac85.js} +0 -0
- /package/dist/ionic/{p-86d4b2bf.system.js → p-815c2fba.system.js} +0 -0
- /package/dist/ionic/{p-c2257c28.system.js → p-819ff3b9.system.js} +0 -0
- /package/dist/ionic/{p-56929710.system.js → p-87411e39.system.js} +0 -0
- /package/dist/ionic/{p-dc3c3a0a.system.js → p-8985b268.system.js} +0 -0
- /package/dist/ionic/{p-04f1268e.system.js → p-8c15eda7.system.js} +0 -0
- /package/dist/ionic/{p-72dbfdd4.system.js → p-9e852ff1.system.js} +0 -0
- /package/dist/ionic/{p-3c349187.js → p-b347cfd1.js} +0 -0
- /package/dist/ionic/{p-896b72c9.js → p-c18d6eac.js} +0 -0
- /package/dist/ionic/{p-eb54056c.system.js → p-c4f2dce7.system.js} +0 -0
- /package/dist/ionic/{p-4a212c9c.system.js → p-c87827ca.system.js} +0 -0
- /package/dist/ionic/{p-e1c318e0.js → p-e0b06b65.js} +0 -0
package/hydrate/index.js
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
8
|
/*!
|
|
9
|
-
Stencil Mock Doc
|
|
9
|
+
Stencil Mock Doc v4.4.1 | MIT Licensed | https://stenciljs.com
|
|
10
10
|
*/
|
|
11
11
|
const CONTENT_REF_ID = 'r';
|
|
12
12
|
const ORG_LOCATION_ID = 'o';
|
|
@@ -4005,9 +4005,11 @@ class MockWindow {
|
|
|
4005
4005
|
return {
|
|
4006
4006
|
media,
|
|
4007
4007
|
matches: false,
|
|
4008
|
-
|
|
4009
|
-
|
|
4010
|
-
|
|
4008
|
+
addListener: (_handler) => { },
|
|
4009
|
+
removeListener: (_handler) => { },
|
|
4010
|
+
addEventListener: (_type, _handler) => { },
|
|
4011
|
+
removeEventListener: (_type, _handler) => { },
|
|
4012
|
+
dispatchEvent: (_ev) => { },
|
|
4011
4013
|
onchange: null,
|
|
4012
4014
|
};
|
|
4013
4015
|
}
|
|
@@ -4951,7 +4953,7 @@ function hydrateFactory($stencilWindow, $stencilHydrateOpts, $stencilHydrateResu
|
|
|
4951
4953
|
|
|
4952
4954
|
|
|
4953
4955
|
const NAMESPACE = 'ionic';
|
|
4954
|
-
const BUILD = /* ionic */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true,
|
|
4956
|
+
const BUILD = /* ionic */ { allRenderFn: false, appendChildSlotFix: false, asyncLoading: true, attachStyles: true, cloneNodeFix: false, cmpDidLoad: true, cmpDidRender: true, cmpDidUnload: false, cmpDidUpdate: true, cmpShouldUpdate: false, cmpWillLoad: true, cmpWillRender: true, cmpWillUpdate: false, connectedCallback: true, constructableCSS: false, cssAnnotations: true, devTools: false, disconnectedCallback: true, element: false, event: true, hasRenderFn: true, hostListener: true, hostListenerTarget: true, hostListenerTargetBody: true, hostListenerTargetDocument: true, hostListenerTargetParent: false, hostListenerTargetWindow: true, hotModuleReplacement: false, hydrateClientSide: true, hydrateServerSide: true, hydratedAttribute: false, hydratedClass: true, isDebug: false, isDev: false, isTesting: false, lazyLoad: true, lifecycle: true, lifecycleDOMEvents: false, member: true, method: true, mode: true, observeAttribute: true, patchPseudoShadowDom: false, profile: false, prop: true, propBoolean: true, propMutable: true, propNumber: true, propString: true, reflect: true, scoped: true, scriptDataOpts: false, shadowDelegatesFocus: true, shadowDom: true, shadowDomShim: true, slot: true, slotChildNodesFix: false, slotRelocation: true, state: true, style: true, svg: true, taskQueue: true, updatable: true, vdomAttribute: true, vdomClass: true, vdomFunctional: true, vdomKey: true, vdomListener: true, vdomPropOrAttr: true, vdomRef: true, vdomRender: true, vdomStyle: true, vdomText: true, vdomXlink: true, watchCallback: true };
|
|
4955
4957
|
|
|
4956
4958
|
// TODO(FW-2832): types
|
|
4957
4959
|
class Config {
|
|
@@ -5186,8 +5188,8 @@ function forceUpdate() {}
|
|
|
5186
5188
|
|
|
5187
5189
|
function hydrateApp(e, t, o, n, s) {
|
|
5188
5190
|
function l() {
|
|
5189
|
-
if (global.clearTimeout(p), i.clear(), r.clear(), !
|
|
5190
|
-
|
|
5191
|
+
if (global.clearTimeout(p), i.clear(), r.clear(), !h) {
|
|
5192
|
+
h = !0;
|
|
5191
5193
|
try {
|
|
5192
5194
|
t.clientHydrateAnnotations && insertVdomAnnotations(e.document, t.staticComponents),
|
|
5193
5195
|
e.dispatchEvent(new e.Event("DOMContentLoaded")), e.document.createElement = c,
|
|
@@ -5202,9 +5204,9 @@ function hydrateApp(e, t, o, n, s) {
|
|
|
5202
5204
|
renderCatchError(t, o, e), l();
|
|
5203
5205
|
}
|
|
5204
5206
|
const r = new Set, i = new Set, d = new Set, c = e.document.createElement, $ = e.document.createElementNS, m = Promise.resolve();
|
|
5205
|
-
let p,
|
|
5207
|
+
let p, h = !1;
|
|
5206
5208
|
try {
|
|
5207
|
-
function
|
|
5209
|
+
function u() {
|
|
5208
5210
|
return g(this);
|
|
5209
5211
|
}
|
|
5210
5212
|
function f(e) {
|
|
@@ -5213,7 +5215,7 @@ function hydrateApp(e, t, o, n, s) {
|
|
|
5213
5215
|
$tagName$: e.nodeName.toLowerCase(),
|
|
5214
5216
|
$flags$: null
|
|
5215
5217
|
});
|
|
5216
|
-
null != t && null != t.cmpMeta && (i.add(e), e.connectedCallback =
|
|
5218
|
+
null != t && null != t.cmpMeta && (i.add(e), e.connectedCallback = u, registerHost(e, t.cmpMeta),
|
|
5217
5219
|
function o(e, t) {
|
|
5218
5220
|
if ("function" != typeof e.componentOnReady && (e.componentOnReady = componentOnReady$1),
|
|
5219
5221
|
"function" != typeof e.forceUpdate && (e.forceUpdate = forceUpdate), 1 & t.$flags$ && (e.shadowRoot = e),
|
|
@@ -5323,8 +5325,8 @@ function renderCatchError(e, t, o) {
|
|
|
5323
5325
|
type: "build",
|
|
5324
5326
|
header: "Hydrate Error",
|
|
5325
5327
|
messageText: "",
|
|
5326
|
-
relFilePath:
|
|
5327
|
-
absFilePath:
|
|
5328
|
+
relFilePath: void 0,
|
|
5329
|
+
absFilePath: void 0,
|
|
5328
5330
|
lines: []
|
|
5329
5331
|
};
|
|
5330
5332
|
if (e.url) try {
|
|
@@ -5474,24 +5476,23 @@ const createTime = (e, t = "") => {
|
|
|
5474
5476
|
}, rootAppliedStyles = new WeakMap, registerStyle = (e, t, o) => {
|
|
5475
5477
|
let n = styles.get(e);
|
|
5476
5478
|
n = t, styles.set(e, n);
|
|
5477
|
-
}, addStyle = (e, t, o
|
|
5478
|
-
var
|
|
5479
|
-
|
|
5480
|
-
|
|
5481
|
-
if (e = 11 === e.nodeType ? e : doc$1, a) if ("string" == typeof a) {
|
|
5479
|
+
}, addStyle = (e, t, o) => {
|
|
5480
|
+
var n;
|
|
5481
|
+
const s = getScopeId(t, o), l = styles.get(s);
|
|
5482
|
+
if (e = 11 === e.nodeType ? e : doc$1, l) if ("string" == typeof l) {
|
|
5482
5483
|
e = e.head || e;
|
|
5483
|
-
let
|
|
5484
|
-
if (
|
|
5485
|
-
if (e.host && (
|
|
5486
|
-
|
|
5487
|
-
const
|
|
5488
|
-
null !=
|
|
5489
|
-
e.insertBefore(
|
|
5484
|
+
let t, o = rootAppliedStyles.get(e);
|
|
5485
|
+
if (o || rootAppliedStyles.set(e, o = new Set), !o.has(s)) {
|
|
5486
|
+
if (e.host && (t = e.querySelector(`[sty-id="${s}"]`))) t.innerHTML = l; else {
|
|
5487
|
+
t = doc$1.createElement("style"), t.innerHTML = l;
|
|
5488
|
+
const o = null !== (n = plt.$nonce$) && void 0 !== n ? n : queryNonceMetaTagContent(doc$1);
|
|
5489
|
+
null != o && t.setAttribute("nonce", o), t.setAttribute("sty-id", s),
|
|
5490
|
+
e.insertBefore(t, e.querySelector("link"));
|
|
5490
5491
|
}
|
|
5491
|
-
|
|
5492
|
+
o && o.add(s);
|
|
5492
5493
|
}
|
|
5493
5494
|
}
|
|
5494
|
-
return
|
|
5495
|
+
return s;
|
|
5495
5496
|
}, attachStyles = e => {
|
|
5496
5497
|
const t = e.$cmpMeta$, o = e.$hostElement$, n = t.$flags$, s = createTime("attachStyles", t.$tagName$), l = addStyle(o.getRootNode(), t, e.$modeName$);
|
|
5497
5498
|
10 & n && (o["s-sc"] = l,
|
|
@@ -5574,17 +5575,17 @@ const createElm = (e, t, o, n) => {
|
|
|
5574
5575
|
null !== a ? (r = o["s-cr"]) ? r.parentNode.textContent = a : e.$text$ !== a && (o.data = a) : ((isSvgMode = "svg" === l || "foreignObject" !== l && isSvgMode),
|
|
5575
5576
|
("slot" === l || updateElement(e, t, isSvgMode)),
|
|
5576
5577
|
null !== n && null !== s ? ((e, t, o, n) => {
|
|
5577
|
-
let s, l, a = 0, r = 0, i = 0, d = 0, c = t.length - 1, $ = t[0], m = t[c], p = n.length - 1,
|
|
5578
|
-
for (;a <= c && r <= p; ) if (null == $) $ = t[++a]; else if (null == m) m = t[--c]; else if (null ==
|
|
5579
|
-
$ = t[++a],
|
|
5580
|
-
patch($,
|
|
5581
|
-
patch(m,
|
|
5582
|
-
if (i = -1, BUILD.vdomKey) for (d = a; d <= c; ++d) if (t[d] && null !== t[d].$key$ && t[d].$key$ ===
|
|
5578
|
+
let s, l, a = 0, r = 0, i = 0, d = 0, c = t.length - 1, $ = t[0], m = t[c], p = n.length - 1, h = n[0], u = n[p];
|
|
5579
|
+
for (;a <= c && r <= p; ) if (null == $) $ = t[++a]; else if (null == m) m = t[--c]; else if (null == h) h = n[++r]; else if (null == u) u = n[--p]; else if (isSameVnode($, h)) patch($, h),
|
|
5580
|
+
$ = t[++a], h = n[++r]; else if (isSameVnode(m, u)) patch(m, u), m = t[--c], u = n[--p]; else if (isSameVnode($, u)) "slot" !== $.$tag$ && "slot" !== u.$tag$ || putBackInOriginalLocation($.$elm$.parentNode, !1),
|
|
5581
|
+
patch($, u), e.insertBefore($.$elm$, m.$elm$.nextSibling), $ = t[++a], u = n[--p]; else if (isSameVnode(m, h)) "slot" !== $.$tag$ && "slot" !== u.$tag$ || putBackInOriginalLocation(m.$elm$.parentNode, !1),
|
|
5582
|
+
patch(m, h), e.insertBefore(m.$elm$, $.$elm$), m = t[--c], h = n[++r]; else {
|
|
5583
|
+
if (i = -1, BUILD.vdomKey) for (d = a; d <= c; ++d) if (t[d] && null !== t[d].$key$ && t[d].$key$ === h.$key$) {
|
|
5583
5584
|
i = d;
|
|
5584
5585
|
break;
|
|
5585
5586
|
}
|
|
5586
|
-
i >= 0 ? (l = t[i], l.$tag$ !==
|
|
5587
|
-
t[i] = void 0, s = l.$elm$),
|
|
5587
|
+
i >= 0 ? (l = t[i], l.$tag$ !== h.$tag$ ? s = createElm(t && t[r], o, i, e) : (patch(l, h),
|
|
5588
|
+
t[i] = void 0, s = l.$elm$), h = n[++r]) : (s = createElm(t && t[r], o, r, e), h = n[++r]),
|
|
5588
5589
|
s && (parentReferenceNode($.$elm$).insertBefore(s, referenceNode($.$elm$)) );
|
|
5589
5590
|
}
|
|
5590
5591
|
a > c ? addVnodes(e, null == n[p + 1] ? null : n[p + 1].$elm$, o, n, r, p) : r > p && removeVnodes(t, a, c);
|
|
@@ -5593,66 +5594,73 @@ const createElm = (e, t, o, n) => {
|
|
|
5593
5594
|
isSvgMode && "svg" === l && (isSvgMode = !1));
|
|
5594
5595
|
}, updateFallbackSlotVisibility = e => {
|
|
5595
5596
|
const t = e.childNodes;
|
|
5596
|
-
|
|
5597
|
-
|
|
5598
|
-
|
|
5599
|
-
|
|
5600
|
-
|
|
5601
|
-
o.
|
|
5597
|
+
for (const e of t) if (1 === e.nodeType) {
|
|
5598
|
+
if (e["s-sr"]) {
|
|
5599
|
+
const o = e["s-sn"];
|
|
5600
|
+
e.hidden = !1;
|
|
5601
|
+
for (const n of t) if (n["s-hn"] !== e["s-hn"] || "" !== o) {
|
|
5602
|
+
if (1 === n.nodeType && o === n.getAttribute("slot")) {
|
|
5603
|
+
e.hidden = !0;
|
|
5604
|
+
break;
|
|
5605
|
+
}
|
|
5606
|
+
} else if (1 === n.nodeType || 3 === n.nodeType && "" !== n.textContent.trim()) {
|
|
5607
|
+
e.hidden = !0;
|
|
5602
5608
|
break;
|
|
5603
5609
|
}
|
|
5604
|
-
} else if (1 === r || 3 === r && "" !== t[l].textContent.trim()) {
|
|
5605
|
-
o.hidden = !0;
|
|
5606
|
-
break;
|
|
5607
5610
|
}
|
|
5608
|
-
updateFallbackSlotVisibility(
|
|
5611
|
+
updateFallbackSlotVisibility(e);
|
|
5609
5612
|
}
|
|
5610
|
-
}, relocateNodes = [],
|
|
5611
|
-
let t, o, n
|
|
5612
|
-
const
|
|
5613
|
-
|
|
5614
|
-
|
|
5615
|
-
|
|
5616
|
-
|
|
5617
|
-
|
|
5618
|
-
|
|
5619
|
-
|
|
5620
|
-
|
|
5621
|
-
|
|
5622
|
-
|
|
5623
|
-
|
|
5624
|
-
|
|
5625
|
-
|
|
5613
|
+
}, relocateNodes = [], markSlotContentForRelocation = e => {
|
|
5614
|
+
let t, o, n;
|
|
5615
|
+
for (const s of e.childNodes) {
|
|
5616
|
+
if (s["s-sr"] && (t = s["s-cr"]) && t.parentNode) {
|
|
5617
|
+
o = t.parentNode.childNodes;
|
|
5618
|
+
const e = s["s-sn"];
|
|
5619
|
+
for (n = o.length - 1; n >= 0; n--) if (t = o[n], !t["s-cn"] && !t["s-nr"] && t["s-hn"] !== s["s-hn"]) if (isNodeLocatedInSlot(t, e)) {
|
|
5620
|
+
let o = relocateNodes.find((e => e.$nodeToRelocate$ === t));
|
|
5621
|
+
checkSlotFallbackVisibility = !0, t["s-sn"] = t["s-sn"] || e, o ? o.$slotRefNode$ = s : relocateNodes.push({
|
|
5622
|
+
$slotRefNode$: s,
|
|
5623
|
+
$nodeToRelocate$: t
|
|
5624
|
+
}), t["s-sr"] && relocateNodes.map((e => {
|
|
5625
|
+
isNodeLocatedInSlot(e.$nodeToRelocate$, t["s-sn"]) && (o = relocateNodes.find((e => e.$nodeToRelocate$ === t)),
|
|
5626
|
+
o && !e.$slotRefNode$ && (e.$slotRefNode$ = o.$slotRefNode$));
|
|
5627
|
+
}));
|
|
5628
|
+
} else relocateNodes.some((e => e.$nodeToRelocate$ === t)) || relocateNodes.push({
|
|
5629
|
+
$nodeToRelocate$: t
|
|
5630
|
+
});
|
|
5631
|
+
}
|
|
5632
|
+
1 === s.nodeType && markSlotContentForRelocation(s);
|
|
5626
5633
|
}
|
|
5627
5634
|
}, isNodeLocatedInSlot = (e, t) => 1 === e.nodeType ? null === e.getAttribute("slot") && "" === t || e.getAttribute("slot") === t : e["s-sn"] === t || "" === t, nullifyVNodeRefs = e => {
|
|
5628
5635
|
(e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(nullifyVNodeRefs));
|
|
5629
|
-
}, renderVdom = (e, t) => {
|
|
5630
|
-
const
|
|
5631
|
-
if (hostTagName =
|
|
5632
|
-
if (
|
|
5633
|
-
|
|
5634
|
-
(
|
|
5635
|
-
|
|
5636
|
+
}, renderVdom = (e, t, o = !1) => {
|
|
5637
|
+
const n = e.$hostElement$, s = e.$cmpMeta$, l = e.$vnode$ || newVNode(null, null), a = isHost(t) ? t : h(null, null, t);
|
|
5638
|
+
if (hostTagName = n.tagName, BUILD.isDev ) ;
|
|
5639
|
+
if (s.$attrsToReflect$ && (a.$attrs$ = a.$attrs$ || {}, s.$attrsToReflect$.map((([e, t]) => a.$attrs$[t] = n[e]))),
|
|
5640
|
+
o && a.$attrs$) for (const e of Object.keys(a.$attrs$)) n.hasAttribute(e) && ![ "key", "ref", "style", "class" ].includes(e) && (a.$attrs$[e] = n[e]);
|
|
5641
|
+
if (a.$tag$ = null, a.$flags$ |= 4, e.$vnode$ = a, a.$elm$ = l.$elm$ = n.shadowRoot || n,
|
|
5642
|
+
(scopeId = n["s-sc"]), (contentRef = n["s-cr"],
|
|
5643
|
+
useNativeShadowDom = supportsShadow, checkSlotFallbackVisibility = !1), patch(l, a),
|
|
5636
5644
|
BUILD.slotRelocation) {
|
|
5637
5645
|
if (plt.$flags$ |= 1, checkSlotRelocate) {
|
|
5638
|
-
let e, t, o, n, s,
|
|
5639
|
-
|
|
5646
|
+
let e, t, o, n, s, l;
|
|
5647
|
+
markSlotContentForRelocation(a.$elm$);
|
|
5640
5648
|
let r = 0;
|
|
5641
5649
|
for (;r < relocateNodes.length; r++) e = relocateNodes[r], t = e.$nodeToRelocate$,
|
|
5642
5650
|
t["s-ol"] || (o = originalLocationDebugNode(t) ,
|
|
5643
5651
|
o["s-nr"] = t, t.parentNode.insertBefore(t["s-ol"] = o, t));
|
|
5644
5652
|
for (r = 0; r < relocateNodes.length; r++) if (e = relocateNodes[r], t = e.$nodeToRelocate$,
|
|
5645
5653
|
e.$slotRefNode$) {
|
|
5646
|
-
for (n = e.$slotRefNode$.parentNode, s = e.$slotRefNode$.nextSibling, o = t["s-ol"]; o = o.previousSibling; ) if (
|
|
5647
|
-
|
|
5648
|
-
s =
|
|
5654
|
+
for (n = e.$slotRefNode$.parentNode, s = e.$slotRefNode$.nextSibling, o = t["s-ol"]; o = o.previousSibling; ) if (l = o["s-nr"],
|
|
5655
|
+
l && l["s-sn"] === t["s-sn"] && n === l.parentNode && (l = l.nextSibling, !l || !l["s-nr"])) {
|
|
5656
|
+
s = l;
|
|
5649
5657
|
break;
|
|
5650
5658
|
}
|
|
5651
5659
|
(!s && n !== t.parentNode || t.nextSibling !== s) && t !== s && (!t["s-hn"] && t["s-ol"] && (t["s-hn"] = t["s-ol"].parentNode.nodeName),
|
|
5652
5660
|
n.insertBefore(t, s));
|
|
5653
5661
|
} else 1 === t.nodeType && (t.hidden = !0);
|
|
5654
5662
|
}
|
|
5655
|
-
checkSlotFallbackVisibility && updateFallbackSlotVisibility(
|
|
5663
|
+
checkSlotFallbackVisibility && updateFallbackSlotVisibility(a.$elm$), plt.$flags$ &= -2,
|
|
5656
5664
|
relocateNodes.length = 0;
|
|
5657
5665
|
}
|
|
5658
5666
|
}, slotReferenceDebugNode = e => doc$1.createComment(`<slot${e.$name$ ? ' name="' + e.$name$ + '"' : ""}> (host=${hostTagName.toLowerCase()})`), originalLocationDebugNode = e => doc$1.createComment("org-location for " + (e.localName ? `<${e.localName}> (host=${e["s-hn"]})` : `[${e.textContent}]`)), attachToAncestor = (e, t) => {
|
|
@@ -5673,7 +5681,7 @@ const createElm = (e, t, o, n) => {
|
|
|
5673
5681
|
const s = e.$hostElement$, l = createTime("update", e.$cmpMeta$.$tagName$), a = s["s-rc"];
|
|
5674
5682
|
o && attachStyles(e);
|
|
5675
5683
|
const r = createTime("render", e.$cmpMeta$.$tagName$);
|
|
5676
|
-
if (await callRender(e, t) ,
|
|
5684
|
+
if (await callRender(e, t, s, o) ,
|
|
5677
5685
|
BUILD.hydrateServerSide) try {
|
|
5678
5686
|
serverSideConnected(s), o && (1 & e.$cmpMeta$.$flags$ ? s["s-en"] = "" : 2 & e.$cmpMeta$.$flags$ && (s["s-en"] = "c"));
|
|
5679
5687
|
} catch (e) {
|
|
@@ -5686,11 +5694,11 @@ const createElm = (e, t, o, n) => {
|
|
|
5686
5694
|
}
|
|
5687
5695
|
};
|
|
5688
5696
|
|
|
5689
|
-
const callRender = (e, t, o) => {
|
|
5697
|
+
const callRender = (e, t, o, n) => {
|
|
5690
5698
|
try {
|
|
5691
5699
|
if (t = (t.render) && t.render(), (e.$flags$ &= -17),
|
|
5692
5700
|
(e.$flags$ |= 2), BUILD.hasRenderFn ) {
|
|
5693
|
-
return Promise.resolve(t).then((t => renderVdom(e, t)));
|
|
5701
|
+
return Promise.resolve(t).then((t => renderVdom(e, t, n)));
|
|
5694
5702
|
}
|
|
5695
5703
|
} catch (t) {
|
|
5696
5704
|
consoleError(t, e.$hostElement$);
|
|
@@ -5702,14 +5710,11 @@ const callRender = (e, t, o) => {
|
|
|
5702
5710
|
BUILD.isDev ), 64 & e.$flags$ ? ((safeCall$1(s, "componentDidUpdate"),
|
|
5703
5711
|
BUILD.isDev ), n()) : (e.$flags$ |= 64, addHydratedFlag(o),
|
|
5704
5712
|
(safeCall$1(s, "componentDidLoad"),
|
|
5705
|
-
BUILD.isDev ), n(), (e.$onReadyResolve$(o), l || appDidLoad())), e.$onInstanceResolve$(o),
|
|
5706
|
-
e.$onRenderResolve$
|
|
5707
|
-
e.$flags$ &= -517);
|
|
5713
|
+
BUILD.isDev ), n(), (e.$onReadyResolve$(o), l || appDidLoad())), e.$onInstanceResolve$(o),
|
|
5714
|
+
(e.$onRenderResolve$ && (e.$onRenderResolve$(), e.$onRenderResolve$ = void 0),
|
|
5715
|
+
512 & e.$flags$ && nextTick((() => scheduleUpdate(e, !1))), e.$flags$ &= -517);
|
|
5708
5716
|
}, forceUpdate$1 = e => {
|
|
5709
|
-
|
|
5710
|
-
const t = getHostRef(e), o = t.$hostElement$.isConnected;
|
|
5711
|
-
return o && 2 == (18 & t.$flags$) && scheduleUpdate(t, !1), o;
|
|
5712
|
-
}
|
|
5717
|
+
return !1;
|
|
5713
5718
|
}, appDidLoad = e => {
|
|
5714
5719
|
addHydratedFlag(doc$1.documentElement), nextTick((() => emitEvent(win$2, "appload", {
|
|
5715
5720
|
detail: {
|
|
@@ -5749,11 +5754,12 @@ const callRender = (e, t, o) => {
|
|
|
5749
5754
|
}
|
|
5750
5755
|
}
|
|
5751
5756
|
}, proxyComponent = (e, t, o) => {
|
|
5757
|
+
var n;
|
|
5752
5758
|
if (t.$members$) {
|
|
5753
5759
|
e.watchers && (t.$watchers$ = e.watchers);
|
|
5754
|
-
const
|
|
5755
|
-
if (
|
|
5756
|
-
(31 & n || (2 & o) && 32 & n) ? Object.defineProperty(
|
|
5760
|
+
const s = Object.entries(t.$members$), l = e.prototype;
|
|
5761
|
+
if (s.map((([e, [n]]) => {
|
|
5762
|
+
(31 & n || (2 & o) && 32 & n) ? Object.defineProperty(l, e, {
|
|
5757
5763
|
get() {
|
|
5758
5764
|
return getValue(this, e);
|
|
5759
5765
|
},
|
|
@@ -5762,7 +5768,7 @@ const callRender = (e, t, o) => {
|
|
|
5762
5768
|
},
|
|
5763
5769
|
configurable: !0,
|
|
5764
5770
|
enumerable: !0
|
|
5765
|
-
}) : 1 & o && 64 & n && Object.defineProperty(
|
|
5771
|
+
}) : 1 & o && 64 & n && Object.defineProperty(l, e, {
|
|
5766
5772
|
value(...t) {
|
|
5767
5773
|
const o = getHostRef(this);
|
|
5768
5774
|
return o.$onInstancePromise$.then((() => o.$lazyInstance$[e](...t)));
|
|
@@ -5770,24 +5776,37 @@ const callRender = (e, t, o) => {
|
|
|
5770
5776
|
});
|
|
5771
5777
|
})), (1 & o)) {
|
|
5772
5778
|
const o = new Map;
|
|
5773
|
-
|
|
5779
|
+
l.attributeChangedCallback = function(e, n, s) {
|
|
5774
5780
|
plt.jmp((() => {
|
|
5775
|
-
const
|
|
5776
|
-
if (this.hasOwnProperty(
|
|
5777
|
-
|
|
5781
|
+
const a = o.get(e);
|
|
5782
|
+
if (this.hasOwnProperty(a)) s = this[a], delete this[a]; else {
|
|
5783
|
+
if (l.hasOwnProperty(a) && "number" == typeof this[a] && this[a] == s) return;
|
|
5784
|
+
if (null == a) {
|
|
5785
|
+
const o = getHostRef(this), l = null == o ? void 0 : o.$flags$;
|
|
5786
|
+
if (!(8 & l) && 128 & l && s !== n) {
|
|
5787
|
+
const a = o.$lazyInstance$ , r = t.$watchers$[e];
|
|
5788
|
+
null == r || r.forEach((t => {
|
|
5789
|
+
null != a[t] && a[t].call(a, s, n, e);
|
|
5790
|
+
}));
|
|
5791
|
+
}
|
|
5792
|
+
return;
|
|
5793
|
+
}
|
|
5794
|
+
}
|
|
5795
|
+
this[a] = (null !== s || "boolean" != typeof this[a]) && s;
|
|
5778
5796
|
}));
|
|
5779
|
-
}, e.observedAttributes = n.filter((([e, t]) => 15 & t[0])).map((([e, n]) => {
|
|
5797
|
+
}, e.observedAttributes = Array.from(new Set([ ...Object.keys(null !== (n = t.$watchers$) && void 0 !== n ? n : {}), ...s.filter((([e, t]) => 15 & t[0])).map((([e, n]) => {
|
|
5780
5798
|
const s = n[1] || e;
|
|
5781
5799
|
return o.set(s, e), 512 & n[0] && t.$attrsToReflect$.push([ e, s ]),
|
|
5782
5800
|
s;
|
|
5783
|
-
}));
|
|
5801
|
+
})) ]));
|
|
5784
5802
|
}
|
|
5785
5803
|
}
|
|
5786
5804
|
return e;
|
|
5787
|
-
}, initializeComponent = async (e, t, o, n
|
|
5805
|
+
}, initializeComponent = async (e, t, o, n) => {
|
|
5806
|
+
let s;
|
|
5788
5807
|
if (0 == (32 & t.$flags$)) {
|
|
5789
5808
|
if (t.$flags$ |= 32, BUILD.lazyLoad ) {
|
|
5790
|
-
if (
|
|
5809
|
+
if (s = loadModule(o), s.then) {
|
|
5791
5810
|
const e = (() => {});
|
|
5792
5811
|
s = await s, e();
|
|
5793
5812
|
}
|
|
@@ -5820,7 +5839,7 @@ const callRender = (e, t, o) => {
|
|
|
5820
5839
|
}, connectedCallback = e => {
|
|
5821
5840
|
if (0 == (1 & plt.$flags$)) {
|
|
5822
5841
|
const t = getHostRef(e), o = t.$cmpMeta$, n = createTime("connectedCallback", o.$tagName$);
|
|
5823
|
-
if (1 & t.$flags$) addHostEventListeners(e, t, o.$listeners$), fireConnectedCallback(t.$lazyInstance$); else {
|
|
5842
|
+
if (1 & t.$flags$) addHostEventListeners(e, t, o.$listeners$), (null == t ? void 0 : t.$lazyInstance$) ? fireConnectedCallback(t.$lazyInstance$) : (null == t ? void 0 : t.$onReadyPromise$) && t.$onReadyPromise$.then((() => fireConnectedCallback(t.$lazyInstance$))); else {
|
|
5824
5843
|
let n;
|
|
5825
5844
|
if (t.$flags$ |= 1, (n = e.getAttribute("s-id"), n)) {
|
|
5826
5845
|
((e, t, o, n) => {
|
|
@@ -7969,6 +7988,40 @@ const createButtonActiveGesture = (el, isButton) => {
|
|
|
7969
7988
|
});
|
|
7970
7989
|
};
|
|
7971
7990
|
|
|
7991
|
+
/**
|
|
7992
|
+
* Creates a lock controller.
|
|
7993
|
+
*
|
|
7994
|
+
* Claiming a lock means that nothing else can acquire the lock until it is released.
|
|
7995
|
+
* This can momentarily prevent execution of code that needs to wait for the earlier code to finish.
|
|
7996
|
+
* For example, this can be used to prevent multiple transitions from occurring at the same time.
|
|
7997
|
+
*/
|
|
7998
|
+
const createLockController = () => {
|
|
7999
|
+
let waitPromise;
|
|
8000
|
+
/**
|
|
8001
|
+
* When lock() is called, the lock is claimed.
|
|
8002
|
+
* Once a lock has been claimed, it cannot be claimed again until it is released.
|
|
8003
|
+
* When this function gets resolved, the lock is released, allowing it to be claimed again.
|
|
8004
|
+
*
|
|
8005
|
+
* @example ```tsx
|
|
8006
|
+
* const unlock = await this.lockController.lock();
|
|
8007
|
+
* // do other stuff
|
|
8008
|
+
* unlock();
|
|
8009
|
+
* ```
|
|
8010
|
+
*/
|
|
8011
|
+
const lock = async () => {
|
|
8012
|
+
const p = waitPromise;
|
|
8013
|
+
let resolve;
|
|
8014
|
+
waitPromise = new Promise((r) => (resolve = r));
|
|
8015
|
+
if (p !== undefined) {
|
|
8016
|
+
await p;
|
|
8017
|
+
}
|
|
8018
|
+
return resolve;
|
|
8019
|
+
};
|
|
8020
|
+
return {
|
|
8021
|
+
lock,
|
|
8022
|
+
};
|
|
8023
|
+
};
|
|
8024
|
+
|
|
7972
8025
|
// TODO(FW-2832): types
|
|
7973
8026
|
const attachComponent = async (delegate, container, component, cssClasses, componentProps, inline) => {
|
|
7974
8027
|
var _a;
|
|
@@ -8005,6 +8058,7 @@ const CoreDelegate = () => {
|
|
|
8005
8058
|
const attachViewToDom = async (parentElement, userComponent, userComponentProps = {}, cssClasses = []) => {
|
|
8006
8059
|
var _a, _b;
|
|
8007
8060
|
BaseComponent = parentElement;
|
|
8061
|
+
let ChildComponent;
|
|
8008
8062
|
/**
|
|
8009
8063
|
* If passing in a component via the `component` props
|
|
8010
8064
|
* we need to append it inside of our overlay component.
|
|
@@ -8031,6 +8085,7 @@ const CoreDelegate = () => {
|
|
|
8031
8085
|
* inside of the overlay component.
|
|
8032
8086
|
*/
|
|
8033
8087
|
BaseComponent.appendChild(el);
|
|
8088
|
+
ChildComponent = el;
|
|
8034
8089
|
await new Promise((resolve) => componentOnReady(el, resolve));
|
|
8035
8090
|
}
|
|
8036
8091
|
else if (BaseComponent.children.length > 0 &&
|
|
@@ -8039,7 +8094,7 @@ const CoreDelegate = () => {
|
|
|
8039
8094
|
* The delegate host wrapper el is only needed for modals and popovers
|
|
8040
8095
|
* because they allow the dev to provide custom content to the overlay.
|
|
8041
8096
|
*/
|
|
8042
|
-
const root = BaseComponent.children[0];
|
|
8097
|
+
const root = (ChildComponent = BaseComponent.children[0]);
|
|
8043
8098
|
if (!root.classList.contains('ion-delegate-host')) {
|
|
8044
8099
|
/**
|
|
8045
8100
|
* If the root element is not a delegate host, it means
|
|
@@ -8054,6 +8109,12 @@ const CoreDelegate = () => {
|
|
|
8054
8109
|
el.append(...BaseComponent.children);
|
|
8055
8110
|
// Append the new parent element to the original parent element.
|
|
8056
8111
|
BaseComponent.appendChild(el);
|
|
8112
|
+
/**
|
|
8113
|
+
* Update the ChildComponent to be the
|
|
8114
|
+
* newly created div in the event that one
|
|
8115
|
+
* does not already exist.
|
|
8116
|
+
*/
|
|
8117
|
+
ChildComponent = el;
|
|
8057
8118
|
}
|
|
8058
8119
|
}
|
|
8059
8120
|
/**
|
|
@@ -8069,7 +8130,18 @@ const CoreDelegate = () => {
|
|
|
8069
8130
|
Reference = document.createComment('ionic teleport');
|
|
8070
8131
|
BaseComponent.parentNode.insertBefore(Reference, BaseComponent);
|
|
8071
8132
|
app.appendChild(BaseComponent);
|
|
8072
|
-
|
|
8133
|
+
/**
|
|
8134
|
+
* We return the child component rather than the overlay
|
|
8135
|
+
* reference itself since modal and popover will
|
|
8136
|
+
* use this to wait for any Ionic components in the child view
|
|
8137
|
+
* to be ready (i.e. componentOnReady) when using the
|
|
8138
|
+
* lazy loaded component bundle.
|
|
8139
|
+
*
|
|
8140
|
+
* However, we fall back to returning BaseComponent
|
|
8141
|
+
* in the event that a modal or popover is presented
|
|
8142
|
+
* with no child content.
|
|
8143
|
+
*/
|
|
8144
|
+
return ChildComponent !== null && ChildComponent !== void 0 ? ChildComponent : BaseComponent;
|
|
8073
8145
|
};
|
|
8074
8146
|
const removeViewFromDom = () => {
|
|
8075
8147
|
/**
|
|
@@ -8109,7 +8181,7 @@ const createController = (tagName) => {
|
|
|
8109
8181
|
return dismissOverlay(document, data, role, tagName, id);
|
|
8110
8182
|
},
|
|
8111
8183
|
async getTop() {
|
|
8112
|
-
return
|
|
8184
|
+
return getPresentedOverlay(document, tagName);
|
|
8113
8185
|
},
|
|
8114
8186
|
};
|
|
8115
8187
|
};
|
|
@@ -8222,7 +8294,7 @@ const focusLastDescendant = (ref, overlay) => {
|
|
|
8222
8294
|
* Should NOT include: Toast
|
|
8223
8295
|
*/
|
|
8224
8296
|
const trapKeyboardFocus = (ev, doc) => {
|
|
8225
|
-
const lastOverlay =
|
|
8297
|
+
const lastOverlay = getPresentedOverlay(doc, 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker,ion-popover');
|
|
8226
8298
|
const target = ev.target;
|
|
8227
8299
|
/**
|
|
8228
8300
|
* If no active overlay, ignore this event.
|
|
@@ -8377,7 +8449,7 @@ const connectListeners = (doc) => {
|
|
|
8377
8449
|
}, true);
|
|
8378
8450
|
// handle back-button click
|
|
8379
8451
|
doc.addEventListener('ionBackButton', (ev) => {
|
|
8380
|
-
const lastOverlay =
|
|
8452
|
+
const lastOverlay = getPresentedOverlay(doc);
|
|
8381
8453
|
if (lastOverlay === null || lastOverlay === void 0 ? void 0 : lastOverlay.backdropDismiss) {
|
|
8382
8454
|
ev.detail.register(OVERLAY_BACK_BUTTON_PRIORITY, () => {
|
|
8383
8455
|
return lastOverlay.dismiss(undefined, BACKDROP);
|
|
@@ -8387,7 +8459,7 @@ const connectListeners = (doc) => {
|
|
|
8387
8459
|
// handle ESC to close overlay
|
|
8388
8460
|
doc.addEventListener('keydown', (ev) => {
|
|
8389
8461
|
if (ev.key === 'Escape') {
|
|
8390
|
-
const lastOverlay =
|
|
8462
|
+
const lastOverlay = getPresentedOverlay(doc);
|
|
8391
8463
|
if (lastOverlay === null || lastOverlay === void 0 ? void 0 : lastOverlay.backdropDismiss) {
|
|
8392
8464
|
lastOverlay.dismiss(undefined, BACKDROP);
|
|
8393
8465
|
}
|
|
@@ -8396,12 +8468,15 @@ const connectListeners = (doc) => {
|
|
|
8396
8468
|
}
|
|
8397
8469
|
};
|
|
8398
8470
|
const dismissOverlay = (doc, data, role, overlayTag, id) => {
|
|
8399
|
-
const overlay =
|
|
8471
|
+
const overlay = getPresentedOverlay(doc, overlayTag, id);
|
|
8400
8472
|
if (!overlay) {
|
|
8401
8473
|
return Promise.reject('overlay does not exist');
|
|
8402
8474
|
}
|
|
8403
8475
|
return overlay.dismiss(data, role);
|
|
8404
8476
|
};
|
|
8477
|
+
/**
|
|
8478
|
+
* Returns a list of all overlays in the DOM even if they are not presented.
|
|
8479
|
+
*/
|
|
8405
8480
|
const getOverlays = (doc, selector) => {
|
|
8406
8481
|
if (selector === undefined) {
|
|
8407
8482
|
selector = 'ion-alert,ion-action-sheet,ion-loading,ion-modal,ion-picker,ion-popover,ion-toast';
|
|
@@ -8409,14 +8484,24 @@ const getOverlays = (doc, selector) => {
|
|
|
8409
8484
|
return Array.from(doc.querySelectorAll(selector)).filter((c) => c.overlayIndex > 0);
|
|
8410
8485
|
};
|
|
8411
8486
|
/**
|
|
8412
|
-
* Returns
|
|
8487
|
+
* Returns a list of all presented overlays.
|
|
8488
|
+
* Inline overlays can exist in the DOM but not be presented,
|
|
8489
|
+
* so there are times when we want to exclude those.
|
|
8490
|
+
* @param doc The document to find the element within.
|
|
8491
|
+
* @param overlayTag The selector for the overlay, defaults to Ionic overlay components.
|
|
8492
|
+
*/
|
|
8493
|
+
const getPresentedOverlays = (doc, overlayTag) => {
|
|
8494
|
+
return getOverlays(doc, overlayTag).filter((o) => !isOverlayHidden(o));
|
|
8495
|
+
};
|
|
8496
|
+
/**
|
|
8497
|
+
* Returns a presented overlay element.
|
|
8413
8498
|
* @param doc The document to find the element within.
|
|
8414
8499
|
* @param overlayTag The selector for the overlay, defaults to Ionic overlay components.
|
|
8415
8500
|
* @param id The unique identifier for the overlay instance.
|
|
8416
8501
|
* @returns The overlay element or `undefined` if no overlay element is found.
|
|
8417
8502
|
*/
|
|
8418
|
-
const
|
|
8419
|
-
const overlays =
|
|
8503
|
+
const getPresentedOverlay = (doc, overlayTag, id) => {
|
|
8504
|
+
const overlays = getPresentedOverlays(doc, overlayTag);
|
|
8420
8505
|
return id === undefined ? overlays[overlays.length - 1] : overlays.find((o) => o.id === id);
|
|
8421
8506
|
};
|
|
8422
8507
|
/**
|
|
@@ -8522,7 +8607,13 @@ const dismiss = async (overlay, data, role, name, iosLeaveAnimation, mdLeaveAnim
|
|
|
8522
8607
|
if (!overlay.presented) {
|
|
8523
8608
|
return false;
|
|
8524
8609
|
}
|
|
8525
|
-
|
|
8610
|
+
/**
|
|
8611
|
+
* If this is the last visible overlay then
|
|
8612
|
+
* we want to re-add the root to the accessibility tree.
|
|
8613
|
+
*/
|
|
8614
|
+
if (doc !== undefined && getPresentedOverlays(doc).length === 1) {
|
|
8615
|
+
setRootAriaHidden(false);
|
|
8616
|
+
}
|
|
8526
8617
|
overlay.presented = false;
|
|
8527
8618
|
try {
|
|
8528
8619
|
// Overlay contents should not be clickable during dismiss
|
|
@@ -8948,6 +9039,7 @@ const createAnimation = (animationId) => {
|
|
|
8948
9039
|
const id = animationId;
|
|
8949
9040
|
const onFinishCallbacks = [];
|
|
8950
9041
|
const onFinishOneTimeCallbacks = [];
|
|
9042
|
+
const onStopOneTimeCallbacks = [];
|
|
8951
9043
|
const elements = [];
|
|
8952
9044
|
const childAnimations = [];
|
|
8953
9045
|
const stylesheets = [];
|
|
@@ -9005,6 +9097,28 @@ const createAnimation = (animationId) => {
|
|
|
9005
9097
|
const isRunning = () => {
|
|
9006
9098
|
return numAnimationsRunning !== 0 && !paused;
|
|
9007
9099
|
};
|
|
9100
|
+
/**
|
|
9101
|
+
* @internal
|
|
9102
|
+
* Remove a callback from a chosen callback array
|
|
9103
|
+
* @param callbackToRemove: A reference to the callback that should be removed
|
|
9104
|
+
* @param callbackObjects: An array of callbacks that callbackToRemove should be removed from.
|
|
9105
|
+
*/
|
|
9106
|
+
const clearCallback = (callbackToRemove, callbackObjects) => {
|
|
9107
|
+
const index = callbackObjects.findIndex((callbackObject) => callbackObject.c === callbackToRemove);
|
|
9108
|
+
if (index > -1) {
|
|
9109
|
+
callbackObjects.splice(index, 1);
|
|
9110
|
+
}
|
|
9111
|
+
};
|
|
9112
|
+
/**
|
|
9113
|
+
* @internal
|
|
9114
|
+
* Add a callback to be fired when an animation is stopped/cancelled.
|
|
9115
|
+
* @param callback: A reference to the callback that should be fired
|
|
9116
|
+
* @param opts: Any options associated with this particular callback
|
|
9117
|
+
*/
|
|
9118
|
+
const onStop = (callback, opts) => {
|
|
9119
|
+
onStopOneTimeCallbacks.push({ c: callback, o: opts });
|
|
9120
|
+
return ani;
|
|
9121
|
+
};
|
|
9008
9122
|
const onFinish = (callback, opts) => {
|
|
9009
9123
|
const callbacks = (opts === null || opts === void 0 ? void 0 : opts.oneTimeCallback) ? onFinishOneTimeCallbacks : onFinishCallbacks;
|
|
9010
9124
|
callbacks.push({ c: callback, o: opts });
|
|
@@ -9673,7 +9787,33 @@ const createAnimation = (animationId) => {
|
|
|
9673
9787
|
numAnimationsRunning = childAnimations.length + 1;
|
|
9674
9788
|
shouldCalculateNumAnimations = false;
|
|
9675
9789
|
}
|
|
9676
|
-
|
|
9790
|
+
/**
|
|
9791
|
+
* When one of these callbacks fires we
|
|
9792
|
+
* need to clear the other's callback otherwise
|
|
9793
|
+
* you can potentially get these callbacks
|
|
9794
|
+
* firing multiple times if the play method
|
|
9795
|
+
* is subsequently called.
|
|
9796
|
+
* Example:
|
|
9797
|
+
* animation.play() (onStop and onFinish callbacks are registered)
|
|
9798
|
+
* animation.stop() (onStop callback is fired, onFinish is not)
|
|
9799
|
+
* animation.play() (onStop and onFinish callbacks are registered)
|
|
9800
|
+
* Total onStop callbacks: 1
|
|
9801
|
+
* Total onFinish callbacks: 2
|
|
9802
|
+
*/
|
|
9803
|
+
const onStopCallback = () => {
|
|
9804
|
+
clearCallback(onFinishCallback, onFinishOneTimeCallbacks);
|
|
9805
|
+
resolve();
|
|
9806
|
+
};
|
|
9807
|
+
const onFinishCallback = () => {
|
|
9808
|
+
clearCallback(onStopCallback, onStopOneTimeCallbacks);
|
|
9809
|
+
resolve();
|
|
9810
|
+
};
|
|
9811
|
+
/**
|
|
9812
|
+
* The play method resolves when an animation
|
|
9813
|
+
* run either finishes or is cancelled.
|
|
9814
|
+
*/
|
|
9815
|
+
onFinish(onFinishCallback, { oneTimeCallback: true });
|
|
9816
|
+
onStop(onStopCallback, { oneTimeCallback: true });
|
|
9677
9817
|
childAnimations.forEach((animation) => {
|
|
9678
9818
|
animation.play();
|
|
9679
9819
|
});
|
|
@@ -9686,6 +9826,14 @@ const createAnimation = (animationId) => {
|
|
|
9686
9826
|
paused = false;
|
|
9687
9827
|
});
|
|
9688
9828
|
};
|
|
9829
|
+
/**
|
|
9830
|
+
* Stops an animation and resets it state to the
|
|
9831
|
+
* beginning. This does not fire any onFinish
|
|
9832
|
+
* callbacks because the animation did not finish.
|
|
9833
|
+
* However, since the animation was not destroyed
|
|
9834
|
+
* (i.e. the animation could run again) we do not
|
|
9835
|
+
* clear the onFinish callbacks.
|
|
9836
|
+
*/
|
|
9689
9837
|
const stop = () => {
|
|
9690
9838
|
childAnimations.forEach((animation) => {
|
|
9691
9839
|
animation.stop();
|
|
@@ -9695,6 +9843,8 @@ const createAnimation = (animationId) => {
|
|
|
9695
9843
|
initialized = false;
|
|
9696
9844
|
}
|
|
9697
9845
|
resetFlags();
|
|
9846
|
+
onStopOneTimeCallbacks.forEach((onStopCallback) => onStopCallback.c(0, ani));
|
|
9847
|
+
onStopOneTimeCallbacks.length = 0;
|
|
9698
9848
|
};
|
|
9699
9849
|
const from = (property, value) => {
|
|
9700
9850
|
const firstFrame = _keyframes[0];
|
|
@@ -9874,6 +10024,7 @@ class ActionSheet {
|
|
|
9874
10024
|
this.willDismissShorthand = createEvent(this, "willDismiss", 7);
|
|
9875
10025
|
this.didDismissShorthand = createEvent(this, "didDismiss", 7);
|
|
9876
10026
|
this.delegateController = createDelegateController(this);
|
|
10027
|
+
this.lockController = createLockController();
|
|
9877
10028
|
this.triggerController = createTriggerController();
|
|
9878
10029
|
this.presented = false;
|
|
9879
10030
|
this.onBackdropTap = () => {
|
|
@@ -9921,21 +10072,10 @@ class ActionSheet {
|
|
|
9921
10072
|
* Present the action sheet overlay after it has been created.
|
|
9922
10073
|
*/
|
|
9923
10074
|
async present() {
|
|
9924
|
-
|
|
9925
|
-
* When using an inline action sheet
|
|
9926
|
-
* and dismissing a action sheet it is possible to
|
|
9927
|
-
* quickly present the action sheet while it is
|
|
9928
|
-
* dismissing. We need to await any current
|
|
9929
|
-
* transition to allow the dismiss to finish
|
|
9930
|
-
* before presenting again.
|
|
9931
|
-
*/
|
|
9932
|
-
if (this.currentTransition !== undefined) {
|
|
9933
|
-
await this.currentTransition;
|
|
9934
|
-
}
|
|
10075
|
+
const unlock = await this.lockController.lock();
|
|
9935
10076
|
await this.delegateController.attachViewToDom();
|
|
9936
|
-
|
|
9937
|
-
|
|
9938
|
-
this.currentTransition = undefined;
|
|
10077
|
+
await present(this, 'actionSheetEnter', iosEnterAnimation$6, mdEnterAnimation$5);
|
|
10078
|
+
unlock();
|
|
9939
10079
|
}
|
|
9940
10080
|
/**
|
|
9941
10081
|
* Dismiss the action sheet overlay after it has been presented.
|
|
@@ -9947,11 +10087,12 @@ class ActionSheet {
|
|
|
9947
10087
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
9948
10088
|
*/
|
|
9949
10089
|
async dismiss(data, role) {
|
|
9950
|
-
|
|
9951
|
-
const dismissed = await this
|
|
10090
|
+
const unlock = await this.lockController.lock();
|
|
10091
|
+
const dismissed = await dismiss(this, data, role, 'actionSheetLeave', iosLeaveAnimation$6, mdLeaveAnimation$5);
|
|
9952
10092
|
if (dismissed) {
|
|
9953
10093
|
this.delegateController.removeViewFromDom();
|
|
9954
10094
|
}
|
|
10095
|
+
unlock();
|
|
9955
10096
|
return dismissed;
|
|
9956
10097
|
}
|
|
9957
10098
|
/**
|
|
@@ -10047,7 +10188,7 @@ class ActionSheet {
|
|
|
10047
10188
|
}, class: Object.assign(Object.assign({ [mode]: true }, getClassMap(this.cssClass)), { 'overlay-hidden': true, 'action-sheet-translucent': this.translucent }), onIonActionSheetWillDismiss: this.dispatchCancelHandler, onIonBackdropTap: this.onBackdropTap }), hAsync("ion-backdrop", { tappable: this.backdropDismiss }), hAsync("div", { tabindex: "0" }), hAsync("div", { class: "action-sheet-wrapper ion-overlay-wrapper", ref: (el) => (this.wrapperEl = el) }, hAsync("div", { class: "action-sheet-container" }, hAsync("div", { class: "action-sheet-group", ref: (el) => (this.groupEl = el) }, header !== undefined && (hAsync("div", { id: headerID, class: {
|
|
10048
10189
|
'action-sheet-title': true,
|
|
10049
10190
|
'action-sheet-has-sub-title': this.subHeader !== undefined,
|
|
10050
|
-
} }, header, this.subHeader && hAsync("div", { class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (hAsync("button", { type: "button", id: b.id, class: buttonClass$3(b), onClick: () => this.buttonClick(b) }, hAsync("span", { class: "action-sheet-button-inner" }, b.icon && hAsync("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), mode === 'md' && hAsync("ion-ripple-effect", null))))), cancelButton && (hAsync("div", { class: "action-sheet-group action-sheet-group-cancel" }, hAsync("button", { type: "button", class: buttonClass$3(cancelButton), onClick: () => this.buttonClick(cancelButton) }, hAsync("span", { class: "action-sheet-button-inner" }, cancelButton.icon && (hAsync("ion-icon", { icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && hAsync("ion-ripple-effect", null)))))), hAsync("div", { tabindex: "0" })));
|
|
10191
|
+
} }, header, this.subHeader && hAsync("div", { class: "action-sheet-sub-title" }, this.subHeader))), buttons.map((b) => (hAsync("button", Object.assign({}, b.htmlAttributes, { type: "button", id: b.id, class: buttonClass$3(b), onClick: () => this.buttonClick(b) }), hAsync("span", { class: "action-sheet-button-inner" }, b.icon && hAsync("ion-icon", { icon: b.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" }), b.text), mode === 'md' && hAsync("ion-ripple-effect", null))))), cancelButton && (hAsync("div", { class: "action-sheet-group action-sheet-group-cancel" }, hAsync("button", Object.assign({}, cancelButton.htmlAttributes, { type: "button", class: buttonClass$3(cancelButton), onClick: () => this.buttonClick(cancelButton) }), hAsync("span", { class: "action-sheet-button-inner" }, cancelButton.icon && (hAsync("ion-icon", { icon: cancelButton.icon, "aria-hidden": "true", lazy: false, class: "action-sheet-icon" })), cancelButton.text), mode === 'md' && hAsync("ion-ripple-effect", null)))))), hAsync("div", { tabindex: "0" })));
|
|
10051
10192
|
}
|
|
10052
10193
|
get el() { return getElement(this); }
|
|
10053
10194
|
static get watchers() { return {
|
|
@@ -10341,9 +10482,9 @@ const mdLeaveAnimation$4 = (baseEl) => {
|
|
|
10341
10482
|
.addAnimation([backdropAnimation, wrapperAnimation]);
|
|
10342
10483
|
};
|
|
10343
10484
|
|
|
10344
|
-
const alertIosCss = ".sc-ion-alert-ios-h{--min-width:250px;--width:auto;--min-height:auto;--height:auto;--max-height:90%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-alert-ios-h{display:none}.alert-top.sc-ion-alert-ios-h{padding-top:50px;-ms-flex-align:start;align-items:flex-start}.alert-wrapper.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:content;opacity:0;z-index:10}.alert-title.sc-ion-alert-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}.alert-sub-title.sc-ion-alert-ios{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-weight:normal}.alert-message.sc-ion-alert-ios{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior-y:contain}.alert-checkbox-group.sc-ion-alert-ios::-webkit-scrollbar,.alert-radio-group.sc-ion-alert-ios::-webkit-scrollbar,.alert-message.sc-ion-alert-ios::-webkit-scrollbar{display:none}.alert-input.sc-ion-alert-ios{padding-left:0;padding-right:0;padding-top:10px;padding-bottom:10px;width:100%;border:0;background:inherit;font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.alert-button-group.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%}.alert-button-group-vertical.sc-ion-alert-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.alert-button.sc-ion-alert-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;border:0;font-size:14px;line-height:20px;z-index:0}.alert-button.ion-focused.sc-ion-alert-ios,.alert-tappable.ion-focused.sc-ion-alert-ios{background:var(--ion-color-step-100, #e6e6e6)}.alert-button-inner.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-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%}.alert-input-disabled.sc-ion-alert-ios,.alert-checkbox-button-disabled.sc-ion-alert-ios .alert-button-inner.sc-ion-alert-ios,.alert-radio-button-disabled.sc-ion-alert-ios .alert-button-inner.sc-ion-alert-ios{cursor:default;opacity:0.5;pointer-events:none}.alert-tappable.sc-ion-alert-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:-ms-flexbox;display:flex;width:100%;border:0;background:transparent;font-size:inherit;line-height:initial;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;contain:strict}.alert-button.sc-ion-alert-ios,.alert-checkbox.sc-ion-alert-ios,.alert-input.sc-ion-alert-ios,.alert-radio.sc-ion-alert-ios{outline:none}.alert-radio-icon.sc-ion-alert-ios,.alert-checkbox-icon.sc-ion-alert-ios,.alert-checkbox-inner.sc-ion-alert-ios{-webkit-box-sizing:border-box;box-sizing:border-box}textarea.alert-input.sc-ion-alert-ios{min-height:37px;resize:none}.sc-ion-alert-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, #f9f9f9));--max-width:270px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.3);font-size:14px}.alert-wrapper.sc-ion-alert-ios{border-radius:13px;-webkit-box-shadow:none;box-shadow:none;overflow:hidden}.alert-button.sc-ion-alert-ios .alert-button-inner.sc-ion-alert-ios{pointer-events:none}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.alert-translucent.sc-ion-alert-ios-h .alert-wrapper.sc-ion-alert-ios{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.9);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.alert-head.sc-ion-alert-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:12px;padding-bottom:7px;text-align:center}.alert-title.sc-ion-alert-ios{margin-top:8px;color:var(--ion-text-color, #000);font-size:17px;font-weight:600}.alert-sub-title.sc-ion-alert-ios{color:var(--ion-color-step-600, #666666);font-size:14px}.alert-message.sc-ion-alert-ios,.alert-input-group.sc-ion-alert-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0;padding-bottom:21px;color:var(--ion-text-color, #000);font-size:13px;text-align:center}.alert-message.sc-ion-alert-ios{max-height:240px}.alert-message.sc-ion-alert-ios:empty{padding-left:0;padding-right:0;padding-top:0;padding-bottom:12px}.alert-input.sc-ion-alert-ios{border-radius:4px;margin-top:10px;-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px;padding-top:6px;padding-bottom:6px;border:0.55px solid var(--ion-color-step-250, #bfbfbf);background-color:var(--ion-background-color, #fff);-webkit-appearance:none;-moz-appearance:none;appearance:none}.alert-input.sc-ion-alert-ios::-webkit-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::-moz-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios:-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::-ms-clear{display:none}.alert-radio-group.sc-ion-alert-ios,.alert-checkbox-group.sc-ion-alert-ios{-ms-scroll-chaining:none;overscroll-behavior:contain;max-height:240px;border-top:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2);overflow-y:auto;-webkit-overflow-scrolling:touch}.alert-tappable.sc-ion-alert-ios{height:44px}.alert-radio-label.sc-ion-alert-ios{-webkit-padding-start:13px;padding-inline-start:13px;-webkit-padding-end:13px;padding-inline-end:13px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;-ms-flex-order:0;order:0;color:var(--ion-text-color, #000);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}[aria-checked=true].sc-ion-alert-ios .alert-radio-label.sc-ion-alert-ios{color:var(--ion-color-primary, #3880ff)}.alert-radio-icon.sc-ion-alert-ios{position:relative;-ms-flex-order:1;order:1;min-width:30px}[aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{top:-7px;position:absolute;width:6px;height:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--ion-color-primary, #3880ff)}@supports (inset-inline-start: 0){[aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{inset-inline-start:7px}}@supports not (inset-inline-start: 0){[aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{left:7px}[dir=rtl].sc-ion-alert-ios-h [aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios,[dir=rtl] .sc-ion-alert-ios-h [aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{left:unset;right:unset;right:7px}[dir=rtl].sc-ion-alert-ios [aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{left:unset;right:unset;right:7px}@supports selector(:dir(rtl)){[aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios:dir(rtl){left:unset;right:unset;right:7px}}}.alert-checkbox-label.sc-ion-alert-ios{-webkit-padding-start:13px;padding-inline-start:13px;-webkit-padding-end:13px;padding-inline-end:13px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;color:var(--ion-text-color, #000);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alert-checkbox-icon.sc-ion-alert-ios{border-radius:50%;-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:6px;margin-inline-end:6px;margin-top:10px;margin-bottom:10px;position:relative;width:24px;height:24px;border-width:1px;border-style:solid;border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));background-color:var(--ion-item-background, var(--ion-background-color, #fff));contain:strict}[aria-checked=true].sc-ion-alert-ios .alert-checkbox-icon.sc-ion-alert-ios{border-color:var(--ion-color-primary, #3880ff);background-color:var(--ion-color-primary, #3880ff)}[aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{top:4px;position:absolute;width:5px;height:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:1px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--ion-background-color, #fff)}@supports (inset-inline-start: 0){[aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{inset-inline-start:9px}}@supports not (inset-inline-start: 0){[aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{left:9px}[dir=rtl].sc-ion-alert-ios-h [aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios,[dir=rtl] .sc-ion-alert-ios-h [aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{left:unset;right:unset;right:9px}[dir=rtl].sc-ion-alert-ios [aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{left:unset;right:unset;right:9px}@supports selector(:dir(rtl)){[aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios:dir(rtl){left:unset;right:unset;right:9px}}}.alert-button-group.sc-ion-alert-ios{-webkit-margin-end:-0.55px;margin-inline-end:-0.55px;-ms-flex-wrap:wrap;flex-wrap:wrap}.alert-button.sc-ion-alert-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:0;-ms-flex:1 1 auto;flex:1 1 auto;min-width:50%;height:44px;border-top:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2);border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2);background-color:transparent;color:var(--ion-color-primary, #3880ff);font-size:17px;overflow:hidden}[dir=rtl].sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:first-child,[dir=rtl] .sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:first-child{border-right:0}[dir=rtl].sc-ion-alert-ios .alert-button.sc-ion-alert-ios:first-child{border-right:0}@supports selector(:dir(rtl)){.alert-button.sc-ion-alert-ios:first-child:dir(rtl){border-right:0}}.alert-button.sc-ion-alert-ios:last-child{border-right:0;font-weight:bold}[dir=rtl].sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:last-child,[dir=rtl] .sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:last-child{border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}[dir=rtl].sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child{border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@supports selector(:dir(rtl)){.alert-button.sc-ion-alert-ios:last-child:dir(rtl){border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}}.alert-button.ion-activated.sc-ion-alert-ios{background-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}.alert-button-role-destructive.sc-ion-alert-ios,.alert-button-role-destructive.ion-activated.sc-ion-alert-ios,.alert-button-role-destructive.ion-focused.sc-ion-alert-ios{color:var(--ion-color-danger, #eb445a)}";
|
|
10485
|
+
const alertIosCss = ".sc-ion-alert-ios-h{--min-width:250px;--width:auto;--min-height:auto;--height:auto;--max-height:90%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-alert-ios-h{display:none}.alert-top.sc-ion-alert-ios-h{padding-top:50px;-ms-flex-align:start;align-items:flex-start}.alert-wrapper.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:content;opacity:0;z-index:10}.alert-title.sc-ion-alert-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}.alert-sub-title.sc-ion-alert-ios{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-weight:normal}.alert-message.sc-ion-alert-ios{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior-y:contain}.alert-checkbox-group.sc-ion-alert-ios::-webkit-scrollbar,.alert-radio-group.sc-ion-alert-ios::-webkit-scrollbar,.alert-message.sc-ion-alert-ios::-webkit-scrollbar{display:none}.alert-input.sc-ion-alert-ios{padding-left:0;padding-right:0;padding-top:10px;padding-bottom:10px;width:100%;border:0;background:inherit;font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.alert-button-group.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%}.alert-button-group-vertical.sc-ion-alert-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.alert-button.sc-ion-alert-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;border:0;font-size:14px;line-height:20px;z-index:0}.alert-button.ion-focused.sc-ion-alert-ios,.alert-tappable.ion-focused.sc-ion-alert-ios{background:var(--ion-color-step-100, #e6e6e6)}.alert-button-inner.sc-ion-alert-ios{display:-ms-flexbox;display:flex;-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%;min-height:inherit}.alert-input-disabled.sc-ion-alert-ios,.alert-checkbox-button-disabled.sc-ion-alert-ios .alert-button-inner.sc-ion-alert-ios,.alert-radio-button-disabled.sc-ion-alert-ios .alert-button-inner.sc-ion-alert-ios{cursor:default;opacity:0.5;pointer-events:none}.alert-tappable.sc-ion-alert-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:-ms-flexbox;display:flex;width:100%;border:0;background:transparent;font-size:inherit;line-height:initial;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;contain:content}.alert-button.sc-ion-alert-ios,.alert-checkbox.sc-ion-alert-ios,.alert-input.sc-ion-alert-ios,.alert-radio.sc-ion-alert-ios{outline:none}.alert-radio-icon.sc-ion-alert-ios,.alert-checkbox-icon.sc-ion-alert-ios,.alert-checkbox-inner.sc-ion-alert-ios{-webkit-box-sizing:border-box;box-sizing:border-box}textarea.alert-input.sc-ion-alert-ios{min-height:37px;resize:none}.sc-ion-alert-ios-h{--background:var(--ion-overlay-background-color, var(--ion-color-step-100, #f9f9f9));--max-width:270px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.3);font-size:14px}.alert-wrapper.sc-ion-alert-ios{border-radius:13px;-webkit-box-shadow:none;box-shadow:none;overflow:hidden}.alert-button.sc-ion-alert-ios .alert-button-inner.sc-ion-alert-ios{pointer-events:none}@supports ((-webkit-backdrop-filter: blur(0)) or (backdrop-filter: blur(0))){.alert-translucent.sc-ion-alert-ios-h .alert-wrapper.sc-ion-alert-ios{background:rgba(var(--ion-background-color-rgb, 255, 255, 255), 0.9);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}}.alert-head.sc-ion-alert-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:12px;padding-bottom:7px;text-align:center}.alert-title.sc-ion-alert-ios{margin-top:8px;color:var(--ion-text-color, #000);font-size:17px;font-weight:600}.alert-sub-title.sc-ion-alert-ios{color:var(--ion-color-step-600, #666666);font-size:14px}.alert-message.sc-ion-alert-ios,.alert-input-group.sc-ion-alert-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0;padding-bottom:21px;color:var(--ion-text-color, #000);font-size:13px;text-align:center}.alert-message.sc-ion-alert-ios{max-height:240px}.alert-message.sc-ion-alert-ios:empty{padding-left:0;padding-right:0;padding-top:0;padding-bottom:12px}.alert-input.sc-ion-alert-ios{border-radius:4px;margin-top:10px;-webkit-padding-start:6px;padding-inline-start:6px;-webkit-padding-end:6px;padding-inline-end:6px;padding-top:6px;padding-bottom:6px;border:0.55px solid var(--ion-color-step-250, #bfbfbf);background-color:var(--ion-background-color, #fff);-webkit-appearance:none;-moz-appearance:none;appearance:none}.alert-input.sc-ion-alert-ios::-webkit-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::-moz-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios:-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-ios::-ms-clear{display:none}.alert-radio-group.sc-ion-alert-ios,.alert-checkbox-group.sc-ion-alert-ios{-ms-scroll-chaining:none;overscroll-behavior:contain;max-height:240px;border-top:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2);overflow-y:auto;-webkit-overflow-scrolling:touch}.alert-tappable.sc-ion-alert-ios{min-height:44px}.alert-radio-label.sc-ion-alert-ios{-webkit-padding-start:13px;padding-inline-start:13px;-webkit-padding-end:13px;padding-inline-end:13px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;-ms-flex-order:0;order:0;color:var(--ion-text-color, #000)}[aria-checked=true].sc-ion-alert-ios .alert-radio-label.sc-ion-alert-ios{color:var(--ion-color-primary, #3880ff)}.alert-radio-icon.sc-ion-alert-ios{position:relative;-ms-flex-order:1;order:1;min-width:30px}[aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{top:-7px;position:absolute;width:6px;height:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--ion-color-primary, #3880ff)}@supports (inset-inline-start: 0){[aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{inset-inline-start:7px}}@supports not (inset-inline-start: 0){[aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{left:7px}[dir=rtl].sc-ion-alert-ios-h [aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios,[dir=rtl] .sc-ion-alert-ios-h [aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{left:unset;right:unset;right:7px}[dir=rtl].sc-ion-alert-ios [aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios{left:unset;right:unset;right:7px}@supports selector(:dir(rtl)){[aria-checked=true].sc-ion-alert-ios .alert-radio-inner.sc-ion-alert-ios:dir(rtl){left:unset;right:unset;right:7px}}}.alert-checkbox-label.sc-ion-alert-ios{-webkit-padding-start:13px;padding-inline-start:13px;-webkit-padding-end:13px;padding-inline-end:13px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;color:var(--ion-text-color, #000)}.alert-checkbox-icon.sc-ion-alert-ios{border-radius:50%;-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:6px;margin-inline-end:6px;margin-top:10px;margin-bottom:10px;position:relative;width:24px;height:24px;border-width:1px;border-style:solid;border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));background-color:var(--ion-item-background, var(--ion-background-color, #fff));contain:strict}[aria-checked=true].sc-ion-alert-ios .alert-checkbox-icon.sc-ion-alert-ios{border-color:var(--ion-color-primary, #3880ff);background-color:var(--ion-color-primary, #3880ff)}[aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{top:4px;position:absolute;width:5px;height:12px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:1px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--ion-background-color, #fff)}@supports (inset-inline-start: 0){[aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{inset-inline-start:9px}}@supports not (inset-inline-start: 0){[aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{left:9px}[dir=rtl].sc-ion-alert-ios-h [aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios,[dir=rtl] .sc-ion-alert-ios-h [aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{left:unset;right:unset;right:9px}[dir=rtl].sc-ion-alert-ios [aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios{left:unset;right:unset;right:9px}@supports selector(:dir(rtl)){[aria-checked=true].sc-ion-alert-ios .alert-checkbox-inner.sc-ion-alert-ios:dir(rtl){left:unset;right:unset;right:9px}}}.alert-button-group.sc-ion-alert-ios{-webkit-margin-end:-0.55px;margin-inline-end:-0.55px;-ms-flex-wrap:wrap;flex-wrap:wrap}.alert-button.sc-ion-alert-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:0;-ms-flex:1 1 auto;flex:1 1 auto;min-width:50%;height:44px;border-top:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2);border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2);background-color:transparent;color:var(--ion-color-primary, #3880ff);font-size:17px;overflow:hidden}[dir=rtl].sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:first-child,[dir=rtl] .sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:first-child{border-right:0}[dir=rtl].sc-ion-alert-ios .alert-button.sc-ion-alert-ios:first-child{border-right:0}@supports selector(:dir(rtl)){.alert-button.sc-ion-alert-ios:first-child:dir(rtl){border-right:0}}.alert-button.sc-ion-alert-ios:last-child{border-right:0;font-weight:bold}[dir=rtl].sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:last-child,[dir=rtl] .sc-ion-alert-ios-h .alert-button.sc-ion-alert-ios:last-child{border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}[dir=rtl].sc-ion-alert-ios .alert-button.sc-ion-alert-ios:last-child{border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}@supports selector(:dir(rtl)){.alert-button.sc-ion-alert-ios:last-child:dir(rtl){border-right:0.55px solid rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.2)}}.alert-button.ion-activated.sc-ion-alert-ios{background-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.1)}.alert-button-role-destructive.sc-ion-alert-ios,.alert-button-role-destructive.ion-activated.sc-ion-alert-ios,.alert-button-role-destructive.ion-focused.sc-ion-alert-ios{color:var(--ion-color-danger, #eb445a)}";
|
|
10345
10486
|
|
|
10346
|
-
const alertMdCss = ".sc-ion-alert-md-h{--min-width:250px;--width:auto;--min-height:auto;--height:auto;--max-height:90%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-alert-md-h{display:none}.alert-top.sc-ion-alert-md-h{padding-top:50px;-ms-flex-align:start;align-items:flex-start}.alert-wrapper.sc-ion-alert-md{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:content;opacity:0;z-index:10}.alert-title.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-sub-title.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-weight:normal}.alert-message.sc-ion-alert-md{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior-y:contain}.alert-checkbox-group.sc-ion-alert-md::-webkit-scrollbar,.alert-radio-group.sc-ion-alert-md::-webkit-scrollbar,.alert-message.sc-ion-alert-md::-webkit-scrollbar{display:none}.alert-input.sc-ion-alert-md{padding-left:0;padding-right:0;padding-top:10px;padding-bottom:10px;width:100%;border:0;background:inherit;font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.alert-button-group.sc-ion-alert-md{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%}.alert-button-group-vertical.sc-ion-alert-md{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.alert-button.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;border:0;font-size:14px;line-height:20px;z-index:0}.alert-button.ion-focused.sc-ion-alert-md,.alert-tappable.ion-focused.sc-ion-alert-md{background:var(--ion-color-step-100, #e6e6e6)}.alert-button-inner.sc-ion-alert-md{display:-ms-flexbox;display:flex;-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%}.alert-input-disabled.sc-ion-alert-md,.alert-checkbox-button-disabled.sc-ion-alert-md .alert-button-inner.sc-ion-alert-md,.alert-radio-button-disabled.sc-ion-alert-md .alert-button-inner.sc-ion-alert-md{cursor:default;opacity:0.5;pointer-events:none}.alert-tappable.sc-ion-alert-md{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:-ms-flexbox;display:flex;width:100%;border:0;background:transparent;font-size:inherit;line-height:initial;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;contain:strict}.alert-button.sc-ion-alert-md,.alert-checkbox.sc-ion-alert-md,.alert-input.sc-ion-alert-md,.alert-radio.sc-ion-alert-md{outline:none}.alert-radio-icon.sc-ion-alert-md,.alert-checkbox-icon.sc-ion-alert-md,.alert-checkbox-inner.sc-ion-alert-md{-webkit-box-sizing:border-box;box-sizing:border-box}textarea.alert-input.sc-ion-alert-md{min-height:37px;resize:none}.sc-ion-alert-md-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--max-width:280px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);font-size:14px}.alert-wrapper.sc-ion-alert-md{border-radius:4px;-webkit-box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12)}.alert-head.sc-ion-alert-md{-webkit-padding-start:23px;padding-inline-start:23px;-webkit-padding-end:23px;padding-inline-end:23px;padding-top:20px;padding-bottom:15px;text-align:start}.alert-title.sc-ion-alert-md{color:var(--ion-text-color, #000);font-size:20px;font-weight:500}.alert-sub-title.sc-ion-alert-md{color:var(--ion-text-color, #000);font-size:16px}.alert-message.sc-ion-alert-md,.alert-input-group.sc-ion-alert-md{-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px;padding-top:20px;padding-bottom:20px;color:var(--ion-color-step-550, #737373)}.alert-message.sc-ion-alert-md{max-height:266px;font-size:16px}.alert-message.sc-ion-alert-md:empty{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-head.sc-ion-alert-md+.alert-message.sc-ion-alert-md{padding-top:0}.alert-input.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px;border-bottom:1px solid var(--ion-color-step-150, #d9d9d9);color:var(--ion-text-color, #000)}.alert-input.sc-ion-alert-md::-webkit-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::-moz-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md:-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::-ms-clear{display:none}.alert-input.sc-ion-alert-md:focus{margin-bottom:4px;border-bottom:2px solid var(--ion-color-primary, #3880ff)}.alert-radio-group.sc-ion-alert-md,.alert-checkbox-group.sc-ion-alert-md{position:relative;max-height:266px;border-top:1px solid var(--ion-color-step-150, #d9d9d9);border-bottom:1px solid var(--ion-color-step-150, #d9d9d9);overflow:auto}.alert-tappable.sc-ion-alert-md{position:relative;height:48px;overflow:hidden}.alert-radio-label.sc-ion-alert-md{-webkit-padding-start:52px;padding-inline-start:52px;-webkit-padding-end:26px;padding-inline-end:26px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;color:var(--ion-color-step-850, #262626);font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alert-radio-icon.sc-ion-alert-md{top:0;border-radius:50%;display:block;position:relative;width:20px;height:20px;border-width:2px;border-style:solid;border-color:var(--ion-color-step-550, #737373)}@supports (inset-inline-start: 0){.alert-radio-icon.sc-ion-alert-md{inset-inline-start:26px}}@supports not (inset-inline-start: 0){.alert-radio-icon.sc-ion-alert-md{left:26px}[dir=rtl].sc-ion-alert-md-h .alert-radio-icon.sc-ion-alert-md,[dir=rtl] .sc-ion-alert-md-h .alert-radio-icon.sc-ion-alert-md{left:unset;right:unset;right:26px}[dir=rtl].sc-ion-alert-md .alert-radio-icon.sc-ion-alert-md{left:unset;right:unset;right:26px}@supports selector(:dir(rtl)){.alert-radio-icon.sc-ion-alert-md:dir(rtl){left:unset;right:unset;right:26px}}}.alert-radio-inner.sc-ion-alert-md{top:3px;border-radius:50%;position:absolute;width:10px;height:10px;-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);-webkit-transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--ion-color-primary, #3880ff)}@supports (inset-inline-start: 0){.alert-radio-inner.sc-ion-alert-md{inset-inline-start:3px}}@supports not (inset-inline-start: 0){.alert-radio-inner.sc-ion-alert-md{left:3px}[dir=rtl].sc-ion-alert-md-h .alert-radio-inner.sc-ion-alert-md,[dir=rtl] .sc-ion-alert-md-h .alert-radio-inner.sc-ion-alert-md{left:unset;right:unset;right:3px}[dir=rtl].sc-ion-alert-md .alert-radio-inner.sc-ion-alert-md{left:unset;right:unset;right:3px}@supports selector(:dir(rtl)){.alert-radio-inner.sc-ion-alert-md:dir(rtl){left:unset;right:unset;right:3px}}}[aria-checked=true].sc-ion-alert-md .alert-radio-label.sc-ion-alert-md{color:var(--ion-color-step-850, #262626)}[aria-checked=true].sc-ion-alert-md .alert-radio-icon.sc-ion-alert-md{border-color:var(--ion-color-primary, #3880ff)}[aria-checked=true].sc-ion-alert-md .alert-radio-inner.sc-ion-alert-md{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.alert-checkbox-label.sc-ion-alert-md{-webkit-padding-start:53px;padding-inline-start:53px;-webkit-padding-end:26px;padding-inline-end:26px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;color:var(--ion-color-step-850, #262626);font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.alert-checkbox-icon.sc-ion-alert-md{top:0;border-radius:2px;position:relative;width:16px;height:16px;border-width:2px;border-style:solid;border-color:var(--ion-color-step-550, #737373);contain:strict}@supports (inset-inline-start: 0){.alert-checkbox-icon.sc-ion-alert-md{inset-inline-start:26px}}@supports not (inset-inline-start: 0){.alert-checkbox-icon.sc-ion-alert-md{left:26px}[dir=rtl].sc-ion-alert-md-h .alert-checkbox-icon.sc-ion-alert-md,[dir=rtl] .sc-ion-alert-md-h .alert-checkbox-icon.sc-ion-alert-md{left:unset;right:unset;right:26px}[dir=rtl].sc-ion-alert-md .alert-checkbox-icon.sc-ion-alert-md{left:unset;right:unset;right:26px}@supports selector(:dir(rtl)){.alert-checkbox-icon.sc-ion-alert-md:dir(rtl){left:unset;right:unset;right:26px}}}[aria-checked=true].sc-ion-alert-md .alert-checkbox-icon.sc-ion-alert-md{border-color:var(--ion-color-primary, #3880ff);background-color:var(--ion-color-primary, #3880ff)}[aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md{top:0;position:absolute;width:6px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--ion-color-primary-contrast, #fff)}@supports (inset-inline-start: 0){[aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md{inset-inline-start:3px}}@supports not (inset-inline-start: 0){[aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md{left:3px}[dir=rtl].sc-ion-alert-md-h [aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md,[dir=rtl] .sc-ion-alert-md-h [aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md{left:unset;right:unset;right:3px}[dir=rtl].sc-ion-alert-md [aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md{left:unset;right:unset;right:3px}@supports selector(:dir(rtl)){[aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md:dir(rtl){left:unset;right:unset;right:3px}}}.alert-button-group.sc-ion-alert-md{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;-ms-flex-pack:end;justify-content:flex-end}.alert-button.sc-ion-alert-md{border-radius:2px;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:0;margin-bottom:0;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;position:relative;background-color:transparent;color:var(--ion-color-primary, #3880ff);font-weight:500;text-align:end;text-transform:uppercase;overflow:hidden}.alert-button-inner.sc-ion-alert-md{-ms-flex-pack:end;justify-content:flex-end}";
|
|
10487
|
+
const alertMdCss = ".sc-ion-alert-md-h{--min-width:250px;--width:auto;--min-height:auto;--height:auto;--max-height:90%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;font-family:var(--ion-font-family, inherit);contain:strict;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1001}.overlay-hidden.sc-ion-alert-md-h{display:none}.alert-top.sc-ion-alert-md-h{padding-top:50px;-ms-flex-align:start;align-items:flex-start}.alert-wrapper.sc-ion-alert-md{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:content;opacity:0;z-index:10}.alert-title.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-sub-title.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:0;padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;font-weight:normal}.alert-message.sc-ion-alert-md{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior-y:contain}.alert-checkbox-group.sc-ion-alert-md::-webkit-scrollbar,.alert-radio-group.sc-ion-alert-md::-webkit-scrollbar,.alert-message.sc-ion-alert-md::-webkit-scrollbar{display:none}.alert-input.sc-ion-alert-md{padding-left:0;padding-right:0;padding-top:10px;padding-bottom:10px;width:100%;border:0;background:inherit;font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.alert-button-group.sc-ion-alert-md{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%}.alert-button-group-vertical.sc-ion-alert-md{-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.alert-button.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;display:block;border:0;font-size:14px;line-height:20px;z-index:0}.alert-button.ion-focused.sc-ion-alert-md,.alert-tappable.ion-focused.sc-ion-alert-md{background:var(--ion-color-step-100, #e6e6e6)}.alert-button-inner.sc-ion-alert-md{display:-ms-flexbox;display:flex;-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%;min-height:inherit}.alert-input-disabled.sc-ion-alert-md,.alert-checkbox-button-disabled.sc-ion-alert-md .alert-button-inner.sc-ion-alert-md,.alert-radio-button-disabled.sc-ion-alert-md .alert-button-inner.sc-ion-alert-md{cursor:default;opacity:0.5;pointer-events:none}.alert-tappable.sc-ion-alert-md{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:-ms-flexbox;display:flex;width:100%;border:0;background:transparent;font-size:inherit;line-height:initial;text-align:start;-webkit-appearance:none;-moz-appearance:none;appearance:none;contain:content}.alert-button.sc-ion-alert-md,.alert-checkbox.sc-ion-alert-md,.alert-input.sc-ion-alert-md,.alert-radio.sc-ion-alert-md{outline:none}.alert-radio-icon.sc-ion-alert-md,.alert-checkbox-icon.sc-ion-alert-md,.alert-checkbox-inner.sc-ion-alert-md{-webkit-box-sizing:border-box;box-sizing:border-box}textarea.alert-input.sc-ion-alert-md{min-height:37px;resize:none}.sc-ion-alert-md-h{--background:var(--ion-overlay-background-color, var(--ion-background-color, #fff));--max-width:280px;--backdrop-opacity:var(--ion-backdrop-opacity, 0.32);font-size:14px}.alert-wrapper.sc-ion-alert-md{border-radius:4px;-webkit-box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);box-shadow:0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12)}.alert-head.sc-ion-alert-md{-webkit-padding-start:23px;padding-inline-start:23px;-webkit-padding-end:23px;padding-inline-end:23px;padding-top:20px;padding-bottom:15px;text-align:start}.alert-title.sc-ion-alert-md{color:var(--ion-text-color, #000);font-size:20px;font-weight:500}.alert-sub-title.sc-ion-alert-md{color:var(--ion-text-color, #000);font-size:16px}.alert-message.sc-ion-alert-md,.alert-input-group.sc-ion-alert-md{-webkit-padding-start:24px;padding-inline-start:24px;-webkit-padding-end:24px;padding-inline-end:24px;padding-top:20px;padding-bottom:20px;color:var(--ion-color-step-550, #737373)}.alert-message.sc-ion-alert-md{max-height:266px;font-size:16px}.alert-message.sc-ion-alert-md:empty{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}.alert-head.sc-ion-alert-md+.alert-message.sc-ion-alert-md{padding-top:0}.alert-input.sc-ion-alert-md{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px;border-bottom:1px solid var(--ion-color-step-150, #d9d9d9);color:var(--ion-text-color, #000)}.alert-input.sc-ion-alert-md::-webkit-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::-moz-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md:-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::-ms-input-placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::placeholder{color:var(--ion-placeholder-color, var(--ion-color-step-400, #999999));font-family:inherit;font-weight:inherit}.alert-input.sc-ion-alert-md::-ms-clear{display:none}.alert-input.sc-ion-alert-md:focus{margin-bottom:4px;border-bottom:2px solid var(--ion-color-primary, #3880ff)}.alert-radio-group.sc-ion-alert-md,.alert-checkbox-group.sc-ion-alert-md{position:relative;max-height:266px;border-top:1px solid var(--ion-color-step-150, #d9d9d9);border-bottom:1px solid var(--ion-color-step-150, #d9d9d9);overflow:auto}.alert-tappable.sc-ion-alert-md{position:relative;min-height:48px}.alert-radio-label.sc-ion-alert-md{-webkit-padding-start:52px;padding-inline-start:52px;-webkit-padding-end:26px;padding-inline-end:26px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;color:var(--ion-color-step-850, #262626);font-size:16px}.alert-radio-icon.sc-ion-alert-md{top:0;border-radius:50%;display:block;position:relative;width:20px;height:20px;border-width:2px;border-style:solid;border-color:var(--ion-color-step-550, #737373)}@supports (inset-inline-start: 0){.alert-radio-icon.sc-ion-alert-md{inset-inline-start:26px}}@supports not (inset-inline-start: 0){.alert-radio-icon.sc-ion-alert-md{left:26px}[dir=rtl].sc-ion-alert-md-h .alert-radio-icon.sc-ion-alert-md,[dir=rtl] .sc-ion-alert-md-h .alert-radio-icon.sc-ion-alert-md{left:unset;right:unset;right:26px}[dir=rtl].sc-ion-alert-md .alert-radio-icon.sc-ion-alert-md{left:unset;right:unset;right:26px}@supports selector(:dir(rtl)){.alert-radio-icon.sc-ion-alert-md:dir(rtl){left:unset;right:unset;right:26px}}}.alert-radio-inner.sc-ion-alert-md{top:3px;border-radius:50%;position:absolute;width:10px;height:10px;-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);-webkit-transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--ion-color-primary, #3880ff)}@supports (inset-inline-start: 0){.alert-radio-inner.sc-ion-alert-md{inset-inline-start:3px}}@supports not (inset-inline-start: 0){.alert-radio-inner.sc-ion-alert-md{left:3px}[dir=rtl].sc-ion-alert-md-h .alert-radio-inner.sc-ion-alert-md,[dir=rtl] .sc-ion-alert-md-h .alert-radio-inner.sc-ion-alert-md{left:unset;right:unset;right:3px}[dir=rtl].sc-ion-alert-md .alert-radio-inner.sc-ion-alert-md{left:unset;right:unset;right:3px}@supports selector(:dir(rtl)){.alert-radio-inner.sc-ion-alert-md:dir(rtl){left:unset;right:unset;right:3px}}}[aria-checked=true].sc-ion-alert-md .alert-radio-label.sc-ion-alert-md{color:var(--ion-color-step-850, #262626)}[aria-checked=true].sc-ion-alert-md .alert-radio-icon.sc-ion-alert-md{border-color:var(--ion-color-primary, #3880ff)}[aria-checked=true].sc-ion-alert-md .alert-radio-inner.sc-ion-alert-md{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}.alert-checkbox-label.sc-ion-alert-md{-webkit-padding-start:53px;padding-inline-start:53px;-webkit-padding-end:26px;padding-inline-end:26px;padding-top:13px;padding-bottom:13px;-ms-flex:1;flex:1;color:var(--ion-color-step-850, #262626);font-size:16px}.alert-checkbox-icon.sc-ion-alert-md{top:0;border-radius:2px;position:relative;width:16px;height:16px;border-width:2px;border-style:solid;border-color:var(--ion-color-step-550, #737373);contain:strict}@supports (inset-inline-start: 0){.alert-checkbox-icon.sc-ion-alert-md{inset-inline-start:26px}}@supports not (inset-inline-start: 0){.alert-checkbox-icon.sc-ion-alert-md{left:26px}[dir=rtl].sc-ion-alert-md-h .alert-checkbox-icon.sc-ion-alert-md,[dir=rtl] .sc-ion-alert-md-h .alert-checkbox-icon.sc-ion-alert-md{left:unset;right:unset;right:26px}[dir=rtl].sc-ion-alert-md .alert-checkbox-icon.sc-ion-alert-md{left:unset;right:unset;right:26px}@supports selector(:dir(rtl)){.alert-checkbox-icon.sc-ion-alert-md:dir(rtl){left:unset;right:unset;right:26px}}}[aria-checked=true].sc-ion-alert-md .alert-checkbox-icon.sc-ion-alert-md{border-color:var(--ion-color-primary, #3880ff);background-color:var(--ion-color-primary, #3880ff)}[aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md{top:0;position:absolute;width:6px;height:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--ion-color-primary-contrast, #fff)}@supports (inset-inline-start: 0){[aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md{inset-inline-start:3px}}@supports not (inset-inline-start: 0){[aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md{left:3px}[dir=rtl].sc-ion-alert-md-h [aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md,[dir=rtl] .sc-ion-alert-md-h [aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md{left:unset;right:unset;right:3px}[dir=rtl].sc-ion-alert-md [aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md{left:unset;right:unset;right:3px}@supports selector(:dir(rtl)){[aria-checked=true].sc-ion-alert-md .alert-checkbox-inner.sc-ion-alert-md:dir(rtl){left:unset;right:unset;right:3px}}}.alert-button-group.sc-ion-alert-md{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-wrap:wrap-reverse;flex-wrap:wrap-reverse;-ms-flex-pack:end;justify-content:flex-end}.alert-button.sc-ion-alert-md{border-radius:2px;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:0;margin-bottom:0;-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;position:relative;background-color:transparent;color:var(--ion-color-primary, #3880ff);font-weight:500;text-align:end;text-transform:uppercase;overflow:hidden}.alert-button-inner.sc-ion-alert-md{-ms-flex-pack:end;justify-content:flex-end}";
|
|
10347
10488
|
|
|
10348
10489
|
// TODO(FW-2832): types
|
|
10349
10490
|
/**
|
|
@@ -10361,6 +10502,7 @@ class Alert {
|
|
|
10361
10502
|
this.willDismissShorthand = createEvent(this, "willDismiss", 7);
|
|
10362
10503
|
this.didDismissShorthand = createEvent(this, "didDismiss", 7);
|
|
10363
10504
|
this.delegateController = createDelegateController(this);
|
|
10505
|
+
this.lockController = createLockController();
|
|
10364
10506
|
this.triggerController = createTriggerController();
|
|
10365
10507
|
this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
|
|
10366
10508
|
this.processedInputs = [];
|
|
@@ -10527,21 +10669,10 @@ class Alert {
|
|
|
10527
10669
|
* Present the alert overlay after it has been created.
|
|
10528
10670
|
*/
|
|
10529
10671
|
async present() {
|
|
10530
|
-
|
|
10531
|
-
* When using an inline alert
|
|
10532
|
-
* and dismissing an alert it is possible to
|
|
10533
|
-
* quickly present the alert while it is
|
|
10534
|
-
* dismissing. We need to await any current
|
|
10535
|
-
* transition to allow the dismiss to finish
|
|
10536
|
-
* before presenting again.
|
|
10537
|
-
*/
|
|
10538
|
-
if (this.currentTransition !== undefined) {
|
|
10539
|
-
await this.currentTransition;
|
|
10540
|
-
}
|
|
10672
|
+
const unlock = await this.lockController.lock();
|
|
10541
10673
|
await this.delegateController.attachViewToDom();
|
|
10542
|
-
|
|
10543
|
-
|
|
10544
|
-
this.currentTransition = undefined;
|
|
10674
|
+
await present(this, 'alertEnter', iosEnterAnimation$5, mdEnterAnimation$4);
|
|
10675
|
+
unlock();
|
|
10545
10676
|
}
|
|
10546
10677
|
/**
|
|
10547
10678
|
* Dismiss the alert overlay after it has been presented.
|
|
@@ -10553,11 +10684,12 @@ class Alert {
|
|
|
10553
10684
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
10554
10685
|
*/
|
|
10555
10686
|
async dismiss(data, role) {
|
|
10556
|
-
|
|
10557
|
-
const dismissed = await this
|
|
10687
|
+
const unlock = await this.lockController.lock();
|
|
10688
|
+
const dismissed = await dismiss(this, data, role, 'alertLeave', iosLeaveAnimation$5, mdLeaveAnimation$4);
|
|
10558
10689
|
if (dismissed) {
|
|
10559
10690
|
this.delegateController.removeViewFromDom();
|
|
10560
10691
|
}
|
|
10692
|
+
unlock();
|
|
10561
10693
|
return dismissed;
|
|
10562
10694
|
}
|
|
10563
10695
|
/**
|
|
@@ -10579,12 +10711,10 @@ class Alert {
|
|
|
10579
10711
|
}
|
|
10580
10712
|
this.activeId = selectedInput.id;
|
|
10581
10713
|
safeCall(selectedInput.handler, selectedInput);
|
|
10582
|
-
forceUpdate$1(this);
|
|
10583
10714
|
}
|
|
10584
10715
|
cbClick(selectedInput) {
|
|
10585
10716
|
selectedInput.checked = !selectedInput.checked;
|
|
10586
10717
|
safeCall(selectedInput.handler, selectedInput);
|
|
10587
|
-
forceUpdate$1(this);
|
|
10588
10718
|
}
|
|
10589
10719
|
async buttonClick(button) {
|
|
10590
10720
|
const role = button.role;
|
|
@@ -10696,7 +10826,7 @@ class Alert {
|
|
|
10696
10826
|
'alert-button-group': true,
|
|
10697
10827
|
'alert-button-group-vertical': buttons.length > 2,
|
|
10698
10828
|
};
|
|
10699
|
-
return (hAsync("div", { class: alertButtonGroupClass }, buttons.map((button) => (hAsync("button", { type: "button", id: button.id, class: buttonClass$2(button), tabIndex: 0, onClick: () => this.buttonClick(button) }, hAsync("span", { class: "alert-button-inner" }, button.text), mode === 'md' && hAsync("ion-ripple-effect", null))))));
|
|
10829
|
+
return (hAsync("div", { class: alertButtonGroupClass }, buttons.map((button) => (hAsync("button", Object.assign({}, button.htmlAttributes, { type: "button", id: button.id, class: buttonClass$2(button), tabIndex: 0, onClick: () => this.buttonClick(button) }), hAsync("span", { class: "alert-button-inner" }, button.text), mode === 'md' && hAsync("ion-ripple-effect", null))))));
|
|
10700
10830
|
}
|
|
10701
10831
|
renderAlertMessage(msgId) {
|
|
10702
10832
|
const { customHTMLEnabled, message } = this;
|
|
@@ -11361,6 +11491,15 @@ class Button {
|
|
|
11361
11491
|
this.formButtonEl.disabled = disabled;
|
|
11362
11492
|
}
|
|
11363
11493
|
}
|
|
11494
|
+
/**
|
|
11495
|
+
* This is responsible for rendering a hidden native
|
|
11496
|
+
* button element inside the associated form. This allows
|
|
11497
|
+
* users to submit a form by pressing "Enter" when a text
|
|
11498
|
+
* field inside of the form is focused. The native button
|
|
11499
|
+
* rendered inside of `ion-button` is in the Shadow DOM
|
|
11500
|
+
* and therefore does not participate in form submission
|
|
11501
|
+
* which is why the following code is necessary.
|
|
11502
|
+
*/
|
|
11364
11503
|
renderHiddenButton() {
|
|
11365
11504
|
const formEl = (this.formEl = this.findForm());
|
|
11366
11505
|
if (formEl) {
|
|
@@ -11479,6 +11618,13 @@ class Button {
|
|
|
11479
11618
|
if (fill == null) {
|
|
11480
11619
|
fill = this.inToolbar || this.inListHeader ? 'clear' : 'solid';
|
|
11481
11620
|
}
|
|
11621
|
+
/**
|
|
11622
|
+
* We call renderHiddenButton in the render function to account
|
|
11623
|
+
* for any properties being set async. For example, changing the
|
|
11624
|
+
* "type" prop from "button" to "submit" after the component has
|
|
11625
|
+
* loaded would warrant the hidden button being added to the
|
|
11626
|
+
* associated form.
|
|
11627
|
+
*/
|
|
11482
11628
|
{
|
|
11483
11629
|
type !== 'button' && this.renderHiddenButton();
|
|
11484
11630
|
}
|
|
@@ -11980,7 +12126,7 @@ const createNotchController = (el, getNotchSpacerEl, getLabelSlot) => {
|
|
|
11980
12126
|
* The notch is only visible when the label is scaled,
|
|
11981
12127
|
* which is why we multiply the width by 0.75 as this is
|
|
11982
12128
|
* the same amount the label element is scaled by in the host CSS.
|
|
11983
|
-
* (
|
|
12129
|
+
* (See $form-control-label-stacked-scale in ionic.globals.scss).
|
|
11984
12130
|
*/
|
|
11985
12131
|
notchSpacerEl.style.setProperty('width', `${width * 0.75}px`);
|
|
11986
12132
|
};
|
|
@@ -11996,9 +12142,9 @@ const createNotchController = (el, getNotchSpacerEl, getLabelSlot) => {
|
|
|
11996
12142
|
};
|
|
11997
12143
|
};
|
|
11998
12144
|
|
|
11999
|
-
const checkboxIosCss = "/*!@:host*/.sc-ion-checkbox-ios-h{--checkbox-background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item)*/.in-item.sc-ion-checkbox-ios-h{width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-checkbox)),\n:host([slot=end]:not(.legacy-checkbox))*/[slot=start].sc-ion-checkbox-ios-h:not(.legacy-checkbox),[slot=end].sc-ion-checkbox-ios-h:not(.legacy-checkbox){width:auto}/*!@:host(.legacy-checkbox)*/.legacy-checkbox.sc-ion-checkbox-ios-h{width:var(--size);height:var(--size)}/*!@:host(.ion-color)*/.ion-color.sc-ion-checkbox-ios-h{--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{left:0}/*!@:host-context([dir=rtl]):host(.legacy-checkbox) label, :host-context([dir=rtl]).legacy-checkbox label*/[dir=rtl].sc-ion-checkbox-ios-h -no-combinator.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios,[dir=rtl] .sc-ion-checkbox-ios-h -no-combinator.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios,[dir=rtl].legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios,[dir=rtl] .legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-checkbox-ios selector(.sc-ion-checkbox-ios:dir(rtl)){.sc-ion-checkbox-ios-h.legacy-checkbox label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-checkbox) label::-moz-focus-inner*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios::-moz-focus-inner{border:0}/*!@.checkbox-wrapper*/.checkbox-wrapper.sc-ion-checkbox-ios{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-checkbox-ios{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-checkbox)) .label-text-wrapper*/.in-item.sc-ion-checkbox-ios-h:not(.legacy-checkbox) .label-text-wrapper.sc-ion-checkbox-ios{margin-top:10px;margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-checkbox-ios{display:none}/*!@input*/input.sc-ion-checkbox-ios{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-checkbox-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@.checkbox-icon*/.checkbox-icon.sc-ion-checkbox-ios{border-radius:var(--border-radius);position:relative;-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}/*!@:host(.legacy-checkbox) .checkbox-icon*/.legacy-checkbox.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios{display:block;width:100%;height:100%}/*!@:host(:not(.legacy-checkbox)) .checkbox-icon*/.sc-ion-checkbox-ios-h:not(.legacy-checkbox) .checkbox-icon.sc-ion-checkbox-ios{width:var(--size);height:var(--size)}/*!@.checkbox-icon path*/.checkbox-icon.sc-ion-checkbox-ios path.sc-ion-checkbox-ios{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}/*!@:host(.checkbox-justify-space-between) .checkbox-wrapper*/.checkbox-justify-space-between.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.checkbox-justify-start) .checkbox-wrapper*/.checkbox-justify-start.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-pack:start;justify-content:start}/*!@:host(.checkbox-justify-end) .checkbox-wrapper*/.checkbox-justify-end.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-pack:end;justify-content:end}/*!@:host(.checkbox-label-placement-start) .checkbox-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.checkbox-label-placement-start) .label-text-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-end) .checkbox-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.checkbox-label-placement-end) .label-text-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.checkbox-checked) .checkbox-icon,\n:host(.checkbox-indeterminate) .checkbox-icon*/.checkbox-checked.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios,.checkbox-indeterminate.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}/*!@:host(.checkbox-checked) .checkbox-icon path,\n:host(.checkbox-indeterminate) .checkbox-icon path*/.checkbox-checked.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios path.sc-ion-checkbox-ios,.checkbox-indeterminate.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios path.sc-ion-checkbox-ios{opacity:1}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-ios-h{pointer-events:none}/*!@:host*/.sc-ion-checkbox-ios-h{--border-radius:50%;--border-width:1px;--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:26px}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-ios-h{opacity:0.3}/*!@:host(.in-item.legacy-checkbox)*/.in-item.legacy-checkbox.sc-ion-checkbox-ios-h{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:10px;margin-bottom:9px;display:block;position:static}/*!@:host(.in-item.legacy-checkbox[slot=start])*/.in-item.legacy-checkbox[slot=start].sc-ion-checkbox-ios-h{-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:8px;margin-bottom:8px}";
|
|
12145
|
+
const checkboxIosCss = "/*!@:host*/.sc-ion-checkbox-ios-h{--checkbox-background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item)*/.in-item.sc-ion-checkbox-ios-h{width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-checkbox)),\n:host([slot=end]:not(.legacy-checkbox))*/[slot=start].sc-ion-checkbox-ios-h:not(.legacy-checkbox),[slot=end].sc-ion-checkbox-ios-h:not(.legacy-checkbox){width:auto}/*!@:host(.legacy-checkbox)*/.legacy-checkbox.sc-ion-checkbox-ios-h{width:var(--size);height:var(--size)}/*!@:host(.ion-color)*/.ion-color.sc-ion-checkbox-ios-h{--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{left:0}/*!@:host-context([dir=rtl]):host(.legacy-checkbox) label, :host-context([dir=rtl]).legacy-checkbox label*/[dir=rtl].sc-ion-checkbox-ios-h -no-combinator.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios,[dir=rtl] .sc-ion-checkbox-ios-h -no-combinator.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios,[dir=rtl].legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios,[dir=rtl] .legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-checkbox-ios selector(.sc-ion-checkbox-ios:dir(rtl)){.sc-ion-checkbox-ios-h.legacy-checkbox label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-checkbox) label::-moz-focus-inner*/.legacy-checkbox.sc-ion-checkbox-ios-h label.sc-ion-checkbox-ios::-moz-focus-inner{border:0}/*!@.checkbox-wrapper*/.checkbox-wrapper.sc-ion-checkbox-ios{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-checkbox-ios{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-checkbox)) .label-text-wrapper*/.in-item.sc-ion-checkbox-ios-h:not(.legacy-checkbox) .label-text-wrapper.sc-ion-checkbox-ios{margin-top:10px;margin-bottom:10px}/*!@:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper*/.in-item.checkbox-label-placement-stacked.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.checkbox-label-placement-stacked) .native-wrapper*/.in-item.checkbox-label-placement-stacked.sc-ion-checkbox-ios-h .native-wrapper.sc-ion-checkbox-ios{margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-checkbox-ios{display:none}/*!@input*/input.sc-ion-checkbox-ios{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-checkbox-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@.checkbox-icon*/.checkbox-icon.sc-ion-checkbox-ios{border-radius:var(--border-radius);position:relative;-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}/*!@:host(.legacy-checkbox) .checkbox-icon*/.legacy-checkbox.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios{display:block;width:100%;height:100%}/*!@:host(:not(.legacy-checkbox)) .checkbox-icon*/.sc-ion-checkbox-ios-h:not(.legacy-checkbox) .checkbox-icon.sc-ion-checkbox-ios{width:var(--size);height:var(--size)}/*!@.checkbox-icon path*/.checkbox-icon.sc-ion-checkbox-ios path.sc-ion-checkbox-ios{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}/*!@:host(.checkbox-justify-space-between) .checkbox-wrapper*/.checkbox-justify-space-between.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.checkbox-justify-start) .checkbox-wrapper*/.checkbox-justify-start.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-pack:start;justify-content:start}/*!@:host(.checkbox-justify-end) .checkbox-wrapper*/.checkbox-justify-end.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-pack:end;justify-content:end}/*!@:host(.checkbox-alignment-start) .checkbox-wrapper*/.checkbox-alignment-start.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-align:start;align-items:start}/*!@:host(.checkbox-alignment-center) .checkbox-wrapper*/.checkbox-alignment-center.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-align:center;align-items:center}/*!@:host(.checkbox-label-placement-start) .checkbox-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.checkbox-label-placement-start) .label-text-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-end) .checkbox-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.checkbox-label-placement-end) .label-text-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.checkbox-label-placement-stacked) .checkbox-wrapper*/.checkbox-label-placement-stacked.sc-ion-checkbox-ios-h .checkbox-wrapper.sc-ion-checkbox-ios{-ms-flex-direction:column;flex-direction:column}/*!@:host(.checkbox-label-placement-stacked) .label-text-wrapper*/.checkbox-label-placement-stacked.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-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(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper*/.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-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*/[dir=rtl].sc-ion-checkbox-ios-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios,[dir=rtl] .sc-ion-checkbox-ios-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios,[dir=rtl].checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios,[dir=rtl] .checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper:dir(rtl)*/.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper*/.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-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*/[dir=rtl].sc-ion-checkbox-ios-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios,[dir=rtl] .sc-ion-checkbox-ios-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios,[dir=rtl].checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios,[dir=rtl] .checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios{-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) .label-text-wrapper:dir(rtl)*/.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-ios-h .label-text-wrapper.sc-ion-checkbox-ios:dir(rtl){-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}/*!@:host(.checkbox-checked) .checkbox-icon,\n:host(.checkbox-indeterminate) .checkbox-icon*/.checkbox-checked.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios,.checkbox-indeterminate.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}/*!@:host(.checkbox-checked) .checkbox-icon path,\n:host(.checkbox-indeterminate) .checkbox-icon path*/.checkbox-checked.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios path.sc-ion-checkbox-ios,.checkbox-indeterminate.sc-ion-checkbox-ios-h .checkbox-icon.sc-ion-checkbox-ios path.sc-ion-checkbox-ios{opacity:1}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-ios-h{pointer-events:none}/*!@:host*/.sc-ion-checkbox-ios-h{--border-radius:50%;--border-width:1px;--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:26px}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-ios-h{opacity:0.3}/*!@:host(.in-item.legacy-checkbox)*/.in-item.legacy-checkbox.sc-ion-checkbox-ios-h{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:10px;margin-bottom:9px;display:block;position:static}/*!@:host(.in-item.legacy-checkbox[slot=start])*/.in-item.legacy-checkbox[slot=start].sc-ion-checkbox-ios-h{-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:8px;margin-bottom:8px}";
|
|
12000
12146
|
|
|
12001
|
-
const checkboxMdCss = "/*!@:host*/.sc-ion-checkbox-md-h{--checkbox-background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item)*/.in-item.sc-ion-checkbox-md-h{width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-checkbox)),\n:host([slot=end]:not(.legacy-checkbox))*/[slot=start].sc-ion-checkbox-md-h:not(.legacy-checkbox),[slot=end].sc-ion-checkbox-md-h:not(.legacy-checkbox){width:auto}/*!@:host(.legacy-checkbox)*/.legacy-checkbox.sc-ion-checkbox-md-h{width:var(--size);height:var(--size)}/*!@:host(.ion-color)*/.ion-color.sc-ion-checkbox-md-h{--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{left:0}/*!@:host-context([dir=rtl]):host(.legacy-checkbox) label, :host-context([dir=rtl]).legacy-checkbox label*/[dir=rtl].sc-ion-checkbox-md-h -no-combinator.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md,[dir=rtl] .sc-ion-checkbox-md-h -no-combinator.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md,[dir=rtl].legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md,[dir=rtl] .legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-checkbox-md selector(.sc-ion-checkbox-md:dir(rtl)){.sc-ion-checkbox-md-h.legacy-checkbox label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-checkbox) label::-moz-focus-inner*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md::-moz-focus-inner{border:0}/*!@.checkbox-wrapper*/.checkbox-wrapper.sc-ion-checkbox-md{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-checkbox-md{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-checkbox)) .label-text-wrapper*/.in-item.sc-ion-checkbox-md-h:not(.legacy-checkbox) .label-text-wrapper.sc-ion-checkbox-md{margin-top:10px;margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-checkbox-md{display:none}/*!@input*/input.sc-ion-checkbox-md{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-checkbox-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@.checkbox-icon*/.checkbox-icon.sc-ion-checkbox-md{border-radius:var(--border-radius);position:relative;-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}/*!@:host(.legacy-checkbox) .checkbox-icon*/.legacy-checkbox.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md{display:block;width:100%;height:100%}/*!@:host(:not(.legacy-checkbox)) .checkbox-icon*/.sc-ion-checkbox-md-h:not(.legacy-checkbox) .checkbox-icon.sc-ion-checkbox-md{width:var(--size);height:var(--size)}/*!@.checkbox-icon path*/.checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}/*!@:host(.checkbox-justify-space-between) .checkbox-wrapper*/.checkbox-justify-space-between.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.checkbox-justify-start) .checkbox-wrapper*/.checkbox-justify-start.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-pack:start;justify-content:start}/*!@:host(.checkbox-justify-end) .checkbox-wrapper*/.checkbox-justify-end.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-pack:end;justify-content:end}/*!@:host(.checkbox-label-placement-start) .checkbox-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.checkbox-label-placement-start) .label-text-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-end) .checkbox-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.checkbox-label-placement-end) .label-text-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.checkbox-checked) .checkbox-icon,\n:host(.checkbox-indeterminate) .checkbox-icon*/.checkbox-checked.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md,.checkbox-indeterminate.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}/*!@:host(.checkbox-checked) .checkbox-icon path,\n:host(.checkbox-indeterminate) .checkbox-icon path*/.checkbox-checked.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md,.checkbox-indeterminate.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{opacity:1}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-md-h{pointer-events:none}/*!@:host*/.sc-ion-checkbox-md-h{--border-radius:calc(var(--size) * .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*/.checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{stroke-dasharray:30;stroke-dashoffset:30}/*!@:host(.checkbox-checked) .checkbox-icon path,\n:host(.checkbox-indeterminate) .checkbox-icon path*/.checkbox-checked.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md,.checkbox-indeterminate.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{stroke-dashoffset:0;-webkit-transition:stroke-dashoffset 90ms linear 90ms;transition:stroke-dashoffset 90ms linear 90ms}/*!@:host(.legacy-checkbox.checkbox-disabled),\n:host(.checkbox-disabled) .label-text-wrapper*/.legacy-checkbox.checkbox-disabled.sc-ion-checkbox-md-h,.checkbox-disabled.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{opacity:0.38}/*!@:host(.checkbox-disabled) .native-wrapper*/.checkbox-disabled.sc-ion-checkbox-md-h .native-wrapper.sc-ion-checkbox-md{opacity:0.63}/*!@:host(.in-item.legacy-checkbox)*/.in-item.legacy-checkbox.sc-ion-checkbox-md-h{margin-left:0;margin-right:0;margin-top:18px;margin-bottom:18px;display:block;position:static}/*!@:host(.in-item.legacy-checkbox[slot=start])*/.in-item.legacy-checkbox[slot=start].sc-ion-checkbox-md-h{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:36px;margin-inline-end:36px;margin-top:18px;margin-bottom:18px}";
|
|
12147
|
+
const checkboxMdCss = "/*!@:host*/.sc-ion-checkbox-md-h{--checkbox-background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item)*/.in-item.sc-ion-checkbox-md-h{width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-checkbox)),\n:host([slot=end]:not(.legacy-checkbox))*/[slot=start].sc-ion-checkbox-md-h:not(.legacy-checkbox),[slot=end].sc-ion-checkbox-md-h:not(.legacy-checkbox){width:auto}/*!@:host(.legacy-checkbox)*/.legacy-checkbox.sc-ion-checkbox-md-h{width:var(--size);height:var(--size)}/*!@:host(.ion-color)*/.ion-color.sc-ion-checkbox-md-h{--checkbox-background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-checkbox) label*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{left:0}/*!@:host-context([dir=rtl]):host(.legacy-checkbox) label, :host-context([dir=rtl]).legacy-checkbox label*/[dir=rtl].sc-ion-checkbox-md-h -no-combinator.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md,[dir=rtl] .sc-ion-checkbox-md-h -no-combinator.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md,[dir=rtl].legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md,[dir=rtl] .legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-checkbox-md selector(.sc-ion-checkbox-md:dir(rtl)){.sc-ion-checkbox-md-h.legacy-checkbox label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-checkbox) label::-moz-focus-inner*/.legacy-checkbox.sc-ion-checkbox-md-h label.sc-ion-checkbox-md::-moz-focus-inner{border:0}/*!@.checkbox-wrapper*/.checkbox-wrapper.sc-ion-checkbox-md{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-checkbox-md{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-checkbox)) .label-text-wrapper*/.in-item.sc-ion-checkbox-md-h:not(.legacy-checkbox) .label-text-wrapper.sc-ion-checkbox-md{margin-top:10px;margin-bottom:10px}/*!@:host(.in-item.checkbox-label-placement-stacked) .label-text-wrapper*/.in-item.checkbox-label-placement-stacked.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.checkbox-label-placement-stacked) .native-wrapper*/.in-item.checkbox-label-placement-stacked.sc-ion-checkbox-md-h .native-wrapper.sc-ion-checkbox-md{margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-checkbox-md{display:none}/*!@input*/input.sc-ion-checkbox-md{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-checkbox-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@.checkbox-icon*/.checkbox-icon.sc-ion-checkbox-md{border-radius:var(--border-radius);position:relative;-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}/*!@:host(.legacy-checkbox) .checkbox-icon*/.legacy-checkbox.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md{display:block;width:100%;height:100%}/*!@:host(:not(.legacy-checkbox)) .checkbox-icon*/.sc-ion-checkbox-md-h:not(.legacy-checkbox) .checkbox-icon.sc-ion-checkbox-md{width:var(--size);height:var(--size)}/*!@.checkbox-icon path*/.checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}/*!@:host(.checkbox-justify-space-between) .checkbox-wrapper*/.checkbox-justify-space-between.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.checkbox-justify-start) .checkbox-wrapper*/.checkbox-justify-start.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-pack:start;justify-content:start}/*!@:host(.checkbox-justify-end) .checkbox-wrapper*/.checkbox-justify-end.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-pack:end;justify-content:end}/*!@:host(.checkbox-alignment-start) .checkbox-wrapper*/.checkbox-alignment-start.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-align:start;align-items:start}/*!@:host(.checkbox-alignment-center) .checkbox-wrapper*/.checkbox-alignment-center.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-align:center;align-items:center}/*!@:host(.checkbox-label-placement-start) .checkbox-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.checkbox-label-placement-start) .label-text-wrapper*/.checkbox-label-placement-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-end) .checkbox-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.checkbox-label-placement-end) .label-text-wrapper*/.checkbox-label-placement-end.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.checkbox-label-placement-fixed) .label-text-wrapper*/.checkbox-label-placement-fixed.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.checkbox-label-placement-stacked) .checkbox-wrapper*/.checkbox-label-placement-stacked.sc-ion-checkbox-md-h .checkbox-wrapper.sc-ion-checkbox-md{-ms-flex-direction:column;flex-direction:column}/*!@:host(.checkbox-label-placement-stacked) .label-text-wrapper*/.checkbox-label-placement-stacked.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-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(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper*/.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-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*/[dir=rtl].sc-ion-checkbox-md-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md,[dir=rtl] .sc-ion-checkbox-md-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md,[dir=rtl].checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md,[dir=rtl] .checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.checkbox-label-placement-stacked.checkbox-alignment-start) .label-text-wrapper:dir(rtl)*/.checkbox-label-placement-stacked.checkbox-alignment-start.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.checkbox-label-placement-stacked.checkbox-alignment-center) .label-text-wrapper*/.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-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*/[dir=rtl].sc-ion-checkbox-md-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md,[dir=rtl] .sc-ion-checkbox-md-h -no-combinator.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md,[dir=rtl].checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md,[dir=rtl] .checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{-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) .label-text-wrapper:dir(rtl)*/.checkbox-label-placement-stacked.checkbox-alignment-center.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md:dir(rtl){-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}/*!@:host(.checkbox-checked) .checkbox-icon,\n:host(.checkbox-indeterminate) .checkbox-icon*/.checkbox-checked.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md,.checkbox-indeterminate.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md{border-color:var(--border-color-checked);background:var(--checkbox-background-checked)}/*!@:host(.checkbox-checked) .checkbox-icon path,\n:host(.checkbox-indeterminate) .checkbox-icon path*/.checkbox-checked.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md,.checkbox-indeterminate.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{opacity:1}/*!@:host(.checkbox-disabled)*/.checkbox-disabled.sc-ion-checkbox-md-h{pointer-events:none}/*!@:host*/.sc-ion-checkbox-md-h{--border-radius:calc(var(--size) * .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*/.checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{stroke-dasharray:30;stroke-dashoffset:30}/*!@:host(.checkbox-checked) .checkbox-icon path,\n:host(.checkbox-indeterminate) .checkbox-icon path*/.checkbox-checked.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md,.checkbox-indeterminate.sc-ion-checkbox-md-h .checkbox-icon.sc-ion-checkbox-md path.sc-ion-checkbox-md{stroke-dashoffset:0;-webkit-transition:stroke-dashoffset 90ms linear 90ms;transition:stroke-dashoffset 90ms linear 90ms}/*!@:host(.legacy-checkbox.checkbox-disabled),\n:host(.checkbox-disabled) .label-text-wrapper*/.legacy-checkbox.checkbox-disabled.sc-ion-checkbox-md-h,.checkbox-disabled.sc-ion-checkbox-md-h .label-text-wrapper.sc-ion-checkbox-md{opacity:0.38}/*!@:host(.checkbox-disabled) .native-wrapper*/.checkbox-disabled.sc-ion-checkbox-md-h .native-wrapper.sc-ion-checkbox-md{opacity:0.63}/*!@:host(.in-item.legacy-checkbox)*/.in-item.legacy-checkbox.sc-ion-checkbox-md-h{margin-left:0;margin-right:0;margin-top:18px;margin-bottom:18px;display:block;position:static}/*!@:host(.in-item.legacy-checkbox[slot=start])*/.in-item.legacy-checkbox[slot=start].sc-ion-checkbox-md-h{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:36px;margin-inline-end:36px;margin-top:18px;margin-bottom:18px}";
|
|
12002
12148
|
|
|
12003
12149
|
/**
|
|
12004
12150
|
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
@@ -12045,6 +12191,12 @@ class Checkbox {
|
|
|
12045
12191
|
this.onBlur = () => {
|
|
12046
12192
|
this.ionBlur.emit();
|
|
12047
12193
|
};
|
|
12194
|
+
this.onClick = (ev) => {
|
|
12195
|
+
if (this.disabled) {
|
|
12196
|
+
return;
|
|
12197
|
+
}
|
|
12198
|
+
this.toggleChecked(ev);
|
|
12199
|
+
};
|
|
12048
12200
|
this.color = undefined;
|
|
12049
12201
|
this.name = this.inputId;
|
|
12050
12202
|
this.checked = false;
|
|
@@ -12053,11 +12205,11 @@ class Checkbox {
|
|
|
12053
12205
|
this.value = 'on';
|
|
12054
12206
|
this.labelPlacement = 'start';
|
|
12055
12207
|
this.justify = 'space-between';
|
|
12208
|
+
this.alignment = 'center';
|
|
12056
12209
|
this.legacy = undefined;
|
|
12057
12210
|
}
|
|
12058
|
-
// TODO(FW-3100): remove this
|
|
12059
12211
|
connectedCallback() {
|
|
12060
|
-
this.legacyFormController = createLegacyFormController(this.el);
|
|
12212
|
+
this.legacyFormController = createLegacyFormController(this.el); // TODO(FW-3100): remove this
|
|
12061
12213
|
}
|
|
12062
12214
|
componentWillLoad() {
|
|
12063
12215
|
this.emitStyle();
|
|
@@ -12090,7 +12242,7 @@ class Checkbox {
|
|
|
12090
12242
|
return legacyFormController.hasLegacyControl() ? this.renderLegacyCheckbox() : this.renderCheckbox();
|
|
12091
12243
|
}
|
|
12092
12244
|
renderCheckbox() {
|
|
12093
|
-
const { color, checked, disabled, el, getSVGPath, indeterminate, inheritedAttributes, inputId, justify, labelPlacement, name, value, } = this;
|
|
12245
|
+
const { color, checked, disabled, el, getSVGPath, indeterminate, inheritedAttributes, inputId, justify, labelPlacement, name, value, alignment, } = this;
|
|
12094
12246
|
const mode = getIonMode$1(this);
|
|
12095
12247
|
const path = getSVGPath(mode, indeterminate);
|
|
12096
12248
|
renderHiddenInput(true, el, name, checked ? value : '', disabled);
|
|
@@ -12102,8 +12254,9 @@ class Checkbox {
|
|
|
12102
12254
|
'checkbox-indeterminate': indeterminate,
|
|
12103
12255
|
interactive: true,
|
|
12104
12256
|
[`checkbox-justify-${justify}`]: true,
|
|
12257
|
+
[`checkbox-alignment-${alignment}`]: true,
|
|
12105
12258
|
[`checkbox-label-placement-${labelPlacement}`]: true,
|
|
12106
|
-
}) }, hAsync("label", { class: "checkbox-wrapper" }, hAsync("input", Object.assign({ type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), hAsync("div", { class: {
|
|
12259
|
+
}), onClick: this.onClick }, hAsync("label", { class: "checkbox-wrapper" }, hAsync("input", Object.assign({ type: "checkbox", checked: checked ? true : undefined, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, inheritedAttributes)), hAsync("div", { class: {
|
|
12107
12260
|
'label-text-wrapper': true,
|
|
12108
12261
|
'label-text-wrapper-hidden': el.textContent === '',
|
|
12109
12262
|
} }, hAsync("slot", null)), hAsync("div", { class: "native-wrapper" }, hAsync("svg", { class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path)))));
|
|
@@ -12136,7 +12289,7 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
|
|
|
12136
12289
|
'checkbox-indeterminate': indeterminate,
|
|
12137
12290
|
'legacy-checkbox': true,
|
|
12138
12291
|
interactive: true,
|
|
12139
|
-
}) }, hAsync("svg", { class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path), hAsync("label", { htmlFor: inputId }, labelText), hAsync("input", { type: "checkbox", "aria-checked": `${checked}`, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) })));
|
|
12292
|
+
}), onClick: this.onClick }, hAsync("svg", { class: "checkbox-icon", viewBox: "0 0 24 24", part: "container" }, path), hAsync("label", { htmlFor: inputId }, labelText), hAsync("input", { type: "checkbox", "aria-checked": `${checked}`, disabled: disabled, id: inputId, onChange: this.toggleChecked, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) })));
|
|
12140
12293
|
}
|
|
12141
12294
|
getSVGPath(mode, indeterminate) {
|
|
12142
12295
|
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" }));
|
|
@@ -12166,6 +12319,7 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
|
|
|
12166
12319
|
"value": [8],
|
|
12167
12320
|
"labelPlacement": [1, "label-placement"],
|
|
12168
12321
|
"justify": [1],
|
|
12322
|
+
"alignment": [1],
|
|
12169
12323
|
"legacy": [4]
|
|
12170
12324
|
},
|
|
12171
12325
|
"$listeners$": undefined,
|
|
@@ -12267,7 +12421,6 @@ class Col {
|
|
|
12267
12421
|
this.sizeXl = undefined;
|
|
12268
12422
|
}
|
|
12269
12423
|
onResize() {
|
|
12270
|
-
forceUpdate$1(this);
|
|
12271
12424
|
}
|
|
12272
12425
|
// Loop through all of the breakpoints to see if the media query
|
|
12273
12426
|
// matches and grab the column value from the relevant prop if so
|
|
@@ -12419,6 +12572,7 @@ class Content {
|
|
|
12419
12572
|
this.cBottom = -1;
|
|
12420
12573
|
this.isMainContent = true;
|
|
12421
12574
|
this.resizeTimeout = null;
|
|
12575
|
+
this.tabsElement = null;
|
|
12422
12576
|
// Detail is used in a hot loop in the scroll event, by allocating it here
|
|
12423
12577
|
// V8 will be able to inline any read/write to it since it's a monomorphic class.
|
|
12424
12578
|
// https://mrale.ph/blog/2015/01/11/whats-up-with-monomorphism.html
|
|
@@ -12449,12 +12603,57 @@ class Content {
|
|
|
12449
12603
|
}
|
|
12450
12604
|
connectedCallback() {
|
|
12451
12605
|
this.isMainContent = this.el.closest('ion-menu, ion-popover, ion-modal') === null;
|
|
12606
|
+
/**
|
|
12607
|
+
* The fullscreen content offsets need to be
|
|
12608
|
+
* computed after the tab bar has loaded. Since
|
|
12609
|
+
* lazy evaluation means components are not hydrated
|
|
12610
|
+
* at the same time, we need to wait for the ionTabBarLoaded
|
|
12611
|
+
* event to fire. This does not impact dist-custom-elements
|
|
12612
|
+
* because there is no hydration there.
|
|
12613
|
+
*/
|
|
12614
|
+
if (hasLazyBuild(this.el)) {
|
|
12615
|
+
/**
|
|
12616
|
+
* We need to cache the reference to the tabs.
|
|
12617
|
+
* If just the content is unmounted then we won't
|
|
12618
|
+
* be able to query for the closest tabs on disconnectedCallback
|
|
12619
|
+
* since the content has been removed from the DOM tree.
|
|
12620
|
+
*/
|
|
12621
|
+
const closestTabs = (this.tabsElement = this.el.closest('ion-tabs'));
|
|
12622
|
+
if (closestTabs !== null) {
|
|
12623
|
+
/**
|
|
12624
|
+
* When adding and removing the event listener
|
|
12625
|
+
* we need to make sure we pass the same function reference
|
|
12626
|
+
* otherwise the event listener will not be removed properly.
|
|
12627
|
+
* We can't only pass `this.resize` because "this" in the function
|
|
12628
|
+
* context becomes a reference to IonTabs instead of IonContent.
|
|
12629
|
+
*
|
|
12630
|
+
* Additionally, we listen for ionTabBarLoaded on the IonTabs
|
|
12631
|
+
* instance rather than the IonTabBar instance. It's possible for
|
|
12632
|
+
* a tab bar to be conditionally rendered/mounted. Since ionTabBarLoaded
|
|
12633
|
+
* bubbles, we can catch any instances of child tab bars loading by listening
|
|
12634
|
+
* on IonTabs.
|
|
12635
|
+
*/
|
|
12636
|
+
this.tabsLoadCallback = () => this.resize();
|
|
12637
|
+
closestTabs.addEventListener('ionTabBarLoaded', this.tabsLoadCallback);
|
|
12638
|
+
}
|
|
12639
|
+
}
|
|
12452
12640
|
}
|
|
12453
12641
|
disconnectedCallback() {
|
|
12454
12642
|
this.onScrollEnd();
|
|
12455
|
-
|
|
12456
|
-
|
|
12457
|
-
|
|
12643
|
+
if (hasLazyBuild(this.el)) {
|
|
12644
|
+
/**
|
|
12645
|
+
* The event listener and tabs caches need to
|
|
12646
|
+
* be cleared otherwise this will create a memory
|
|
12647
|
+
* leak where the IonTabs instance can never be
|
|
12648
|
+
* garbage collected.
|
|
12649
|
+
*/
|
|
12650
|
+
const { tabsElement, tabsLoadCallback } = this;
|
|
12651
|
+
if (tabsElement !== null && tabsLoadCallback !== undefined) {
|
|
12652
|
+
tabsElement.removeEventListener('ionTabBarLoaded', tabsLoadCallback);
|
|
12653
|
+
}
|
|
12654
|
+
this.tabsElement = null;
|
|
12655
|
+
this.tabsLoadCallback = undefined;
|
|
12656
|
+
}
|
|
12458
12657
|
}
|
|
12459
12658
|
/**
|
|
12460
12659
|
* Rotating certain devices can update
|
|
@@ -12506,7 +12705,6 @@ class Content {
|
|
|
12506
12705
|
if (dirty) {
|
|
12507
12706
|
this.cTop = top;
|
|
12508
12707
|
this.cBottom = bottom;
|
|
12509
|
-
forceUpdate$1(this);
|
|
12510
12708
|
}
|
|
12511
12709
|
}
|
|
12512
12710
|
onScroll(ev) {
|
|
@@ -12702,7 +12900,7 @@ class Content {
|
|
|
12702
12900
|
"scrollByPoint": [64],
|
|
12703
12901
|
"scrollToPoint": [64]
|
|
12704
12902
|
},
|
|
12705
|
-
"$listeners$": [[
|
|
12903
|
+
"$listeners$": [[9, "resize", "onResize"]],
|
|
12706
12904
|
"$lazyBundleId$": "-",
|
|
12707
12905
|
"$attrsToReflect$": [["color", "color"]]
|
|
12708
12906
|
}; }
|
|
@@ -13016,7 +13214,22 @@ const getPartsFromCalendarDay = (el) => {
|
|
|
13016
13214
|
};
|
|
13017
13215
|
function parseDate(val) {
|
|
13018
13216
|
if (Array.isArray(val)) {
|
|
13019
|
-
|
|
13217
|
+
const parsedArray = [];
|
|
13218
|
+
for (const valStr of val) {
|
|
13219
|
+
const parsedVal = parseDate(valStr);
|
|
13220
|
+
/**
|
|
13221
|
+
* If any of the values weren't parsed correctly, consider
|
|
13222
|
+
* the entire batch incorrect. This simplifies the type
|
|
13223
|
+
* signatures by having "undefined" be a general error case
|
|
13224
|
+
* instead of returning (Datetime | undefined)[], which is
|
|
13225
|
+
* harder for TS to perform type narrowing on.
|
|
13226
|
+
*/
|
|
13227
|
+
if (!parsedVal) {
|
|
13228
|
+
return undefined;
|
|
13229
|
+
}
|
|
13230
|
+
parsedArray.push(parsedVal);
|
|
13231
|
+
}
|
|
13232
|
+
return parsedArray;
|
|
13020
13233
|
}
|
|
13021
13234
|
// manually parse IS0 cuz Date.parse cannot be trusted
|
|
13022
13235
|
// ISO 8601 format: 1994-12-15T13:47:20Z
|
|
@@ -13036,6 +13249,7 @@ function parseDate(val) {
|
|
|
13036
13249
|
}
|
|
13037
13250
|
if (parse === null) {
|
|
13038
13251
|
// wasn't able to parse the ISO datetime
|
|
13252
|
+
printIonWarning(`Unable to parse date string: ${val}. Please provide a valid ISO 8601 datetime string.`);
|
|
13039
13253
|
return undefined;
|
|
13040
13254
|
}
|
|
13041
13255
|
// ensure all the parse values exist with at least 0
|
|
@@ -13076,7 +13290,14 @@ const parseAmPm = (hour) => {
|
|
|
13076
13290
|
* month, day, hour, and minute information.
|
|
13077
13291
|
*/
|
|
13078
13292
|
const parseMaxParts = (max, todayParts) => {
|
|
13079
|
-
const
|
|
13293
|
+
const result = parseDate(max);
|
|
13294
|
+
/**
|
|
13295
|
+
* If min was not a valid date then return undefined.
|
|
13296
|
+
*/
|
|
13297
|
+
if (result === undefined) {
|
|
13298
|
+
return;
|
|
13299
|
+
}
|
|
13300
|
+
const { month, day, year, hour, minute } = result;
|
|
13080
13301
|
/**
|
|
13081
13302
|
* When passing in `max` or `min`, developers
|
|
13082
13303
|
* can pass in any ISO-8601 string. This means
|
|
@@ -13109,7 +13330,14 @@ const parseMaxParts = (max, todayParts) => {
|
|
|
13109
13330
|
* month, day, hour, and minute information.
|
|
13110
13331
|
*/
|
|
13111
13332
|
const parseMinParts = (min, todayParts) => {
|
|
13112
|
-
const
|
|
13333
|
+
const result = parseDate(min);
|
|
13334
|
+
/**
|
|
13335
|
+
* If min was not a valid date then return undefined.
|
|
13336
|
+
*/
|
|
13337
|
+
if (result === undefined) {
|
|
13338
|
+
return;
|
|
13339
|
+
}
|
|
13340
|
+
const { month, day, year, hour, minute } = result;
|
|
13113
13341
|
/**
|
|
13114
13342
|
* When passing in `max` or `min`, developers
|
|
13115
13343
|
* can pass in any ISO-8601 string. This means
|
|
@@ -14042,12 +14270,20 @@ const generateTime = (refParts, hourCycle = 'h12', minParts, maxParts, hourValue
|
|
|
14042
14270
|
* Given DatetimeParts, generate the previous,
|
|
14043
14271
|
* current, and and next months.
|
|
14044
14272
|
*/
|
|
14045
|
-
const generateMonths = (refParts) => {
|
|
14046
|
-
|
|
14047
|
-
|
|
14048
|
-
|
|
14049
|
-
|
|
14050
|
-
|
|
14273
|
+
const generateMonths = (refParts, forcedDate) => {
|
|
14274
|
+
const current = { month: refParts.month, year: refParts.year, day: refParts.day };
|
|
14275
|
+
/**
|
|
14276
|
+
* If we're forcing a month to appear, and it's different from the current month,
|
|
14277
|
+
* ensure it appears by replacing the next or previous month as appropriate.
|
|
14278
|
+
*/
|
|
14279
|
+
if (forcedDate !== undefined && (refParts.month !== forcedDate.month || refParts.year !== forcedDate.year)) {
|
|
14280
|
+
const forced = { month: forcedDate.month, year: forcedDate.year, day: forcedDate.day };
|
|
14281
|
+
const forcedMonthIsBefore = isBefore(forced, current);
|
|
14282
|
+
return forcedMonthIsBefore
|
|
14283
|
+
? [forced, current, getNextMonth(refParts)]
|
|
14284
|
+
: [getPreviousMonth(refParts), current, forced];
|
|
14285
|
+
}
|
|
14286
|
+
return [getPreviousMonth(refParts), current, getNextMonth(refParts)];
|
|
14051
14287
|
};
|
|
14052
14288
|
const getMonthColumnData = (locale, refParts, minParts, maxParts, monthValues, formatOptions = {
|
|
14053
14289
|
month: 'long',
|
|
@@ -14458,9 +14694,9 @@ const getHighlightStyles = (highlightedDates, dateIsoString, el) => {
|
|
|
14458
14694
|
return undefined;
|
|
14459
14695
|
};
|
|
14460
14696
|
|
|
14461
|
-
const datetimeIosCss = "/*!@:host*/.sc-ion-datetime-ios-h{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}/*!@ion-picker-column-internal*/ion-picker-column-internal.sc-ion-datetime-ios{min-width:26px}/*!@:host(.datetime-size-fixed)*/.datetime-size-fixed.sc-ion-datetime-ios-h{width:auto;height:auto}/*!@:host(.datetime-size-fixed:not(.datetime-prefer-wheel))*/.datetime-size-fixed.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel){max-width:350px}/*!@:host(.datetime-size-fixed.datetime-prefer-wheel)*/.datetime-size-fixed.datetime-prefer-wheel.sc-ion-datetime-ios-h{min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}/*!@:host(.datetime-size-cover)*/.datetime-size-cover.sc-ion-datetime-ios-h{width:100%}/*!@:host .calendar-body,\n:host .datetime-year*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{opacity:0}/*!@:host(:not(.datetime-ready)) .datetime-year*/.sc-ion-datetime-ios-h:not(.datetime-ready) .datetime-year.sc-ion-datetime-ios{position:absolute;pointer-events:none}/*!@:host(.datetime-ready) .calendar-body*/.datetime-ready.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios{opacity:1}/*!@:host(.datetime-ready) .datetime-year*/.datetime-ready.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{display:none;opacity:1}/*!@:host .wheel-order-year-first .day-column*/.sc-ion-datetime-ios-h .wheel-order-year-first.sc-ion-datetime-ios .day-column.sc-ion-datetime-ios{-ms-flex-order:3;order:3;text-align:end}/*!@:host .wheel-order-year-first .month-column*/.sc-ion-datetime-ios-h .wheel-order-year-first.sc-ion-datetime-ios .month-column.sc-ion-datetime-ios{-ms-flex-order:2;order:2;text-align:end}/*!@:host .wheel-order-year-first .year-column*/.sc-ion-datetime-ios-h .wheel-order-year-first.sc-ion-datetime-ios .year-column.sc-ion-datetime-ios{-ms-flex-order:1;order:1;text-align:start}/*!@:host .datetime-calendar,\n:host .datetime-year*/.sc-ion-datetime-ios-h .datetime-calendar.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}/*!@:host(.show-month-and-year) .datetime-year*/.show-month-and-year.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-ios-h .calendar-next-prev.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{position:absolute;visibility:hidden;pointer-events:none}/*!@@supports (inset-inline-start: 0)*/@supports .sc-ion-datetime-ios (inset-inline-start.sc-ion-datetime-ios: 0).sc-ion-datetime-ios{.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h.show-month-and-year .datetime-time{inset-inline-start:-99999px}}/*!@@supports not (inset-inline-start: 0)*/@supports .sc-ion-datetime-ios not.sc-ion-datetime-ios (inset-inline-start.sc-ion-datetime-ios: 0).sc-ion-datetime-ios{.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h.show-month-and-year .datetime-time{left:-99999px}.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .datetime-time,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev:dir(rtl),.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week:dir(rtl),.sc-ion-datetime-ios-h.show-month-and-year .calendar-body:dir(rtl),.sc-ion-datetime-ios-h.show-month-and-year .datetime-time:dir(rtl){left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-ios-h .calendar-next-prev.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{display:none}}/*!@:host(.month-year-picker-open) .datetime-footer*/.month-year-picker-open.sc-ion-datetime-ios-h .datetime-footer.sc-ion-datetime-ios{display:none}/*!@:host(.datetime-readonly),\n:host(.datetime-disabled)*/.datetime-readonly.sc-ion-datetime-ios-h,.datetime-disabled.sc-ion-datetime-ios-h{pointer-events:none}/*!@:host(.datetime-disabled)*/.datetime-disabled.sc-ion-datetime-ios-h{opacity:0.4}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios .datetime-title.sc-ion-datetime-ios{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host .datetime-action-buttons.has-clear-button*/.sc-ion-datetime-ios-h .datetime-action-buttons.has-clear-button.sc-ion-datetime-ios{width:100%}/*!@:host .datetime-action-buttons ion-buttons*/.sc-ion-datetime-ios-h .datetime-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons ion-item,\n:host .calendar-action-buttons ion-button*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-button.sc-ion-datetime-ios{--background:translucent}/*!@:host .calendar-action-buttons ion-item ion-label*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios ion-label.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .calendar-action-buttons ion-item ion-icon*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios ion-icon.sc-ion-datetime-ios{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}/*!@:host .calendar-body*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}/*!@:host .calendar-body .calendar-month*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month.sc-ion-datetime-ios{scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}/*!@:host .calendar-body .calendar-month-disabled*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month-disabled.sc-ion-datetime-ios{scroll-snap-align:none}/*!@:host .calendar-body::-webkit-scrollbar*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios::-webkit-scrollbar{display:none}/*!@:host .calendar-body .calendar-month-grid*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month-grid.sc-ion-datetime-ios{display:grid;grid-template-columns:repeat(7, 1fr)}/*!@:host .calendar-day*/.sc-ion-datetime-ios-h .calendar-day.sc-ion-datetime-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}/*!@:host .calendar-day[disabled]*/.sc-ion-datetime-ios-h .calendar-day[disabled].sc-ion-datetime-ios{pointer-events:none;opacity:0.4}/*!@.calendar-day-highlight*/.calendar-day-highlight.sc-ion-datetime-ios{border-radius:32px;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:32px;height:32px;z-index:-1}/*!@:host .datetime-time*/.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.datetime-presentation-time) .datetime-time*/.datetime-presentation-time.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}/*!@:host ion-popover*/.sc-ion-datetime-ios-h ion-popover.sc-ion-datetime-ios{--height:200px}/*!@:host .time-header*/.sc-ion-datetime-ios-h .time-header.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .time-body*/.sc-ion-datetime-ios-h .time-body.sc-ion-datetime-ios{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}/*!@:host .time-body-active*/.sc-ion-datetime-ios-h .time-body-active.sc-ion-datetime-ios{color:var(--ion-color-base)}/*!@:host(.in-item)*/.in-item.sc-ion-datetime-ios-h{position:static}/*!@:host(.show-month-and-year) .calendar-action-buttons ion-item*/.show-month-and-year.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios{--color:var(--ion-color-base)}/*!@:host*/.sc-ion-datetime-ios-h{--background:var(--ion-color-light, #ffffff);--background-rgb:var(--ion-color-light-rgb);--title-color:var(--ion-color-step-600, #666666)}/*!@:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),\n:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),\n:host(.datetime-presentation-date:not(.datetime-prefer-wheel))*/.datetime-presentation-date-time.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel),.datetime-presentation-time-date.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel),.datetime-presentation-date.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel){min-height:350px}/*!@:host .datetime-header*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, #cccccc);font-size:14px}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios .datetime-title.sc-ion-datetime-ios{color:var(--title-color)}/*!@:host .datetime-header .datetime-selected-date*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios .datetime-selected-date.sc-ion-datetime-ios{margin-top:10px}/*!@:host .calendar-action-buttons ion-item*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios{--padding-start:16px;--background-hover:transparent;--background-activated:transparent;font-size:16px;font-weight:600}/*!@:host .calendar-action-buttons ion-item ion-icon,\n:host .calendar-action-buttons ion-buttons ion-button*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios ion-icon.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios ion-button.sc-ion-datetime-ios{color:var(--ion-color-base)}/*!@:host .calendar-action-buttons ion-buttons*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}/*!@:host .calendar-action-buttons ion-buttons ion-button*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios ion-button.sc-ion-datetime-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, #b3b3b3);font-size:12px;font-weight:600;line-height:24px;text-transform:uppercase}/*!@:host .calendar-body .calendar-month .calendar-month-grid*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month.sc-ion-datetime-ios .calendar-month-grid.sc-ion-datetime-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;height:calc(100% - 16px)}/*!@:host .calendar-day*/.sc-ion-datetime-ios-h .calendar-day.sc-ion-datetime-ios{font-size:20px}/*!@.calendar-day:focus .calendar-day-highlight,\n.calendar-day.calendar-day-active .calendar-day-highlight*/.calendar-day.sc-ion-datetime-ios:focus .calendar-day-highlight.sc-ion-datetime-ios,.calendar-day.calendar-day-active.sc-ion-datetime-ios .calendar-day-highlight.sc-ion-datetime-ios{opacity:0.2}/*!@.calendar-day.calendar-day-active .calendar-day-highlight*/.calendar-day.calendar-day-active.sc-ion-datetime-ios .calendar-day-highlight.sc-ion-datetime-ios{background:var(--ion-color-base)}/*!@.calendar-day:focus .calendar-day-highlight*/.calendar-day.sc-ion-datetime-ios:focus .calendar-day-highlight.sc-ion-datetime-ios{background:var(--ion-color-base) !important}/*!@:host .calendar-day.calendar-day-today*/.sc-ion-datetime-ios-h .calendar-day.calendar-day-today.sc-ion-datetime-ios{color:var(--ion-color-base)}/*!@:host .calendar-day.calendar-day-active*/.sc-ion-datetime-ios-h .calendar-day.calendar-day-active.sc-ion-datetime-ios{color:var(--ion-color-base);font-weight:600}/*!@:host .calendar-day.calendar-day-today.calendar-day-active*/.sc-ion-datetime-ios-h .calendar-day.calendar-day-today.calendar-day-active.sc-ion-datetime-ios{color:var(--ion-color-contrast)}/*!@.calendar-day.calendar-day-today.calendar-day-active .calendar-day-highlight*/.calendar-day.calendar-day-today.calendar-day-active.sc-ion-datetime-ios .calendar-day-highlight.sc-ion-datetime-ios{background:var(--ion-color-base);opacity:1}/*!@:host .datetime-time*/.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:16px}/*!@:host .datetime-time .time-header*/.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios .time-header.sc-ion-datetime-ios{font-weight:600}/*!@:host .datetime-buttons*/.sc-ion-datetime-ios-h .datetime-buttons.sc-ion-datetime-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, #cccccc)}/*!@:host .datetime-buttons ::slotted(ion-buttons),\n:host .datetime-buttons ion-buttons*/.sc-ion-datetime-ios-h .datetime-buttons .sc-ion-datetime-ios-s>ion-buttons,.sc-ion-datetime-ios-h .datetime-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .datetime-action-buttons*/.sc-ion-datetime-ios-h .datetime-action-buttons.sc-ion-datetime-ios{width:100%}";
|
|
14697
|
+
const datetimeIosCss = "/*!@:host*/.sc-ion-datetime-ios-h{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}/*!@ion-picker-column-internal*/ion-picker-column-internal.sc-ion-datetime-ios{min-width:26px}/*!@:host(.datetime-size-fixed)*/.datetime-size-fixed.sc-ion-datetime-ios-h{width:auto;height:auto}/*!@:host(.datetime-size-fixed:not(.datetime-prefer-wheel))*/.datetime-size-fixed.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel){max-width:350px}/*!@:host(.datetime-size-fixed.datetime-prefer-wheel)*/.datetime-size-fixed.datetime-prefer-wheel.sc-ion-datetime-ios-h{min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}/*!@:host(.datetime-size-cover)*/.datetime-size-cover.sc-ion-datetime-ios-h{width:100%}/*!@:host .calendar-body,\n:host .datetime-year*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{opacity:0}/*!@:host(:not(.datetime-ready)) .datetime-year*/.sc-ion-datetime-ios-h:not(.datetime-ready) .datetime-year.sc-ion-datetime-ios{position:absolute;pointer-events:none}/*!@:host(.datetime-ready) .calendar-body*/.datetime-ready.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios{opacity:1}/*!@:host(.datetime-ready) .datetime-year*/.datetime-ready.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{display:none;opacity:1}/*!@:host .wheel-order-year-first .day-column*/.sc-ion-datetime-ios-h .wheel-order-year-first.sc-ion-datetime-ios .day-column.sc-ion-datetime-ios{-ms-flex-order:3;order:3;text-align:end}/*!@:host .wheel-order-year-first .month-column*/.sc-ion-datetime-ios-h .wheel-order-year-first.sc-ion-datetime-ios .month-column.sc-ion-datetime-ios{-ms-flex-order:2;order:2;text-align:end}/*!@:host .wheel-order-year-first .year-column*/.sc-ion-datetime-ios-h .wheel-order-year-first.sc-ion-datetime-ios .year-column.sc-ion-datetime-ios{-ms-flex-order:1;order:1;text-align:start}/*!@:host .datetime-calendar,\n:host .datetime-year*/.sc-ion-datetime-ios-h .datetime-calendar.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}/*!@:host(.show-month-and-year) .datetime-year*/.show-month-and-year.sc-ion-datetime-ios-h .datetime-year.sc-ion-datetime-ios{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-ios-h .calendar-next-prev.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{position:absolute;visibility:hidden;pointer-events:none}/*!@@supports (inset-inline-start: 0)*/@supports .sc-ion-datetime-ios (inset-inline-start.sc-ion-datetime-ios: 0).sc-ion-datetime-ios{.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h.show-month-and-year .datetime-time{inset-inline-start:-99999px}}/*!@@supports not (inset-inline-start: 0)*/@supports .sc-ion-datetime-ios not.sc-ion-datetime-ios (inset-inline-start.sc-ion-datetime-ios: 0).sc-ion-datetime-ios{.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h.show-month-and-year .datetime-time{left:-99999px}.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .calendar-body,.sc-ion-datetime-ios-h[dir=rtl].sc-ion-datetime-ios-h.show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-ios-h.sc-ion-datetime-ios-h.show-month-and-year .datetime-time,.sc-ion-datetime-ios-h[dir=rtl].show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-ios-h.show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){.sc-ion-datetime-ios-h.show-month-and-year .calendar-next-prev:dir(rtl),.sc-ion-datetime-ios-h.show-month-and-year .calendar-days-of-week:dir(rtl),.sc-ion-datetime-ios-h.show-month-and-year .calendar-body:dir(rtl),.sc-ion-datetime-ios-h.show-month-and-year .datetime-time:dir(rtl){left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-ios-h .calendar-next-prev.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios,.show-month-and-year.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{display:none}}/*!@:host(.month-year-picker-open) .datetime-footer*/.month-year-picker-open.sc-ion-datetime-ios-h .datetime-footer.sc-ion-datetime-ios{display:none}/*!@:host(.datetime-readonly),\n:host(.datetime-disabled)*/.datetime-readonly.sc-ion-datetime-ios-h,.datetime-disabled.sc-ion-datetime-ios-h{pointer-events:none}/*!@:host(.datetime-disabled)*/.datetime-disabled.sc-ion-datetime-ios-h{opacity:0.4}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios .datetime-title.sc-ion-datetime-ios{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host .datetime-action-buttons.has-clear-button*/.sc-ion-datetime-ios-h .datetime-action-buttons.has-clear-button.sc-ion-datetime-ios{width:100%}/*!@:host .datetime-action-buttons ion-buttons*/.sc-ion-datetime-ios-h .datetime-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons ion-item,\n:host .calendar-action-buttons ion-button*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-button.sc-ion-datetime-ios{--background:translucent}/*!@:host .calendar-action-buttons ion-item ion-label*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios ion-label.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .calendar-action-buttons ion-item ion-icon*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios ion-icon.sc-ion-datetime-ios{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}/*!@:host .calendar-body*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}/*!@:host .calendar-body .calendar-month*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}/*!@:host .calendar-body .calendar-month-disabled*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month-disabled.sc-ion-datetime-ios{scroll-snap-align:none}/*!@:host .calendar-body::-webkit-scrollbar*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios::-webkit-scrollbar{display:none}/*!@:host .calendar-body .calendar-month-grid*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month-grid.sc-ion-datetime-ios{display:grid;grid-template-columns:repeat(7, 1fr)}/*!@:host .calendar-day-wrapper*/.sc-ion-datetime-ios-h .calendar-day-wrapper.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}/*!@:host .calendar-day*/.sc-ion-datetime-ios-h .calendar-day.sc-ion-datetime-ios{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}/*!@:host .calendar-day[disabled]*/.sc-ion-datetime-ios-h .calendar-day[disabled].sc-ion-datetime-ios{pointer-events:none;opacity:0.4}/*!@.calendar-day:focus*/.calendar-day.sc-ion-datetime-ios:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}/*!@:host .datetime-time*/.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.datetime-presentation-time) .datetime-time*/.datetime-presentation-time.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}/*!@:host ion-popover*/.sc-ion-datetime-ios-h ion-popover.sc-ion-datetime-ios{--height:200px}/*!@:host .time-header*/.sc-ion-datetime-ios-h .time-header.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .time-body*/.sc-ion-datetime-ios-h .time-body.sc-ion-datetime-ios{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}/*!@:host .time-body-active*/.sc-ion-datetime-ios-h .time-body-active.sc-ion-datetime-ios{color:var(--ion-color-base)}/*!@:host(.in-item)*/.in-item.sc-ion-datetime-ios-h{position:static}/*!@:host(.show-month-and-year) .calendar-action-buttons ion-item*/.show-month-and-year.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios{--color:var(--ion-color-base)}/*!@:host*/.sc-ion-datetime-ios-h{--background:var(--ion-color-light, #ffffff);--background-rgb:var(--ion-color-light-rgb);--title-color:var(--ion-color-step-600, #666666)}/*!@:host(.datetime-presentation-date-time:not(.datetime-prefer-wheel)),\n:host(.datetime-presentation-time-date:not(.datetime-prefer-wheel)),\n:host(.datetime-presentation-date:not(.datetime-prefer-wheel))*/.datetime-presentation-date-time.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel),.datetime-presentation-time-date.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel),.datetime-presentation-date.sc-ion-datetime-ios-h:not(.datetime-prefer-wheel){min-height:350px}/*!@:host .datetime-header*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:16px;padding-bottom:16px;border-bottom:0.55px solid var(--ion-color-step-200, #cccccc);font-size:14px}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios .datetime-title.sc-ion-datetime-ios{color:var(--title-color)}/*!@:host .datetime-header .datetime-selected-date*/.sc-ion-datetime-ios-h .datetime-header.sc-ion-datetime-ios .datetime-selected-date.sc-ion-datetime-ios{margin-top:10px}/*!@:host .calendar-action-buttons ion-item*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios{--padding-start:16px;--background-hover:transparent;--background-activated:transparent;font-size:16px;font-weight:600}/*!@:host .calendar-action-buttons ion-item ion-icon,\n:host .calendar-action-buttons ion-buttons ion-button*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-item.sc-ion-datetime-ios ion-icon.sc-ion-datetime-ios,.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios ion-button.sc-ion-datetime-ios{color:var(--ion-color-base)}/*!@:host .calendar-action-buttons ion-buttons*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:0}/*!@:host .calendar-action-buttons ion-buttons ion-button*/.sc-ion-datetime-ios-h .calendar-action-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios ion-button.sc-ion-datetime-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-ios-h .calendar-days-of-week.sc-ion-datetime-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:0;padding-bottom:0;color:var(--ion-color-step-300, #b3b3b3);font-size:12px;font-weight:600;line-height:24px;text-transform:uppercase}/*!@:host .calendar-body .calendar-month .calendar-month-grid*/.sc-ion-datetime-ios-h .calendar-body.sc-ion-datetime-ios .calendar-month.sc-ion-datetime-ios .calendar-month-grid.sc-ion-datetime-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;-ms-flex-align:center;align-items:center;height:calc(100% - 16px)}/*!@:host .calendar-day-wrapper*/.sc-ion-datetime-ios-h .calendar-day-wrapper.sc-ion-datetime-ios{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;height:0;min-height:16px}/*!@:host .calendar-day*/.sc-ion-datetime-ios-h .calendar-day.sc-ion-datetime-ios{width:40px;min-width:40px;height:40px;font-size:20px}/*!@.calendar-day.calendar-day-active*/.calendar-day.calendar-day-active.sc-ion-datetime-ios{background:rgba(var(--ion-color-base-rgb), 0.2)}/*!@:host .calendar-day.calendar-day-today*/.sc-ion-datetime-ios-h .calendar-day.calendar-day-today.sc-ion-datetime-ios{color:var(--ion-color-base)}/*!@:host .calendar-day.calendar-day-active*/.sc-ion-datetime-ios-h .calendar-day.calendar-day-active.sc-ion-datetime-ios{color:var(--ion-color-base);font-weight:600}/*!@:host .calendar-day.calendar-day-today.calendar-day-active*/.sc-ion-datetime-ios-h .calendar-day.calendar-day-today.calendar-day-active.sc-ion-datetime-ios{color:var(--ion-color-contrast)}/*!@:host .datetime-time*/.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:16px;font-size:16px}/*!@:host .datetime-time .time-header*/.sc-ion-datetime-ios-h .datetime-time.sc-ion-datetime-ios .time-header.sc-ion-datetime-ios{font-weight:600}/*!@:host .datetime-buttons*/.sc-ion-datetime-ios-h .datetime-buttons.sc-ion-datetime-ios{-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;border-top:0.55px solid var(--ion-color-step-200, #cccccc)}/*!@:host .datetime-buttons ::slotted(ion-buttons),\n:host .datetime-buttons ion-buttons*/.sc-ion-datetime-ios-h .datetime-buttons .sc-ion-datetime-ios-s>ion-buttons,.sc-ion-datetime-ios-h .datetime-buttons.sc-ion-datetime-ios ion-buttons.sc-ion-datetime-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .datetime-action-buttons*/.sc-ion-datetime-ios-h .datetime-action-buttons.sc-ion-datetime-ios{width:100%}";
|
|
14462
14698
|
|
|
14463
|
-
const datetimeMdCss = "/*!@:host*/.sc-ion-datetime-md-h{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}/*!@ion-picker-column-internal*/ion-picker-column-internal.sc-ion-datetime-md{min-width:26px}/*!@:host(.datetime-size-fixed)*/.datetime-size-fixed.sc-ion-datetime-md-h{width:auto;height:auto}/*!@:host(.datetime-size-fixed:not(.datetime-prefer-wheel))*/.datetime-size-fixed.sc-ion-datetime-md-h:not(.datetime-prefer-wheel){max-width:350px}/*!@:host(.datetime-size-fixed.datetime-prefer-wheel)*/.datetime-size-fixed.datetime-prefer-wheel.sc-ion-datetime-md-h{min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}/*!@:host(.datetime-size-cover)*/.datetime-size-cover.sc-ion-datetime-md-h{width:100%}/*!@:host .calendar-body,\n:host .datetime-year*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md,.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{opacity:0}/*!@:host(:not(.datetime-ready)) .datetime-year*/.sc-ion-datetime-md-h:not(.datetime-ready) .datetime-year.sc-ion-datetime-md{position:absolute;pointer-events:none}/*!@:host(.datetime-ready) .calendar-body*/.datetime-ready.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md{opacity:1}/*!@:host(.datetime-ready) .datetime-year*/.datetime-ready.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{display:none;opacity:1}/*!@:host .wheel-order-year-first .day-column*/.sc-ion-datetime-md-h .wheel-order-year-first.sc-ion-datetime-md .day-column.sc-ion-datetime-md{-ms-flex-order:3;order:3;text-align:end}/*!@:host .wheel-order-year-first .month-column*/.sc-ion-datetime-md-h .wheel-order-year-first.sc-ion-datetime-md .month-column.sc-ion-datetime-md{-ms-flex-order:2;order:2;text-align:end}/*!@:host .wheel-order-year-first .year-column*/.sc-ion-datetime-md-h .wheel-order-year-first.sc-ion-datetime-md .year-column.sc-ion-datetime-md{-ms-flex-order:1;order:1;text-align:start}/*!@:host .datetime-calendar,\n:host .datetime-year*/.sc-ion-datetime-md-h .datetime-calendar.sc-ion-datetime-md,.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}/*!@:host(.show-month-and-year) .datetime-year*/.show-month-and-year.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-md-h .calendar-next-prev.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{position:absolute;visibility:hidden;pointer-events:none}/*!@@supports (inset-inline-start: 0)*/@supports .sc-ion-datetime-md (inset-inline-start.sc-ion-datetime-md: 0).sc-ion-datetime-md{.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h.show-month-and-year .datetime-time{inset-inline-start:-99999px}}/*!@@supports not (inset-inline-start: 0)*/@supports .sc-ion-datetime-md not.sc-ion-datetime-md (inset-inline-start.sc-ion-datetime-md: 0).sc-ion-datetime-md{.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h.show-month-and-year .datetime-time{left:-99999px}.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .datetime-time,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev:dir(rtl),.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week:dir(rtl),.sc-ion-datetime-md-h.show-month-and-year .calendar-body:dir(rtl),.sc-ion-datetime-md-h.show-month-and-year .datetime-time:dir(rtl){left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-md-h .calendar-next-prev.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{display:none}}/*!@:host(.month-year-picker-open) .datetime-footer*/.month-year-picker-open.sc-ion-datetime-md-h .datetime-footer.sc-ion-datetime-md{display:none}/*!@:host(.datetime-readonly),\n:host(.datetime-disabled)*/.datetime-readonly.sc-ion-datetime-md-h,.datetime-disabled.sc-ion-datetime-md-h{pointer-events:none}/*!@:host(.datetime-disabled)*/.datetime-disabled.sc-ion-datetime-md-h{opacity:0.4}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md .datetime-title.sc-ion-datetime-md{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host .datetime-action-buttons.has-clear-button*/.sc-ion-datetime-md-h .datetime-action-buttons.has-clear-button.sc-ion-datetime-md{width:100%}/*!@:host .datetime-action-buttons ion-buttons*/.sc-ion-datetime-md-h .datetime-action-buttons.sc-ion-datetime-md ion-buttons.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons ion-item,\n:host .calendar-action-buttons ion-button*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md,.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-button.sc-ion-datetime-md{--background:translucent}/*!@:host .calendar-action-buttons ion-item ion-label*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md ion-label.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .calendar-action-buttons ion-item ion-icon*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md ion-icon.sc-ion-datetime-md{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}/*!@:host .calendar-body*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}/*!@:host .calendar-body .calendar-month*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month.sc-ion-datetime-md{scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}/*!@:host .calendar-body .calendar-month-disabled*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month-disabled.sc-ion-datetime-md{scroll-snap-align:none}/*!@:host .calendar-body::-webkit-scrollbar*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md::-webkit-scrollbar{display:none}/*!@:host .calendar-body .calendar-month-grid*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month-grid.sc-ion-datetime-md{display:grid;grid-template-columns:repeat(7, 1fr)}/*!@:host .calendar-day*/.sc-ion-datetime-md-h .calendar-day.sc-ion-datetime-md{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}/*!@:host .calendar-day[disabled]*/.sc-ion-datetime-md-h .calendar-day[disabled].sc-ion-datetime-md{pointer-events:none;opacity:0.4}/*!@.calendar-day-highlight*/.calendar-day-highlight.sc-ion-datetime-md{border-radius:32px;-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;position:absolute;width:32px;height:32px;z-index:-1}/*!@:host .datetime-time*/.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.datetime-presentation-time) .datetime-time*/.datetime-presentation-time.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}/*!@:host ion-popover*/.sc-ion-datetime-md-h ion-popover.sc-ion-datetime-md{--height:200px}/*!@:host .time-header*/.sc-ion-datetime-md-h .time-header.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .time-body*/.sc-ion-datetime-md-h .time-body.sc-ion-datetime-md{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}/*!@:host .time-body-active*/.sc-ion-datetime-md-h .time-body-active.sc-ion-datetime-md{color:var(--ion-color-base)}/*!@:host(.in-item)*/.in-item.sc-ion-datetime-md-h{position:static}/*!@:host(.show-month-and-year) .calendar-action-buttons ion-item*/.show-month-and-year.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md{--color:var(--ion-color-base)}/*!@:host*/.sc-ion-datetime-md-h{--background:var(--ion-color-step-100, #ffffff);--title-color:var(--ion-color-contrast)}/*!@:host .datetime-header*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;background:var(--ion-color-base);color:var(--title-color)}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md .datetime-title.sc-ion-datetime-md{font-size:12px;text-transform:uppercase}/*!@:host .datetime-header .datetime-selected-date*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md .datetime-selected-date.sc-ion-datetime-md{margin-top:30px;font-size:34px}/*!@:host .datetime-calendar .calendar-action-buttons ion-item*/.sc-ion-datetime-md-h .datetime-calendar.sc-ion-datetime-md .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md{--padding-start:20px}/*!@:host .calendar-action-buttons ion-item,\n:host .calendar-action-buttons ion-button*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md,.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-button.sc-ion-datetime-md{--color:var(--ion-color-step-650, #595959)}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:0px;padding-bottom:0px;color:var(--ion-color-step-500, gray);font-size:14px;line-height:36px}/*!@:host .calendar-body .calendar-month .calendar-month-grid*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month.sc-ion-datetime-md .calendar-month-grid.sc-ion-datetime-md{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:4px;padding-bottom:4px;grid-template-rows:repeat(6, 1fr)}/*!@:host .calendar-day*/.sc-ion-datetime-md-h .calendar-day.sc-ion-datetime-md{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0;padding-inline-end:0;padding-top:13px;padding-bottom:13px;font-size:14px}/*!@.calendar-day:focus .calendar-day-highlight*/.calendar-day.sc-ion-datetime-md:focus .calendar-day-highlight.sc-ion-datetime-md{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}/*!@:host .calendar-day.calendar-day-today*/.sc-ion-datetime-md-h .calendar-day.calendar-day-today.sc-ion-datetime-md{color:var(--ion-color-base)}/*!@.calendar-day.calendar-day-today .calendar-day-highlight*/.calendar-day.calendar-day-today.sc-ion-datetime-md .calendar-day-highlight.sc-ion-datetime-md{border:1px solid var(--ion-color-base)}/*!@:host .calendar-day.calendar-day-active*/.sc-ion-datetime-md-h .calendar-day.calendar-day-active.sc-ion-datetime-md{color:var(--ion-color-contrast)}/*!@.calendar-day.calendar-day-active .calendar-day-highlight*/.calendar-day.calendar-day-active.sc-ion-datetime-md .calendar-day-highlight.sc-ion-datetime-md{border:1px solid var(--ion-color-base);background:var(--ion-color-base)}/*!@:host .datetime-time*/.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}/*!@:host .time-header*/.sc-ion-datetime-md-h .time-header.sc-ion-datetime-md{color:var(--ion-color-step-650, #595959)}/*!@:host(.datetime-presentation-month) .datetime-year,\n:host(.datetime-presentation-year) .datetime-year,\n:host(.datetime-presentation-month-year) .datetime-year*/.datetime-presentation-month.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md,.datetime-presentation-year.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md,.datetime-presentation-month-year.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{margin-top:20px;margin-bottom:20px}/*!@:host .datetime-buttons*/.sc-ion-datetime-md-h .datetime-buttons.sc-ion-datetime-md{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}/*!@:host .datetime-view-buttons ion-button*/.sc-ion-datetime-md-h .datetime-view-buttons.sc-ion-datetime-md ion-button.sc-ion-datetime-md{color:var(--ion-color-step-800, #333333)}";
|
|
14699
|
+
const datetimeMdCss = "/*!@:host*/.sc-ion-datetime-md-h{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;background:var(--background);overflow:hidden}/*!@ion-picker-column-internal*/ion-picker-column-internal.sc-ion-datetime-md{min-width:26px}/*!@:host(.datetime-size-fixed)*/.datetime-size-fixed.sc-ion-datetime-md-h{width:auto;height:auto}/*!@:host(.datetime-size-fixed:not(.datetime-prefer-wheel))*/.datetime-size-fixed.sc-ion-datetime-md-h:not(.datetime-prefer-wheel){max-width:350px}/*!@:host(.datetime-size-fixed.datetime-prefer-wheel)*/.datetime-size-fixed.datetime-prefer-wheel.sc-ion-datetime-md-h{min-width:350px;max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}/*!@:host(.datetime-size-cover)*/.datetime-size-cover.sc-ion-datetime-md-h{width:100%}/*!@:host .calendar-body,\n:host .datetime-year*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md,.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{opacity:0}/*!@:host(:not(.datetime-ready)) .datetime-year*/.sc-ion-datetime-md-h:not(.datetime-ready) .datetime-year.sc-ion-datetime-md{position:absolute;pointer-events:none}/*!@:host(.datetime-ready) .calendar-body*/.datetime-ready.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md{opacity:1}/*!@:host(.datetime-ready) .datetime-year*/.datetime-ready.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{display:none;opacity:1}/*!@:host .wheel-order-year-first .day-column*/.sc-ion-datetime-md-h .wheel-order-year-first.sc-ion-datetime-md .day-column.sc-ion-datetime-md{-ms-flex-order:3;order:3;text-align:end}/*!@:host .wheel-order-year-first .month-column*/.sc-ion-datetime-md-h .wheel-order-year-first.sc-ion-datetime-md .month-column.sc-ion-datetime-md{-ms-flex-order:2;order:2;text-align:end}/*!@:host .wheel-order-year-first .year-column*/.sc-ion-datetime-md-h .wheel-order-year-first.sc-ion-datetime-md .year-column.sc-ion-datetime-md{-ms-flex-order:1;order:1;text-align:start}/*!@:host .datetime-calendar,\n:host .datetime-year*/.sc-ion-datetime-md-h .datetime-calendar.sc-ion-datetime-md,.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-flow:column;flex-flow:column}/*!@:host(.show-month-and-year) .datetime-year*/.show-month-and-year.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{display:-ms-flexbox;display:flex}@supports (background: -webkit-named-image(apple-pay-logo-black)) and (not (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-md-h .calendar-next-prev.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{position:absolute;visibility:hidden;pointer-events:none}/*!@@supports (inset-inline-start: 0)*/@supports .sc-ion-datetime-md (inset-inline-start.sc-ion-datetime-md: 0).sc-ion-datetime-md{.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h.show-month-and-year .datetime-time{inset-inline-start:-99999px}}/*!@@supports not (inset-inline-start: 0)*/@supports .sc-ion-datetime-md not.sc-ion-datetime-md (inset-inline-start.sc-ion-datetime-md: 0).sc-ion-datetime-md{.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h.show-month-and-year .datetime-time{left:-99999px}.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .calendar-next-prev,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev,.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .calendar-days-of-week,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week,.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .calendar-body,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .calendar-body,.sc-ion-datetime-md-h[dir=rtl].sc-ion-datetime-md-h.show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-md-h.sc-ion-datetime-md-h.show-month-and-year .datetime-time,.sc-ion-datetime-md-h[dir=rtl].show-month-and-year .datetime-time,[dir=rtl] .sc-ion-datetime-md-h.show-month-and-year .datetime-time{left:unset;right:unset;right:-99999px}@supports selector(:dir(rtl)){.sc-ion-datetime-md-h.show-month-and-year .calendar-next-prev:dir(rtl),.sc-ion-datetime-md-h.show-month-and-year .calendar-days-of-week:dir(rtl),.sc-ion-datetime-md-h.show-month-and-year .calendar-body:dir(rtl),.sc-ion-datetime-md-h.show-month-and-year .datetime-time:dir(rtl){left:unset;right:unset;right:-99999px}}}}@supports (not (background: -webkit-named-image(apple-pay-logo-black))) or ((background: -webkit-named-image(apple-pay-logo-black)) and (aspect-ratio: 1/1)){/*!@:host(.show-month-and-year) .calendar-next-prev,\n :host(.show-month-and-year) .calendar-days-of-week,\n :host(.show-month-and-year) .calendar-body,\n :host(.show-month-and-year) .datetime-time*/.show-month-and-year.sc-ion-datetime-md-h .calendar-next-prev.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md,.show-month-and-year.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{display:none}}/*!@:host(.month-year-picker-open) .datetime-footer*/.month-year-picker-open.sc-ion-datetime-md-h .datetime-footer.sc-ion-datetime-md{display:none}/*!@:host(.datetime-readonly),\n:host(.datetime-disabled)*/.datetime-readonly.sc-ion-datetime-md-h,.datetime-disabled.sc-ion-datetime-md-h{pointer-events:none}/*!@:host(.datetime-disabled)*/.datetime-disabled.sc-ion-datetime-md-h{opacity:0.4}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md .datetime-title.sc-ion-datetime-md{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host .datetime-action-buttons.has-clear-button*/.sc-ion-datetime-md-h .datetime-action-buttons.has-clear-button.sc-ion-datetime-md{width:100%}/*!@:host .datetime-action-buttons ion-buttons*/.sc-ion-datetime-md-h .datetime-action-buttons.sc-ion-datetime-md ion-buttons.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host .calendar-action-buttons ion-item,\n:host .calendar-action-buttons ion-button*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md,.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-button.sc-ion-datetime-md{--background:translucent}/*!@:host .calendar-action-buttons ion-item ion-label*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md ion-label.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .calendar-action-buttons ion-item ion-icon*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md ion-icon.sc-ion-datetime-md{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:0;padding-inline-end:0;padding-top:0;padding-bottom:0}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md{display:grid;grid-template-columns:repeat(7, 1fr);text-align:center}/*!@:host .calendar-body*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;overflow-x:scroll;overflow-y:hidden;scrollbar-width:none;outline:none}/*!@:host .calendar-body .calendar-month*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;scroll-snap-align:start;scroll-snap-stop:always;-ms-flex-negative:0;flex-shrink:0;width:100%}/*!@:host .calendar-body .calendar-month-disabled*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month-disabled.sc-ion-datetime-md{scroll-snap-align:none}/*!@:host .calendar-body::-webkit-scrollbar*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md::-webkit-scrollbar{display:none}/*!@:host .calendar-body .calendar-month-grid*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month-grid.sc-ion-datetime-md{display:grid;grid-template-columns:repeat(7, 1fr)}/*!@:host .calendar-day-wrapper*/.sc-ion-datetime-md-h .calendar-day-wrapper.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;min-width:0;min-height:0;overflow:visible}/*!@:host .calendar-day*/.sc-ion-datetime-md-h .calendar-day.sc-ion-datetime-md{border-radius:50%;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:0px;margin-bottom:0px;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border:none;outline:none;background:none;color:currentColor;font-family:var(--ion-font-family, inherit);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:0}/*!@:host .calendar-day[disabled]*/.sc-ion-datetime-md-h .calendar-day[disabled].sc-ion-datetime-md{pointer-events:none;opacity:0.4}/*!@.calendar-day:focus*/.calendar-day.sc-ion-datetime-md:focus{background:rgba(var(--ion-color-base-rgb), 0.2);-webkit-box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2);box-shadow:0px 0px 0px 4px rgba(var(--ion-color-base-rgb), 0.2)}/*!@:host .datetime-time*/.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.datetime-presentation-time) .datetime-time*/.datetime-presentation-time.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0}/*!@:host ion-popover*/.sc-ion-datetime-md-h ion-popover.sc-ion-datetime-md{--height:200px}/*!@:host .time-header*/.sc-ion-datetime-md-h .time-header.sc-ion-datetime-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host .time-body*/.sc-ion-datetime-md-h .time-body.sc-ion-datetime-md{border-radius:8px;-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:6px;padding-bottom:6px;display:-ms-flexbox;display:flex;border:none;background:var(--ion-color-step-300, #edeef0);color:var(--ion-text-color, #000);font-family:inherit;font-size:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}/*!@:host .time-body-active*/.sc-ion-datetime-md-h .time-body-active.sc-ion-datetime-md{color:var(--ion-color-base)}/*!@:host(.in-item)*/.in-item.sc-ion-datetime-md-h{position:static}/*!@:host(.show-month-and-year) .calendar-action-buttons ion-item*/.show-month-and-year.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md{--color:var(--ion-color-base)}/*!@:host*/.sc-ion-datetime-md-h{--background:var(--ion-color-step-100, #ffffff);--title-color:var(--ion-color-contrast)}/*!@:host .datetime-header*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;background:var(--ion-color-base);color:var(--title-color)}/*!@:host .datetime-header .datetime-title*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md .datetime-title.sc-ion-datetime-md{font-size:12px;text-transform:uppercase}/*!@:host .datetime-header .datetime-selected-date*/.sc-ion-datetime-md-h .datetime-header.sc-ion-datetime-md .datetime-selected-date.sc-ion-datetime-md{margin-top:30px;font-size:34px}/*!@:host .datetime-calendar .calendar-action-buttons ion-item*/.sc-ion-datetime-md-h .datetime-calendar.sc-ion-datetime-md .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md{--padding-start:20px}/*!@:host .calendar-action-buttons ion-item,\n:host .calendar-action-buttons ion-button*/.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-item.sc-ion-datetime-md,.sc-ion-datetime-md-h .calendar-action-buttons.sc-ion-datetime-md ion-button.sc-ion-datetime-md{--color:var(--ion-color-step-650, #595959)}/*!@:host .calendar-days-of-week*/.sc-ion-datetime-md-h .calendar-days-of-week.sc-ion-datetime-md{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:0px;padding-bottom:0px;color:var(--ion-color-step-500, gray);font-size:14px;line-height:36px}/*!@:host .calendar-body .calendar-month .calendar-month-grid*/.sc-ion-datetime-md-h .calendar-body.sc-ion-datetime-md .calendar-month.sc-ion-datetime-md .calendar-month-grid.sc-ion-datetime-md{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:4px;padding-bottom:4px;grid-template-rows:repeat(6, 1fr)}/*!@:host .calendar-day*/.sc-ion-datetime-md-h .calendar-day.sc-ion-datetime-md{width:42px;min-width:42px;height:42px;font-size:14px}/*!@:host .calendar-day.calendar-day-today*/.sc-ion-datetime-md-h .calendar-day.calendar-day-today.sc-ion-datetime-md{border:1px solid var(--ion-color-base);color:var(--ion-color-base)}/*!@:host .calendar-day.calendar-day-active*/.sc-ion-datetime-md-h .calendar-day.calendar-day-active.sc-ion-datetime-md{color:var(--ion-color-contrast)}/*!@.calendar-day.calendar-day-active*/.calendar-day.calendar-day-active.sc-ion-datetime-md{border:1px solid var(--ion-color-base);background:var(--ion-color-base)}/*!@:host .datetime-time*/.sc-ion-datetime-md-h .datetime-time.sc-ion-datetime-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}/*!@:host .time-header*/.sc-ion-datetime-md-h .time-header.sc-ion-datetime-md{color:var(--ion-color-step-650, #595959)}/*!@:host(.datetime-presentation-month) .datetime-year,\n:host(.datetime-presentation-year) .datetime-year,\n:host(.datetime-presentation-month-year) .datetime-year*/.datetime-presentation-month.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md,.datetime-presentation-year.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md,.datetime-presentation-month-year.sc-ion-datetime-md-h .datetime-year.sc-ion-datetime-md{margin-top:20px;margin-bottom:20px}/*!@:host .datetime-buttons*/.sc-ion-datetime-md-h .datetime-buttons.sc-ion-datetime-md{-webkit-padding-start:10px;padding-inline-start:10px;-webkit-padding-end:10px;padding-inline-end:10px;padding-top:10px;padding-bottom:10px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}/*!@:host .datetime-view-buttons ion-button*/.sc-ion-datetime-md-h .datetime-view-buttons.sc-ion-datetime-md ion-button.sc-ion-datetime-md{color:var(--ion-color-step-800, #333333)}";
|
|
14464
14700
|
|
|
14465
14701
|
/**
|
|
14466
14702
|
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
@@ -14479,6 +14715,12 @@ const datetimeMdCss = "/*!@:host*/.sc-ion-datetime-md-h{display:-ms-flexbox;disp
|
|
|
14479
14715
|
*
|
|
14480
14716
|
* @part month-year-button - The button that opens the month/year picker when
|
|
14481
14717
|
* using a grid style layout.
|
|
14718
|
+
*
|
|
14719
|
+
* @part calendar-day - The individual buttons that display a day inside of the datetime
|
|
14720
|
+
* calendar.
|
|
14721
|
+
* @part calendar-day active - The currently selected calendar day.
|
|
14722
|
+
* @part calendar-day today - The calendar day that contains the current day.
|
|
14723
|
+
* @part calendar-day disabled - The calendar day that is disabled.
|
|
14482
14724
|
*/
|
|
14483
14725
|
class Datetime {
|
|
14484
14726
|
constructor(hostRef) {
|
|
@@ -14492,11 +14734,6 @@ class Datetime {
|
|
|
14492
14734
|
this.ionRender = createEvent(this, "ionRender", 7);
|
|
14493
14735
|
this.inputId = `ion-dt-${datetimeIds++}`;
|
|
14494
14736
|
this.prevPresentation = null;
|
|
14495
|
-
/**
|
|
14496
|
-
* Duplicate reference to `activeParts` that does not trigger a re-render of the component.
|
|
14497
|
-
* Allows caching an instance of the `activeParts` in between render cycles.
|
|
14498
|
-
*/
|
|
14499
|
-
this.activePartsClone = [];
|
|
14500
14737
|
this.warnIfIncorrectValueUsage = () => {
|
|
14501
14738
|
const { multiple, value } = this;
|
|
14502
14739
|
if (!multiple && Array.isArray(value)) {
|
|
@@ -14524,9 +14761,9 @@ class Datetime {
|
|
|
14524
14761
|
* data. This should be used when rendering an
|
|
14525
14762
|
* interface in an environment where the `value`
|
|
14526
14763
|
* may not be set. This function works
|
|
14527
|
-
* by returning the first selected date
|
|
14528
|
-
*
|
|
14529
|
-
*
|
|
14764
|
+
* by returning the first selected date and then
|
|
14765
|
+
* falling back to defaultParts if no active date
|
|
14766
|
+
* is selected.
|
|
14530
14767
|
*/
|
|
14531
14768
|
this.getActivePartsWithFallback = () => {
|
|
14532
14769
|
var _a;
|
|
@@ -14534,8 +14771,8 @@ class Datetime {
|
|
|
14534
14771
|
return (_a = this.getActivePart()) !== null && _a !== void 0 ? _a : defaultParts;
|
|
14535
14772
|
};
|
|
14536
14773
|
this.getActivePart = () => {
|
|
14537
|
-
const {
|
|
14538
|
-
return Array.isArray(
|
|
14774
|
+
const { activeParts } = this;
|
|
14775
|
+
return Array.isArray(activeParts) ? activeParts[0] : activeParts;
|
|
14539
14776
|
};
|
|
14540
14777
|
this.closeParentOverlay = () => {
|
|
14541
14778
|
const popoverOrModal = this.el.closest('ion-modal, ion-popover');
|
|
@@ -14547,7 +14784,7 @@ class Datetime {
|
|
|
14547
14784
|
this.workingParts = Object.assign({}, parts);
|
|
14548
14785
|
};
|
|
14549
14786
|
this.setActiveParts = (parts, removeDate = false) => {
|
|
14550
|
-
const { multiple, minParts, maxParts,
|
|
14787
|
+
const { multiple, minParts, maxParts, activeParts } = this;
|
|
14551
14788
|
/**
|
|
14552
14789
|
* When setting the active parts, it is possible
|
|
14553
14790
|
* to set invalid data. For example,
|
|
@@ -14561,16 +14798,7 @@ class Datetime {
|
|
|
14561
14798
|
const validatedParts = validateParts(parts, minParts, maxParts);
|
|
14562
14799
|
this.setWorkingParts(validatedParts);
|
|
14563
14800
|
if (multiple) {
|
|
14564
|
-
|
|
14565
|
-
* We read from activePartsClone here because valueChanged() only updates that,
|
|
14566
|
-
* so it's the more reliable source of truth. If we read from activeParts, then
|
|
14567
|
-
* if you click July 1, manually set the value to July 2, and then click July 3,
|
|
14568
|
-
* the new value would be [July 1, July 3], ignoring the value set.
|
|
14569
|
-
*
|
|
14570
|
-
* We can then pass the new value to activeParts (rather than activePartsClone)
|
|
14571
|
-
* since the clone will be updated automatically by activePartsChanged().
|
|
14572
|
-
*/
|
|
14573
|
-
const activePartsArray = Array.isArray(activePartsClone) ? activePartsClone : [activePartsClone];
|
|
14801
|
+
const activePartsArray = Array.isArray(activeParts) ? activeParts : [activeParts];
|
|
14574
14802
|
if (removeDate) {
|
|
14575
14803
|
this.activeParts = activePartsArray.filter((p) => !isSameDay(p, validatedParts));
|
|
14576
14804
|
}
|
|
@@ -14695,7 +14923,7 @@ class Datetime {
|
|
|
14695
14923
|
/**
|
|
14696
14924
|
* Get the number of padding days so
|
|
14697
14925
|
* we know how much to offset our next selector by
|
|
14698
|
-
* to grab the correct
|
|
14926
|
+
* to grab the correct calendar-day element.
|
|
14699
14927
|
*/
|
|
14700
14928
|
const padding = currentMonth.querySelectorAll('.calendar-day-padding');
|
|
14701
14929
|
const { day } = this.workingParts;
|
|
@@ -14706,7 +14934,7 @@ class Datetime {
|
|
|
14706
14934
|
* Get the calendar day element
|
|
14707
14935
|
* and focus it.
|
|
14708
14936
|
*/
|
|
14709
|
-
const dayEl = currentMonth.querySelector(`.calendar-day:nth-of-type(${padding.length + day})`);
|
|
14937
|
+
const dayEl = currentMonth.querySelector(`.calendar-day-wrapper:nth-of-type(${padding.length + day}) .calendar-day`);
|
|
14710
14938
|
if (dayEl) {
|
|
14711
14939
|
dayEl.focus();
|
|
14712
14940
|
}
|
|
@@ -14787,6 +15015,19 @@ class Datetime {
|
|
|
14787
15015
|
const monthBox = month.getBoundingClientRect();
|
|
14788
15016
|
if (Math.abs(monthBox.x - box.x) > 2)
|
|
14789
15017
|
return;
|
|
15018
|
+
/**
|
|
15019
|
+
* If we're force-rendering a month, assume we've
|
|
15020
|
+
* scrolled to that and return it.
|
|
15021
|
+
*
|
|
15022
|
+
* If forceRenderDate is ever used in a context where the
|
|
15023
|
+
* forced month is not immediately auto-scrolled to, this
|
|
15024
|
+
* should be updated to also check whether `month` has the
|
|
15025
|
+
* same month and year as the forced date.
|
|
15026
|
+
*/
|
|
15027
|
+
const { forceRenderDate } = this;
|
|
15028
|
+
if (forceRenderDate !== undefined) {
|
|
15029
|
+
return { month: forceRenderDate.month, year: forceRenderDate.year, day: forceRenderDate.day };
|
|
15030
|
+
}
|
|
14790
15031
|
/**
|
|
14791
15032
|
* From here, we can determine if the start
|
|
14792
15033
|
* month or the end month was scrolled into view.
|
|
@@ -14841,6 +15082,9 @@ class Datetime {
|
|
|
14841
15082
|
this.setWorkingParts(Object.assign(Object.assign({}, this.workingParts), { month, day: day, year }));
|
|
14842
15083
|
calendarBodyRef.scrollLeft = workingMonth.clientWidth * (isRTL$1(this.el) ? -1 : 1);
|
|
14843
15084
|
calendarBodyRef.style.removeProperty('overflow');
|
|
15085
|
+
if (this.resolveForceDateScrolling) {
|
|
15086
|
+
this.resolveForceDateScrolling();
|
|
15087
|
+
}
|
|
14844
15088
|
});
|
|
14845
15089
|
};
|
|
14846
15090
|
/**
|
|
@@ -14895,10 +15139,17 @@ class Datetime {
|
|
|
14895
15139
|
}
|
|
14896
15140
|
};
|
|
14897
15141
|
this.processValue = (value) => {
|
|
14898
|
-
const hasValue = value !== null && value !== undefined;
|
|
15142
|
+
const hasValue = value !== null && value !== undefined && (!Array.isArray(value) || value.length > 0);
|
|
14899
15143
|
const valueToProcess = hasValue ? parseDate(value) : this.defaultParts;
|
|
14900
|
-
const { minParts, maxParts } = this;
|
|
15144
|
+
const { minParts, maxParts, workingParts, el } = this;
|
|
14901
15145
|
this.warnIfIncorrectValueUsage();
|
|
15146
|
+
/**
|
|
15147
|
+
* Return early if the value wasn't parsed correctly, such as
|
|
15148
|
+
* if an improperly formatted date string was provided.
|
|
15149
|
+
*/
|
|
15150
|
+
if (!valueToProcess) {
|
|
15151
|
+
return;
|
|
15152
|
+
}
|
|
14902
15153
|
/**
|
|
14903
15154
|
* Datetime should only warn of out of bounds values
|
|
14904
15155
|
* if set by the user. If the `value` is undefined,
|
|
@@ -14916,16 +15167,9 @@ class Datetime {
|
|
|
14916
15167
|
* that the values don't necessarily have to be in order.
|
|
14917
15168
|
*/
|
|
14918
15169
|
const singleValue = Array.isArray(valueToProcess) ? valueToProcess[0] : valueToProcess;
|
|
14919
|
-
const
|
|
15170
|
+
const targetValue = clampDate(singleValue, minParts, maxParts);
|
|
15171
|
+
const { month, day, year, hour, minute } = targetValue;
|
|
14920
15172
|
const ampm = parseAmPm(hour);
|
|
14921
|
-
this.setWorkingParts({
|
|
14922
|
-
month,
|
|
14923
|
-
day,
|
|
14924
|
-
year,
|
|
14925
|
-
hour,
|
|
14926
|
-
minute,
|
|
14927
|
-
ampm,
|
|
14928
|
-
});
|
|
14929
15173
|
/**
|
|
14930
15174
|
* Since `activeParts` indicates a value that
|
|
14931
15175
|
* been explicitly selected either by the
|
|
@@ -14955,6 +15199,62 @@ class Datetime {
|
|
|
14955
15199
|
*/
|
|
14956
15200
|
this.activeParts = [];
|
|
14957
15201
|
}
|
|
15202
|
+
/**
|
|
15203
|
+
* Only animate if:
|
|
15204
|
+
* 1. We're using grid style (wheel style pickers should just jump to new value)
|
|
15205
|
+
* 2. The month and/or year actually changed, and both are defined (otherwise there's nothing to animate to)
|
|
15206
|
+
* 3. The calendar body is visible (prevents animation when in collapsed datetime-button, for example)
|
|
15207
|
+
* 4. The month/year picker is not open (since you wouldn't see the animation anyway)
|
|
15208
|
+
*/
|
|
15209
|
+
const didChangeMonth = (month !== undefined && month !== workingParts.month) || (year !== undefined && year !== workingParts.year);
|
|
15210
|
+
const bodyIsVisible = el.classList.contains('datetime-ready');
|
|
15211
|
+
const { isGridStyle, showMonthAndYear } = this;
|
|
15212
|
+
if (isGridStyle && didChangeMonth && bodyIsVisible && !showMonthAndYear) {
|
|
15213
|
+
this.animateToDate(targetValue);
|
|
15214
|
+
}
|
|
15215
|
+
else {
|
|
15216
|
+
/**
|
|
15217
|
+
* We only need to do this if we didn't just animate to a new month,
|
|
15218
|
+
* since that calls prevMonth/nextMonth which calls setWorkingParts for us.
|
|
15219
|
+
*/
|
|
15220
|
+
this.setWorkingParts({
|
|
15221
|
+
month,
|
|
15222
|
+
day,
|
|
15223
|
+
year,
|
|
15224
|
+
hour,
|
|
15225
|
+
minute,
|
|
15226
|
+
ampm,
|
|
15227
|
+
});
|
|
15228
|
+
}
|
|
15229
|
+
};
|
|
15230
|
+
this.animateToDate = async (targetValue) => {
|
|
15231
|
+
const { workingParts } = this;
|
|
15232
|
+
/**
|
|
15233
|
+
* Tell other render functions that we need to force the
|
|
15234
|
+
* target month to appear in place of the actual next/prev month.
|
|
15235
|
+
* Because this is a State variable, a rerender will be triggered
|
|
15236
|
+
* automatically, updating the rendered months.
|
|
15237
|
+
*/
|
|
15238
|
+
this.forceRenderDate = targetValue;
|
|
15239
|
+
/**
|
|
15240
|
+
* Flag that we've started scrolling to the forced date.
|
|
15241
|
+
* The resolve function will be called by the datetime's
|
|
15242
|
+
* scroll listener when it's done updating everything.
|
|
15243
|
+
* This is a replacement for making prev/nextMonth async,
|
|
15244
|
+
* since the logic we're waiting on is in a listener.
|
|
15245
|
+
*/
|
|
15246
|
+
const forceDateScrollingPromise = new Promise((resolve) => {
|
|
15247
|
+
this.resolveForceDateScrolling = resolve;
|
|
15248
|
+
});
|
|
15249
|
+
/**
|
|
15250
|
+
* Animate smoothly to the forced month. This will also update
|
|
15251
|
+
* workingParts and correct the surrounding months for us.
|
|
15252
|
+
*/
|
|
15253
|
+
const targetMonthIsBefore = isBefore(targetValue, workingParts);
|
|
15254
|
+
targetMonthIsBefore ? this.prevMonth() : this.nextMonth();
|
|
15255
|
+
await forceDateScrollingPromise;
|
|
15256
|
+
this.resolveForceDateScrolling = undefined;
|
|
15257
|
+
this.forceRenderDate = undefined;
|
|
14958
15258
|
};
|
|
14959
15259
|
this.onFocus = () => {
|
|
14960
15260
|
this.ionFocus.emit();
|
|
@@ -15010,6 +15310,7 @@ class Datetime {
|
|
|
15010
15310
|
ampm: 'pm',
|
|
15011
15311
|
};
|
|
15012
15312
|
this.isTimePopoverOpen = false;
|
|
15313
|
+
this.forceRenderDate = undefined;
|
|
15013
15314
|
this.color = 'primary';
|
|
15014
15315
|
this.name = this.inputId;
|
|
15015
15316
|
this.disabled = false;
|
|
@@ -15049,6 +15350,11 @@ class Datetime {
|
|
|
15049
15350
|
maxChanged() {
|
|
15050
15351
|
this.processMaxParts();
|
|
15051
15352
|
}
|
|
15353
|
+
get isGridStyle() {
|
|
15354
|
+
const { presentation, preferWheel } = this;
|
|
15355
|
+
const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
|
|
15356
|
+
return hasDatePresentation && !preferWheel;
|
|
15357
|
+
}
|
|
15052
15358
|
yearValuesChanged() {
|
|
15053
15359
|
this.parsedYearValues = convertToArrayOfNumbers(this.yearValues);
|
|
15054
15360
|
}
|
|
@@ -15064,51 +15370,13 @@ class Datetime {
|
|
|
15064
15370
|
minuteValuesChanged() {
|
|
15065
15371
|
this.parsedMinuteValues = convertToArrayOfNumbers(this.minuteValues);
|
|
15066
15372
|
}
|
|
15067
|
-
activePartsChanged() {
|
|
15068
|
-
this.activePartsClone = this.activeParts;
|
|
15069
|
-
}
|
|
15070
15373
|
/**
|
|
15071
15374
|
* Update the datetime value when the value changes
|
|
15072
15375
|
*/
|
|
15073
|
-
valueChanged() {
|
|
15074
|
-
const { value
|
|
15376
|
+
async valueChanged() {
|
|
15377
|
+
const { value } = this;
|
|
15075
15378
|
if (this.hasValue()) {
|
|
15076
|
-
this.
|
|
15077
|
-
/**
|
|
15078
|
-
* Clones the value of the `activeParts` to the private clone, to update
|
|
15079
|
-
* the date display on the current render cycle without causing another render.
|
|
15080
|
-
*
|
|
15081
|
-
* This allows us to update the current value's date/time display without
|
|
15082
|
-
* refocusing or shifting the user's display (leaves the user in place).
|
|
15083
|
-
*/
|
|
15084
|
-
const valueDateParts = parseDate(value);
|
|
15085
|
-
if (valueDateParts) {
|
|
15086
|
-
warnIfValueOutOfBounds(valueDateParts, minParts, maxParts);
|
|
15087
|
-
if (Array.isArray(valueDateParts)) {
|
|
15088
|
-
this.activePartsClone = [...valueDateParts];
|
|
15089
|
-
}
|
|
15090
|
-
else {
|
|
15091
|
-
const { month, day, year, hour, minute } = valueDateParts;
|
|
15092
|
-
const ampm = hour != null ? (hour >= 12 ? 'pm' : 'am') : undefined;
|
|
15093
|
-
this.activePartsClone = Object.assign(Object.assign({}, this.activeParts), { month,
|
|
15094
|
-
day,
|
|
15095
|
-
year,
|
|
15096
|
-
hour,
|
|
15097
|
-
minute,
|
|
15098
|
-
ampm });
|
|
15099
|
-
/**
|
|
15100
|
-
* The working parts am/pm value must be updated when the value changes, to
|
|
15101
|
-
* ensure the time picker hour column values are generated correctly.
|
|
15102
|
-
*
|
|
15103
|
-
* Note that we don't need to do this if valueDateParts is an array, since
|
|
15104
|
-
* multiple="true" does not apply to time pickers.
|
|
15105
|
-
*/
|
|
15106
|
-
this.setWorkingParts(Object.assign(Object.assign({}, workingParts), { ampm }));
|
|
15107
|
-
}
|
|
15108
|
-
}
|
|
15109
|
-
else {
|
|
15110
|
-
printIonWarning(`Unable to parse date string: ${value}. Please provide a valid ISO 8601 datetime string.`);
|
|
15111
|
-
}
|
|
15379
|
+
this.processValue(value);
|
|
15112
15380
|
}
|
|
15113
15381
|
this.emitStyle();
|
|
15114
15382
|
this.ionValueChange.emit({ value });
|
|
@@ -15311,8 +15579,6 @@ class Datetime {
|
|
|
15311
15579
|
printIonWarning('The highlightedDates property is not supported with preferWheel="true".', el);
|
|
15312
15580
|
}
|
|
15313
15581
|
}
|
|
15314
|
-
this.processMinParts();
|
|
15315
|
-
this.processMaxParts();
|
|
15316
15582
|
const hourValues = (this.parsedHourValues = convertToArrayOfNumbers(this.hourValues));
|
|
15317
15583
|
const minuteValues = (this.parsedMinuteValues = convertToArrayOfNumbers(this.minuteValues));
|
|
15318
15584
|
const monthValues = (this.parsedMonthValues = convertToArrayOfNumbers(this.monthValues));
|
|
@@ -15320,6 +15586,8 @@ class Datetime {
|
|
|
15320
15586
|
const dayValues = (this.parsedDayValues = convertToArrayOfNumbers(this.dayValues));
|
|
15321
15587
|
const todayParts = (this.todayParts = parseDate(getToday()));
|
|
15322
15588
|
this.defaultParts = getClosestValidDate(todayParts, monthValues, dayValues, yearValues, hourValues, minuteValues);
|
|
15589
|
+
this.processMinParts();
|
|
15590
|
+
this.processMaxParts();
|
|
15323
15591
|
this.processValue(this.value);
|
|
15324
15592
|
this.emitStyle();
|
|
15325
15593
|
}
|
|
@@ -15704,7 +15972,7 @@ class Datetime {
|
|
|
15704
15972
|
const { el, highlightedDates, isDateEnabled, multiple } = this;
|
|
15705
15973
|
const referenceParts = { month, day, year };
|
|
15706
15974
|
const isCalendarPadding = day === null;
|
|
15707
|
-
const { isActive, isToday, ariaLabel, ariaSelected, disabled, text } = getCalendarDayState(this.locale, referenceParts, this.
|
|
15975
|
+
const { isActive, isToday, ariaLabel, ariaSelected, disabled, text } = getCalendarDayState(this.locale, referenceParts, this.activeParts, this.todayParts, this.minParts, this.maxParts, this.parsedDayValues);
|
|
15708
15976
|
const dateIsoString = convertDataToISO(referenceParts);
|
|
15709
15977
|
let isCalDayDisabled = isCalMonthDisabled || disabled;
|
|
15710
15978
|
if (!isCalDayDisabled && isDateEnabled !== undefined) {
|
|
@@ -15728,14 +15996,30 @@ class Datetime {
|
|
|
15728
15996
|
if (highlightedDates !== undefined && !isActive && day !== null) {
|
|
15729
15997
|
dateStyle = getHighlightStyles(highlightedDates, dateIsoString, el);
|
|
15730
15998
|
}
|
|
15731
|
-
|
|
15999
|
+
let dateParts = undefined;
|
|
16000
|
+
// "Filler days" at the beginning of the grid should not get the calendar day
|
|
16001
|
+
// CSS parts added to them
|
|
16002
|
+
if (!isCalendarPadding) {
|
|
16003
|
+
dateParts = `calendar-day${isActive ? ' active' : ''}${isToday ? ' today' : ''}${isCalDayDisabled ? ' disabled' : ''}`;
|
|
16004
|
+
}
|
|
16005
|
+
return (hAsync("div", { class: "calendar-day-wrapper" }, hAsync("button", {
|
|
16006
|
+
// We need to use !important for the inline styles here because
|
|
16007
|
+
// otherwise the CSS shadow parts will override these styles.
|
|
16008
|
+
// See https://github.com/WICG/webcomponents/issues/847
|
|
16009
|
+
// Both the CSS shadow parts and highlightedDates styles are
|
|
16010
|
+
// provided by the developer, but highlightedDates styles should
|
|
16011
|
+
// always take priority.
|
|
16012
|
+
ref: (el) => {
|
|
16013
|
+
if (el) {
|
|
16014
|
+
el.style.setProperty('color', `${dateStyle ? dateStyle.textColor : ''}`, 'important');
|
|
16015
|
+
el.style.setProperty('background-color', `${dateStyle ? dateStyle.backgroundColor : ''}`, 'important');
|
|
16016
|
+
}
|
|
16017
|
+
}, tabindex: "-1", "data-day": day, "data-month": month, "data-year": year, "data-index": index, "data-day-of-week": dayOfWeek, disabled: isCalDayDisabled, class: {
|
|
15732
16018
|
'calendar-day-padding': isCalendarPadding,
|
|
15733
16019
|
'calendar-day': true,
|
|
15734
16020
|
'calendar-day-active': isActive,
|
|
15735
16021
|
'calendar-day-today': isToday,
|
|
15736
|
-
},
|
|
15737
|
-
color: dateStyle.textColor,
|
|
15738
|
-
}, "aria-hidden": isCalendarPadding ? 'true' : null, "aria-selected": ariaSelected, "aria-label": ariaLabel, onClick: () => {
|
|
16022
|
+
}, part: dateParts, "aria-hidden": isCalendarPadding ? 'true' : null, "aria-selected": ariaSelected, "aria-label": ariaLabel, onClick: () => {
|
|
15739
16023
|
if (isCalendarPadding) {
|
|
15740
16024
|
return;
|
|
15741
16025
|
}
|
|
@@ -15755,13 +16039,12 @@ class Datetime {
|
|
|
15755
16039
|
day,
|
|
15756
16040
|
year }));
|
|
15757
16041
|
}
|
|
15758
|
-
}
|
|
15759
|
-
|
|
15760
|
-
} }), text));
|
|
16042
|
+
}
|
|
16043
|
+
}, text)));
|
|
15761
16044
|
}))));
|
|
15762
16045
|
}
|
|
15763
16046
|
renderCalendarBody() {
|
|
15764
|
-
return (hAsync("div", { class: "calendar-body ion-focusable", ref: (el) => (this.calendarBodyRef = el), tabindex: "0" }, generateMonths(this.workingParts).map(({ month, year }) => {
|
|
16047
|
+
return (hAsync("div", { class: "calendar-body ion-focusable", ref: (el) => (this.calendarBodyRef = el), tabindex: "0" }, generateMonths(this.workingParts, this.forceRenderDate).map(({ month, year }) => {
|
|
15765
16048
|
return this.renderMonth(month, year);
|
|
15766
16049
|
})));
|
|
15767
16050
|
}
|
|
@@ -15916,14 +16199,13 @@ class Datetime {
|
|
|
15916
16199
|
}
|
|
15917
16200
|
}
|
|
15918
16201
|
render() {
|
|
15919
|
-
const { name, value, disabled, el, color, readonly, showMonthAndYear, preferWheel, presentation, size } = this;
|
|
16202
|
+
const { name, value, disabled, el, color, readonly, showMonthAndYear, preferWheel, presentation, size, isGridStyle, } = this;
|
|
15920
16203
|
const mode = getIonMode$1(this);
|
|
15921
16204
|
const isMonthAndYearPresentation = presentation === 'year' || presentation === 'month' || presentation === 'month-year';
|
|
15922
16205
|
const shouldShowMonthAndYear = showMonthAndYear || isMonthAndYearPresentation;
|
|
15923
16206
|
const monthYearPickerOpen = showMonthAndYear && !isMonthAndYearPresentation;
|
|
15924
16207
|
const hasDatePresentation = presentation === 'date' || presentation === 'date-time' || presentation === 'time-date';
|
|
15925
16208
|
const hasWheelVariant = hasDatePresentation && preferWheel;
|
|
15926
|
-
const hasGrid = hasDatePresentation && !preferWheel;
|
|
15927
16209
|
renderHiddenInput(true, el, name, formatValue(value), disabled);
|
|
15928
16210
|
return (hAsync(Host, { "aria-disabled": disabled ? 'true' : null, onFocus: this.onFocus, onBlur: this.onBlur, class: Object.assign({}, createColorClasses$1(color, {
|
|
15929
16211
|
[mode]: true,
|
|
@@ -15934,7 +16216,7 @@ class Datetime {
|
|
|
15934
16216
|
[`datetime-presentation-${presentation}`]: true,
|
|
15935
16217
|
[`datetime-size-${size}`]: true,
|
|
15936
16218
|
[`datetime-prefer-wheel`]: hasWheelVariant,
|
|
15937
|
-
[`datetime-grid`]:
|
|
16219
|
+
[`datetime-grid`]: isGridStyle,
|
|
15938
16220
|
})) }, this.renderDatetime(mode)));
|
|
15939
16221
|
}
|
|
15940
16222
|
get el() { return getElement(this); }
|
|
@@ -15947,7 +16229,6 @@ class Datetime {
|
|
|
15947
16229
|
"dayValues": ["dayValuesChanged"],
|
|
15948
16230
|
"hourValues": ["hourValuesChanged"],
|
|
15949
16231
|
"minuteValues": ["minuteValuesChanged"],
|
|
15950
|
-
"activeParts": ["activePartsChanged"],
|
|
15951
16232
|
"value": ["valueChanged"]
|
|
15952
16233
|
}; }
|
|
15953
16234
|
static get style() { return {
|
|
@@ -15991,6 +16272,7 @@ class Datetime {
|
|
|
15991
16272
|
"activeParts": [32],
|
|
15992
16273
|
"workingParts": [32],
|
|
15993
16274
|
"isTimePopoverOpen": [32],
|
|
16275
|
+
"forceRenderDate": [32],
|
|
15994
16276
|
"confirm": [64],
|
|
15995
16277
|
"reset": [64],
|
|
15996
16278
|
"cancel": [64]
|
|
@@ -16051,6 +16333,9 @@ class DatetimeButton {
|
|
|
16051
16333
|
* to today's date and time if no value is set.
|
|
16052
16334
|
*/
|
|
16053
16335
|
const parsedDatetimes = parseDate(parsedValues.length > 0 ? parsedValues : [getToday()]);
|
|
16336
|
+
if (!parsedDatetimes) {
|
|
16337
|
+
return;
|
|
16338
|
+
}
|
|
16054
16339
|
/**
|
|
16055
16340
|
* If developers incorrectly use multiple="true"
|
|
16056
16341
|
* with non "date" datetimes, then just select
|
|
@@ -16360,7 +16645,7 @@ class DatetimeButton {
|
|
|
16360
16645
|
}; }
|
|
16361
16646
|
}
|
|
16362
16647
|
|
|
16363
|
-
const fabCss = "/*!@:host*/.sc-ion-fab-h{position:absolute;z-index:999}/*!@:host(.fab-horizontal-center)*/.fab-horizontal-center.sc-ion-fab-h{
|
|
16648
|
+
const fabCss = "/*!@:host*/.sc-ion-fab-h{position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:999}/*!@:host(.fab-horizontal-center)*/.fab-horizontal-center.sc-ion-fab-h{left:0px;right:0px;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto}@supports (inset-inline-start: 0){/*!@:host(.fab-horizontal-start)*/.fab-horizontal-start.sc-ion-fab-h{inset-inline-start:calc(10px + var(--ion-safe-area-left, 0px))}}@supports not (inset-inline-start: 0){/*!@:host(.fab-horizontal-start)*/.fab-horizontal-start.sc-ion-fab-h{left:calc(10px + var(--ion-safe-area-left, 0px))}/*!@:host-context([dir=rtl]):host(.fab-horizontal-start), :host-context([dir=rtl]).fab-horizontal-start*/[dir=rtl].sc-ion-fab-h -no-combinator.fab-horizontal-start.sc-ion-fab-h,[dir=rtl] .sc-ion-fab-h -no-combinator.fab-horizontal-start.sc-ion-fab-h,[dir=rtl].fab-horizontal-start.sc-ion-fab-h,[dir=rtl] .fab-horizontal-start.sc-ion-fab-h{left:unset;right:unset;right:calc(10px + var(--ion-safe-area-left, 0px))}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-fab selector(.sc-ion-fab:dir(rtl)){.sc-ion-fab-h.fab-horizontal-start:dir(rtl){left:unset;right:unset;right:calc(10px + var(--ion-safe-area-left, 0px))}}}@supports (inset-inline-start: 0){/*!@:host(.fab-horizontal-end)*/.fab-horizontal-end.sc-ion-fab-h{inset-inline-end:calc(10px + var(--ion-safe-area-right, 0px))}}@supports not (inset-inline-start: 0){/*!@:host(.fab-horizontal-end)*/.fab-horizontal-end.sc-ion-fab-h{right:calc(10px + var(--ion-safe-area-right, 0px))}/*!@:host-context([dir=rtl]):host(.fab-horizontal-end), :host-context([dir=rtl]).fab-horizontal-end*/[dir=rtl].sc-ion-fab-h -no-combinator.fab-horizontal-end.sc-ion-fab-h,[dir=rtl] .sc-ion-fab-h -no-combinator.fab-horizontal-end.sc-ion-fab-h,[dir=rtl].fab-horizontal-end.sc-ion-fab-h,[dir=rtl] .fab-horizontal-end.sc-ion-fab-h{left:unset;right:unset;left:calc(10px + var(--ion-safe-area-right, 0px))}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-fab selector(.sc-ion-fab:dir(rtl)){.sc-ion-fab-h.fab-horizontal-end:dir(rtl){left:unset;right:unset;left:calc(10px + var(--ion-safe-area-right, 0px))}}}/*!@:host(.fab-vertical-top)*/.fab-vertical-top.sc-ion-fab-h{top:10px}/*!@:host(.fab-vertical-top.fab-edge)*/.fab-vertical-top.fab-edge.sc-ion-fab-h{top:0}/*!@:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button)*/.sc-ion-fab-h.fab-vertical-top.fab-edge .sc-ion-fab-s>ion-fab-button{margin-top:-50%}/*!@:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-button.fab-button-small)*/.sc-ion-fab-h.fab-vertical-top.fab-edge .sc-ion-fab-s>ion-fab-button.fab-button-small{margin-top:calc((-100% + 16px) / 2)}/*!@:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),\n:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-end)*/.sc-ion-fab-h.fab-vertical-top.fab-edge .sc-ion-fab-s>ion-fab-list.fab-list-side-start,.sc-ion-fab-h.fab-vertical-top.fab-edge .sc-ion-fab-s>ion-fab-list.fab-list-side-end{margin-top:-50%}/*!@:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),\n:host(.fab-vertical-top.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom)*/.sc-ion-fab-h.fab-vertical-top.fab-edge .sc-ion-fab-s>ion-fab-list.fab-list-side-top,.sc-ion-fab-h.fab-vertical-top.fab-edge .sc-ion-fab-s>ion-fab-list.fab-list-side-bottom{margin-top:calc(50% + 10px)}/*!@:host(.fab-vertical-bottom)*/.fab-vertical-bottom.sc-ion-fab-h{bottom:10px}/*!@:host(.fab-vertical-bottom.fab-edge)*/.fab-vertical-bottom.fab-edge.sc-ion-fab-h{bottom:0}/*!@:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button)*/.sc-ion-fab-h.fab-vertical-bottom.fab-edge .sc-ion-fab-s>ion-fab-button{margin-bottom:-50%}/*!@:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-button.fab-button-small)*/.sc-ion-fab-h.fab-vertical-bottom.fab-edge .sc-ion-fab-s>ion-fab-button.fab-button-small{margin-bottom:calc((-100% + 16px) / 2)}/*!@:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-start),\n:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-end)*/.sc-ion-fab-h.fab-vertical-bottom.fab-edge .sc-ion-fab-s>ion-fab-list.fab-list-side-start,.sc-ion-fab-h.fab-vertical-bottom.fab-edge .sc-ion-fab-s>ion-fab-list.fab-list-side-end{margin-bottom:-50%}/*!@:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-top),\n:host(.fab-vertical-bottom.fab-edge) ::slotted(ion-fab-list.fab-list-side-bottom)*/.sc-ion-fab-h.fab-vertical-bottom.fab-edge .sc-ion-fab-s>ion-fab-list.fab-list-side-top,.sc-ion-fab-h.fab-vertical-bottom.fab-edge .sc-ion-fab-s>ion-fab-list.fab-list-side-bottom{margin-bottom:calc(50% + 10px)}/*!@:host(.fab-vertical-center)*/.fab-vertical-center.sc-ion-fab-h{top:0px;bottom:0px;margin-top:auto;margin-bottom:auto}";
|
|
16364
16649
|
|
|
16365
16650
|
class Fab {
|
|
16366
16651
|
constructor(hostRef) {
|
|
@@ -16543,7 +16828,7 @@ class FabButton {
|
|
|
16543
16828
|
}; }
|
|
16544
16829
|
}
|
|
16545
16830
|
|
|
16546
|
-
const fabListCss = "/*!@:host*/.sc-ion-fab-list-h{margin-left:0;margin-right:0;margin-top:
|
|
16831
|
+
const fabListCss = "/*!@:host*/.sc-ion-fab-list-h{margin-left:0;margin-right:0;margin-top:calc(100% + 10px);margin-bottom:calc(100% + 10px);display:none;position:absolute;top:0;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;min-width:56px;min-height:56px}/*!@:host(.fab-list-active)*/.fab-list-active.sc-ion-fab-list-h{display:-ms-flexbox;display:flex}/*!@::slotted(.fab-button-in-list)*/.sc-ion-fab-list-s>.fab-button-in-list{margin-left:0;margin-right:0;margin-top:8px;margin-bottom:8px;width:40px;height:40px;-webkit-transform:scale(0);transform:scale(0);opacity:0;visibility:hidden}/*!@:host(.fab-list-side-top) ::slotted(.fab-button-in-list),\n:host(.fab-list-side-bottom) ::slotted(.fab-button-in-list)*/.sc-ion-fab-list-h.fab-list-side-top .sc-ion-fab-list-s>.fab-button-in-list,.sc-ion-fab-list-h.fab-list-side-bottom .sc-ion-fab-list-s>.fab-button-in-list{margin-left:0;margin-right:0;margin-top:5px;margin-bottom:5px}/*!@:host(.fab-list-side-start) ::slotted(.fab-button-in-list),\n:host(.fab-list-side-end) ::slotted(.fab-button-in-list)*/.sc-ion-fab-list-h.fab-list-side-start .sc-ion-fab-list-s>.fab-button-in-list,.sc-ion-fab-list-h.fab-list-side-end .sc-ion-fab-list-s>.fab-button-in-list{-webkit-margin-start:5px;margin-inline-start:5px;-webkit-margin-end:5px;margin-inline-end:5px;margin-top:0;margin-bottom:0}/*!@::slotted(.fab-button-in-list.fab-button-show)*/.sc-ion-fab-list-s>.fab-button-in-list.fab-button-show{-webkit-transform:scale(1);transform:scale(1);opacity:1;visibility:visible}/*!@:host(.fab-list-side-top)*/.fab-list-side-top.sc-ion-fab-list-h{top:auto;bottom:0;-ms-flex-direction:column-reverse;flex-direction:column-reverse}/*!@:host(.fab-list-side-start)*/.fab-list-side-start.sc-ion-fab-list-h{-webkit-margin-start:calc(100% + 10px);margin-inline-start:calc(100% + 10px);-webkit-margin-end:calc(100% + 10px);margin-inline-end:calc(100% + 10px);margin-top:0;margin-bottom:0;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@supports (inset-inline-start: 0){/*!@:host(.fab-list-side-start)*/.fab-list-side-start.sc-ion-fab-list-h{inset-inline-end:0}}@supports not (inset-inline-start: 0){/*!@:host(.fab-list-side-start)*/.fab-list-side-start.sc-ion-fab-list-h{right:0}/*!@:host-context([dir=rtl]):host(.fab-list-side-start), :host-context([dir=rtl]).fab-list-side-start*/[dir=rtl].sc-ion-fab-list-h -no-combinator.fab-list-side-start.sc-ion-fab-list-h,[dir=rtl] .sc-ion-fab-list-h -no-combinator.fab-list-side-start.sc-ion-fab-list-h,[dir=rtl].fab-list-side-start.sc-ion-fab-list-h,[dir=rtl] .fab-list-side-start.sc-ion-fab-list-h{left:unset;right:unset;left:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-fab-list selector(.sc-ion-fab-list:dir(rtl)){.sc-ion-fab-list-h.fab-list-side-start:dir(rtl){left:unset;right:unset;left:0}}}/*!@:host(.fab-list-side-end)*/.fab-list-side-end.sc-ion-fab-list-h{-webkit-margin-start:calc(100% + 10px);margin-inline-start:calc(100% + 10px);-webkit-margin-end:calc(100% + 10px);margin-inline-end:calc(100% + 10px);margin-top:0;margin-bottom:0;-ms-flex-direction:row;flex-direction:row}@supports (inset-inline-start: 0){/*!@:host(.fab-list-side-end)*/.fab-list-side-end.sc-ion-fab-list-h{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.fab-list-side-end)*/.fab-list-side-end.sc-ion-fab-list-h{left:0}/*!@:host-context([dir=rtl]):host(.fab-list-side-end), :host-context([dir=rtl]).fab-list-side-end*/[dir=rtl].sc-ion-fab-list-h -no-combinator.fab-list-side-end.sc-ion-fab-list-h,[dir=rtl] .sc-ion-fab-list-h -no-combinator.fab-list-side-end.sc-ion-fab-list-h,[dir=rtl].fab-list-side-end.sc-ion-fab-list-h,[dir=rtl] .fab-list-side-end.sc-ion-fab-list-h{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-fab-list selector(.sc-ion-fab-list:dir(rtl)){.sc-ion-fab-list-h.fab-list-side-end:dir(rtl){left:unset;right:unset;right:0}}}";
|
|
16547
16832
|
|
|
16548
16833
|
class FabList {
|
|
16549
16834
|
constructor(hostRef) {
|
|
@@ -17247,7 +17532,7 @@ const handleHeaderFade = (scrollEl, baseEl, condenseHeader) => {
|
|
|
17247
17532
|
});
|
|
17248
17533
|
};
|
|
17249
17534
|
|
|
17250
|
-
const headerIosCss = "ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.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{left:0;right: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:.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-fade ion-toolbar{--opacity-scale:inherit}.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:
|
|
17535
|
+
const headerIosCss = "ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.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{left:0;right: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:.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-fade ion-toolbar{--opacity-scale:inherit}.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:1px;z-index:1}.header-collapse-condense ion-toolbar{--background:var(--ion-background-color, #fff);z-index:0}.header-collapse-condense ion-toolbar:last-of-type{--border-width:0px}.header-collapse-condense ion-toolbar ion-searchbar{height:48px;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-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[collapse=condense]){opacity:0}";
|
|
17251
17536
|
|
|
17252
17537
|
const headerMdCss = "ion-header{display:block;position:relative;-ms-flex-order:-1;order:-1;width:100%;z-index:10}ion-header ion-toolbar:first-of-type{padding-top:var(--ion-safe-area-top, 0)}.header-md{-webkit-box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);box-shadow:0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12)}.header-collapse-condense{display:none}.header-md.ion-no-border{-webkit-box-shadow:none;box-shadow:none}";
|
|
17253
17538
|
|
|
@@ -18215,7 +18500,7 @@ class Input {
|
|
|
18215
18500
|
connectedCallback() {
|
|
18216
18501
|
const { el } = this;
|
|
18217
18502
|
this.legacyFormController = createLegacyFormController(el);
|
|
18218
|
-
this.slotMutationController = createSlotMutationController(el, 'label', () => forceUpdate$1(
|
|
18503
|
+
this.slotMutationController = createSlotMutationController(el, 'label', () => forceUpdate$1());
|
|
18219
18504
|
this.notchController = createNotchController(el, () => this.notchSpacerEl, () => this.labelSlot);
|
|
18220
18505
|
this.emitStyle();
|
|
18221
18506
|
this.debounceChanged();
|
|
@@ -18308,7 +18593,7 @@ class Input {
|
|
|
18308
18593
|
* Clear the input if the control has not been previously cleared during focus.
|
|
18309
18594
|
* Do not clear if the user hitting enter to submit a form.
|
|
18310
18595
|
*/
|
|
18311
|
-
if (!this.didInputClearOnEdit && this.hasValue() && ev.key !== 'Enter') {
|
|
18596
|
+
if (!this.didInputClearOnEdit && this.hasValue() && ev.key !== 'Enter' && ev.key !== 'Tab') {
|
|
18312
18597
|
this.value = '';
|
|
18313
18598
|
this.emitInputChange(ev);
|
|
18314
18599
|
}
|
|
@@ -18532,9 +18817,9 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
|
|
|
18532
18817
|
}
|
|
18533
18818
|
let inputIds = 0;
|
|
18534
18819
|
|
|
18535
|
-
const itemIosCss = "/*!@:host*/.sc-ion-item-ios-h{--border-radius:0px;--border-width:0px;--border-style:solid;--padding-top:0px;--padding-bottom:0px;--padding-end:0px;--padding-start:0px;--inner-border-width:0px;--inner-padding-top:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;--inner-padding-end:0px;--inner-box-shadow:none;--show-full-highlight:0;--show-inset-highlight:0;--detail-icon-color:initial;--detail-icon-font-size:20px;--detail-icon-opacity:0.25;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:initial;text-decoration:none;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native*/.ion-color.sc-ion-item-ios-h:not(.item-fill-solid):not(.item-fill-outline) .item-native.sc-ion-item-ios{background:var(--ion-color-base);color:var(--ion-color-contrast)}/*!@:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native,\n:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-inner*/.ion-color.sc-ion-item-ios-h:not(.item-fill-solid):not(.item-fill-outline) .item-native.sc-ion-item-ios,.ion-color.sc-ion-item-ios-h:not(.item-fill-solid):not(.item-fill-outline) .item-inner.sc-ion-item-ios{border-color:var(--ion-color-shade)}/*!@:host(.ion-activated) .item-native*/.ion-activated.sc-ion-item-ios-h .item-native.sc-ion-item-ios{color:var(--color-activated)}/*!@:host(.ion-activated) .item-native::after*/.ion-activated.sc-ion-item-ios-h .item-native.sc-ion-item-ios::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}/*!@:host(.ion-color.ion-activated) .item-native*/.ion-color.ion-activated.sc-ion-item-ios-h .item-native.sc-ion-item-ios{color:var(--ion-color-contrast)}/*!@:host(.ion-focused) .item-native*/.ion-focused.sc-ion-item-ios-h .item-native.sc-ion-item-ios{color:var(--color-focused)}/*!@:host(.ion-focused) .item-native::after*/.ion-focused.sc-ion-item-ios-h .item-native.sc-ion-item-ios::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}/*!@:host(.ion-color.ion-focused) .item-native*/.ion-color.ion-focused.sc-ion-item-ios-h .item-native.sc-ion-item-ios{color:var(--ion-color-contrast)}/*!@:host(.ion-color.ion-focused) .item-native::after*/.ion-color.ion-focused.sc-ion-item-ios-h .item-native.sc-ion-item-ios::after{background:var(--ion-color-contrast)}@media (any-hover: hover){/*!@:host(.ion-activatable:not(.ion-focused):hover) .item-native*/.ion-activatable.sc-ion-item-ios-h:not(.ion-focused):hover .item-native.sc-ion-item-ios{color:var(--color-hover)}/*!@:host(.ion-activatable:not(.ion-focused):hover) .item-native::after*/.ion-activatable.sc-ion-item-ios-h:not(.ion-focused):hover .item-native.sc-ion-item-ios::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}/*!@:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native*/.ion-color.ion-activatable.sc-ion-item-ios-h:not(.ion-focused):hover .item-native.sc-ion-item-ios{color:var(--ion-color-contrast)}/*!@:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native::after*/.ion-color.ion-activatable.sc-ion-item-ios-h:not(.ion-focused):hover .item-native.sc-ion-item-ios::after{background:var(--ion-color-contrast)}}/*!@:host(.item-interactive-disabled:not(.item-multiple-inputs))*/.item-interactive-disabled.sc-ion-item-ios-h:not(.item-multiple-inputs){cursor:default;pointer-events:none}/*!@:host(.item-disabled)*/.item-disabled.sc-ion-item-ios-h{cursor:default;opacity:0.3;pointer-events:none}/*!@.item-native*/.item-native.sc-ion-item-ios{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-inline-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);-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);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}/*!@.item-native::-moz-focus-inner*/.item-native.sc-ion-item-ios::-moz-focus-inner{border:0}/*!@.item-native::after*/.item-native.sc-ion-item-ios::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0;-webkit-transition:var(--transition);transition:var(--transition);z-index:-1}/*!@button, a*/button.sc-ion-item-ios,a.sc-ion-item-ios{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}/*!@.item-inner*/.item-inner.sc-ion-item-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--inner-padding-start);padding-inline-start:var(--inner-padding-start);-webkit-padding-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-inline-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.item-bottom*/.item-bottom.sc-ion-item-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-inline-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));-webkit-padding-end:var(--inner-padding-end);padding-inline-end:var(--inner-padding-end);padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@.item-detail-icon*/.item-detail-icon.sc-ion-item-ios{-webkit-margin-start:calc(var(--inner-padding-end) / 2);margin-inline-start:calc(var(--inner-padding-end) / 2);-webkit-margin-end:-6px;margin-inline-end:-6px;color:var(--detail-icon-color);font-size:var(--detail-icon-font-size);opacity:var(--detail-icon-opacity)}/*!@::slotted(ion-icon)*/.sc-ion-item-ios-s>ion-icon{font-size:1.6em}/*!@::slotted(ion-button)*/.sc-ion-item-ios-s>ion-button{--margin-top:0;--margin-bottom:0;--margin-start:0;--margin-end:0;z-index:1}/*!@::slotted(ion-label:not([slot=end]))*/.sc-ion-item-ios-s>ion-label:not([slot=end]){-ms-flex:1;flex:1}/*!@:host(.item-input)*/.item-input.sc-ion-item-ios-h{-ms-flex-align:center;align-items:center}/*!@.input-wrapper*/.input-wrapper.sc-ion-item-ios{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.item-label-stacked),\n:host(.item-label-floating)*/.item-label-stacked.sc-ion-item-ios-h,.item-label-floating.sc-ion-item-ios-h{-ms-flex-align:start;align-items:start}/*!@:host(.item-label-stacked) .input-wrapper,\n:host(.item-label-floating) .input-wrapper*/.item-label-stacked.sc-ion-item-ios-h .input-wrapper.sc-ion-item-ios,.item-label-floating.sc-ion-item-ios-h .input-wrapper.sc-ion-item-ios{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}/*!@.item-highlight,\n.item-inner-highlight*/.item-highlight.sc-ion-item-ios,.item-inner-highlight.sc-ion-item-ios{left:0;right:0;top:0;bottom:0;border-radius:inherit;position:absolute;width:100%;height:100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:border-bottom-width 200ms, -webkit-transform 200ms;transition:border-bottom-width 200ms, -webkit-transform 200ms;transition:transform 200ms, border-bottom-width 200ms;transition:transform 200ms, border-bottom-width 200ms, -webkit-transform 200ms;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}/*!@:host(.item-interactive.ion-focused),\n:host(.item-interactive.item-has-focus),\n:host(.item-interactive.ion-touched.ion-invalid)*/.item-interactive.ion-focused.sc-ion-item-ios-h,.item-interactive.item-has-focus.sc-ion-item-ios-h,.item-interactive.ion-touched.ion-invalid.sc-ion-item-ios-h{--full-highlight-height:calc(var(--highlight-height) * var(--show-full-highlight));--inset-highlight-height:calc(var(--highlight-height) * var(--show-inset-highlight))}/*!@:host(.ion-focused) .item-highlight,\n:host(.ion-focused) .item-inner-highlight,\n:host(.item-has-focus) .item-highlight,\n:host(.item-has-focus) .item-inner-highlight*/.ion-focused.sc-ion-item-ios-h .item-highlight.sc-ion-item-ios,.ion-focused.sc-ion-item-ios-h .item-inner-highlight.sc-ion-item-ios,.item-has-focus.sc-ion-item-ios-h .item-highlight.sc-ion-item-ios,.item-has-focus.sc-ion-item-ios-h .item-inner-highlight.sc-ion-item-ios{-webkit-transform:scaleX(1);transform:scaleX(1);border-style:var(--border-style);border-color:var(--highlight-background)}/*!@:host(.ion-focused) .item-highlight,\n:host(.item-has-focus) .item-highlight*/.ion-focused.sc-ion-item-ios-h .item-highlight.sc-ion-item-ios,.item-has-focus.sc-ion-item-ios-h .item-highlight.sc-ion-item-ios{border-width:var(--full-highlight-height);opacity:var(--show-full-highlight)}/*!@:host(.ion-focused) .item-inner-highlight,\n:host(.item-has-focus) .item-inner-highlight*/.ion-focused.sc-ion-item-ios-h .item-inner-highlight.sc-ion-item-ios,.item-has-focus.sc-ion-item-ios-h .item-inner-highlight.sc-ion-item-ios{border-bottom-width:var(--inset-highlight-height);opacity:var(--show-inset-highlight)}/*!@:host(.ion-focused.item-fill-solid) .item-highlight,\n:host(.item-has-focus.item-fill-solid) .item-highlight*/.ion-focused.item-fill-solid.sc-ion-item-ios-h .item-highlight.sc-ion-item-ios,.item-has-focus.item-fill-solid.sc-ion-item-ios-h .item-highlight.sc-ion-item-ios{border-width:calc(var(--full-highlight-height) - 1px)}/*!@:host(.ion-focused) .item-inner-highlight,\n:host(.ion-focused:not(.item-fill-outline)) .item-highlight,\n:host(.item-has-focus) .item-inner-highlight,\n:host(.item-has-focus:not(.item-fill-outline)) .item-highlight*/.ion-focused.sc-ion-item-ios-h .item-inner-highlight.sc-ion-item-ios,.ion-focused.sc-ion-item-ios-h:not(.item-fill-outline) .item-highlight.sc-ion-item-ios,.item-has-focus.sc-ion-item-ios-h .item-inner-highlight.sc-ion-item-ios,.item-has-focus.sc-ion-item-ios-h:not(.item-fill-outline) .item-highlight.sc-ion-item-ios{border-top:none;border-right:none;border-left:none}/*!@:host(.item-interactive.ion-focused),\n:host(.item-interactive.item-has-focus)*/.item-interactive.ion-focused.sc-ion-item-ios-h,.item-interactive.item-has-focus.sc-ion-item-ios-h{--highlight-background:var(--highlight-color-focused)}/*!@:host(.item-interactive.ion-valid)*/.item-interactive.ion-valid.sc-ion-item-ios-h{--highlight-background:var(--highlight-color-valid)}/*!@:host(.item-interactive.ion-invalid)*/.item-interactive.ion-invalid.sc-ion-item-ios-h{--highlight-background:var(--highlight-color-invalid)}/*!@:host(.item-interactive.ion-invalid) ::slotted([slot=helper])*/.sc-ion-item-ios-h.item-interactive.ion-invalid .sc-ion-item-ios-s>[slot=helper]{display:none}/*!@::slotted([slot=error])*/.sc-ion-item-ios-s>[slot=error]{display:none;color:var(--highlight-color-invalid)}/*!@:host(.item-interactive.ion-invalid) ::slotted([slot=error])*/.sc-ion-item-ios-h.item-interactive.ion-invalid .sc-ion-item-ios-s>[slot=error]{display:block}/*!@:host(:not(.item-label)) ::slotted(ion-select.legacy-select)*/.sc-ion-item-ios-h:not(.item-label) .sc-ion-item-ios-s>ion-select.legacy-select{--padding-start:0;max-width:none}/*!@:host(.item-label-stacked) ::slotted(ion-select.legacy-select),\n:host(.item-label-floating) ::slotted(ion-select.legacy-select)*/.sc-ion-item-ios-h.item-label-stacked .sc-ion-item-ios-s>ion-select.legacy-select,.sc-ion-item-ios-h.item-label-floating .sc-ion-item-ios-s>ion-select.legacy-select{--padding-top:8px;--padding-bottom:8px;--padding-start:0;-ms-flex-item-align:stretch;align-self:stretch;width:100%;max-width:100%}/*!@:host(:not(.item-label)) ::slotted(ion-datetime)*/.sc-ion-item-ios-h:not(.item-label) .sc-ion-item-ios-s>ion-datetime{--padding-start:0}/*!@:host(.item-label-stacked) ::slotted(ion-datetime),\n:host(.item-label-floating) ::slotted(ion-datetime)*/.sc-ion-item-ios-h.item-label-stacked .sc-ion-item-ios-s>ion-datetime,.sc-ion-item-ios-h.item-label-floating .sc-ion-item-ios-s>ion-datetime{--padding-start:0;width:100%}/*!@:host(.item-multiple-inputs) ::slotted(ion-checkbox),\n:host(.item-multiple-inputs) ::slotted(ion-datetime),\n:host(.item-multiple-inputs) ::slotted(ion-radio),\n:host(.item-multiple-inputs) ::slotted(ion-select.legacy-select)*/.sc-ion-item-ios-h.item-multiple-inputs .sc-ion-item-ios-s>ion-checkbox,.sc-ion-item-ios-h.item-multiple-inputs .sc-ion-item-ios-s>ion-datetime,.sc-ion-item-ios-h.item-multiple-inputs .sc-ion-item-ios-s>ion-radio,.sc-ion-item-ios-h.item-multiple-inputs .sc-ion-item-ios-s>ion-select.legacy-select{position:relative}/*!@:host(.item-textarea)*/.item-textarea.sc-ion-item-ios-h{-ms-flex-align:stretch;align-items:stretch}/*!@::slotted(ion-reorder[slot])*/.sc-ion-item-ios-s>ion-reorder[slot]{margin-top:0;margin-bottom:0}/*!@ion-ripple-effect*/ion-ripple-effect.sc-ion-item-ios{color:var(--ripple-color)}/*!@:host(.item-fill-solid) ::slotted([slot=start]),\n:host(.item-fill-solid) ::slotted([slot=end]),\n:host(.item-fill-outline) ::slotted([slot=start]),\n:host(.item-fill-outline) ::slotted([slot=end])*/.sc-ion-item-ios-h.item-fill-solid .sc-ion-item-ios-s>[slot=start],.sc-ion-item-ios-h.item-fill-solid .sc-ion-item-ios-s>[slot=end],.sc-ion-item-ios-h.item-fill-outline .sc-ion-item-ios-s>[slot=start],.sc-ion-item-ios-h.item-fill-outline .sc-ion-item-ios-s>[slot=end]{-ms-flex-item-align:center;align-self:center}/*!@::slotted([slot=helper]),\n::slotted([slot=error]),\n.item-counter*/.sc-ion-item-ios-s>[slot=helper],.sc-ion-item-ios-s>[slot=error],.item-counter.sc-ion-item-ios{padding-top:5px;font-size:12px;z-index:1}/*!@.item-counter*/.item-counter.sc-ion-item-ios{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, #737373);white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}@media (prefers-reduced-motion: reduce){/*!@.item-highlight,\n .item-inner-highlight*/.item-highlight.sc-ion-item-ios,.item-inner-highlight.sc-ion-item-ios{-webkit-transition:none;transition:none}}/*!@:host*/.sc-ion-item-ios-h{--min-height:44px;--transition:background-color 200ms linear, opacity 200ms linear;--padding-start:16px;--inner-padding-end:16px;--inner-border-width:0px 0px 0.55px 0px;--background:var(--ion-item-background, var(--ion-background-color, #fff));--background-activated:var(--ion-text-color, #000);--background-focused:var(--ion-text-color, #000);--background-hover:currentColor;--background-activated-opacity:.12;--background-focused-opacity:.15;--background-hover-opacity:.04;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--color:var(--ion-item-color, var(--ion-text-color, #000));--highlight-height:0px;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--bottom-padding-start:0px;font-size:16px}/*!@:host(.ion-activated)*/.ion-activated.sc-ion-item-ios-h{--transition:none}/*!@:host(.ion-color.ion-focused) .item-native::after*/.ion-color.ion-focused.sc-ion-item-ios-h .item-native.sc-ion-item-ios::after{background:#000;opacity:0.15}/*!@:host(.ion-color.ion-activated) .item-native::after*/.ion-color.ion-activated.sc-ion-item-ios-h .item-native.sc-ion-item-ios::after{background:#000;opacity:0.12}/*!@:host(.item-interactive)*/.item-interactive.sc-ion-item-ios-h{--show-full-highlight:0;--show-inset-highlight:1}/*!@:host(.item-lines-full)*/.item-lines-full.sc-ion-item-ios-h{--border-width:0px 0px 0.55px 0px;--show-full-highlight:1;--show-inset-highlight:0}/*!@:host(.item-lines-inset)*/.item-lines-inset.sc-ion-item-ios-h{--inner-border-width:0px 0px 0.55px 0px;--show-full-highlight:0;--show-inset-highlight:1}/*!@:host(.item-lines-inset),\n:host(.item-lines-none)*/.item-lines-inset.sc-ion-item-ios-h,.item-lines-none.sc-ion-item-ios-h{--border-width:0px;--show-full-highlight:0}/*!@:host(.item-lines-full),\n:host(.item-lines-none)*/.item-lines-full.sc-ion-item-ios-h,.item-lines-none.sc-ion-item-ios-h{--inner-border-width:0px;--show-inset-highlight:0}/*!@.item-highlight,\n.item-inner-highlight*/.item-highlight.sc-ion-item-ios,.item-inner-highlight.sc-ion-item-ios{-webkit-transition:none;transition:none}/*!@:host(.item-has-focus) .item-inner-highlight,\n:host(.item-has-focus) .item-highlight*/.item-has-focus.sc-ion-item-ios-h .item-inner-highlight.sc-ion-item-ios,.item-has-focus.sc-ion-item-ios-h .item-highlight.sc-ion-item-ios{border-top:none;border-right:none;border-left:none}/*!@::slotted([slot=start])*/.sc-ion-item-ios-s>[slot=start]{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:2px;margin-bottom:2px}/*!@::slotted(ion-icon[slot=start]),\n::slotted(ion-icon[slot=end])*/.sc-ion-item-ios-s>ion-icon[slot=start],.sc-ion-item-ios-s>ion-icon[slot=end]{margin-top:7px;margin-bottom:7px}/*!@::slotted(ion-toggle[slot=start]),\n::slotted(ion-toggle[slot=end])*/.sc-ion-item-ios-s>ion-toggle[slot=start],.sc-ion-item-ios-s>ion-toggle[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}/*!@:host(.item-label-stacked) ::slotted([slot=end]),\n:host(.item-label-floating) ::slotted([slot=end])*/.sc-ion-item-ios-h.item-label-stacked .sc-ion-item-ios-s>[slot=end],.sc-ion-item-ios-h.item-label-floating .sc-ion-item-ios-s>[slot=end]{margin-top:7px;margin-bottom:7px}/*!@::slotted(.button-small)*/.sc-ion-item-ios-s>.button-small{--padding-top:1px;--padding-bottom:1px;--padding-start:.5em;--padding-end:.5em;min-height:24px;font-size:13px}/*!@::slotted(ion-avatar)*/.sc-ion-item-ios-s>ion-avatar{width:36px;height:36px}/*!@::slotted(ion-thumbnail)*/.sc-ion-item-ios-s>ion-thumbnail{--size:56px}/*!@::slotted(ion-avatar[slot=end]),\n::slotted(ion-thumbnail[slot=end])*/.sc-ion-item-ios-s>ion-avatar[slot=end],.sc-ion-item-ios-s>ion-thumbnail[slot=end]{-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:8px;margin-bottom:8px}/*!@:host(.item-radio) ::slotted(ion-label),\n:host(.item-toggle) ::slotted(ion-label)*/.sc-ion-item-ios-h.item-radio .sc-ion-item-ios-s>ion-label,.sc-ion-item-ios-h.item-toggle .sc-ion-item-ios-s>ion-label{-webkit-margin-start:0px;margin-inline-start:0px}/*!@::slotted(ion-label)*/.sc-ion-item-ios-s>ion-label{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:10px;margin-bottom:10px}/*!@:host(.item-label-floating),\n:host(.item-label-stacked)*/.item-label-floating.sc-ion-item-ios-h,.item-label-stacked.sc-ion-item-ios-h{--min-height:68px}/*!@:host(.item-label-stacked) ::slotted(ion-select.legacy-select),\n:host(.item-label-floating) ::slotted(ion-select.legacy-select)*/.sc-ion-item-ios-h.item-label-stacked .sc-ion-item-ios-s>ion-select.legacy-select,.sc-ion-item-ios-h.item-label-floating .sc-ion-item-ios-s>ion-select.legacy-select{--padding-top:8px;--padding-bottom:8px;--padding-start:0px}/*!@:host(.item-label-fixed) ::slotted(ion-select.legacy-select),\n:host(.item-label-fixed) ::slotted(ion-datetime)*/.sc-ion-item-ios-h.item-label-fixed .sc-ion-item-ios-s>ion-select.legacy-select,.sc-ion-item-ios-h.item-label-fixed .sc-ion-item-ios-s>ion-datetime{--padding-start:0}";
|
|
18820
|
+
const itemIosCss = "/*!@:host*/.sc-ion-item-ios-h{--border-radius:0px;--border-width:0px;--border-style:solid;--padding-top:0px;--padding-bottom:0px;--padding-end:0px;--padding-start:0px;--inner-border-width:0px;--inner-padding-top:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;--inner-padding-end:0px;--inner-box-shadow:none;--show-full-highlight:0;--show-inset-highlight:0;--detail-icon-color:initial;--detail-icon-font-size:20px;--detail-icon-opacity:0.25;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:initial;text-decoration:none;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native*/.ion-color.sc-ion-item-ios-h:not(.item-fill-solid):not(.item-fill-outline) .item-native.sc-ion-item-ios{background:var(--ion-color-base);color:var(--ion-color-contrast)}/*!@:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native,\n:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-inner*/.ion-color.sc-ion-item-ios-h:not(.item-fill-solid):not(.item-fill-outline) .item-native.sc-ion-item-ios,.ion-color.sc-ion-item-ios-h:not(.item-fill-solid):not(.item-fill-outline) .item-inner.sc-ion-item-ios{border-color:var(--ion-color-shade)}/*!@:host(.ion-activated) .item-native*/.ion-activated.sc-ion-item-ios-h .item-native.sc-ion-item-ios{color:var(--color-activated)}/*!@:host(.ion-activated) .item-native::after*/.ion-activated.sc-ion-item-ios-h .item-native.sc-ion-item-ios::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}/*!@:host(.ion-color.ion-activated) .item-native*/.ion-color.ion-activated.sc-ion-item-ios-h .item-native.sc-ion-item-ios{color:var(--ion-color-contrast)}/*!@:host(.ion-focused) .item-native*/.ion-focused.sc-ion-item-ios-h .item-native.sc-ion-item-ios{color:var(--color-focused)}/*!@:host(.ion-focused) .item-native::after*/.ion-focused.sc-ion-item-ios-h .item-native.sc-ion-item-ios::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}/*!@:host(.ion-color.ion-focused) .item-native*/.ion-color.ion-focused.sc-ion-item-ios-h .item-native.sc-ion-item-ios{color:var(--ion-color-contrast)}/*!@:host(.ion-color.ion-focused) .item-native::after*/.ion-color.ion-focused.sc-ion-item-ios-h .item-native.sc-ion-item-ios::after{background:var(--ion-color-contrast)}@media (any-hover: hover){/*!@:host(.ion-activatable:not(.ion-focused):hover) .item-native*/.ion-activatable.sc-ion-item-ios-h:not(.ion-focused):hover .item-native.sc-ion-item-ios{color:var(--color-hover)}/*!@:host(.ion-activatable:not(.ion-focused):hover) .item-native::after*/.ion-activatable.sc-ion-item-ios-h:not(.ion-focused):hover .item-native.sc-ion-item-ios::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}/*!@:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native*/.ion-color.ion-activatable.sc-ion-item-ios-h:not(.ion-focused):hover .item-native.sc-ion-item-ios{color:var(--ion-color-contrast)}/*!@:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native::after*/.ion-color.ion-activatable.sc-ion-item-ios-h:not(.ion-focused):hover .item-native.sc-ion-item-ios::after{background:var(--ion-color-contrast)}}/*!@:host(.item-has-interactive-control)*/.item-has-interactive-control.sc-ion-item-ios-h{cursor:pointer}/*!@:host(.item-interactive-disabled:not(.item-multiple-inputs))*/.item-interactive-disabled.sc-ion-item-ios-h:not(.item-multiple-inputs){cursor:default;pointer-events:none}/*!@:host(.item-disabled)*/.item-disabled.sc-ion-item-ios-h{cursor:default;opacity:0.3;pointer-events:none}/*!@.item-native*/.item-native.sc-ion-item-ios{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-inline-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);-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);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}/*!@.item-native::-moz-focus-inner*/.item-native.sc-ion-item-ios::-moz-focus-inner{border:0}/*!@.item-native::after*/.item-native.sc-ion-item-ios::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0;-webkit-transition:var(--transition);transition:var(--transition);z-index:-1}/*!@button, a*/button.sc-ion-item-ios,a.sc-ion-item-ios{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}/*!@.item-inner*/.item-inner.sc-ion-item-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--inner-padding-start);padding-inline-start:var(--inner-padding-start);-webkit-padding-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-inline-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.item-bottom*/.item-bottom.sc-ion-item-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-inline-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));-webkit-padding-end:var(--inner-padding-end);padding-inline-end:var(--inner-padding-end);padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@.item-detail-icon*/.item-detail-icon.sc-ion-item-ios{-webkit-margin-start:calc(var(--inner-padding-end) / 2);margin-inline-start:calc(var(--inner-padding-end) / 2);-webkit-margin-end:-6px;margin-inline-end:-6px;color:var(--detail-icon-color);font-size:var(--detail-icon-font-size);opacity:var(--detail-icon-opacity)}/*!@::slotted(ion-icon)*/.sc-ion-item-ios-s>ion-icon{font-size:1.6em}/*!@::slotted(ion-button)*/.sc-ion-item-ios-s>ion-button{--margin-top:0;--margin-bottom:0;--margin-start:0;--margin-end:0;z-index:1}/*!@::slotted(ion-label:not([slot=end]))*/.sc-ion-item-ios-s>ion-label:not([slot=end]){-ms-flex:1;flex:1}/*!@:host(.item-input)*/.item-input.sc-ion-item-ios-h{-ms-flex-align:center;align-items:center}/*!@.input-wrapper*/.input-wrapper.sc-ion-item-ios{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.item-label-stacked),\n:host(.item-label-floating)*/.item-label-stacked.sc-ion-item-ios-h,.item-label-floating.sc-ion-item-ios-h{-ms-flex-align:start;align-items:start}/*!@:host(.item-label-stacked) .input-wrapper,\n:host(.item-label-floating) .input-wrapper*/.item-label-stacked.sc-ion-item-ios-h .input-wrapper.sc-ion-item-ios,.item-label-floating.sc-ion-item-ios-h .input-wrapper.sc-ion-item-ios{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}/*!@.item-highlight,\n.item-inner-highlight*/.item-highlight.sc-ion-item-ios,.item-inner-highlight.sc-ion-item-ios{left:0;right:0;top:0;bottom:0;border-radius:inherit;position:absolute;width:100%;height:100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:border-bottom-width 200ms, -webkit-transform 200ms;transition:border-bottom-width 200ms, -webkit-transform 200ms;transition:transform 200ms, border-bottom-width 200ms;transition:transform 200ms, border-bottom-width 200ms, -webkit-transform 200ms;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}/*!@:host(.item-interactive.ion-focused),\n:host(.item-interactive.item-has-focus),\n:host(.item-interactive.ion-touched.ion-invalid)*/.item-interactive.ion-focused.sc-ion-item-ios-h,.item-interactive.item-has-focus.sc-ion-item-ios-h,.item-interactive.ion-touched.ion-invalid.sc-ion-item-ios-h{--full-highlight-height:calc(var(--highlight-height) * var(--show-full-highlight));--inset-highlight-height:calc(var(--highlight-height) * var(--show-inset-highlight))}/*!@:host(.ion-focused) .item-highlight,\n:host(.ion-focused) .item-inner-highlight,\n:host(.item-has-focus) .item-highlight,\n:host(.item-has-focus) .item-inner-highlight*/.ion-focused.sc-ion-item-ios-h .item-highlight.sc-ion-item-ios,.ion-focused.sc-ion-item-ios-h .item-inner-highlight.sc-ion-item-ios,.item-has-focus.sc-ion-item-ios-h .item-highlight.sc-ion-item-ios,.item-has-focus.sc-ion-item-ios-h .item-inner-highlight.sc-ion-item-ios{-webkit-transform:scaleX(1);transform:scaleX(1);border-style:var(--border-style);border-color:var(--highlight-background)}/*!@:host(.ion-focused) .item-highlight,\n:host(.item-has-focus) .item-highlight*/.ion-focused.sc-ion-item-ios-h .item-highlight.sc-ion-item-ios,.item-has-focus.sc-ion-item-ios-h .item-highlight.sc-ion-item-ios{border-width:var(--full-highlight-height);opacity:var(--show-full-highlight)}/*!@:host(.ion-focused) .item-inner-highlight,\n:host(.item-has-focus) .item-inner-highlight*/.ion-focused.sc-ion-item-ios-h .item-inner-highlight.sc-ion-item-ios,.item-has-focus.sc-ion-item-ios-h .item-inner-highlight.sc-ion-item-ios{border-bottom-width:var(--inset-highlight-height);opacity:var(--show-inset-highlight)}/*!@:host(.ion-focused.item-fill-solid) .item-highlight,\n:host(.item-has-focus.item-fill-solid) .item-highlight*/.ion-focused.item-fill-solid.sc-ion-item-ios-h .item-highlight.sc-ion-item-ios,.item-has-focus.item-fill-solid.sc-ion-item-ios-h .item-highlight.sc-ion-item-ios{border-width:calc(var(--full-highlight-height) - 1px)}/*!@:host(.ion-focused) .item-inner-highlight,\n:host(.ion-focused:not(.item-fill-outline)) .item-highlight,\n:host(.item-has-focus) .item-inner-highlight,\n:host(.item-has-focus:not(.item-fill-outline)) .item-highlight*/.ion-focused.sc-ion-item-ios-h .item-inner-highlight.sc-ion-item-ios,.ion-focused.sc-ion-item-ios-h:not(.item-fill-outline) .item-highlight.sc-ion-item-ios,.item-has-focus.sc-ion-item-ios-h .item-inner-highlight.sc-ion-item-ios,.item-has-focus.sc-ion-item-ios-h:not(.item-fill-outline) .item-highlight.sc-ion-item-ios{border-top:none;border-right:none;border-left:none}/*!@:host(.item-interactive.ion-focused),\n:host(.item-interactive.item-has-focus)*/.item-interactive.ion-focused.sc-ion-item-ios-h,.item-interactive.item-has-focus.sc-ion-item-ios-h{--highlight-background:var(--highlight-color-focused)}/*!@:host(.item-interactive.ion-valid)*/.item-interactive.ion-valid.sc-ion-item-ios-h{--highlight-background:var(--highlight-color-valid)}/*!@:host(.item-interactive.ion-invalid)*/.item-interactive.ion-invalid.sc-ion-item-ios-h{--highlight-background:var(--highlight-color-invalid)}/*!@:host(.item-interactive.ion-invalid) ::slotted([slot=helper])*/.sc-ion-item-ios-h.item-interactive.ion-invalid .sc-ion-item-ios-s>[slot=helper]{display:none}/*!@::slotted([slot=error])*/.sc-ion-item-ios-s>[slot=error]{display:none;color:var(--highlight-color-invalid)}/*!@:host(.item-interactive.ion-invalid) ::slotted([slot=error])*/.sc-ion-item-ios-h.item-interactive.ion-invalid .sc-ion-item-ios-s>[slot=error]{display:block}/*!@:host(:not(.item-label)) ::slotted(ion-select.legacy-select)*/.sc-ion-item-ios-h:not(.item-label) .sc-ion-item-ios-s>ion-select.legacy-select{--padding-start:0;max-width:none}/*!@:host(.item-label-stacked) ::slotted(ion-select.legacy-select),\n:host(.item-label-floating) ::slotted(ion-select.legacy-select)*/.sc-ion-item-ios-h.item-label-stacked .sc-ion-item-ios-s>ion-select.legacy-select,.sc-ion-item-ios-h.item-label-floating .sc-ion-item-ios-s>ion-select.legacy-select{--padding-top:8px;--padding-bottom:8px;--padding-start:0;-ms-flex-item-align:stretch;align-self:stretch;width:100%;max-width:100%}/*!@:host(:not(.item-label)) ::slotted(ion-datetime)*/.sc-ion-item-ios-h:not(.item-label) .sc-ion-item-ios-s>ion-datetime{--padding-start:0}/*!@:host(.item-label-stacked) ::slotted(ion-datetime),\n:host(.item-label-floating) ::slotted(ion-datetime)*/.sc-ion-item-ios-h.item-label-stacked .sc-ion-item-ios-s>ion-datetime,.sc-ion-item-ios-h.item-label-floating .sc-ion-item-ios-s>ion-datetime{--padding-start:0;width:100%}/*!@:host(.item-multiple-inputs) ::slotted(ion-checkbox),\n:host(.item-multiple-inputs) ::slotted(ion-datetime),\n:host(.item-multiple-inputs) ::slotted(ion-radio),\n:host(.item-multiple-inputs) ::slotted(ion-select.legacy-select)*/.sc-ion-item-ios-h.item-multiple-inputs .sc-ion-item-ios-s>ion-checkbox,.sc-ion-item-ios-h.item-multiple-inputs .sc-ion-item-ios-s>ion-datetime,.sc-ion-item-ios-h.item-multiple-inputs .sc-ion-item-ios-s>ion-radio,.sc-ion-item-ios-h.item-multiple-inputs .sc-ion-item-ios-s>ion-select.legacy-select{position:relative}/*!@:host(.item-textarea)*/.item-textarea.sc-ion-item-ios-h{-ms-flex-align:stretch;align-items:stretch}/*!@::slotted(ion-reorder[slot])*/.sc-ion-item-ios-s>ion-reorder[slot]{margin-top:0;margin-bottom:0}/*!@ion-ripple-effect*/ion-ripple-effect.sc-ion-item-ios{color:var(--ripple-color)}/*!@:host(.item-fill-solid) ::slotted([slot=start]),\n:host(.item-fill-solid) ::slotted([slot=end]),\n:host(.item-fill-outline) ::slotted([slot=start]),\n:host(.item-fill-outline) ::slotted([slot=end])*/.sc-ion-item-ios-h.item-fill-solid .sc-ion-item-ios-s>[slot=start],.sc-ion-item-ios-h.item-fill-solid .sc-ion-item-ios-s>[slot=end],.sc-ion-item-ios-h.item-fill-outline .sc-ion-item-ios-s>[slot=start],.sc-ion-item-ios-h.item-fill-outline .sc-ion-item-ios-s>[slot=end]{-ms-flex-item-align:center;align-self:center}/*!@::slotted([slot=helper]),\n::slotted([slot=error]),\n.item-counter*/.sc-ion-item-ios-s>[slot=helper],.sc-ion-item-ios-s>[slot=error],.item-counter.sc-ion-item-ios{padding-top:5px;font-size:12px;z-index:1}/*!@.item-counter*/.item-counter.sc-ion-item-ios{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, #737373);white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}@media (prefers-reduced-motion: reduce){/*!@.item-highlight,\n .item-inner-highlight*/.item-highlight.sc-ion-item-ios,.item-inner-highlight.sc-ion-item-ios{-webkit-transition:none;transition:none}}/*!@:host*/.sc-ion-item-ios-h{--min-height:44px;--transition:background-color 200ms linear, opacity 200ms linear;--padding-start:16px;--inner-padding-end:16px;--inner-border-width:0px 0px 0.55px 0px;--background:var(--ion-item-background, var(--ion-background-color, #fff));--background-activated:var(--ion-text-color, #000);--background-focused:var(--ion-text-color, #000);--background-hover:currentColor;--background-activated-opacity:.12;--background-focused-opacity:.15;--background-hover-opacity:.04;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--color:var(--ion-item-color, var(--ion-text-color, #000));--highlight-height:0px;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--bottom-padding-start:0px;font-size:16px}/*!@:host(.ion-activated)*/.ion-activated.sc-ion-item-ios-h{--transition:none}/*!@:host(.ion-color.ion-focused) .item-native::after*/.ion-color.ion-focused.sc-ion-item-ios-h .item-native.sc-ion-item-ios::after{background:#000;opacity:0.15}/*!@:host(.ion-color.ion-activated) .item-native::after*/.ion-color.ion-activated.sc-ion-item-ios-h .item-native.sc-ion-item-ios::after{background:#000;opacity:0.12}/*!@:host(.item-interactive)*/.item-interactive.sc-ion-item-ios-h{--show-full-highlight:0;--show-inset-highlight:1}/*!@:host(.item-lines-full)*/.item-lines-full.sc-ion-item-ios-h{--border-width:0px 0px 0.55px 0px;--show-full-highlight:1;--show-inset-highlight:0}/*!@:host(.item-lines-inset)*/.item-lines-inset.sc-ion-item-ios-h{--inner-border-width:0px 0px 0.55px 0px;--show-full-highlight:0;--show-inset-highlight:1}/*!@:host(.item-lines-inset),\n:host(.item-lines-none)*/.item-lines-inset.sc-ion-item-ios-h,.item-lines-none.sc-ion-item-ios-h{--border-width:0px;--show-full-highlight:0}/*!@:host(.item-lines-full),\n:host(.item-lines-none)*/.item-lines-full.sc-ion-item-ios-h,.item-lines-none.sc-ion-item-ios-h{--inner-border-width:0px;--show-inset-highlight:0}/*!@.item-highlight,\n.item-inner-highlight*/.item-highlight.sc-ion-item-ios,.item-inner-highlight.sc-ion-item-ios{-webkit-transition:none;transition:none}/*!@:host(.item-has-focus) .item-inner-highlight,\n:host(.item-has-focus) .item-highlight*/.item-has-focus.sc-ion-item-ios-h .item-inner-highlight.sc-ion-item-ios,.item-has-focus.sc-ion-item-ios-h .item-highlight.sc-ion-item-ios{border-top:none;border-right:none;border-left:none}/*!@::slotted([slot=start])*/.sc-ion-item-ios-s>[slot=start]{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:2px;margin-bottom:2px}/*!@::slotted(ion-icon[slot=start]),\n::slotted(ion-icon[slot=end])*/.sc-ion-item-ios-s>ion-icon[slot=start],.sc-ion-item-ios-s>ion-icon[slot=end]{margin-top:7px;margin-bottom:7px}/*!@::slotted(ion-toggle[slot=start]),\n::slotted(ion-toggle[slot=end])*/.sc-ion-item-ios-s>ion-toggle[slot=start],.sc-ion-item-ios-s>ion-toggle[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}/*!@:host(.item-label-stacked) ::slotted([slot=end]),\n:host(.item-label-floating) ::slotted([slot=end])*/.sc-ion-item-ios-h.item-label-stacked .sc-ion-item-ios-s>[slot=end],.sc-ion-item-ios-h.item-label-floating .sc-ion-item-ios-s>[slot=end]{margin-top:7px;margin-bottom:7px}/*!@::slotted(.button-small)*/.sc-ion-item-ios-s>.button-small{--padding-top:1px;--padding-bottom:1px;--padding-start:.5em;--padding-end:.5em;min-height:24px;font-size:13px}/*!@::slotted(ion-avatar)*/.sc-ion-item-ios-s>ion-avatar{width:36px;height:36px}/*!@::slotted(ion-thumbnail)*/.sc-ion-item-ios-s>ion-thumbnail{--size:56px}/*!@::slotted(ion-avatar[slot=end]),\n::slotted(ion-thumbnail[slot=end])*/.sc-ion-item-ios-s>ion-avatar[slot=end],.sc-ion-item-ios-s>ion-thumbnail[slot=end]{-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:8px;margin-bottom:8px}/*!@:host(.item-radio) ::slotted(ion-label),\n:host(.item-toggle) ::slotted(ion-label)*/.sc-ion-item-ios-h.item-radio .sc-ion-item-ios-s>ion-label,.sc-ion-item-ios-h.item-toggle .sc-ion-item-ios-s>ion-label{-webkit-margin-start:0px;margin-inline-start:0px}/*!@::slotted(ion-label)*/.sc-ion-item-ios-s>ion-label{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px;margin-top:10px;margin-bottom:10px}/*!@:host(.item-label-floating),\n:host(.item-label-stacked)*/.item-label-floating.sc-ion-item-ios-h,.item-label-stacked.sc-ion-item-ios-h{--min-height:68px}/*!@:host(.item-label-stacked) ::slotted(ion-select.legacy-select),\n:host(.item-label-floating) ::slotted(ion-select.legacy-select)*/.sc-ion-item-ios-h.item-label-stacked .sc-ion-item-ios-s>ion-select.legacy-select,.sc-ion-item-ios-h.item-label-floating .sc-ion-item-ios-s>ion-select.legacy-select{--padding-top:8px;--padding-bottom:8px;--padding-start:0px}/*!@:host(.item-label-fixed) ::slotted(ion-select.legacy-select),\n:host(.item-label-fixed) ::slotted(ion-datetime)*/.sc-ion-item-ios-h.item-label-fixed .sc-ion-item-ios-s>ion-select.legacy-select,.sc-ion-item-ios-h.item-label-fixed .sc-ion-item-ios-s>ion-datetime{--padding-start:0}";
|
|
18536
18821
|
|
|
18537
|
-
const itemMdCss = "/*!@:host*/.sc-ion-item-md-h{--border-radius:0px;--border-width:0px;--border-style:solid;--padding-top:0px;--padding-bottom:0px;--padding-end:0px;--padding-start:0px;--inner-border-width:0px;--inner-padding-top:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;--inner-padding-end:0px;--inner-box-shadow:none;--show-full-highlight:0;--show-inset-highlight:0;--detail-icon-color:initial;--detail-icon-font-size:20px;--detail-icon-opacity:0.25;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:initial;text-decoration:none;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native*/.ion-color.sc-ion-item-md-h:not(.item-fill-solid):not(.item-fill-outline) .item-native.sc-ion-item-md{background:var(--ion-color-base);color:var(--ion-color-contrast)}/*!@:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native,\n:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-inner*/.ion-color.sc-ion-item-md-h:not(.item-fill-solid):not(.item-fill-outline) .item-native.sc-ion-item-md,.ion-color.sc-ion-item-md-h:not(.item-fill-solid):not(.item-fill-outline) .item-inner.sc-ion-item-md{border-color:var(--ion-color-shade)}/*!@:host(.ion-activated) .item-native*/.ion-activated.sc-ion-item-md-h .item-native.sc-ion-item-md{color:var(--color-activated)}/*!@:host(.ion-activated) .item-native::after*/.ion-activated.sc-ion-item-md-h .item-native.sc-ion-item-md::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}/*!@:host(.ion-color.ion-activated) .item-native*/.ion-color.ion-activated.sc-ion-item-md-h .item-native.sc-ion-item-md{color:var(--ion-color-contrast)}/*!@:host(.ion-focused) .item-native*/.ion-focused.sc-ion-item-md-h .item-native.sc-ion-item-md{color:var(--color-focused)}/*!@:host(.ion-focused) .item-native::after*/.ion-focused.sc-ion-item-md-h .item-native.sc-ion-item-md::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}/*!@:host(.ion-color.ion-focused) .item-native*/.ion-color.ion-focused.sc-ion-item-md-h .item-native.sc-ion-item-md{color:var(--ion-color-contrast)}/*!@:host(.ion-color.ion-focused) .item-native::after*/.ion-color.ion-focused.sc-ion-item-md-h .item-native.sc-ion-item-md::after{background:var(--ion-color-contrast)}@media (any-hover: hover){/*!@:host(.ion-activatable:not(.ion-focused):hover) .item-native*/.ion-activatable.sc-ion-item-md-h:not(.ion-focused):hover .item-native.sc-ion-item-md{color:var(--color-hover)}/*!@:host(.ion-activatable:not(.ion-focused):hover) .item-native::after*/.ion-activatable.sc-ion-item-md-h:not(.ion-focused):hover .item-native.sc-ion-item-md::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}/*!@:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native*/.ion-color.ion-activatable.sc-ion-item-md-h:not(.ion-focused):hover .item-native.sc-ion-item-md{color:var(--ion-color-contrast)}/*!@:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native::after*/.ion-color.ion-activatable.sc-ion-item-md-h:not(.ion-focused):hover .item-native.sc-ion-item-md::after{background:var(--ion-color-contrast)}}/*!@:host(.item-interactive-disabled:not(.item-multiple-inputs))*/.item-interactive-disabled.sc-ion-item-md-h:not(.item-multiple-inputs){cursor:default;pointer-events:none}/*!@:host(.item-disabled)*/.item-disabled.sc-ion-item-md-h{cursor:default;opacity:0.3;pointer-events:none}/*!@.item-native*/.item-native.sc-ion-item-md{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-inline-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);-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);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}/*!@.item-native::-moz-focus-inner*/.item-native.sc-ion-item-md::-moz-focus-inner{border:0}/*!@.item-native::after*/.item-native.sc-ion-item-md::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0;-webkit-transition:var(--transition);transition:var(--transition);z-index:-1}/*!@button, a*/button.sc-ion-item-md,a.sc-ion-item-md{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}/*!@.item-inner*/.item-inner.sc-ion-item-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--inner-padding-start);padding-inline-start:var(--inner-padding-start);-webkit-padding-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-inline-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.item-bottom*/.item-bottom.sc-ion-item-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-inline-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));-webkit-padding-end:var(--inner-padding-end);padding-inline-end:var(--inner-padding-end);padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@.item-detail-icon*/.item-detail-icon.sc-ion-item-md{-webkit-margin-start:calc(var(--inner-padding-end) / 2);margin-inline-start:calc(var(--inner-padding-end) / 2);-webkit-margin-end:-6px;margin-inline-end:-6px;color:var(--detail-icon-color);font-size:var(--detail-icon-font-size);opacity:var(--detail-icon-opacity)}/*!@::slotted(ion-icon)*/.sc-ion-item-md-s>ion-icon{font-size:1.6em}/*!@::slotted(ion-button)*/.sc-ion-item-md-s>ion-button{--margin-top:0;--margin-bottom:0;--margin-start:0;--margin-end:0;z-index:1}/*!@::slotted(ion-label:not([slot=end]))*/.sc-ion-item-md-s>ion-label:not([slot=end]){-ms-flex:1;flex:1}/*!@:host(.item-input)*/.item-input.sc-ion-item-md-h{-ms-flex-align:center;align-items:center}/*!@.input-wrapper*/.input-wrapper.sc-ion-item-md{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.item-label-stacked),\n:host(.item-label-floating)*/.item-label-stacked.sc-ion-item-md-h,.item-label-floating.sc-ion-item-md-h{-ms-flex-align:start;align-items:start}/*!@:host(.item-label-stacked) .input-wrapper,\n:host(.item-label-floating) .input-wrapper*/.item-label-stacked.sc-ion-item-md-h .input-wrapper.sc-ion-item-md,.item-label-floating.sc-ion-item-md-h .input-wrapper.sc-ion-item-md{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}/*!@.item-highlight,\n.item-inner-highlight*/.item-highlight.sc-ion-item-md,.item-inner-highlight.sc-ion-item-md{left:0;right:0;top:0;bottom:0;border-radius:inherit;position:absolute;width:100%;height:100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:border-bottom-width 200ms, -webkit-transform 200ms;transition:border-bottom-width 200ms, -webkit-transform 200ms;transition:transform 200ms, border-bottom-width 200ms;transition:transform 200ms, border-bottom-width 200ms, -webkit-transform 200ms;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}/*!@:host(.item-interactive.ion-focused),\n:host(.item-interactive.item-has-focus),\n:host(.item-interactive.ion-touched.ion-invalid)*/.item-interactive.ion-focused.sc-ion-item-md-h,.item-interactive.item-has-focus.sc-ion-item-md-h,.item-interactive.ion-touched.ion-invalid.sc-ion-item-md-h{--full-highlight-height:calc(var(--highlight-height) * var(--show-full-highlight));--inset-highlight-height:calc(var(--highlight-height) * var(--show-inset-highlight))}/*!@:host(.ion-focused) .item-highlight,\n:host(.ion-focused) .item-inner-highlight,\n:host(.item-has-focus) .item-highlight,\n:host(.item-has-focus) .item-inner-highlight*/.ion-focused.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.ion-focused.sc-ion-item-md-h .item-inner-highlight.sc-ion-item-md,.item-has-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-has-focus.sc-ion-item-md-h .item-inner-highlight.sc-ion-item-md{-webkit-transform:scaleX(1);transform:scaleX(1);border-style:var(--border-style);border-color:var(--highlight-background)}/*!@:host(.ion-focused) .item-highlight,\n:host(.item-has-focus) .item-highlight*/.ion-focused.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-has-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md{border-width:var(--full-highlight-height);opacity:var(--show-full-highlight)}/*!@:host(.ion-focused) .item-inner-highlight,\n:host(.item-has-focus) .item-inner-highlight*/.ion-focused.sc-ion-item-md-h .item-inner-highlight.sc-ion-item-md,.item-has-focus.sc-ion-item-md-h .item-inner-highlight.sc-ion-item-md{border-bottom-width:var(--inset-highlight-height);opacity:var(--show-inset-highlight)}/*!@:host(.ion-focused.item-fill-solid) .item-highlight,\n:host(.item-has-focus.item-fill-solid) .item-highlight*/.ion-focused.item-fill-solid.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-has-focus.item-fill-solid.sc-ion-item-md-h .item-highlight.sc-ion-item-md{border-width:calc(var(--full-highlight-height) - 1px)}/*!@:host(.ion-focused) .item-inner-highlight,\n:host(.ion-focused:not(.item-fill-outline)) .item-highlight,\n:host(.item-has-focus) .item-inner-highlight,\n:host(.item-has-focus:not(.item-fill-outline)) .item-highlight*/.ion-focused.sc-ion-item-md-h .item-inner-highlight.sc-ion-item-md,.ion-focused.sc-ion-item-md-h:not(.item-fill-outline) .item-highlight.sc-ion-item-md,.item-has-focus.sc-ion-item-md-h .item-inner-highlight.sc-ion-item-md,.item-has-focus.sc-ion-item-md-h:not(.item-fill-outline) .item-highlight.sc-ion-item-md{border-top:none;border-right:none;border-left:none}/*!@:host(.item-interactive.ion-focused),\n:host(.item-interactive.item-has-focus)*/.item-interactive.ion-focused.sc-ion-item-md-h,.item-interactive.item-has-focus.sc-ion-item-md-h{--highlight-background:var(--highlight-color-focused)}/*!@:host(.item-interactive.ion-valid)*/.item-interactive.ion-valid.sc-ion-item-md-h{--highlight-background:var(--highlight-color-valid)}/*!@:host(.item-interactive.ion-invalid)*/.item-interactive.ion-invalid.sc-ion-item-md-h{--highlight-background:var(--highlight-color-invalid)}/*!@:host(.item-interactive.ion-invalid) ::slotted([slot=helper])*/.sc-ion-item-md-h.item-interactive.ion-invalid .sc-ion-item-md-s>[slot=helper]{display:none}/*!@::slotted([slot=error])*/.sc-ion-item-md-s>[slot=error]{display:none;color:var(--highlight-color-invalid)}/*!@:host(.item-interactive.ion-invalid) ::slotted([slot=error])*/.sc-ion-item-md-h.item-interactive.ion-invalid .sc-ion-item-md-s>[slot=error]{display:block}/*!@:host(:not(.item-label)) ::slotted(ion-select.legacy-select)*/.sc-ion-item-md-h:not(.item-label) .sc-ion-item-md-s>ion-select.legacy-select{--padding-start:0;max-width:none}/*!@:host(.item-label-stacked) ::slotted(ion-select.legacy-select),\n:host(.item-label-floating) ::slotted(ion-select.legacy-select)*/.sc-ion-item-md-h.item-label-stacked .sc-ion-item-md-s>ion-select.legacy-select,.sc-ion-item-md-h.item-label-floating .sc-ion-item-md-s>ion-select.legacy-select{--padding-top:8px;--padding-bottom:8px;--padding-start:0;-ms-flex-item-align:stretch;align-self:stretch;width:100%;max-width:100%}/*!@:host(:not(.item-label)) ::slotted(ion-datetime)*/.sc-ion-item-md-h:not(.item-label) .sc-ion-item-md-s>ion-datetime{--padding-start:0}/*!@:host(.item-label-stacked) ::slotted(ion-datetime),\n:host(.item-label-floating) ::slotted(ion-datetime)*/.sc-ion-item-md-h.item-label-stacked .sc-ion-item-md-s>ion-datetime,.sc-ion-item-md-h.item-label-floating .sc-ion-item-md-s>ion-datetime{--padding-start:0;width:100%}/*!@:host(.item-multiple-inputs) ::slotted(ion-checkbox),\n:host(.item-multiple-inputs) ::slotted(ion-datetime),\n:host(.item-multiple-inputs) ::slotted(ion-radio),\n:host(.item-multiple-inputs) ::slotted(ion-select.legacy-select)*/.sc-ion-item-md-h.item-multiple-inputs .sc-ion-item-md-s>ion-checkbox,.sc-ion-item-md-h.item-multiple-inputs .sc-ion-item-md-s>ion-datetime,.sc-ion-item-md-h.item-multiple-inputs .sc-ion-item-md-s>ion-radio,.sc-ion-item-md-h.item-multiple-inputs .sc-ion-item-md-s>ion-select.legacy-select{position:relative}/*!@:host(.item-textarea)*/.item-textarea.sc-ion-item-md-h{-ms-flex-align:stretch;align-items:stretch}/*!@::slotted(ion-reorder[slot])*/.sc-ion-item-md-s>ion-reorder[slot]{margin-top:0;margin-bottom:0}/*!@ion-ripple-effect*/ion-ripple-effect.sc-ion-item-md{color:var(--ripple-color)}/*!@:host(.item-fill-solid) ::slotted([slot=start]),\n:host(.item-fill-solid) ::slotted([slot=end]),\n:host(.item-fill-outline) ::slotted([slot=start]),\n:host(.item-fill-outline) ::slotted([slot=end])*/.sc-ion-item-md-h.item-fill-solid .sc-ion-item-md-s>[slot=start],.sc-ion-item-md-h.item-fill-solid .sc-ion-item-md-s>[slot=end],.sc-ion-item-md-h.item-fill-outline .sc-ion-item-md-s>[slot=start],.sc-ion-item-md-h.item-fill-outline .sc-ion-item-md-s>[slot=end]{-ms-flex-item-align:center;align-self:center}/*!@::slotted([slot=helper]),\n::slotted([slot=error]),\n.item-counter*/.sc-ion-item-md-s>[slot=helper],.sc-ion-item-md-s>[slot=error],.item-counter.sc-ion-item-md{padding-top:5px;font-size:12px;z-index:1}/*!@.item-counter*/.item-counter.sc-ion-item-md{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, #737373);white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}@media (prefers-reduced-motion: reduce){/*!@.item-highlight,\n .item-inner-highlight*/.item-highlight.sc-ion-item-md,.item-inner-highlight.sc-ion-item-md{-webkit-transition:none;transition:none}}/*!@:host*/.sc-ion-item-md-h{--min-height:48px;--background:var(--ion-item-background, var(--ion-background-color, #fff));--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--color:var(--ion-item-color, var(--ion-text-color, #000));--transition:opacity 15ms linear, background-color 15ms linear;--padding-start:16px;--inner-padding-end:16px;--inner-border-width:0 0 1px 0;--highlight-height:1px;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);font-size:16px;font-weight:normal;text-transform:none}/*!@:host(.item-fill-outline)*/.item-fill-outline.sc-ion-item-md-h{--highlight-height:2px}/*!@:host(.item-fill-none.item-interactive.ion-focus) .item-highlight,\n:host(.item-fill-none.item-interactive.item-has-focus) .item-highlight,\n:host(.item-fill-none.item-interactive.ion-touched.ion-invalid) .item-highlight*/.item-fill-none.item-interactive.ion-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-fill-none.item-interactive.item-has-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-fill-none.item-interactive.ion-touched.ion-invalid.sc-ion-item-md-h .item-highlight.sc-ion-item-md{-webkit-transform:scaleX(1);transform:scaleX(1);border-width:0 0 var(--full-highlight-height) 0;border-style:var(--border-style);border-color:var(--highlight-background)}/*!@:host(.item-fill-none.item-interactive.ion-focus) .item-native,\n:host(.item-fill-none.item-interactive.item-has-focus) .item-native,\n:host(.item-fill-none.item-interactive.ion-touched.ion-invalid) .item-native*/.item-fill-none.item-interactive.ion-focus.sc-ion-item-md-h .item-native.sc-ion-item-md,.item-fill-none.item-interactive.item-has-focus.sc-ion-item-md-h .item-native.sc-ion-item-md,.item-fill-none.item-interactive.ion-touched.ion-invalid.sc-ion-item-md-h .item-native.sc-ion-item-md{border-bottom-color:var(--highlight-background)}/*!@:host(.item-fill-outline.item-interactive.ion-focus) .item-highlight,\n:host(.item-fill-outline.item-interactive.item-has-focus) .item-highlight*/.item-fill-outline.item-interactive.ion-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-fill-outline.item-interactive.item-has-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md{-webkit-transform:scaleX(1);transform:scaleX(1)}/*!@:host(.item-fill-outline.item-interactive.ion-focus) .item-highlight,\n:host(.item-fill-outline.item-interactive.item-has-focus) .item-highlight,\n:host(.item-fill-outline.item-interactive.ion-touched.ion-invalid) .item-highlight*/.item-fill-outline.item-interactive.ion-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-fill-outline.item-interactive.item-has-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-fill-outline.item-interactive.ion-touched.ion-invalid.sc-ion-item-md-h .item-highlight.sc-ion-item-md{border-width:var(--full-highlight-height);border-style:var(--border-style);border-color:var(--highlight-background)}/*!@:host(.item-fill-outline.item-interactive.ion-touched.ion-invalid) .item-native*/.item-fill-outline.item-interactive.ion-touched.ion-invalid.sc-ion-item-md-h .item-native.sc-ion-item-md{border-color:var(--highlight-background)}/*!@:host(.item-fill-solid.item-interactive.ion-focus) .item-highlight,\n:host(.item-fill-solid.item-interactive.item-has-focus) .item-highlight,\n:host(.item-fill-solid.item-interactive.ion-touched.ion-invalid) .item-highlight*/.item-fill-solid.item-interactive.ion-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-fill-solid.item-interactive.item-has-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-fill-solid.item-interactive.ion-touched.ion-invalid.sc-ion-item-md-h .item-highlight.sc-ion-item-md{-webkit-transform:scaleX(1);transform:scaleX(1);border-width:0 0 var(--full-highlight-height) 0;border-style:var(--border-style);border-color:var(--highlight-background)}/*!@:host(.item-fill-solid.item-interactive.ion-focus) .item-native,\n:host(.item-fill-solid.item-interactive.item-has-focus) .item-native,\n:host(.item-fill-solid.item-interactive.ion-touched.ion-invalid) .item-native*/.item-fill-solid.item-interactive.ion-focus.sc-ion-item-md-h .item-native.sc-ion-item-md,.item-fill-solid.item-interactive.item-has-focus.sc-ion-item-md-h .item-native.sc-ion-item-md,.item-fill-solid.item-interactive.ion-touched.ion-invalid.sc-ion-item-md-h .item-native.sc-ion-item-md{border-bottom-color:var(--highlight-background)}/*!@:host(.ion-color.ion-activated) .item-native::after*/.ion-color.ion-activated.sc-ion-item-md-h .item-native.sc-ion-item-md::after{background:transparent}/*!@:host(.item-has-focus) .item-native*/.item-has-focus.sc-ion-item-md-h .item-native.sc-ion-item-md{caret-color:var(--highlight-background)}/*!@:host(.item-interactive)*/.item-interactive.sc-ion-item-md-h{--border-width:0 0 1px 0;--inner-border-width:0;--show-full-highlight:1;--show-inset-highlight:0}/*!@:host(.item-lines-full)*/.item-lines-full.sc-ion-item-md-h{--border-width:0 0 1px 0;--show-full-highlight:1;--show-inset-highlight:0}/*!@:host(.item-lines-inset)*/.item-lines-inset.sc-ion-item-md-h{--inner-border-width:0 0 1px 0;--show-full-highlight:0;--show-inset-highlight:1}/*!@:host(.item-lines-inset),\n:host(.item-lines-none)*/.item-lines-inset.sc-ion-item-md-h,.item-lines-none.sc-ion-item-md-h{--border-width:0;--show-full-highlight:0}/*!@:host(.item-lines-full),\n:host(.item-lines-none)*/.item-lines-full.sc-ion-item-md-h,.item-lines-none.sc-ion-item-md-h{--inner-border-width:0;--show-inset-highlight:0}/*!@:host(.item-fill-outline) .item-highlight*/.item-fill-outline.sc-ion-item-md-h .item-highlight.sc-ion-item-md{--position-offset:calc(-1 * var(--border-width));top:var(--position-offset);width:calc(100% + 2 * var(--border-width));height:calc(100% + 2 * var(--border-width));-webkit-transition:none;transition:none}@supports (inset-inline-start: 0){/*!@:host(.item-fill-outline) .item-highlight*/.item-fill-outline.sc-ion-item-md-h .item-highlight.sc-ion-item-md{inset-inline-start:var(--position-offset)}}@supports not (inset-inline-start: 0){/*!@:host(.item-fill-outline) .item-highlight*/.item-fill-outline.sc-ion-item-md-h .item-highlight.sc-ion-item-md{left:var(--position-offset)}/*!@:host-context([dir=rtl]):host(.item-fill-outline) .item-highlight, :host-context([dir=rtl]).item-fill-outline .item-highlight*/[dir=rtl].sc-ion-item-md-h -no-combinator.item-fill-outline.sc-ion-item-md-h .item-highlight.sc-ion-item-md,[dir=rtl] .sc-ion-item-md-h -no-combinator.item-fill-outline.sc-ion-item-md-h .item-highlight.sc-ion-item-md,[dir=rtl].item-fill-outline.sc-ion-item-md-h .item-highlight.sc-ion-item-md,[dir=rtl] .item-fill-outline.sc-ion-item-md-h .item-highlight.sc-ion-item-md{left:unset;right:unset;right:var(--position-offset)}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-item-md selector(.sc-ion-item-md:dir(rtl)){.sc-ion-item-md-h.item-fill-outline .item-highlight:dir(rtl){left:unset;right:unset;right:var(--position-offset)}}}/*!@:host(.item-fill-outline.ion-focused) .item-native,\n:host(.item-fill-outline.item-has-focus) .item-native*/.item-fill-outline.ion-focused.sc-ion-item-md-h .item-native.sc-ion-item-md,.item-fill-outline.item-has-focus.sc-ion-item-md-h .item-native.sc-ion-item-md{border-color:transparent}/*!@:host(.item-multi-line) ::slotted([slot=start]),\n:host(.item-multi-line) ::slotted([slot=end])*/.sc-ion-item-md-h.item-multi-line .sc-ion-item-md-s>[slot=start],.sc-ion-item-md-h.item-multi-line .sc-ion-item-md-s>[slot=end]{margin-top:16px;margin-bottom:16px;-ms-flex-item-align:start;align-self:flex-start}/*!@::slotted([slot=start])*/.sc-ion-item-md-s>[slot=start]{-webkit-margin-end:32px;margin-inline-end:32px}/*!@::slotted([slot=end])*/.sc-ion-item-md-s>[slot=end]{-webkit-margin-start:32px;margin-inline-start:32px}/*!@:host(.item-fill-solid) ::slotted([slot=start]),\n:host(.item-fill-solid) ::slotted([slot=end]),\n:host(.item-fill-outline) ::slotted([slot=start]),\n:host(.item-fill-outline) ::slotted([slot=end])*/.sc-ion-item-md-h.item-fill-solid .sc-ion-item-md-s>[slot=start],.sc-ion-item-md-h.item-fill-solid .sc-ion-item-md-s>[slot=end],.sc-ion-item-md-h.item-fill-outline .sc-ion-item-md-s>[slot=start],.sc-ion-item-md-h.item-fill-outline .sc-ion-item-md-s>[slot=end]{-ms-flex-item-align:center;align-self:center}/*!@::slotted(ion-icon)*/.sc-ion-item-md-s>ion-icon{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);font-size:24px}/*!@:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) ::slotted(ion-icon)*/.sc-ion-item-md-h.ion-color:not(.item-fill-solid):not(.item-fill-outline) .sc-ion-item-md-s>ion-icon{color:var(--ion-color-contrast)}/*!@::slotted(ion-icon[slot])*/.sc-ion-item-md-s>ion-icon[slot]{margin-top:12px;margin-bottom:12px}/*!@::slotted(ion-icon[slot=start])*/.sc-ion-item-md-s>ion-icon[slot=start]{-webkit-margin-end:32px;margin-inline-end:32px}/*!@::slotted(ion-icon[slot=end])*/.sc-ion-item-md-s>ion-icon[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px}/*!@:host(.item-fill-solid) ::slotted(ion-icon[slot=start]),\n:host(.item-fill-outline) ::slotted(ion-icon[slot=start])*/.sc-ion-item-md-h.item-fill-solid .sc-ion-item-md-s>ion-icon[slot=start],.sc-ion-item-md-h.item-fill-outline .sc-ion-item-md-s>ion-icon[slot=start]{-webkit-margin-end:8px;margin-inline-end:8px}/*!@::slotted(ion-toggle[slot=start]),\n::slotted(ion-toggle[slot=end])*/.sc-ion-item-md-s>ion-toggle[slot=start],.sc-ion-item-md-s>ion-toggle[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}/*!@::slotted(ion-note)*/.sc-ion-item-md-s>ion-note{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-ms-flex-item-align:start;align-self:flex-start;font-size:11px}/*!@::slotted(ion-note[slot]:not([slot=helper]):not([slot=error]))*/.sc-ion-item-md-s>ion-note[slot]:not([slot=helper]):not([slot=error]){padding-left:0;padding-right:0;padding-top:18px;padding-bottom:10px}/*!@::slotted(ion-note[slot=start])*/.sc-ion-item-md-s>ion-note[slot=start]{-webkit-padding-end:16px;padding-inline-end:16px}/*!@::slotted(ion-note[slot=end])*/.sc-ion-item-md-s>ion-note[slot=end]{-webkit-padding-start:16px;padding-inline-start:16px}/*!@::slotted(ion-avatar)*/.sc-ion-item-md-s>ion-avatar{width:40px;height:40px}/*!@::slotted(ion-thumbnail)*/.sc-ion-item-md-s>ion-thumbnail{--size:56px}/*!@::slotted(ion-avatar),\n::slotted(ion-thumbnail)*/.sc-ion-item-md-s>ion-avatar,.sc-ion-item-md-s>ion-thumbnail{margin-top:8px;margin-bottom:8px}/*!@::slotted(ion-avatar[slot=start]),\n::slotted(ion-thumbnail[slot=start])*/.sc-ion-item-md-s>ion-avatar[slot=start],.sc-ion-item-md-s>ion-thumbnail[slot=start]{-webkit-margin-end:16px;margin-inline-end:16px}/*!@::slotted(ion-avatar[slot=end]),\n::slotted(ion-thumbnail[slot=end])*/.sc-ion-item-md-s>ion-avatar[slot=end],.sc-ion-item-md-s>ion-thumbnail[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px}/*!@::slotted(ion-label)*/.sc-ion-item-md-s>ion-label{margin-left:0;margin-right:0;margin-top:10px;margin-bottom:10px}/*!@:host(.item-label-stacked) ::slotted([slot=end]),\n:host(.item-label-floating) ::slotted([slot=end])*/.sc-ion-item-md-h.item-label-stacked .sc-ion-item-md-s>[slot=end],.sc-ion-item-md-h.item-label-floating .sc-ion-item-md-s>[slot=end]{margin-top:7px;margin-bottom:7px}/*!@:host(.item-label-fixed) ::slotted(ion-select.legacy-select),\n:host(.item-label-fixed) ::slotted(ion-datetime)*/.sc-ion-item-md-h.item-label-fixed .sc-ion-item-md-s>ion-select.legacy-select,.sc-ion-item-md-h.item-label-fixed .sc-ion-item-md-s>ion-datetime{--padding-start:8px}/*!@:host(.item-toggle) ::slotted(ion-label),\n:host(.item-radio) ::slotted(ion-label)*/.sc-ion-item-md-h.item-toggle .sc-ion-item-md-s>ion-label,.sc-ion-item-md-h.item-radio .sc-ion-item-md-s>ion-label{-webkit-margin-start:0;margin-inline-start:0}/*!@::slotted(.button-small)*/.sc-ion-item-md-s>.button-small{--padding-top:2px;--padding-bottom:2px;--padding-start:.6em;--padding-end:.6em;min-height:25px;font-size:12px}/*!@:host(.item-label-floating),\n:host(.item-label-stacked)*/.item-label-floating.sc-ion-item-md-h,.item-label-stacked.sc-ion-item-md-h{--min-height:55px}/*!@:host(.item-label-stacked) ::slotted(ion-select.legacy-select),\n:host(.item-label-floating) ::slotted(ion-select.legacy-select)*/.sc-ion-item-md-h.item-label-stacked .sc-ion-item-md-s>ion-select.legacy-select,.sc-ion-item-md-h.item-label-floating .sc-ion-item-md-s>ion-select.legacy-select{--padding-top:8px;--padding-bottom:8px;--padding-start:0}/*!@:host(.ion-focused:not(.ion-color)) ::slotted(.label-stacked),\n:host(.ion-focused:not(.ion-color)) ::slotted(.label-floating),\n:host(.item-has-focus:not(.ion-color)) ::slotted(.label-stacked),\n:host(.item-has-focus:not(.ion-color)) ::slotted(.label-floating)*/.sc-ion-item-md-h.ion-focused:not(.ion-color) .sc-ion-item-md-s>.label-stacked,.sc-ion-item-md-h.ion-focused:not(.ion-color) .sc-ion-item-md-s>.label-floating,.sc-ion-item-md-h.item-has-focus:not(.ion-color) .sc-ion-item-md-s>.label-stacked,.sc-ion-item-md-h.item-has-focus:not(.ion-color) .sc-ion-item-md-s>.label-floating{color:var(--ion-color-primary, #3880ff)}/*!@:host(.ion-color)*/.ion-color.sc-ion-item-md-h{--highlight-color-focused:var(--ion-color-contrast)}/*!@:host(.item-label-color)*/.item-label-color.sc-ion-item-md-h{--highlight-color-focused:var(--ion-color-base)}/*!@:host(.item-fill-solid.ion-color),\n:host(.item-fill-outline.ion-color)*/.item-fill-solid.ion-color.sc-ion-item-md-h,.item-fill-outline.ion-color.sc-ion-item-md-h{--highlight-color-focused:var(--ion-color-base)}/*!@:host(.item-fill-solid)*/.item-fill-solid.sc-ion-item-md-h{--background:var(--ion-color-step-50, #f2f2f2);--background-hover:var(--ion-color-step-100, #e6e6e6);--background-focused:var(--ion-color-step-150, #d9d9d9);--border-width:0 0 1px 0;--inner-border-width:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}/*!@:host-context([dir=rtl]):host(.item-fill-solid), :host-context([dir=rtl]).item-fill-solid*/[dir=rtl].sc-ion-item-md-h -no-combinator.item-fill-solid.sc-ion-item-md-h,[dir=rtl] .sc-ion-item-md-h -no-combinator.item-fill-solid.sc-ion-item-md-h,[dir=rtl].item-fill-solid.sc-ion-item-md-h,[dir=rtl] .item-fill-solid.sc-ion-item-md-h{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}@supports selector(:dir(rtl)){/*!@:host(.item-fill-solid):dir(rtl)*/.item-fill-solid.sc-ion-item-md-h:dir(rtl){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}}/*!@:host(.item-fill-solid) .item-native*/.item-fill-solid.sc-ion-item-md-h .item-native.sc-ion-item-md{--border-color:var(--ion-color-step-500, gray)}/*!@:host(.item-fill-solid.ion-focused) .item-native,\n:host(.item-fill-solid.item-has-focus) .item-native*/.item-fill-solid.ion-focused.sc-ion-item-md-h .item-native.sc-ion-item-md,.item-fill-solid.item-has-focus.sc-ion-item-md-h .item-native.sc-ion-item-md{--background:var(--background-focused)}/*!@:host(.item-fill-solid.item-shape-round)*/.item-fill-solid.item-shape-round.sc-ion-item-md-h{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:0;border-bottom-left-radius:0}/*!@:host-context([dir=rtl]):host(.item-fill-solid.item-shape-round), :host-context([dir=rtl]).item-fill-solid.item-shape-round*/[dir=rtl].sc-ion-item-md-h -no-combinator.item-fill-solid.item-shape-round.sc-ion-item-md-h,[dir=rtl] .sc-ion-item-md-h -no-combinator.item-fill-solid.item-shape-round.sc-ion-item-md-h,[dir=rtl].item-fill-solid.item-shape-round.sc-ion-item-md-h,[dir=rtl] .item-fill-solid.item-shape-round.sc-ion-item-md-h{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:0;border-bottom-left-radius:0}@supports selector(:dir(rtl)){/*!@:host(.item-fill-solid.item-shape-round):dir(rtl)*/.item-fill-solid.item-shape-round.sc-ion-item-md-h:dir(rtl){border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:0;border-bottom-left-radius:0}}@media (any-hover: hover){/*!@:host(.item-fill-solid:hover) .item-native*/.item-fill-solid.sc-ion-item-md-h:hover .item-native.sc-ion-item-md{--background:var(--background-hover);--border-color:var(--ion-color-step-750, #404040)}}/*!@:host(.item-fill-outline)*/.item-fill-outline.sc-ion-item-md-h{--ripple-color:transparent;--background-focused:transparent;--background-hover:transparent;--border-color:var(--ion-color-step-500, gray);--border-width:1px;border:none;overflow:visible}/*!@:host(.item-fill-outline) .item-native*/.item-fill-outline.sc-ion-item-md-h .item-native.sc-ion-item-md{--native-padding-left:16px;border-radius:4px}/*!@:host(.item-fill-outline.item-shape-round) .item-native*/.item-fill-outline.item-shape-round.sc-ion-item-md-h .item-native.sc-ion-item-md{--inner-padding-start:16px;border-radius:28px}/*!@:host(.item-fill-outline.item-shape-round) .item-bottom*/.item-fill-outline.item-shape-round.sc-ion-item-md-h .item-bottom.sc-ion-item-md{-webkit-padding-start:32px;padding-inline-start:32px}/*!@:host(.item-fill-outline.item-label-floating.ion-focused) .item-native ::slotted(ion-input:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.ion-focused) .item-native ::slotted(ion-textarea:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.item-has-focus) .item-native ::slotted(ion-input:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.item-has-focus) .item-native ::slotted(ion-textarea:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.item-has-value) .item-native ::slotted(ion-input:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.item-has-value) .item-native ::slotted(ion-textarea:not(:first-child))*/.sc-ion-item-md-h.item-fill-outline.item-label-floating.ion-focused .item-native .sc-ion-item-md-s>ion-input:not(:first-child),.sc-ion-item-md-h.item-fill-outline.item-label-floating.ion-focused .item-native .sc-ion-item-md-s>ion-textarea:not(:first-child),.sc-ion-item-md-h.item-fill-outline.item-label-floating.item-has-focus .item-native .sc-ion-item-md-s>ion-input:not(:first-child),.sc-ion-item-md-h.item-fill-outline.item-label-floating.item-has-focus .item-native .sc-ion-item-md-s>ion-textarea:not(:first-child),.sc-ion-item-md-h.item-fill-outline.item-label-floating.item-has-value .item-native .sc-ion-item-md-s>ion-input:not(:first-child),.sc-ion-item-md-h.item-fill-outline.item-label-floating.item-has-value .item-native .sc-ion-item-md-s>ion-textarea:not(:first-child){-webkit-transform:translateY(-14px);transform:translateY(-14px)}@media (any-hover: hover){/*!@:host(.item-fill-outline:hover) .item-native*/.item-fill-outline.sc-ion-item-md-h:hover .item-native.sc-ion-item-md{--border-color:var(--ion-color-step-750, #404040)}}/*!@.item-counter*/.item-counter.sc-ion-item-md{letter-spacing:0.0333333333em}";
|
|
18822
|
+
const itemMdCss = "/*!@:host*/.sc-ion-item-md-h{--border-radius:0px;--border-width:0px;--border-style:solid;--padding-top:0px;--padding-bottom:0px;--padding-end:0px;--padding-start:0px;--inner-border-width:0px;--inner-padding-top:0px;--inner-padding-bottom:0px;--inner-padding-start:0px;--inner-padding-end:0px;--inner-box-shadow:none;--show-full-highlight:0;--show-inset-highlight:0;--detail-icon-color:initial;--detail-icon-font-size:20px;--detail-icon-opacity:0.25;--color-activated:var(--color);--color-focused:var(--color);--color-hover:var(--color);--ripple-color:currentColor;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;outline:none;color:var(--color);font-family:var(--ion-font-family, inherit);text-align:initial;text-decoration:none;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native*/.ion-color.sc-ion-item-md-h:not(.item-fill-solid):not(.item-fill-outline) .item-native.sc-ion-item-md{background:var(--ion-color-base);color:var(--ion-color-contrast)}/*!@:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-native,\n:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) .item-inner*/.ion-color.sc-ion-item-md-h:not(.item-fill-solid):not(.item-fill-outline) .item-native.sc-ion-item-md,.ion-color.sc-ion-item-md-h:not(.item-fill-solid):not(.item-fill-outline) .item-inner.sc-ion-item-md{border-color:var(--ion-color-shade)}/*!@:host(.ion-activated) .item-native*/.ion-activated.sc-ion-item-md-h .item-native.sc-ion-item-md{color:var(--color-activated)}/*!@:host(.ion-activated) .item-native::after*/.ion-activated.sc-ion-item-md-h .item-native.sc-ion-item-md::after{background:var(--background-activated);opacity:var(--background-activated-opacity)}/*!@:host(.ion-color.ion-activated) .item-native*/.ion-color.ion-activated.sc-ion-item-md-h .item-native.sc-ion-item-md{color:var(--ion-color-contrast)}/*!@:host(.ion-focused) .item-native*/.ion-focused.sc-ion-item-md-h .item-native.sc-ion-item-md{color:var(--color-focused)}/*!@:host(.ion-focused) .item-native::after*/.ion-focused.sc-ion-item-md-h .item-native.sc-ion-item-md::after{background:var(--background-focused);opacity:var(--background-focused-opacity)}/*!@:host(.ion-color.ion-focused) .item-native*/.ion-color.ion-focused.sc-ion-item-md-h .item-native.sc-ion-item-md{color:var(--ion-color-contrast)}/*!@:host(.ion-color.ion-focused) .item-native::after*/.ion-color.ion-focused.sc-ion-item-md-h .item-native.sc-ion-item-md::after{background:var(--ion-color-contrast)}@media (any-hover: hover){/*!@:host(.ion-activatable:not(.ion-focused):hover) .item-native*/.ion-activatable.sc-ion-item-md-h:not(.ion-focused):hover .item-native.sc-ion-item-md{color:var(--color-hover)}/*!@:host(.ion-activatable:not(.ion-focused):hover) .item-native::after*/.ion-activatable.sc-ion-item-md-h:not(.ion-focused):hover .item-native.sc-ion-item-md::after{background:var(--background-hover);opacity:var(--background-hover-opacity)}/*!@:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native*/.ion-color.ion-activatable.sc-ion-item-md-h:not(.ion-focused):hover .item-native.sc-ion-item-md{color:var(--ion-color-contrast)}/*!@:host(.ion-color.ion-activatable:not(.ion-focused):hover) .item-native::after*/.ion-color.ion-activatable.sc-ion-item-md-h:not(.ion-focused):hover .item-native.sc-ion-item-md::after{background:var(--ion-color-contrast)}}/*!@:host(.item-has-interactive-control)*/.item-has-interactive-control.sc-ion-item-md-h{cursor:pointer}/*!@:host(.item-interactive-disabled:not(.item-multiple-inputs))*/.item-interactive-disabled.sc-ion-item-md-h:not(.item-multiple-inputs){cursor:default;pointer-events:none}/*!@:host(.item-disabled)*/.item-disabled.sc-ion-item-md-h{cursor:default;opacity:0.3;pointer-events:none}/*!@.item-native*/.item-native.sc-ion-item-md{border-radius:var(--border-radius);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-inline-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));-webkit-padding-end:var(--padding-end);padding-inline-end:var(--padding-end);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;display:-ms-flexbox;display:flex;position:relative;-ms-flex-align:inherit;align-items:inherit;-ms-flex-pack:inherit;justify-content:inherit;width:100%;min-height:var(--min-height);-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);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1}/*!@.item-native::-moz-focus-inner*/.item-native.sc-ion-item-md::-moz-focus-inner{border:0}/*!@.item-native::after*/.item-native.sc-ion-item-md::after{left:0;right:0;top:0;bottom:0;position:absolute;content:\"\";opacity:0;-webkit-transition:var(--transition);transition:var(--transition);z-index:-1}/*!@button, a*/button.sc-ion-item-md,a.sc-ion-item-md{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none}/*!@.item-inner*/.item-inner.sc-ion-item-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:var(--inner-padding-start);padding-inline-start:var(--inner-padding-start);-webkit-padding-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-inline-end:calc(var(--ion-safe-area-right, 0px) + var(--inner-padding-end));padding-top:var(--inner-padding-top);padding-bottom:var(--inner-padding-bottom);display:-ms-flexbox;display:flex;position:relative;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;min-height:inherit;border-width:var(--inner-border-width);border-style:var(--border-style);border-color:var(--border-color);-webkit-box-shadow:var(--inner-box-shadow);box-shadow:var(--inner-box-shadow);overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.item-bottom*/.item-bottom.sc-ion-item-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));padding-inline-start:calc(var(--padding-start) + var(--ion-safe-area-left, 0px));-webkit-padding-end:var(--inner-padding-end);padding-inline-end:var(--inner-padding-end);padding-top:0;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}/*!@.item-detail-icon*/.item-detail-icon.sc-ion-item-md{-webkit-margin-start:calc(var(--inner-padding-end) / 2);margin-inline-start:calc(var(--inner-padding-end) / 2);-webkit-margin-end:-6px;margin-inline-end:-6px;color:var(--detail-icon-color);font-size:var(--detail-icon-font-size);opacity:var(--detail-icon-opacity)}/*!@::slotted(ion-icon)*/.sc-ion-item-md-s>ion-icon{font-size:1.6em}/*!@::slotted(ion-button)*/.sc-ion-item-md-s>ion-button{--margin-top:0;--margin-bottom:0;--margin-start:0;--margin-end:0;z-index:1}/*!@::slotted(ion-label:not([slot=end]))*/.sc-ion-item-md-s>ion-label:not([slot=end]){-ms-flex:1;flex:1}/*!@:host(.item-input)*/.item-input.sc-ion-item-md-h{-ms-flex-align:center;align-items:center}/*!@.input-wrapper*/.input-wrapper.sc-ion-item-md{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:inherit;flex-direction:inherit;-ms-flex-align:inherit;align-items:inherit;-ms-flex-item-align:stretch;align-self:stretch;text-overflow:ellipsis;overflow:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.item-label-stacked),\n:host(.item-label-floating)*/.item-label-stacked.sc-ion-item-md-h,.item-label-floating.sc-ion-item-md-h{-ms-flex-align:start;align-items:start}/*!@:host(.item-label-stacked) .input-wrapper,\n:host(.item-label-floating) .input-wrapper*/.item-label-stacked.sc-ion-item-md-h .input-wrapper.sc-ion-item-md,.item-label-floating.sc-ion-item-md-h .input-wrapper.sc-ion-item-md{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}/*!@.item-highlight,\n.item-inner-highlight*/.item-highlight.sc-ion-item-md,.item-inner-highlight.sc-ion-item-md{left:0;right:0;top:0;bottom:0;border-radius:inherit;position:absolute;width:100%;height:100%;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:border-bottom-width 200ms, -webkit-transform 200ms;transition:border-bottom-width 200ms, -webkit-transform 200ms;transition:transform 200ms, border-bottom-width 200ms;transition:transform 200ms, border-bottom-width 200ms, -webkit-transform 200ms;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}/*!@:host(.item-interactive.ion-focused),\n:host(.item-interactive.item-has-focus),\n:host(.item-interactive.ion-touched.ion-invalid)*/.item-interactive.ion-focused.sc-ion-item-md-h,.item-interactive.item-has-focus.sc-ion-item-md-h,.item-interactive.ion-touched.ion-invalid.sc-ion-item-md-h{--full-highlight-height:calc(var(--highlight-height) * var(--show-full-highlight));--inset-highlight-height:calc(var(--highlight-height) * var(--show-inset-highlight))}/*!@:host(.ion-focused) .item-highlight,\n:host(.ion-focused) .item-inner-highlight,\n:host(.item-has-focus) .item-highlight,\n:host(.item-has-focus) .item-inner-highlight*/.ion-focused.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.ion-focused.sc-ion-item-md-h .item-inner-highlight.sc-ion-item-md,.item-has-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-has-focus.sc-ion-item-md-h .item-inner-highlight.sc-ion-item-md{-webkit-transform:scaleX(1);transform:scaleX(1);border-style:var(--border-style);border-color:var(--highlight-background)}/*!@:host(.ion-focused) .item-highlight,\n:host(.item-has-focus) .item-highlight*/.ion-focused.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-has-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md{border-width:var(--full-highlight-height);opacity:var(--show-full-highlight)}/*!@:host(.ion-focused) .item-inner-highlight,\n:host(.item-has-focus) .item-inner-highlight*/.ion-focused.sc-ion-item-md-h .item-inner-highlight.sc-ion-item-md,.item-has-focus.sc-ion-item-md-h .item-inner-highlight.sc-ion-item-md{border-bottom-width:var(--inset-highlight-height);opacity:var(--show-inset-highlight)}/*!@:host(.ion-focused.item-fill-solid) .item-highlight,\n:host(.item-has-focus.item-fill-solid) .item-highlight*/.ion-focused.item-fill-solid.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-has-focus.item-fill-solid.sc-ion-item-md-h .item-highlight.sc-ion-item-md{border-width:calc(var(--full-highlight-height) - 1px)}/*!@:host(.ion-focused) .item-inner-highlight,\n:host(.ion-focused:not(.item-fill-outline)) .item-highlight,\n:host(.item-has-focus) .item-inner-highlight,\n:host(.item-has-focus:not(.item-fill-outline)) .item-highlight*/.ion-focused.sc-ion-item-md-h .item-inner-highlight.sc-ion-item-md,.ion-focused.sc-ion-item-md-h:not(.item-fill-outline) .item-highlight.sc-ion-item-md,.item-has-focus.sc-ion-item-md-h .item-inner-highlight.sc-ion-item-md,.item-has-focus.sc-ion-item-md-h:not(.item-fill-outline) .item-highlight.sc-ion-item-md{border-top:none;border-right:none;border-left:none}/*!@:host(.item-interactive.ion-focused),\n:host(.item-interactive.item-has-focus)*/.item-interactive.ion-focused.sc-ion-item-md-h,.item-interactive.item-has-focus.sc-ion-item-md-h{--highlight-background:var(--highlight-color-focused)}/*!@:host(.item-interactive.ion-valid)*/.item-interactive.ion-valid.sc-ion-item-md-h{--highlight-background:var(--highlight-color-valid)}/*!@:host(.item-interactive.ion-invalid)*/.item-interactive.ion-invalid.sc-ion-item-md-h{--highlight-background:var(--highlight-color-invalid)}/*!@:host(.item-interactive.ion-invalid) ::slotted([slot=helper])*/.sc-ion-item-md-h.item-interactive.ion-invalid .sc-ion-item-md-s>[slot=helper]{display:none}/*!@::slotted([slot=error])*/.sc-ion-item-md-s>[slot=error]{display:none;color:var(--highlight-color-invalid)}/*!@:host(.item-interactive.ion-invalid) ::slotted([slot=error])*/.sc-ion-item-md-h.item-interactive.ion-invalid .sc-ion-item-md-s>[slot=error]{display:block}/*!@:host(:not(.item-label)) ::slotted(ion-select.legacy-select)*/.sc-ion-item-md-h:not(.item-label) .sc-ion-item-md-s>ion-select.legacy-select{--padding-start:0;max-width:none}/*!@:host(.item-label-stacked) ::slotted(ion-select.legacy-select),\n:host(.item-label-floating) ::slotted(ion-select.legacy-select)*/.sc-ion-item-md-h.item-label-stacked .sc-ion-item-md-s>ion-select.legacy-select,.sc-ion-item-md-h.item-label-floating .sc-ion-item-md-s>ion-select.legacy-select{--padding-top:8px;--padding-bottom:8px;--padding-start:0;-ms-flex-item-align:stretch;align-self:stretch;width:100%;max-width:100%}/*!@:host(:not(.item-label)) ::slotted(ion-datetime)*/.sc-ion-item-md-h:not(.item-label) .sc-ion-item-md-s>ion-datetime{--padding-start:0}/*!@:host(.item-label-stacked) ::slotted(ion-datetime),\n:host(.item-label-floating) ::slotted(ion-datetime)*/.sc-ion-item-md-h.item-label-stacked .sc-ion-item-md-s>ion-datetime,.sc-ion-item-md-h.item-label-floating .sc-ion-item-md-s>ion-datetime{--padding-start:0;width:100%}/*!@:host(.item-multiple-inputs) ::slotted(ion-checkbox),\n:host(.item-multiple-inputs) ::slotted(ion-datetime),\n:host(.item-multiple-inputs) ::slotted(ion-radio),\n:host(.item-multiple-inputs) ::slotted(ion-select.legacy-select)*/.sc-ion-item-md-h.item-multiple-inputs .sc-ion-item-md-s>ion-checkbox,.sc-ion-item-md-h.item-multiple-inputs .sc-ion-item-md-s>ion-datetime,.sc-ion-item-md-h.item-multiple-inputs .sc-ion-item-md-s>ion-radio,.sc-ion-item-md-h.item-multiple-inputs .sc-ion-item-md-s>ion-select.legacy-select{position:relative}/*!@:host(.item-textarea)*/.item-textarea.sc-ion-item-md-h{-ms-flex-align:stretch;align-items:stretch}/*!@::slotted(ion-reorder[slot])*/.sc-ion-item-md-s>ion-reorder[slot]{margin-top:0;margin-bottom:0}/*!@ion-ripple-effect*/ion-ripple-effect.sc-ion-item-md{color:var(--ripple-color)}/*!@:host(.item-fill-solid) ::slotted([slot=start]),\n:host(.item-fill-solid) ::slotted([slot=end]),\n:host(.item-fill-outline) ::slotted([slot=start]),\n:host(.item-fill-outline) ::slotted([slot=end])*/.sc-ion-item-md-h.item-fill-solid .sc-ion-item-md-s>[slot=start],.sc-ion-item-md-h.item-fill-solid .sc-ion-item-md-s>[slot=end],.sc-ion-item-md-h.item-fill-outline .sc-ion-item-md-s>[slot=start],.sc-ion-item-md-h.item-fill-outline .sc-ion-item-md-s>[slot=end]{-ms-flex-item-align:center;align-self:center}/*!@::slotted([slot=helper]),\n::slotted([slot=error]),\n.item-counter*/.sc-ion-item-md-s>[slot=helper],.sc-ion-item-md-s>[slot=error],.item-counter.sc-ion-item-md{padding-top:5px;font-size:12px;z-index:1}/*!@.item-counter*/.item-counter.sc-ion-item-md{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, #737373);white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}@media (prefers-reduced-motion: reduce){/*!@.item-highlight,\n .item-inner-highlight*/.item-highlight.sc-ion-item-md,.item-inner-highlight.sc-ion-item-md{-webkit-transition:none;transition:none}}/*!@:host*/.sc-ion-item-md-h{--min-height:48px;--background:var(--ion-item-background, var(--ion-background-color, #fff));--background-activated:transparent;--background-focused:currentColor;--background-hover:currentColor;--background-activated-opacity:0;--background-focused-opacity:.12;--background-hover-opacity:.04;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--color:var(--ion-item-color, var(--ion-text-color, #000));--transition:opacity 15ms linear, background-color 15ms linear;--padding-start:16px;--inner-padding-end:16px;--inner-border-width:0 0 1px 0;--highlight-height:1px;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);font-size:16px;font-weight:normal;text-transform:none}/*!@:host(.item-fill-outline)*/.item-fill-outline.sc-ion-item-md-h{--highlight-height:2px}/*!@:host(.item-fill-none.item-interactive.ion-focus) .item-highlight,\n:host(.item-fill-none.item-interactive.item-has-focus) .item-highlight,\n:host(.item-fill-none.item-interactive.ion-touched.ion-invalid) .item-highlight*/.item-fill-none.item-interactive.ion-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-fill-none.item-interactive.item-has-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-fill-none.item-interactive.ion-touched.ion-invalid.sc-ion-item-md-h .item-highlight.sc-ion-item-md{-webkit-transform:scaleX(1);transform:scaleX(1);border-width:0 0 var(--full-highlight-height) 0;border-style:var(--border-style);border-color:var(--highlight-background)}/*!@:host(.item-fill-none.item-interactive.ion-focus) .item-native,\n:host(.item-fill-none.item-interactive.item-has-focus) .item-native,\n:host(.item-fill-none.item-interactive.ion-touched.ion-invalid) .item-native*/.item-fill-none.item-interactive.ion-focus.sc-ion-item-md-h .item-native.sc-ion-item-md,.item-fill-none.item-interactive.item-has-focus.sc-ion-item-md-h .item-native.sc-ion-item-md,.item-fill-none.item-interactive.ion-touched.ion-invalid.sc-ion-item-md-h .item-native.sc-ion-item-md{border-bottom-color:var(--highlight-background)}/*!@:host(.item-fill-outline.item-interactive.ion-focus) .item-highlight,\n:host(.item-fill-outline.item-interactive.item-has-focus) .item-highlight*/.item-fill-outline.item-interactive.ion-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-fill-outline.item-interactive.item-has-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md{-webkit-transform:scaleX(1);transform:scaleX(1)}/*!@:host(.item-fill-outline.item-interactive.ion-focus) .item-highlight,\n:host(.item-fill-outline.item-interactive.item-has-focus) .item-highlight,\n:host(.item-fill-outline.item-interactive.ion-touched.ion-invalid) .item-highlight*/.item-fill-outline.item-interactive.ion-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-fill-outline.item-interactive.item-has-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-fill-outline.item-interactive.ion-touched.ion-invalid.sc-ion-item-md-h .item-highlight.sc-ion-item-md{border-width:var(--full-highlight-height);border-style:var(--border-style);border-color:var(--highlight-background)}/*!@:host(.item-fill-outline.item-interactive.ion-touched.ion-invalid) .item-native*/.item-fill-outline.item-interactive.ion-touched.ion-invalid.sc-ion-item-md-h .item-native.sc-ion-item-md{border-color:var(--highlight-background)}/*!@:host(.item-fill-solid.item-interactive.ion-focus) .item-highlight,\n:host(.item-fill-solid.item-interactive.item-has-focus) .item-highlight,\n:host(.item-fill-solid.item-interactive.ion-touched.ion-invalid) .item-highlight*/.item-fill-solid.item-interactive.ion-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-fill-solid.item-interactive.item-has-focus.sc-ion-item-md-h .item-highlight.sc-ion-item-md,.item-fill-solid.item-interactive.ion-touched.ion-invalid.sc-ion-item-md-h .item-highlight.sc-ion-item-md{-webkit-transform:scaleX(1);transform:scaleX(1);border-width:0 0 var(--full-highlight-height) 0;border-style:var(--border-style);border-color:var(--highlight-background)}/*!@:host(.item-fill-solid.item-interactive.ion-focus) .item-native,\n:host(.item-fill-solid.item-interactive.item-has-focus) .item-native,\n:host(.item-fill-solid.item-interactive.ion-touched.ion-invalid) .item-native*/.item-fill-solid.item-interactive.ion-focus.sc-ion-item-md-h .item-native.sc-ion-item-md,.item-fill-solid.item-interactive.item-has-focus.sc-ion-item-md-h .item-native.sc-ion-item-md,.item-fill-solid.item-interactive.ion-touched.ion-invalid.sc-ion-item-md-h .item-native.sc-ion-item-md{border-bottom-color:var(--highlight-background)}/*!@:host(.ion-color.ion-activated) .item-native::after*/.ion-color.ion-activated.sc-ion-item-md-h .item-native.sc-ion-item-md::after{background:transparent}/*!@:host(.item-has-focus) .item-native*/.item-has-focus.sc-ion-item-md-h .item-native.sc-ion-item-md{caret-color:var(--highlight-background)}/*!@:host(.item-interactive)*/.item-interactive.sc-ion-item-md-h{--border-width:0 0 1px 0;--inner-border-width:0;--show-full-highlight:1;--show-inset-highlight:0}/*!@:host(.item-lines-full)*/.item-lines-full.sc-ion-item-md-h{--border-width:0 0 1px 0;--show-full-highlight:1;--show-inset-highlight:0}/*!@:host(.item-lines-inset)*/.item-lines-inset.sc-ion-item-md-h{--inner-border-width:0 0 1px 0;--show-full-highlight:0;--show-inset-highlight:1}/*!@:host(.item-lines-inset),\n:host(.item-lines-none)*/.item-lines-inset.sc-ion-item-md-h,.item-lines-none.sc-ion-item-md-h{--border-width:0;--show-full-highlight:0}/*!@:host(.item-lines-full),\n:host(.item-lines-none)*/.item-lines-full.sc-ion-item-md-h,.item-lines-none.sc-ion-item-md-h{--inner-border-width:0;--show-inset-highlight:0}/*!@:host(.item-fill-outline) .item-highlight*/.item-fill-outline.sc-ion-item-md-h .item-highlight.sc-ion-item-md{--position-offset:calc(-1 * var(--border-width));top:var(--position-offset);width:calc(100% + 2 * var(--border-width));height:calc(100% + 2 * var(--border-width));-webkit-transition:none;transition:none}@supports (inset-inline-start: 0){/*!@:host(.item-fill-outline) .item-highlight*/.item-fill-outline.sc-ion-item-md-h .item-highlight.sc-ion-item-md{inset-inline-start:var(--position-offset)}}@supports not (inset-inline-start: 0){/*!@:host(.item-fill-outline) .item-highlight*/.item-fill-outline.sc-ion-item-md-h .item-highlight.sc-ion-item-md{left:var(--position-offset)}/*!@:host-context([dir=rtl]):host(.item-fill-outline) .item-highlight, :host-context([dir=rtl]).item-fill-outline .item-highlight*/[dir=rtl].sc-ion-item-md-h -no-combinator.item-fill-outline.sc-ion-item-md-h .item-highlight.sc-ion-item-md,[dir=rtl] .sc-ion-item-md-h -no-combinator.item-fill-outline.sc-ion-item-md-h .item-highlight.sc-ion-item-md,[dir=rtl].item-fill-outline.sc-ion-item-md-h .item-highlight.sc-ion-item-md,[dir=rtl] .item-fill-outline.sc-ion-item-md-h .item-highlight.sc-ion-item-md{left:unset;right:unset;right:var(--position-offset)}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-item-md selector(.sc-ion-item-md:dir(rtl)){.sc-ion-item-md-h.item-fill-outline .item-highlight:dir(rtl){left:unset;right:unset;right:var(--position-offset)}}}/*!@:host(.item-fill-outline.ion-focused) .item-native,\n:host(.item-fill-outline.item-has-focus) .item-native*/.item-fill-outline.ion-focused.sc-ion-item-md-h .item-native.sc-ion-item-md,.item-fill-outline.item-has-focus.sc-ion-item-md-h .item-native.sc-ion-item-md{border-color:transparent}/*!@:host(.item-multi-line) ::slotted([slot=start]),\n:host(.item-multi-line) ::slotted([slot=end])*/.sc-ion-item-md-h.item-multi-line .sc-ion-item-md-s>[slot=start],.sc-ion-item-md-h.item-multi-line .sc-ion-item-md-s>[slot=end]{margin-top:16px;margin-bottom:16px;-ms-flex-item-align:start;align-self:flex-start}/*!@::slotted([slot=start])*/.sc-ion-item-md-s>[slot=start]{-webkit-margin-end:32px;margin-inline-end:32px}/*!@::slotted([slot=end])*/.sc-ion-item-md-s>[slot=end]{-webkit-margin-start:32px;margin-inline-start:32px}/*!@:host(.item-fill-solid) ::slotted([slot=start]),\n:host(.item-fill-solid) ::slotted([slot=end]),\n:host(.item-fill-outline) ::slotted([slot=start]),\n:host(.item-fill-outline) ::slotted([slot=end])*/.sc-ion-item-md-h.item-fill-solid .sc-ion-item-md-s>[slot=start],.sc-ion-item-md-h.item-fill-solid .sc-ion-item-md-s>[slot=end],.sc-ion-item-md-h.item-fill-outline .sc-ion-item-md-s>[slot=start],.sc-ion-item-md-h.item-fill-outline .sc-ion-item-md-s>[slot=end]{-ms-flex-item-align:center;align-self:center}/*!@::slotted(ion-icon)*/.sc-ion-item-md-s>ion-icon{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.54);font-size:24px}/*!@:host(.ion-color:not(.item-fill-solid):not(.item-fill-outline)) ::slotted(ion-icon)*/.sc-ion-item-md-h.ion-color:not(.item-fill-solid):not(.item-fill-outline) .sc-ion-item-md-s>ion-icon{color:var(--ion-color-contrast)}/*!@::slotted(ion-icon[slot])*/.sc-ion-item-md-s>ion-icon[slot]{margin-top:12px;margin-bottom:12px}/*!@::slotted(ion-icon[slot=start])*/.sc-ion-item-md-s>ion-icon[slot=start]{-webkit-margin-end:32px;margin-inline-end:32px}/*!@::slotted(ion-icon[slot=end])*/.sc-ion-item-md-s>ion-icon[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px}/*!@:host(.item-fill-solid) ::slotted(ion-icon[slot=start]),\n:host(.item-fill-outline) ::slotted(ion-icon[slot=start])*/.sc-ion-item-md-h.item-fill-solid .sc-ion-item-md-s>ion-icon[slot=start],.sc-ion-item-md-h.item-fill-outline .sc-ion-item-md-s>ion-icon[slot=start]{-webkit-margin-end:8px;margin-inline-end:8px}/*!@::slotted(ion-toggle[slot=start]),\n::slotted(ion-toggle[slot=end])*/.sc-ion-item-md-s>ion-toggle[slot=start],.sc-ion-item-md-s>ion-toggle[slot=end]{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}/*!@::slotted(ion-note)*/.sc-ion-item-md-s>ion-note{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-ms-flex-item-align:start;align-self:flex-start;font-size:11px}/*!@::slotted(ion-note[slot]:not([slot=helper]):not([slot=error]))*/.sc-ion-item-md-s>ion-note[slot]:not([slot=helper]):not([slot=error]){padding-left:0;padding-right:0;padding-top:18px;padding-bottom:10px}/*!@::slotted(ion-note[slot=start])*/.sc-ion-item-md-s>ion-note[slot=start]{-webkit-padding-end:16px;padding-inline-end:16px}/*!@::slotted(ion-note[slot=end])*/.sc-ion-item-md-s>ion-note[slot=end]{-webkit-padding-start:16px;padding-inline-start:16px}/*!@::slotted(ion-avatar)*/.sc-ion-item-md-s>ion-avatar{width:40px;height:40px}/*!@::slotted(ion-thumbnail)*/.sc-ion-item-md-s>ion-thumbnail{--size:56px}/*!@::slotted(ion-avatar),\n::slotted(ion-thumbnail)*/.sc-ion-item-md-s>ion-avatar,.sc-ion-item-md-s>ion-thumbnail{margin-top:8px;margin-bottom:8px}/*!@::slotted(ion-avatar[slot=start]),\n::slotted(ion-thumbnail[slot=start])*/.sc-ion-item-md-s>ion-avatar[slot=start],.sc-ion-item-md-s>ion-thumbnail[slot=start]{-webkit-margin-end:16px;margin-inline-end:16px}/*!@::slotted(ion-avatar[slot=end]),\n::slotted(ion-thumbnail[slot=end])*/.sc-ion-item-md-s>ion-avatar[slot=end],.sc-ion-item-md-s>ion-thumbnail[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px}/*!@::slotted(ion-label)*/.sc-ion-item-md-s>ion-label{margin-left:0;margin-right:0;margin-top:10px;margin-bottom:10px}/*!@:host(.item-label-stacked) ::slotted([slot=end]),\n:host(.item-label-floating) ::slotted([slot=end])*/.sc-ion-item-md-h.item-label-stacked .sc-ion-item-md-s>[slot=end],.sc-ion-item-md-h.item-label-floating .sc-ion-item-md-s>[slot=end]{margin-top:7px;margin-bottom:7px}/*!@:host(.item-label-fixed) ::slotted(ion-select.legacy-select),\n:host(.item-label-fixed) ::slotted(ion-datetime)*/.sc-ion-item-md-h.item-label-fixed .sc-ion-item-md-s>ion-select.legacy-select,.sc-ion-item-md-h.item-label-fixed .sc-ion-item-md-s>ion-datetime{--padding-start:8px}/*!@:host(.item-toggle) ::slotted(ion-label),\n:host(.item-radio) ::slotted(ion-label)*/.sc-ion-item-md-h.item-toggle .sc-ion-item-md-s>ion-label,.sc-ion-item-md-h.item-radio .sc-ion-item-md-s>ion-label{-webkit-margin-start:0;margin-inline-start:0}/*!@::slotted(.button-small)*/.sc-ion-item-md-s>.button-small{--padding-top:2px;--padding-bottom:2px;--padding-start:.6em;--padding-end:.6em;min-height:25px;font-size:12px}/*!@:host(.item-label-floating),\n:host(.item-label-stacked)*/.item-label-floating.sc-ion-item-md-h,.item-label-stacked.sc-ion-item-md-h{--min-height:55px}/*!@:host(.item-label-stacked) ::slotted(ion-select.legacy-select),\n:host(.item-label-floating) ::slotted(ion-select.legacy-select)*/.sc-ion-item-md-h.item-label-stacked .sc-ion-item-md-s>ion-select.legacy-select,.sc-ion-item-md-h.item-label-floating .sc-ion-item-md-s>ion-select.legacy-select{--padding-top:8px;--padding-bottom:8px;--padding-start:0}/*!@:host(.ion-focused:not(.ion-color)) ::slotted(.label-stacked),\n:host(.ion-focused:not(.ion-color)) ::slotted(.label-floating),\n:host(.item-has-focus:not(.ion-color)) ::slotted(.label-stacked),\n:host(.item-has-focus:not(.ion-color)) ::slotted(.label-floating)*/.sc-ion-item-md-h.ion-focused:not(.ion-color) .sc-ion-item-md-s>.label-stacked,.sc-ion-item-md-h.ion-focused:not(.ion-color) .sc-ion-item-md-s>.label-floating,.sc-ion-item-md-h.item-has-focus:not(.ion-color) .sc-ion-item-md-s>.label-stacked,.sc-ion-item-md-h.item-has-focus:not(.ion-color) .sc-ion-item-md-s>.label-floating{color:var(--ion-color-primary, #3880ff)}/*!@:host(.ion-color)*/.ion-color.sc-ion-item-md-h{--highlight-color-focused:var(--ion-color-contrast)}/*!@:host(.item-label-color)*/.item-label-color.sc-ion-item-md-h{--highlight-color-focused:var(--ion-color-base)}/*!@:host(.item-fill-solid.ion-color),\n:host(.item-fill-outline.ion-color)*/.item-fill-solid.ion-color.sc-ion-item-md-h,.item-fill-outline.ion-color.sc-ion-item-md-h{--highlight-color-focused:var(--ion-color-base)}/*!@:host(.item-fill-solid)*/.item-fill-solid.sc-ion-item-md-h{--background:var(--ion-color-step-50, #f2f2f2);--background-hover:var(--ion-color-step-100, #e6e6e6);--background-focused:var(--ion-color-step-150, #d9d9d9);--border-width:0 0 1px 0;--inner-border-width:0;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}/*!@:host-context([dir=rtl]):host(.item-fill-solid), :host-context([dir=rtl]).item-fill-solid*/[dir=rtl].sc-ion-item-md-h -no-combinator.item-fill-solid.sc-ion-item-md-h,[dir=rtl] .sc-ion-item-md-h -no-combinator.item-fill-solid.sc-ion-item-md-h,[dir=rtl].item-fill-solid.sc-ion-item-md-h,[dir=rtl] .item-fill-solid.sc-ion-item-md-h{border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}@supports selector(:dir(rtl)){/*!@:host(.item-fill-solid):dir(rtl)*/.item-fill-solid.sc-ion-item-md-h:dir(rtl){border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}}/*!@:host(.item-fill-solid) .item-native*/.item-fill-solid.sc-ion-item-md-h .item-native.sc-ion-item-md{--border-color:var(--ion-color-step-500, gray)}/*!@:host(.item-fill-solid.ion-focused) .item-native,\n:host(.item-fill-solid.item-has-focus) .item-native*/.item-fill-solid.ion-focused.sc-ion-item-md-h .item-native.sc-ion-item-md,.item-fill-solid.item-has-focus.sc-ion-item-md-h .item-native.sc-ion-item-md{--background:var(--background-focused)}/*!@:host(.item-fill-solid.item-shape-round)*/.item-fill-solid.item-shape-round.sc-ion-item-md-h{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:0;border-bottom-left-radius:0}/*!@:host-context([dir=rtl]):host(.item-fill-solid.item-shape-round), :host-context([dir=rtl]).item-fill-solid.item-shape-round*/[dir=rtl].sc-ion-item-md-h -no-combinator.item-fill-solid.item-shape-round.sc-ion-item-md-h,[dir=rtl] .sc-ion-item-md-h -no-combinator.item-fill-solid.item-shape-round.sc-ion-item-md-h,[dir=rtl].item-fill-solid.item-shape-round.sc-ion-item-md-h,[dir=rtl] .item-fill-solid.item-shape-round.sc-ion-item-md-h{border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:0;border-bottom-left-radius:0}@supports selector(:dir(rtl)){/*!@:host(.item-fill-solid.item-shape-round):dir(rtl)*/.item-fill-solid.item-shape-round.sc-ion-item-md-h:dir(rtl){border-top-left-radius:16px;border-top-right-radius:16px;border-bottom-right-radius:0;border-bottom-left-radius:0}}@media (any-hover: hover){/*!@:host(.item-fill-solid:hover) .item-native*/.item-fill-solid.sc-ion-item-md-h:hover .item-native.sc-ion-item-md{--background:var(--background-hover);--border-color:var(--ion-color-step-750, #404040)}}/*!@:host(.item-fill-outline)*/.item-fill-outline.sc-ion-item-md-h{--ripple-color:transparent;--background-focused:transparent;--background-hover:transparent;--border-color:var(--ion-color-step-500, gray);--border-width:1px;border:none;overflow:visible}/*!@:host(.item-fill-outline) .item-native*/.item-fill-outline.sc-ion-item-md-h .item-native.sc-ion-item-md{--native-padding-left:16px;border-radius:4px}/*!@:host(.item-fill-outline.item-shape-round) .item-native*/.item-fill-outline.item-shape-round.sc-ion-item-md-h .item-native.sc-ion-item-md{--inner-padding-start:16px;border-radius:28px}/*!@:host(.item-fill-outline.item-shape-round) .item-bottom*/.item-fill-outline.item-shape-round.sc-ion-item-md-h .item-bottom.sc-ion-item-md{-webkit-padding-start:32px;padding-inline-start:32px}/*!@:host(.item-fill-outline.item-label-floating.ion-focused) .item-native ::slotted(ion-input:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.ion-focused) .item-native ::slotted(ion-textarea:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.item-has-focus) .item-native ::slotted(ion-input:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.item-has-focus) .item-native ::slotted(ion-textarea:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.item-has-value) .item-native ::slotted(ion-input:not(:first-child)),\n:host(.item-fill-outline.item-label-floating.item-has-value) .item-native ::slotted(ion-textarea:not(:first-child))*/.sc-ion-item-md-h.item-fill-outline.item-label-floating.ion-focused .item-native .sc-ion-item-md-s>ion-input:not(:first-child),.sc-ion-item-md-h.item-fill-outline.item-label-floating.ion-focused .item-native .sc-ion-item-md-s>ion-textarea:not(:first-child),.sc-ion-item-md-h.item-fill-outline.item-label-floating.item-has-focus .item-native .sc-ion-item-md-s>ion-input:not(:first-child),.sc-ion-item-md-h.item-fill-outline.item-label-floating.item-has-focus .item-native .sc-ion-item-md-s>ion-textarea:not(:first-child),.sc-ion-item-md-h.item-fill-outline.item-label-floating.item-has-value .item-native .sc-ion-item-md-s>ion-input:not(:first-child),.sc-ion-item-md-h.item-fill-outline.item-label-floating.item-has-value .item-native .sc-ion-item-md-s>ion-textarea:not(:first-child){-webkit-transform:translateY(-14px);transform:translateY(-14px)}@media (any-hover: hover){/*!@:host(.item-fill-outline:hover) .item-native*/.item-fill-outline.sc-ion-item-md-h:hover .item-native.sc-ion-item-md{--border-color:var(--ion-color-step-750, #404040)}}/*!@.item-counter*/.item-counter.sc-ion-item-md{letter-spacing:0.0333333333em}";
|
|
18538
18823
|
|
|
18539
18824
|
/**
|
|
18540
18825
|
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
@@ -18613,7 +18898,6 @@ class Item {
|
|
|
18613
18898
|
}
|
|
18614
18899
|
if (hasStyleChange) {
|
|
18615
18900
|
this.itemStyles.set(tagName, newStyles);
|
|
18616
|
-
forceUpdate$1(this);
|
|
18617
18901
|
}
|
|
18618
18902
|
}
|
|
18619
18903
|
connectedCallback() {
|
|
@@ -18724,8 +19008,12 @@ class Item {
|
|
|
18724
19008
|
this.el.classList.add('item-has-start-slot');
|
|
18725
19009
|
}
|
|
18726
19010
|
}
|
|
19011
|
+
getFirstInteractive() {
|
|
19012
|
+
const controls = this.el.querySelectorAll('ion-toggle:not([disabled]), ion-checkbox:not([disabled]), ion-radio:not([disabled]), ion-select:not([disabled])');
|
|
19013
|
+
return controls[0];
|
|
19014
|
+
}
|
|
18727
19015
|
render() {
|
|
18728
|
-
const { counterString, detail, detailIcon, download, fill, labelColorStyles, lines, disabled, href, rel, shape, target, routerAnimation, routerDirection, inheritedAriaAttributes, } = this;
|
|
19016
|
+
const { counterString, detail, detailIcon, download, fill, labelColorStyles, lines, disabled, href, rel, shape, target, routerAnimation, routerDirection, inheritedAriaAttributes, multipleInputs, } = this;
|
|
18729
19017
|
const childStyles = {};
|
|
18730
19018
|
const mode = getIonMode$1(this);
|
|
18731
19019
|
const clickable = this.isClickable();
|
|
@@ -18739,15 +19027,37 @@ class Item {
|
|
|
18739
19027
|
rel,
|
|
18740
19028
|
target,
|
|
18741
19029
|
};
|
|
19030
|
+
let clickFn = {};
|
|
19031
|
+
const firstInteractive = this.getFirstInteractive();
|
|
18742
19032
|
// Only set onClick if the item is clickable to prevent screen
|
|
18743
19033
|
// readers from reading all items as clickable
|
|
18744
|
-
|
|
18745
|
-
|
|
19034
|
+
if (clickable || (firstInteractive !== undefined && !multipleInputs)) {
|
|
19035
|
+
clickFn = {
|
|
18746
19036
|
onClick: (ev) => {
|
|
18747
|
-
|
|
19037
|
+
if (clickable) {
|
|
19038
|
+
openURL(href, ev, routerDirection, routerAnimation);
|
|
19039
|
+
}
|
|
19040
|
+
if (firstInteractive !== undefined && !multipleInputs) {
|
|
19041
|
+
const path = ev.composedPath();
|
|
19042
|
+
const target = path[0];
|
|
19043
|
+
if (ev.isTrusted) {
|
|
19044
|
+
/**
|
|
19045
|
+
* Dispatches a click event to the first interactive element,
|
|
19046
|
+
* when it is the result of a user clicking on the item.
|
|
19047
|
+
*
|
|
19048
|
+
* We check if the click target is in the shadow root,
|
|
19049
|
+
* which means the user clicked on the .item-native or
|
|
19050
|
+
* .item-inner padding.
|
|
19051
|
+
*/
|
|
19052
|
+
const clickedWithinShadowRoot = this.el.shadowRoot.contains(target);
|
|
19053
|
+
if (clickedWithinShadowRoot) {
|
|
19054
|
+
firstInteractive.click();
|
|
19055
|
+
}
|
|
19056
|
+
}
|
|
19057
|
+
}
|
|
18748
19058
|
},
|
|
18749
|
-
}
|
|
18750
|
-
|
|
19059
|
+
};
|
|
19060
|
+
}
|
|
18751
19061
|
const showDetail = detail !== undefined ? detail : mode === 'ios' && clickable;
|
|
18752
19062
|
this.itemStyles.forEach((value) => {
|
|
18753
19063
|
Object.assign(childStyles, value);
|
|
@@ -18762,6 +19072,7 @@ class Item {
|
|
|
18762
19072
|
[`item-lines-${lines}`]: lines !== undefined,
|
|
18763
19073
|
[`item-fill-${fillValue}`]: true,
|
|
18764
19074
|
[`item-shape-${shape}`]: shape !== undefined,
|
|
19075
|
+
'item-has-interactive-control': firstInteractive !== undefined,
|
|
18765
19076
|
'item-disabled': disabled,
|
|
18766
19077
|
'in-list': inList,
|
|
18767
19078
|
'item-multiple-inputs': this.multipleInputs,
|
|
@@ -19477,9 +19788,9 @@ const swipeShouldReset = (isResetDirection, isMovingFast, isOnResetZone) => {
|
|
|
19477
19788
|
return (!isMovingFast && isOnResetZone) || (isResetDirection && isMovingFast);
|
|
19478
19789
|
};
|
|
19479
19790
|
|
|
19480
|
-
const labelIosCss = ".item.sc-ion-label-ios-h,.item .sc-ion-label-ios-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-ios-h{color:var(--ion-color-base)}.ion-text-wrap.sc-ion-label-ios-h
|
|
19791
|
+
const labelIosCss = ".item.sc-ion-label-ios-h,.item .sc-ion-label-ios-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-ios-h{color:var(--ion-color-base)}.ion-text-wrap.sc-ion-label-ios-h{white-space:normal}.item-interactive-disabled.sc-ion-label-ios-h:not(.item-multiple-inputs),.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-ios-h{cursor:default;opacity:0.3;pointer-events:none}.item-input.sc-ion-label-ios-h,.item-input .sc-ion-label-ios-h{-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}.item-textarea.sc-ion-label-ios-h,.item-textarea .sc-ion-label-ios-h{-ms-flex-item-align:baseline;align-self:baseline}.label-fixed.sc-ion-label-ios-h{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.label-stacked.sc-ion-label-ios-h,.label-floating.sc-ion-label-ios-h{margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}.label-no-animate.label-floating.sc-ion-label-ios-h{-webkit-transition:none;transition:none}.sc-ion-label-ios-s h1,.sc-ion-label-ios-s h2,.sc-ion-label-ios-s h3,.sc-ion-label-ios-s h4,.sc-ion-label-ios-s h5,.sc-ion-label-ios-s h6{text-overflow:inherit;overflow:inherit}.ion-text-wrap.sc-ion-label-ios-h{font-size:14px;line-height:1.5}.label-stacked.sc-ion-label-ios-h{margin-bottom:4px;font-size:14px}.label-floating.sc-ion-label-ios-h{margin-bottom:0;-webkit-transform:translate(0, 29px);transform:translate(0, 29px);-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 150ms ease-in-out;transition:-webkit-transform 150ms ease-in-out;transition:transform 150ms ease-in-out;transition:transform 150ms ease-in-out, -webkit-transform 150ms ease-in-out}[dir=rtl].sc-ion-label-ios-h -no-combinator.label-floating.sc-ion-label-ios-h,[dir=rtl] .sc-ion-label-ios-h -no-combinator.label-floating.sc-ion-label-ios-h,[dir=rtl].label-floating.sc-ion-label-ios-h,[dir=rtl] .label-floating.sc-ion-label-ios-h{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.label-floating.sc-ion-label-ios-h:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.item-textarea.label-floating.sc-ion-label-ios-h,.item-textarea .label-floating.sc-ion-label-ios-h{-webkit-transform:translate(0, 28px);transform:translate(0, 28px)}.item-has-focus.label-floating.sc-ion-label-ios-h,.item-has-focus .label-floating.sc-ion-label-ios-h,.item-has-placeholder.sc-ion-label-ios-h:not(.item-input).label-floating,.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-ios-h,.item-has-value.label-floating.sc-ion-label-ios-h,.item-has-value .label-floating.sc-ion-label-ios-h{-webkit-transform:scale(0.82);transform:scale(0.82)}.sc-ion-label-ios-s h1{margin-left:0;margin-right:0;margin-top:3px;margin-bottom:2px;font-size:22px;font-weight:normal}.sc-ion-label-ios-s h2{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:17px;font-weight:normal}.sc-ion-label-ios-s h3,.sc-ion-label-ios-s h4,.sc-ion-label-ios-s h5,.sc-ion-label-ios-s h6{margin-left:0;margin-right:0;margin-top:0;margin-bottom:3px;font-size:14px;font-weight:normal;line-height:normal}.sc-ion-label-ios-s p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:14px;line-height:normal;text-overflow:inherit;overflow:inherit}.sc-ion-label-ios-s>p{color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.4)}.sc-ion-label-ios-h.in-item-color.sc-ion-label-ios-s>p{color:inherit}.sc-ion-label-ios-s h2:last-child,.sc-ion-label-ios-s h3:last-child,.sc-ion-label-ios-s h4:last-child,.sc-ion-label-ios-s h5:last-child,.sc-ion-label-ios-s h6:last-child,.sc-ion-label-ios-s p:last-child{margin-bottom:0}";
|
|
19481
19792
|
|
|
19482
|
-
const labelMdCss = ".item.sc-ion-label-md-h,.item .sc-ion-label-md-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-md-h{color:var(--ion-color-base)}.ion-text-wrap.sc-ion-label-md-h,[text-wrap].sc-ion-label-md-h{white-space:normal}.item-interactive-disabled.sc-ion-label-md-h:not(.item-multiple-inputs),.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-md-h{cursor:default;opacity:0.3;pointer-events:none}.item-input.sc-ion-label-md-h,.item-input .sc-ion-label-md-h{-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}.item-textarea.sc-ion-label-md-h,.item-textarea .sc-ion-label-md-h{-ms-flex-item-align:baseline;align-self:baseline}.label-fixed.sc-ion-label-md-h{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.label-stacked.sc-ion-label-md-h,.label-floating.sc-ion-label-md-h{margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}.label-no-animate.label-floating.sc-ion-label-md-h{-webkit-transition:none;transition:none}.sc-ion-label-md-s h1,.sc-ion-label-md-s h2,.sc-ion-label-md-s h3,.sc-ion-label-md-s h4,.sc-ion-label-md-s h5,.sc-ion-label-md-s h6{text-overflow:inherit;overflow:inherit}.ion-text-wrap.sc-ion-label-md-h,[text-wrap].sc-ion-label-md-h{line-height:1.5}.label-stacked.sc-ion-label-md-h,.label-floating.sc-ion-label-md-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-transform-origin:top left;transform-origin:top left}.label-stacked.label-rtl.sc-ion-label-md-h,.label-floating.label-rtl.sc-ion-label-md-h{-webkit-transform-origin:top right;transform-origin:top right}.label-stacked.sc-ion-label-md-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1)}.label-floating.sc-ion-label-md-h{-webkit-transform:translateY(96%);transform:translateY(96%);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}.ion-focused.label-floating.sc-ion-label-md-h,.ion-focused .label-floating.sc-ion-label-md-h,.item-has-focus.label-floating.sc-ion-label-md-h,.item-has-focus .label-floating.sc-ion-label-md-h,.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating,.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h,.item-has-value.label-floating.sc-ion-label-md-h,.item-has-value .label-floating.sc-ion-label-md-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75)}.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h,.item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating,.item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h{-webkit-transform:translateY(-6px) scale(0.75);transform:translateY(-6px) scale(0.75);position:relative;max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content;background-color:var(--ion-item-background, var(--ion-background-color, #fff));overflow:visible;z-index:3}.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::before,.item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::before,.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::after,.item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::before,.item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::after,.item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::after{position:absolute;width:4px;height:100%;background-color:var(--ion-item-background, var(--ion-background-color, #fff));content:\"\"}.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::before,.item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::before,.item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::before{left:calc(-1 * 4px)}.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::after,.item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::after,.item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::after{right:calc(-1 * 4px)}.item-fill-outline.ion-focused.item-has-start-slot.label-floating.sc-ion-label-md-h,.item-fill-outline.ion-focused.item-has-start-slot .label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-focus.item-has-start-slot.label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-focus.item-has-start-slot .label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).item-has-start-slot.label-floating,.item-fill-outline.item-has-placeholder:not(.item-input).item-has-start-slot .label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-value.item-has-start-slot.label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-value.item-has-start-slot .label-floating.sc-ion-label-md-h{-webkit-transform:translateX(-32px) translateY(-6px) scale(0.75);transform:translateX(-32px) translateY(-6px) scale(0.75)}.item-fill-outline.ion-focused.item-has-start-slot.label-floating.label-rtl.sc-ion-label-md-h,.item-fill-outline.ion-focused.item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h,.item-fill-outline.item-has-focus.item-has-start-slot.label-floating.label-rtl.sc-ion-label-md-h,.item-fill-outline.item-has-focus.item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h,.item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).item-has-start-slot.label-floating.label-rtl,.item-fill-outline.item-has-placeholder:not(.item-input).item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h,.item-fill-outline.item-has-value.item-has-start-slot.label-floating.label-rtl.sc-ion-label-md-h,.item-fill-outline.item-has-value.item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h{-webkit-transform:translateX(calc(-1 * -32px)) translateY(-6px) scale(0.75);transform:translateX(calc(-1 * -32px)) translateY(-6px) scale(0.75)}.ion-focused.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-focused .label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--ion-color-primary, #3880ff)}.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--ion-color-contrast)}.item-fill-solid.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-solid.ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-solid.ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.item-fill-solid.ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color),.item-fill-solid.item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-solid.item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-solid.item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.item-fill-solid.item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--ion-color-base)}.ion-invalid.ion-touched.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--highlight-color-invalid)}.sc-ion-label-md-s h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:24px;font-weight:normal}.sc-ion-label-md-s h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:16px;font-weight:normal}.sc-ion-label-md-s h3,.sc-ion-label-md-s h4,.sc-ion-label-md-s h5,.sc-ion-label-md-s h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:14px;font-weight:normal;line-height:normal}.sc-ion-label-md-s p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:14px;line-height:20px;text-overflow:inherit;overflow:inherit}.sc-ion-label-md-s>p{color:var(--ion-color-step-600, #666666)}.sc-ion-label-md-h.in-item-color.sc-ion-label-md-s>p{color:inherit}";
|
|
19793
|
+
const labelMdCss = ".item.sc-ion-label-md-h,.item .sc-ion-label-md-h{--color:initial;display:block;color:var(--color);font-family:var(--ion-font-family, inherit);font-size:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.ion-color.sc-ion-label-md-h{color:var(--ion-color-base)}.ion-text-wrap.sc-ion-label-md-h{white-space:normal}.item-interactive-disabled.sc-ion-label-md-h:not(.item-multiple-inputs),.item-interactive-disabled:not(.item-multiple-inputs) .sc-ion-label-md-h{cursor:default;opacity:0.3;pointer-events:none}.item-input.sc-ion-label-md-h,.item-input .sc-ion-label-md-h{-ms-flex:initial;flex:initial;max-width:200px;pointer-events:none}.item-textarea.sc-ion-label-md-h,.item-textarea .sc-ion-label-md-h{-ms-flex-item-align:baseline;align-self:baseline}.label-fixed.sc-ion-label-md-h{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.label-stacked.sc-ion-label-md-h,.label-floating.sc-ion-label-md-h{margin-bottom:0;-ms-flex-item-align:stretch;align-self:stretch;width:auto;max-width:100%}.label-no-animate.label-floating.sc-ion-label-md-h{-webkit-transition:none;transition:none}.sc-ion-label-md-s h1,.sc-ion-label-md-s h2,.sc-ion-label-md-s h3,.sc-ion-label-md-s h4,.sc-ion-label-md-s h5,.sc-ion-label-md-s h6{text-overflow:inherit;overflow:inherit}.ion-text-wrap.sc-ion-label-md-h{line-height:1.5}.label-stacked.sc-ion-label-md-h,.label-floating.sc-ion-label-md-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-transform-origin:top left;transform-origin:top left}.label-stacked.label-rtl.sc-ion-label-md-h,.label-floating.label-rtl.sc-ion-label-md-h{-webkit-transform-origin:top right;transform-origin:top right}.label-stacked.sc-ion-label-md-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1)}.label-floating.sc-ion-label-md-h{-webkit-transform:translateY(96%);transform:translateY(96%);-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1)}.ion-focused.label-floating.sc-ion-label-md-h,.ion-focused .label-floating.sc-ion-label-md-h,.item-has-focus.label-floating.sc-ion-label-md-h,.item-has-focus .label-floating.sc-ion-label-md-h,.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating,.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h,.item-has-value.label-floating.sc-ion-label-md-h,.item-has-value .label-floating.sc-ion-label-md-h{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75)}.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h,.item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating,.item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h{-webkit-transform:translateY(-6px) scale(0.75);transform:translateY(-6px) scale(0.75);position:relative;max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content;background-color:var(--ion-item-background, var(--ion-background-color, #fff));overflow:visible;z-index:3}.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::before,.item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::before,.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::after,.item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::before,.item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::after,.item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::after{position:absolute;width:4px;height:100%;background-color:var(--ion-item-background, var(--ion-background-color, #fff));content:\"\"}.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::before,.item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::before,.item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::before,.item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::before{left:calc(-1 * 4px)}.item-fill-outline.ion-focused.label-floating.sc-ion-label-md-h::after,.item-fill-outline.ion-focused .label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-focus.label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-focus .label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).label-floating::after,.item-fill-outline.item-has-placeholder:not(.item-input) .label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-value.label-floating.sc-ion-label-md-h::after,.item-fill-outline.item-has-value .label-floating.sc-ion-label-md-h::after{right:calc(-1 * 4px)}.item-fill-outline.ion-focused.item-has-start-slot.label-floating.sc-ion-label-md-h,.item-fill-outline.ion-focused.item-has-start-slot .label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-focus.item-has-start-slot.label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-focus.item-has-start-slot .label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).item-has-start-slot.label-floating,.item-fill-outline.item-has-placeholder:not(.item-input).item-has-start-slot .label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-value.item-has-start-slot.label-floating.sc-ion-label-md-h,.item-fill-outline.item-has-value.item-has-start-slot .label-floating.sc-ion-label-md-h{-webkit-transform:translateX(-32px) translateY(-6px) scale(0.75);transform:translateX(-32px) translateY(-6px) scale(0.75)}.item-fill-outline.ion-focused.item-has-start-slot.label-floating.label-rtl.sc-ion-label-md-h,.item-fill-outline.ion-focused.item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h,.item-fill-outline.item-has-focus.item-has-start-slot.label-floating.label-rtl.sc-ion-label-md-h,.item-fill-outline.item-has-focus.item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h,.item-fill-outline.item-has-placeholder.sc-ion-label-md-h:not(.item-input).item-has-start-slot.label-floating.label-rtl,.item-fill-outline.item-has-placeholder:not(.item-input).item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h,.item-fill-outline.item-has-value.item-has-start-slot.label-floating.label-rtl.sc-ion-label-md-h,.item-fill-outline.item-has-value.item-has-start-slot .label-floating.label-rtl.sc-ion-label-md-h{-webkit-transform:translateX(calc(-1 * -32px)) translateY(-6px) scale(0.75);transform:translateX(calc(-1 * -32px)) translateY(-6px) scale(0.75)}.ion-focused.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-focused .label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--ion-color-primary, #3880ff)}.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--ion-color-contrast)}.item-fill-solid.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-solid.ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-solid.ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.item-fill-solid.ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.ion-focused.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.ion-focused.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.ion-focused.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.ion-focused.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color),.item-fill-solid.item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-solid.item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-solid.item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.item-fill-solid.item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.item-has-focus.ion-color.label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.item-has-focus.ion-color .label-stacked.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.item-has-focus.ion-color.label-floating.sc-ion-label-md-h:not(.ion-color),.item-fill-outline.item-has-focus.ion-color .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--ion-color-base)}.ion-invalid.ion-touched.label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched .label-stacked.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched.label-floating.sc-ion-label-md-h:not(.ion-color),.ion-invalid.ion-touched .label-floating.sc-ion-label-md-h:not(.ion-color){color:var(--highlight-color-invalid)}.sc-ion-label-md-s h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:24px;font-weight:normal}.sc-ion-label-md-s h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:16px;font-weight:normal}.sc-ion-label-md-s h3,.sc-ion-label-md-s h4,.sc-ion-label-md-s h5,.sc-ion-label-md-s h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:14px;font-weight:normal;line-height:normal}.sc-ion-label-md-s p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:14px;line-height:20px;text-overflow:inherit;overflow:inherit}.sc-ion-label-md-s>p{color:var(--ion-color-step-600, #666666)}.sc-ion-label-md-h.in-item-color.sc-ion-label-md-s>p{color:inherit}";
|
|
19483
19794
|
|
|
19484
19795
|
/**
|
|
19485
19796
|
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
@@ -19769,6 +20080,7 @@ class Loading {
|
|
|
19769
20080
|
this.willDismissShorthand = createEvent(this, "willDismiss", 7);
|
|
19770
20081
|
this.didDismissShorthand = createEvent(this, "didDismiss", 7);
|
|
19771
20082
|
this.delegateController = createDelegateController(this);
|
|
20083
|
+
this.lockController = createLockController();
|
|
19772
20084
|
this.triggerController = createTriggerController();
|
|
19773
20085
|
this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
|
|
19774
20086
|
this.presented = false;
|
|
@@ -19834,24 +20146,13 @@ class Loading {
|
|
|
19834
20146
|
* Present the loading overlay after it has been created.
|
|
19835
20147
|
*/
|
|
19836
20148
|
async present() {
|
|
19837
|
-
|
|
19838
|
-
* When using an inline loading indicator
|
|
19839
|
-
* and dismissing a loading indicator it is possible to
|
|
19840
|
-
* quickly present the loading indicator while it is
|
|
19841
|
-
* dismissing. We need to await any current
|
|
19842
|
-
* transition to allow the dismiss to finish
|
|
19843
|
-
* before presenting again.
|
|
19844
|
-
*/
|
|
19845
|
-
if (this.currentTransition !== undefined) {
|
|
19846
|
-
await this.currentTransition;
|
|
19847
|
-
}
|
|
20149
|
+
const unlock = await this.lockController.lock();
|
|
19848
20150
|
await this.delegateController.attachViewToDom();
|
|
19849
|
-
|
|
19850
|
-
await this.currentTransition;
|
|
20151
|
+
await present(this, 'loadingEnter', iosEnterAnimation$4, mdEnterAnimation$3);
|
|
19851
20152
|
if (this.duration > 0) {
|
|
19852
20153
|
this.durationTimeout = setTimeout(() => this.dismiss(), this.duration + 10);
|
|
19853
20154
|
}
|
|
19854
|
-
|
|
20155
|
+
unlock();
|
|
19855
20156
|
}
|
|
19856
20157
|
/**
|
|
19857
20158
|
* Dismiss the loading overlay after it has been presented.
|
|
@@ -19863,14 +20164,15 @@ class Loading {
|
|
|
19863
20164
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
19864
20165
|
*/
|
|
19865
20166
|
async dismiss(data, role) {
|
|
20167
|
+
const unlock = await this.lockController.lock();
|
|
19866
20168
|
if (this.durationTimeout) {
|
|
19867
20169
|
clearTimeout(this.durationTimeout);
|
|
19868
20170
|
}
|
|
19869
|
-
|
|
19870
|
-
const dismissed = await this.currentTransition;
|
|
20171
|
+
const dismissed = await dismiss(this, data, role, 'loadingLeave', iosLeaveAnimation$4, mdLeaveAnimation$3);
|
|
19871
20172
|
if (dismissed) {
|
|
19872
20173
|
this.delegateController.removeViewFromDom();
|
|
19873
20174
|
}
|
|
20175
|
+
unlock();
|
|
19874
20176
|
return dismissed;
|
|
19875
20177
|
}
|
|
19876
20178
|
/**
|
|
@@ -20324,9 +20626,9 @@ const createMenuController = () => {
|
|
|
20324
20626
|
};
|
|
20325
20627
|
const menuController = /*@__PURE__*/ createMenuController();
|
|
20326
20628
|
|
|
20327
|
-
const menuIosCss = "/*!@:host*/.sc-ion-menu-ios-h{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}/*!@:host(.show-menu)*/.show-menu.sc-ion-menu-ios-h{display:block}/*!@.menu-inner*/.menu-inner.sc-ion-menu-ios{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}/*!@:host(.menu-side-start) .menu-inner*/.menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){/*!@:host(.menu-side-start) .menu-inner*/.menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){/*!@:host(.menu-side-start) .menu-inner*/.menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{left:0;right:auto}/*!@:host-context([dir=rtl]):host(.menu-side-start) .menu-inner, :host-context([dir=rtl]).menu-side-start .menu-inner*/[dir=rtl].sc-ion-menu-ios-h -no-combinator.menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl] .sc-ion-menu-ios-h -no-combinator.menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl].menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl] .menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{left:unset;right:unset;left:auto;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-menu-ios selector(.sc-ion-menu-ios:dir(rtl)){.sc-ion-menu-ios-h.menu-side-start .menu-inner:dir(rtl){left:unset;right:unset;left:auto;right:0}}}/*!@:host(.menu-side-end) .menu-inner*/.menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){/*!@:host(.menu-side-end) .menu-inner*/.menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){/*!@:host(.menu-side-end) .menu-inner*/.menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{left:auto;right:0}/*!@:host-context([dir=rtl]):host(.menu-side-end) .menu-inner, :host-context([dir=rtl]).menu-side-end .menu-inner*/[dir=rtl].sc-ion-menu-ios-h -no-combinator.menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl] .sc-ion-menu-ios-h -no-combinator.menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl].menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl] .menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{left:unset;right:unset;left:0;right:auto}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-menu-ios selector(.sc-ion-menu-ios:dir(rtl)){.sc-ion-menu-ios-h.menu-side-end .menu-inner:dir(rtl){left:unset;right:unset;left:0;right:auto}}}/*!@ion-backdrop*/ion-backdrop.sc-ion-menu-ios{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){/*!@.menu-inner*/.menu-inner.sc-ion-menu-ios{--width:264px}}/*!@:host(.menu-type-reveal)*/.menu-type-reveal.sc-ion-menu-ios-h{z-index:0}/*!@:host(.menu-type-reveal.show-menu) .menu-inner*/.menu-type-reveal.show-menu.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}/*!@:host(.menu-type-overlay)*/.menu-type-overlay.sc-ion-menu-ios-h{z-index:1000}/*!@:host(.menu-type-overlay) .show-backdrop*/.menu-type-overlay.sc-ion-menu-ios-h .show-backdrop.sc-ion-menu-ios{display:block;cursor:pointer}/*!@:host(.menu-pane-visible)*/.menu-pane-visible.sc-ion-menu-ios-h{width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}/*!@:host(.menu-pane-visible) .menu-inner*/.menu-pane-visible.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{left:0;right:0;width:auto;-webkit-transform:none !important;transform:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}/*!@:host(.menu-pane-visible) ion-backdrop*/.menu-pane-visible.sc-ion-menu-ios-h ion-backdrop.sc-ion-menu-ios{display:hidden !important}/*!@:host(.menu-type-push)*/.menu-type-push.sc-ion-menu-ios-h{z-index:1000}/*!@:host(.menu-type-push) .show-backdrop*/.menu-type-push.sc-ion-menu-ios-h .show-backdrop.sc-ion-menu-ios{display:block}";
|
|
20629
|
+
const menuIosCss = "/*!@:host*/.sc-ion-menu-ios-h{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}/*!@:host(.show-menu)*/.show-menu.sc-ion-menu-ios-h{display:block}/*!@.menu-inner*/.menu-inner.sc-ion-menu-ios{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}/*!@:host(.menu-side-start) .menu-inner*/.menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){/*!@:host(.menu-side-start) .menu-inner*/.menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){/*!@:host(.menu-side-start) .menu-inner*/.menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{left:0;right:auto}/*!@:host-context([dir=rtl]):host(.menu-side-start) .menu-inner, :host-context([dir=rtl]).menu-side-start .menu-inner*/[dir=rtl].sc-ion-menu-ios-h -no-combinator.menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl] .sc-ion-menu-ios-h -no-combinator.menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl].menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl] .menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{left:unset;right:unset;left:auto;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-menu-ios selector(.sc-ion-menu-ios:dir(rtl)){.sc-ion-menu-ios-h.menu-side-start .menu-inner:dir(rtl){left:unset;right:unset;left:auto;right:0}}}/*!@:host-context([dir=rtl]):host(.menu-side-start) .menu-inner, :host-context([dir=rtl]).menu-side-start .menu-inner*/[dir=rtl].sc-ion-menu-ios-h -no-combinator.menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl] .sc-ion-menu-ios-h -no-combinator.menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl].menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl] .menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){/*!@:host(.menu-side-start) .menu-inner:dir(rtl)*/.menu-side-start.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios:dir(rtl){--ion-safe-area-right:unset;--ion-safe-area-left:0px}}/*!@:host(.menu-side-end) .menu-inner*/.menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){/*!@:host(.menu-side-end) .menu-inner*/.menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){/*!@:host(.menu-side-end) .menu-inner*/.menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{left:auto;right:0}/*!@:host-context([dir=rtl]):host(.menu-side-end) .menu-inner, :host-context([dir=rtl]).menu-side-end .menu-inner*/[dir=rtl].sc-ion-menu-ios-h -no-combinator.menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl] .sc-ion-menu-ios-h -no-combinator.menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl].menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl] .menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{left:unset;right:unset;left:0;right:auto}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-menu-ios selector(.sc-ion-menu-ios:dir(rtl)){.sc-ion-menu-ios-h.menu-side-end .menu-inner:dir(rtl){left:unset;right:unset;left:0;right:auto}}}/*!@:host-context([dir=rtl]):host(.menu-side-end) .menu-inner, :host-context([dir=rtl]).menu-side-end .menu-inner*/[dir=rtl].sc-ion-menu-ios-h -no-combinator.menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl] .sc-ion-menu-ios-h -no-combinator.menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl].menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios,[dir=rtl] .menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){/*!@:host(.menu-side-end) .menu-inner:dir(rtl)*/.menu-side-end.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios:dir(rtl){--ion-safe-area-left:unset;--ion-safe-area-right:0px}}/*!@ion-backdrop*/ion-backdrop.sc-ion-menu-ios{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){/*!@.menu-inner*/.menu-inner.sc-ion-menu-ios{--width:264px}}/*!@:host(.menu-type-reveal)*/.menu-type-reveal.sc-ion-menu-ios-h{z-index:0}/*!@:host(.menu-type-reveal.show-menu) .menu-inner*/.menu-type-reveal.show-menu.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}/*!@:host(.menu-type-overlay)*/.menu-type-overlay.sc-ion-menu-ios-h{z-index:1000}/*!@:host(.menu-type-overlay) .show-backdrop*/.menu-type-overlay.sc-ion-menu-ios-h .show-backdrop.sc-ion-menu-ios{display:block;cursor:pointer}/*!@:host(.menu-pane-visible)*/.menu-pane-visible.sc-ion-menu-ios-h{width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}/*!@:host(.menu-pane-visible) .menu-inner*/.menu-pane-visible.sc-ion-menu-ios-h .menu-inner.sc-ion-menu-ios{left:0;right:0;width:auto;-webkit-transform:none !important;transform:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}/*!@:host(.menu-pane-visible) ion-backdrop*/.menu-pane-visible.sc-ion-menu-ios-h ion-backdrop.sc-ion-menu-ios{display:hidden !important}/*!@:host(.menu-type-push)*/.menu-type-push.sc-ion-menu-ios-h{z-index:1000}/*!@:host(.menu-type-push) .show-backdrop*/.menu-type-push.sc-ion-menu-ios-h .show-backdrop.sc-ion-menu-ios{display:block}";
|
|
20328
20630
|
|
|
20329
|
-
const menuMdCss = "/*!@:host*/.sc-ion-menu-md-h{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}/*!@:host(.show-menu)*/.show-menu.sc-ion-menu-md-h{display:block}/*!@.menu-inner*/.menu-inner.sc-ion-menu-md{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}/*!@:host(.menu-side-start) .menu-inner*/.menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){/*!@:host(.menu-side-start) .menu-inner*/.menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){/*!@:host(.menu-side-start) .menu-inner*/.menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{left:0;right:auto}/*!@:host-context([dir=rtl]):host(.menu-side-start) .menu-inner, :host-context([dir=rtl]).menu-side-start .menu-inner*/[dir=rtl].sc-ion-menu-md-h -no-combinator.menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl] .sc-ion-menu-md-h -no-combinator.menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl].menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl] .menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{left:unset;right:unset;left:auto;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-menu-md selector(.sc-ion-menu-md:dir(rtl)){.sc-ion-menu-md-h.menu-side-start .menu-inner:dir(rtl){left:unset;right:unset;left:auto;right:0}}}/*!@:host(.menu-side-end) .menu-inner*/.menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){/*!@:host(.menu-side-end) .menu-inner*/.menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){/*!@:host(.menu-side-end) .menu-inner*/.menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{left:auto;right:0}/*!@:host-context([dir=rtl]):host(.menu-side-end) .menu-inner, :host-context([dir=rtl]).menu-side-end .menu-inner*/[dir=rtl].sc-ion-menu-md-h -no-combinator.menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl] .sc-ion-menu-md-h -no-combinator.menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl].menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl] .menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{left:unset;right:unset;left:0;right:auto}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-menu-md selector(.sc-ion-menu-md:dir(rtl)){.sc-ion-menu-md-h.menu-side-end .menu-inner:dir(rtl){left:unset;right:unset;left:0;right:auto}}}/*!@ion-backdrop*/ion-backdrop.sc-ion-menu-md{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){/*!@.menu-inner*/.menu-inner.sc-ion-menu-md{--width:264px}}/*!@:host(.menu-type-reveal)*/.menu-type-reveal.sc-ion-menu-md-h{z-index:0}/*!@:host(.menu-type-reveal.show-menu) .menu-inner*/.menu-type-reveal.show-menu.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}/*!@:host(.menu-type-overlay)*/.menu-type-overlay.sc-ion-menu-md-h{z-index:1000}/*!@:host(.menu-type-overlay) .show-backdrop*/.menu-type-overlay.sc-ion-menu-md-h .show-backdrop.sc-ion-menu-md{display:block;cursor:pointer}/*!@:host(.menu-pane-visible)*/.menu-pane-visible.sc-ion-menu-md-h{width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}/*!@:host(.menu-pane-visible) .menu-inner*/.menu-pane-visible.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{left:0;right:0;width:auto;-webkit-transform:none !important;transform:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}/*!@:host(.menu-pane-visible) ion-backdrop*/.menu-pane-visible.sc-ion-menu-md-h ion-backdrop.sc-ion-menu-md{display:hidden !important}/*!@:host(.menu-type-overlay) .menu-inner*/.menu-type-overlay.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{-webkit-box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18);box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}";
|
|
20631
|
+
const menuMdCss = "/*!@:host*/.sc-ion-menu-md-h{--width:304px;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--background:var(--ion-background-color, #fff);left:0;right:0;top:0;bottom:0;display:none;position:absolute;contain:strict}/*!@:host(.show-menu)*/.show-menu.sc-ion-menu-md-h{display:block}/*!@.menu-inner*/.menu-inner.sc-ion-menu-md{-webkit-transform:translateX(-9999px);transform:translateX(-9999px);display:-ms-flexbox;display:flex;position:absolute;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:var(--width);min-width:var(--min-width);max-width:var(--max-width);height:var(--height);min-height:var(--min-height);max-height:var(--max-height);background:var(--background);contain:strict}/*!@:host(.menu-side-start) .menu-inner*/.menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{--ion-safe-area-right:0px;top:0;bottom:0}@supports (inset-inline-start: 0){/*!@:host(.menu-side-start) .menu-inner*/.menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{inset-inline-start:0;inset-inline-end:auto}}@supports not (inset-inline-start: 0){/*!@:host(.menu-side-start) .menu-inner*/.menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{left:0;right:auto}/*!@:host-context([dir=rtl]):host(.menu-side-start) .menu-inner, :host-context([dir=rtl]).menu-side-start .menu-inner*/[dir=rtl].sc-ion-menu-md-h -no-combinator.menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl] .sc-ion-menu-md-h -no-combinator.menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl].menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl] .menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{left:unset;right:unset;left:auto;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-menu-md selector(.sc-ion-menu-md:dir(rtl)){.sc-ion-menu-md-h.menu-side-start .menu-inner:dir(rtl){left:unset;right:unset;left:auto;right:0}}}/*!@:host-context([dir=rtl]):host(.menu-side-start) .menu-inner, :host-context([dir=rtl]).menu-side-start .menu-inner*/[dir=rtl].sc-ion-menu-md-h -no-combinator.menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl] .sc-ion-menu-md-h -no-combinator.menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl].menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl] .menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{--ion-safe-area-right:unset;--ion-safe-area-left:0px}@supports selector(:dir(rtl)){/*!@:host(.menu-side-start) .menu-inner:dir(rtl)*/.menu-side-start.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md:dir(rtl){--ion-safe-area-right:unset;--ion-safe-area-left:0px}}/*!@:host(.menu-side-end) .menu-inner*/.menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{--ion-safe-area-left:0px;top:0;bottom:0}@supports (inset-inline-start: 0){/*!@:host(.menu-side-end) .menu-inner*/.menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{inset-inline-start:auto;inset-inline-end:0}}@supports not (inset-inline-start: 0){/*!@:host(.menu-side-end) .menu-inner*/.menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{left:auto;right:0}/*!@:host-context([dir=rtl]):host(.menu-side-end) .menu-inner, :host-context([dir=rtl]).menu-side-end .menu-inner*/[dir=rtl].sc-ion-menu-md-h -no-combinator.menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl] .sc-ion-menu-md-h -no-combinator.menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl].menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl] .menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{left:unset;right:unset;left:0;right:auto}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-menu-md selector(.sc-ion-menu-md:dir(rtl)){.sc-ion-menu-md-h.menu-side-end .menu-inner:dir(rtl){left:unset;right:unset;left:0;right:auto}}}/*!@:host-context([dir=rtl]):host(.menu-side-end) .menu-inner, :host-context([dir=rtl]).menu-side-end .menu-inner*/[dir=rtl].sc-ion-menu-md-h -no-combinator.menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl] .sc-ion-menu-md-h -no-combinator.menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl].menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md,[dir=rtl] .menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{--ion-safe-area-left:unset;--ion-safe-area-right:0px}@supports selector(:dir(rtl)){/*!@:host(.menu-side-end) .menu-inner:dir(rtl)*/.menu-side-end.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md:dir(rtl){--ion-safe-area-left:unset;--ion-safe-area-right:0px}}/*!@ion-backdrop*/ion-backdrop.sc-ion-menu-md{display:none;opacity:0.01;z-index:-1}@media (max-width: 340px){/*!@.menu-inner*/.menu-inner.sc-ion-menu-md{--width:264px}}/*!@:host(.menu-type-reveal)*/.menu-type-reveal.sc-ion-menu-md-h{z-index:0}/*!@:host(.menu-type-reveal.show-menu) .menu-inner*/.menu-type-reveal.show-menu.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}/*!@:host(.menu-type-overlay)*/.menu-type-overlay.sc-ion-menu-md-h{z-index:1000}/*!@:host(.menu-type-overlay) .show-backdrop*/.menu-type-overlay.sc-ion-menu-md-h .show-backdrop.sc-ion-menu-md{display:block;cursor:pointer}/*!@:host(.menu-pane-visible)*/.menu-pane-visible.sc-ion-menu-md-h{width:var(--width);min-width:var(--min-width);max-width:var(--max-width)}/*!@:host(.menu-pane-visible) .menu-inner*/.menu-pane-visible.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{left:0;right:0;width:auto;-webkit-transform:none !important;transform:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}/*!@:host(.menu-pane-visible) ion-backdrop*/.menu-pane-visible.sc-ion-menu-md-h ion-backdrop.sc-ion-menu-md{display:hidden !important}/*!@:host(.menu-type-overlay) .menu-inner*/.menu-type-overlay.sc-ion-menu-md-h .menu-inner.sc-ion-menu-md{-webkit-box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18);box-shadow:4px 0px 16px rgba(0, 0, 0, 0.18)}";
|
|
20330
20632
|
|
|
20331
20633
|
const iosEasing = 'cubic-bezier(0.32,0.72,0,1)';
|
|
20332
20634
|
const mdEasing = 'cubic-bezier(0.0,0.0,0.2,1)';
|
|
@@ -20347,6 +20649,15 @@ class Menu {
|
|
|
20347
20649
|
this.ionMenuChange = createEvent(this, "ionMenuChange", 7);
|
|
20348
20650
|
this.lastOnEnd = 0;
|
|
20349
20651
|
this.blocker = GESTURE_CONTROLLER.createBlocker({ disableScroll: true });
|
|
20652
|
+
this.didLoad = false;
|
|
20653
|
+
/**
|
|
20654
|
+
* Flag used to determine if an open/close
|
|
20655
|
+
* operation was cancelled. For example, if
|
|
20656
|
+
* an app calls "menu.open" then disables the menu
|
|
20657
|
+
* part way through the animation, then this would
|
|
20658
|
+
* be considered a cancelled operation.
|
|
20659
|
+
*/
|
|
20660
|
+
this.operationCancelled = false;
|
|
20350
20661
|
this.isAnimating = false;
|
|
20351
20662
|
this._isOpen = false;
|
|
20352
20663
|
this.inheritedAttributes = {};
|
|
@@ -20358,7 +20669,7 @@ class Menu {
|
|
|
20358
20669
|
* open does not contain this ion-menu, then ion-menu's
|
|
20359
20670
|
* focus trapping should not run.
|
|
20360
20671
|
*/
|
|
20361
|
-
const lastOverlay =
|
|
20672
|
+
const lastOverlay = getPresentedOverlay(document);
|
|
20362
20673
|
if (lastOverlay && !lastOverlay.contains(this.el)) {
|
|
20363
20674
|
return;
|
|
20364
20675
|
}
|
|
@@ -20424,9 +20735,20 @@ class Menu {
|
|
|
20424
20735
|
this.inheritedAttributes = inheritAriaAttributes(this.el);
|
|
20425
20736
|
}
|
|
20426
20737
|
async componentDidLoad() {
|
|
20427
|
-
this.
|
|
20738
|
+
this.didLoad = true;
|
|
20739
|
+
this.menuChanged();
|
|
20428
20740
|
this.updateState();
|
|
20429
20741
|
}
|
|
20742
|
+
menuChanged() {
|
|
20743
|
+
/**
|
|
20744
|
+
* Inform dependent components such as ion-menu-button
|
|
20745
|
+
* that the menu is ready. Note that we only want to do this
|
|
20746
|
+
* once the menu has been rendered which is why we check for didLoad.
|
|
20747
|
+
*/
|
|
20748
|
+
if (this.didLoad) {
|
|
20749
|
+
this.ionMenuChange.emit({ disabled: this.disabled, open: this._isOpen });
|
|
20750
|
+
}
|
|
20751
|
+
}
|
|
20430
20752
|
async disconnectedCallback() {
|
|
20431
20753
|
/**
|
|
20432
20754
|
* The menu should be closed when it is
|
|
@@ -20575,6 +20897,15 @@ class Menu {
|
|
|
20575
20897
|
this.beforeAnimation(shouldOpen);
|
|
20576
20898
|
await this.loadAnimation();
|
|
20577
20899
|
await this.startAnimation(shouldOpen, animated);
|
|
20900
|
+
/**
|
|
20901
|
+
* If the animation was cancelled then
|
|
20902
|
+
* return false because the operation
|
|
20903
|
+
* did not succeed.
|
|
20904
|
+
*/
|
|
20905
|
+
if (this.operationCancelled) {
|
|
20906
|
+
this.operationCancelled = false;
|
|
20907
|
+
return false;
|
|
20908
|
+
}
|
|
20578
20909
|
this.afterAnimation(shouldOpen);
|
|
20579
20910
|
return true;
|
|
20580
20911
|
}
|
|
@@ -20611,18 +20942,23 @@ class Menu {
|
|
|
20611
20942
|
const easingReverse = mode === 'ios' ? iosEasingReverse : mdEasingReverse;
|
|
20612
20943
|
const ani = this.animation
|
|
20613
20944
|
.direction(isReversed ? 'reverse' : 'normal')
|
|
20614
|
-
.easing(isReversed ? easingReverse : easing)
|
|
20615
|
-
.onFinish(() => {
|
|
20616
|
-
if (ani.getDirection() === 'reverse') {
|
|
20617
|
-
ani.direction('normal');
|
|
20618
|
-
}
|
|
20619
|
-
});
|
|
20945
|
+
.easing(isReversed ? easingReverse : easing);
|
|
20620
20946
|
if (animated) {
|
|
20621
20947
|
await ani.play();
|
|
20622
20948
|
}
|
|
20623
20949
|
else {
|
|
20624
20950
|
ani.play({ sync: true });
|
|
20625
20951
|
}
|
|
20952
|
+
/**
|
|
20953
|
+
* We run this after the play invocation
|
|
20954
|
+
* instead of using ani.onFinish so that
|
|
20955
|
+
* multiple onFinish callbacks do not get
|
|
20956
|
+
* run if an animation is played, stopped,
|
|
20957
|
+
* and then played again.
|
|
20958
|
+
*/
|
|
20959
|
+
if (ani.getDirection() === 'reverse') {
|
|
20960
|
+
ani.direction('normal');
|
|
20961
|
+
}
|
|
20626
20962
|
}
|
|
20627
20963
|
_isActive() {
|
|
20628
20964
|
return !this.disabled && !this.isPaneVisible;
|
|
@@ -20759,7 +21095,6 @@ class Menu {
|
|
|
20759
21095
|
}
|
|
20760
21096
|
afterAnimation(isOpen) {
|
|
20761
21097
|
var _a;
|
|
20762
|
-
assert(this.isAnimating, '_before() should be called while animating');
|
|
20763
21098
|
// keep opening/closing the menu disabled for a touch more yet
|
|
20764
21099
|
// only add listeners/css if it's enabled and isOpen
|
|
20765
21100
|
// and only remove listeners/css if it's not open
|
|
@@ -20818,10 +21153,29 @@ class Menu {
|
|
|
20818
21153
|
if (this.gesture) {
|
|
20819
21154
|
this.gesture.enable(isActive && this.swipeGesture);
|
|
20820
21155
|
}
|
|
20821
|
-
|
|
20822
|
-
|
|
20823
|
-
|
|
20824
|
-
|
|
21156
|
+
/**
|
|
21157
|
+
* If the menu is disabled but it is still open
|
|
21158
|
+
* then we should close the menu immediately.
|
|
21159
|
+
* Additionally, if the menu is in the process
|
|
21160
|
+
* of animating {open, close} and the menu is disabled
|
|
21161
|
+
* then it should still be closed immediately.
|
|
21162
|
+
*/
|
|
21163
|
+
if (!isActive) {
|
|
21164
|
+
/**
|
|
21165
|
+
* It is possible to disable the menu while
|
|
21166
|
+
* it is mid-animation. When this happens, we
|
|
21167
|
+
* need to set the operationCancelled flag
|
|
21168
|
+
* so that this._setOpen knows to return false
|
|
21169
|
+
* and not run the "afterAnimation" callback.
|
|
21170
|
+
*/
|
|
21171
|
+
if (this.isAnimating) {
|
|
21172
|
+
this.operationCancelled = true;
|
|
21173
|
+
}
|
|
21174
|
+
/**
|
|
21175
|
+
* If the menu is disabled then we should
|
|
21176
|
+
* forcibly close the menu even if it is open.
|
|
21177
|
+
*/
|
|
21178
|
+
this.afterAnimation(false);
|
|
20825
21179
|
}
|
|
20826
21180
|
if (doc === null || doc === void 0 ? void 0 : doc.contains(this.el)) {
|
|
20827
21181
|
/**
|
|
@@ -20834,14 +21188,6 @@ class Menu {
|
|
|
20834
21188
|
menuController._setActiveMenu(this);
|
|
20835
21189
|
}
|
|
20836
21190
|
}
|
|
20837
|
-
assert(!this.isAnimating, 'can not be animating');
|
|
20838
|
-
}
|
|
20839
|
-
forceClosing() {
|
|
20840
|
-
assert(this._isOpen, 'menu cannot be closed');
|
|
20841
|
-
this.isAnimating = true;
|
|
20842
|
-
const ani = this.animation.direction('reverse');
|
|
20843
|
-
ani.play({ sync: true });
|
|
20844
|
-
this.afterAnimation(false);
|
|
20845
21191
|
}
|
|
20846
21192
|
render() {
|
|
20847
21193
|
const { type, disabled, isPaneVisible, inheritedAttributes, side } = this;
|
|
@@ -22359,6 +22705,7 @@ class Modal {
|
|
|
22359
22705
|
this.willDismissShorthand = createEvent(this, "willDismiss", 7);
|
|
22360
22706
|
this.didDismissShorthand = createEvent(this, "didDismiss", 7);
|
|
22361
22707
|
this.ionMount = createEvent(this, "ionMount", 7);
|
|
22708
|
+
this.lockController = createLockController();
|
|
22362
22709
|
this.triggerController = createTriggerController();
|
|
22363
22710
|
this.coreDelegate = CoreDelegate();
|
|
22364
22711
|
this.isSheetModal = false;
|
|
@@ -22523,29 +22870,25 @@ class Modal {
|
|
|
22523
22870
|
* Present the modal overlay after it has been created.
|
|
22524
22871
|
*/
|
|
22525
22872
|
async present() {
|
|
22873
|
+
const unlock = await this.lockController.lock();
|
|
22526
22874
|
if (this.presented) {
|
|
22875
|
+
unlock();
|
|
22527
22876
|
return;
|
|
22528
22877
|
}
|
|
22529
22878
|
const { presentingElement, el } = this;
|
|
22530
|
-
/**
|
|
22531
|
-
* When using an inline modal
|
|
22532
|
-
* and dismissing a modal it is possible to
|
|
22533
|
-
* quickly present the modal while it is
|
|
22534
|
-
* dismissing. We need to await any current
|
|
22535
|
-
* transition to allow the dismiss to finish
|
|
22536
|
-
* before presenting again.
|
|
22537
|
-
*/
|
|
22538
|
-
if (this.currentTransition !== undefined) {
|
|
22539
|
-
await this.currentTransition;
|
|
22540
|
-
}
|
|
22541
22879
|
/**
|
|
22542
22880
|
* If the modal is presented multiple times (inline modals), we
|
|
22543
22881
|
* need to reset the current breakpoint to the initial breakpoint.
|
|
22544
22882
|
*/
|
|
22545
22883
|
this.currentBreakpoint = this.initialBreakpoint;
|
|
22546
22884
|
const { inline, delegate } = this.getDelegate(true);
|
|
22547
|
-
|
|
22885
|
+
/**
|
|
22886
|
+
* Emit ionMount so JS Frameworks have an opportunity
|
|
22887
|
+
* to add the child component to the DOM. The child
|
|
22888
|
+
* component will be assigned to this.usersElement below.
|
|
22889
|
+
*/
|
|
22548
22890
|
this.ionMount.emit();
|
|
22891
|
+
this.usersElement = await attachComponent(delegate, el, this.component, ['ion-page'], this.componentProps, inline);
|
|
22549
22892
|
/**
|
|
22550
22893
|
* When using the lazy loaded build of Stencil, we need to wait
|
|
22551
22894
|
* for every Stencil component instance to be ready before presenting
|
|
@@ -22569,7 +22912,18 @@ class Modal {
|
|
|
22569
22912
|
await waitForMount();
|
|
22570
22913
|
}
|
|
22571
22914
|
writeTask(() => this.el.classList.add('show-modal'));
|
|
22572
|
-
|
|
22915
|
+
const hasCardModal = presentingElement !== undefined;
|
|
22916
|
+
/**
|
|
22917
|
+
* We need to change the status bar at the
|
|
22918
|
+
* start of the animation so that it completes
|
|
22919
|
+
* by the time the card animation is done.
|
|
22920
|
+
*/
|
|
22921
|
+
if (hasCardModal && getIonMode$1(this) === 'ios') {
|
|
22922
|
+
// Cache the original status bar color before the modal is presented
|
|
22923
|
+
this.statusBarStyle = await StatusBar.getStyle();
|
|
22924
|
+
setCardStatusBarDark();
|
|
22925
|
+
}
|
|
22926
|
+
await present(this, 'modalEnter', iosEnterAnimation$3, mdEnterAnimation$2, {
|
|
22573
22927
|
presentingEl: presentingElement,
|
|
22574
22928
|
currentBreakpoint: this.initialBreakpoint,
|
|
22575
22929
|
backdropBreakpoint: this.backdropBreakpoint,
|
|
@@ -22605,25 +22959,13 @@ class Modal {
|
|
|
22605
22959
|
};
|
|
22606
22960
|
window.addEventListener(KEYBOARD_DID_OPEN, this.keyboardOpenCallback);
|
|
22607
22961
|
}
|
|
22608
|
-
const hasCardModal = presentingElement !== undefined;
|
|
22609
|
-
/**
|
|
22610
|
-
* We need to change the status bar at the
|
|
22611
|
-
* start of the animation so that it completes
|
|
22612
|
-
* by the time the card animation is done.
|
|
22613
|
-
*/
|
|
22614
|
-
if (hasCardModal && getIonMode$1(this) === 'ios') {
|
|
22615
|
-
// Cache the original status bar color before the modal is presented
|
|
22616
|
-
this.statusBarStyle = await StatusBar.getStyle();
|
|
22617
|
-
setCardStatusBarDark();
|
|
22618
|
-
}
|
|
22619
|
-
await this.currentTransition;
|
|
22620
22962
|
if (this.isSheetModal) {
|
|
22621
22963
|
this.initSheetGesture();
|
|
22622
22964
|
}
|
|
22623
22965
|
else if (hasCardModal) {
|
|
22624
22966
|
this.initSwipeToClose();
|
|
22625
22967
|
}
|
|
22626
|
-
|
|
22968
|
+
unlock();
|
|
22627
22969
|
}
|
|
22628
22970
|
initSwipeToClose() {
|
|
22629
22971
|
var _a;
|
|
@@ -22654,6 +22996,15 @@ class Modal {
|
|
|
22654
22996
|
* removed from the DOM.
|
|
22655
22997
|
*/
|
|
22656
22998
|
this.gestureAnimationDismissing = true;
|
|
22999
|
+
/**
|
|
23000
|
+
* Reset the status bar style as the dismiss animation
|
|
23001
|
+
* starts otherwise the status bar will be the wrong
|
|
23002
|
+
* color for the duration of the dismiss animation.
|
|
23003
|
+
* The dismiss method does this as well, but
|
|
23004
|
+
* in this case it's only called once the animation
|
|
23005
|
+
* has finished.
|
|
23006
|
+
*/
|
|
23007
|
+
setCardStatusBarDefault(this.statusBarStyle);
|
|
22657
23008
|
this.animation.onFinish(async () => {
|
|
22658
23009
|
await this.dismiss(undefined, GESTURE);
|
|
22659
23010
|
this.gestureAnimationDismissing = false;
|
|
@@ -22713,12 +23064,19 @@ class Modal {
|
|
|
22713
23064
|
if (this.gestureAnimationDismissing && role !== GESTURE) {
|
|
22714
23065
|
return false;
|
|
22715
23066
|
}
|
|
23067
|
+
/**
|
|
23068
|
+
* Because the canDismiss check below is async,
|
|
23069
|
+
* we need to claim a lock before the check happens,
|
|
23070
|
+
* in case the dismiss transition does run.
|
|
23071
|
+
*/
|
|
23072
|
+
const unlock = await this.lockController.lock();
|
|
22716
23073
|
/**
|
|
22717
23074
|
* If a canDismiss handler is responsible
|
|
22718
23075
|
* for calling the dismiss method, we should
|
|
22719
23076
|
* not run the canDismiss check again.
|
|
22720
23077
|
*/
|
|
22721
23078
|
if (role !== 'handler' && !(await this.checkCanDismiss(data, role))) {
|
|
23079
|
+
unlock();
|
|
22722
23080
|
return false;
|
|
22723
23081
|
}
|
|
22724
23082
|
const { presentingElement } = this;
|
|
@@ -22736,24 +23094,12 @@ class Modal {
|
|
|
22736
23094
|
window.removeEventListener(KEYBOARD_DID_OPEN, this.keyboardOpenCallback);
|
|
22737
23095
|
this.keyboardOpenCallback = undefined;
|
|
22738
23096
|
}
|
|
22739
|
-
/**
|
|
22740
|
-
* When using an inline modal
|
|
22741
|
-
* and presenting a modal it is possible to
|
|
22742
|
-
* quickly dismiss the modal while it is
|
|
22743
|
-
* presenting. We need to await any current
|
|
22744
|
-
* transition to allow the present to finish
|
|
22745
|
-
* before dismissing again.
|
|
22746
|
-
*/
|
|
22747
|
-
if (this.currentTransition !== undefined) {
|
|
22748
|
-
await this.currentTransition;
|
|
22749
|
-
}
|
|
22750
23097
|
const enteringAnimation = activeAnimations.get(this) || [];
|
|
22751
|
-
|
|
23098
|
+
const dismissed = await dismiss(this, data, role, 'modalLeave', iosLeaveAnimation$3, mdLeaveAnimation$2, {
|
|
22752
23099
|
presentingEl: presentingElement,
|
|
22753
23100
|
currentBreakpoint: (_a = this.currentBreakpoint) !== null && _a !== void 0 ? _a : this.initialBreakpoint,
|
|
22754
23101
|
backdropBreakpoint: this.backdropBreakpoint,
|
|
22755
23102
|
});
|
|
22756
|
-
const dismissed = await this.currentTransition;
|
|
22757
23103
|
if (dismissed) {
|
|
22758
23104
|
const { delegate } = this.getDelegate();
|
|
22759
23105
|
await detachComponent(delegate, this.usersElement);
|
|
@@ -22767,8 +23113,8 @@ class Modal {
|
|
|
22767
23113
|
enteringAnimation.forEach((ani) => ani.destroy());
|
|
22768
23114
|
}
|
|
22769
23115
|
this.currentBreakpoint = undefined;
|
|
22770
|
-
this.currentTransition = undefined;
|
|
22771
23116
|
this.animation = undefined;
|
|
23117
|
+
unlock();
|
|
22772
23118
|
return dismissed;
|
|
22773
23119
|
}
|
|
22774
23120
|
/**
|
|
@@ -22981,7 +23327,7 @@ const convertToViews = (pages) => {
|
|
|
22981
23327
|
.filter((v) => v !== null);
|
|
22982
23328
|
};
|
|
22983
23329
|
|
|
22984
|
-
const navCss = "/*!@:host*/.sc-ion-nav-h{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;
|
|
23330
|
+
const navCss = "/*!@:host*/.sc-ion-nav-h{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";
|
|
22985
23331
|
|
|
22986
23332
|
class Nav {
|
|
22987
23333
|
constructor(hostRef) {
|
|
@@ -23987,6 +24333,7 @@ class Picker {
|
|
|
23987
24333
|
this.willDismissShorthand = createEvent(this, "willDismiss", 7);
|
|
23988
24334
|
this.didDismissShorthand = createEvent(this, "didDismiss", 7);
|
|
23989
24335
|
this.delegateController = createDelegateController(this);
|
|
24336
|
+
this.lockController = createLockController();
|
|
23990
24337
|
this.triggerController = createTriggerController();
|
|
23991
24338
|
this.onBackdropTap = () => {
|
|
23992
24339
|
this.dismiss(undefined, BACKDROP);
|
|
@@ -24053,24 +24400,13 @@ class Picker {
|
|
|
24053
24400
|
* Present the picker overlay after it has been created.
|
|
24054
24401
|
*/
|
|
24055
24402
|
async present() {
|
|
24056
|
-
|
|
24057
|
-
* When using an inline picker
|
|
24058
|
-
* and dismissing an picker it is possible to
|
|
24059
|
-
* quickly present the picker while it is
|
|
24060
|
-
* dismissing. We need to await any current
|
|
24061
|
-
* transition to allow the dismiss to finish
|
|
24062
|
-
* before presenting again.
|
|
24063
|
-
*/
|
|
24064
|
-
if (this.currentTransition !== undefined) {
|
|
24065
|
-
await this.currentTransition;
|
|
24066
|
-
}
|
|
24403
|
+
const unlock = await this.lockController.lock();
|
|
24067
24404
|
await this.delegateController.attachViewToDom();
|
|
24068
|
-
|
|
24069
|
-
await this.currentTransition;
|
|
24070
|
-
this.currentTransition = undefined;
|
|
24405
|
+
await present(this, 'pickerEnter', iosEnterAnimation$2, iosEnterAnimation$2, undefined);
|
|
24071
24406
|
if (this.duration > 0) {
|
|
24072
24407
|
this.durationTimeout = setTimeout(() => this.dismiss(), this.duration);
|
|
24073
24408
|
}
|
|
24409
|
+
unlock();
|
|
24074
24410
|
}
|
|
24075
24411
|
/**
|
|
24076
24412
|
* Dismiss the picker overlay after it has been presented.
|
|
@@ -24082,14 +24418,15 @@ class Picker {
|
|
|
24082
24418
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
24083
24419
|
*/
|
|
24084
24420
|
async dismiss(data, role) {
|
|
24421
|
+
const unlock = await this.lockController.lock();
|
|
24085
24422
|
if (this.durationTimeout) {
|
|
24086
24423
|
clearTimeout(this.durationTimeout);
|
|
24087
24424
|
}
|
|
24088
|
-
|
|
24089
|
-
const dismissed = await this.currentTransition;
|
|
24425
|
+
const dismissed = await dismiss(this, data, role, 'pickerLeave', iosLeaveAnimation$2, iosLeaveAnimation$2);
|
|
24090
24426
|
if (dismissed) {
|
|
24091
24427
|
this.delegateController.removeViewFromDom();
|
|
24092
24428
|
}
|
|
24429
|
+
unlock();
|
|
24093
24430
|
return dismissed;
|
|
24094
24431
|
}
|
|
24095
24432
|
/**
|
|
@@ -26410,6 +26747,7 @@ class Popover {
|
|
|
26410
26747
|
this.ionMount = createEvent(this, "ionMount", 7);
|
|
26411
26748
|
this.parentPopover = null;
|
|
26412
26749
|
this.coreDelegate = CoreDelegate();
|
|
26750
|
+
this.lockController = createLockController();
|
|
26413
26751
|
this.inline = false;
|
|
26414
26752
|
this.focusDescendantOnPresent = false;
|
|
26415
26753
|
this.onBackdropTap = () => {
|
|
@@ -26583,28 +26921,24 @@ class Popover {
|
|
|
26583
26921
|
* was dispatched.
|
|
26584
26922
|
*/
|
|
26585
26923
|
async present(event) {
|
|
26924
|
+
const unlock = await this.lockController.lock();
|
|
26586
26925
|
if (this.presented) {
|
|
26926
|
+
unlock();
|
|
26587
26927
|
return;
|
|
26588
26928
|
}
|
|
26589
|
-
/**
|
|
26590
|
-
* When using an inline popover
|
|
26591
|
-
* and dismissing a popover it is possible to
|
|
26592
|
-
* quickly present the popover while it is
|
|
26593
|
-
* dismissing. We need to await any current
|
|
26594
|
-
* transition to allow the dismiss to finish
|
|
26595
|
-
* before presenting again.
|
|
26596
|
-
*/
|
|
26597
|
-
if (this.currentTransition !== undefined) {
|
|
26598
|
-
await this.currentTransition;
|
|
26599
|
-
}
|
|
26600
26929
|
const { el } = this;
|
|
26601
26930
|
const { inline, delegate } = this.getDelegate(true);
|
|
26931
|
+
/**
|
|
26932
|
+
* Emit ionMount so JS Frameworks have an opportunity
|
|
26933
|
+
* to add the child component to the DOM. The child
|
|
26934
|
+
* component will be assigned to this.usersElement below.
|
|
26935
|
+
*/
|
|
26936
|
+
this.ionMount.emit();
|
|
26602
26937
|
this.usersElement = await attachComponent(delegate, el, this.component, ['popover-viewport'], this.componentProps, inline);
|
|
26603
26938
|
if (!this.keyboardEvents) {
|
|
26604
26939
|
this.configureKeyboardInteraction();
|
|
26605
26940
|
}
|
|
26606
26941
|
this.configureDismissInteraction();
|
|
26607
|
-
this.ionMount.emit();
|
|
26608
26942
|
/**
|
|
26609
26943
|
* When using the lazy loaded build of Stencil, we need to wait
|
|
26610
26944
|
* for every Stencil component instance to be ready before presenting
|
|
@@ -26627,7 +26961,7 @@ class Popover {
|
|
|
26627
26961
|
else if (!this.keepContentsMounted) {
|
|
26628
26962
|
await waitForMount();
|
|
26629
26963
|
}
|
|
26630
|
-
|
|
26964
|
+
await present(this, 'popoverEnter', iosEnterAnimation$1, mdEnterAnimation$1, {
|
|
26631
26965
|
event: event || this.event,
|
|
26632
26966
|
size: this.size,
|
|
26633
26967
|
trigger: this.triggerEl,
|
|
@@ -26635,8 +26969,6 @@ class Popover {
|
|
|
26635
26969
|
side: this.side,
|
|
26636
26970
|
align: this.alignment,
|
|
26637
26971
|
});
|
|
26638
|
-
await this.currentTransition;
|
|
26639
|
-
this.currentTransition = undefined;
|
|
26640
26972
|
/**
|
|
26641
26973
|
* If popover is nested and was
|
|
26642
26974
|
* presented using the "Right" arrow key,
|
|
@@ -26646,6 +26978,7 @@ class Popover {
|
|
|
26646
26978
|
if (this.focusDescendantOnPresent) {
|
|
26647
26979
|
focusFirstDescendant(this.el, this.el);
|
|
26648
26980
|
}
|
|
26981
|
+
unlock();
|
|
26649
26982
|
}
|
|
26650
26983
|
/**
|
|
26651
26984
|
* Dismiss the popover overlay after it has been presented.
|
|
@@ -26656,23 +26989,12 @@ class Popover {
|
|
|
26656
26989
|
* a parent popover if this popover is nested. Defaults to `true`.
|
|
26657
26990
|
*/
|
|
26658
26991
|
async dismiss(data, role, dismissParentPopover = true) {
|
|
26659
|
-
|
|
26660
|
-
* When using an inline popover
|
|
26661
|
-
* and presenting a popover it is possible to
|
|
26662
|
-
* quickly dismiss the popover while it is
|
|
26663
|
-
* presenting. We need to await any current
|
|
26664
|
-
* transition to allow the present to finish
|
|
26665
|
-
* before dismissing again.
|
|
26666
|
-
*/
|
|
26667
|
-
if (this.currentTransition !== undefined) {
|
|
26668
|
-
await this.currentTransition;
|
|
26669
|
-
}
|
|
26992
|
+
const unlock = await this.lockController.lock();
|
|
26670
26993
|
const { destroyKeyboardInteraction, destroyDismissInteraction } = this;
|
|
26671
26994
|
if (dismissParentPopover && this.parentPopover) {
|
|
26672
26995
|
this.parentPopover.dismiss(data, role, dismissParentPopover);
|
|
26673
26996
|
}
|
|
26674
|
-
|
|
26675
|
-
const shouldDismiss = await this.currentTransition;
|
|
26997
|
+
const shouldDismiss = await dismiss(this, data, role, 'popoverLeave', iosLeaveAnimation$1, mdLeaveAnimation$1, this.event);
|
|
26676
26998
|
if (shouldDismiss) {
|
|
26677
26999
|
if (destroyKeyboardInteraction) {
|
|
26678
27000
|
destroyKeyboardInteraction();
|
|
@@ -26690,7 +27012,7 @@ class Popover {
|
|
|
26690
27012
|
const { delegate } = this.getDelegate();
|
|
26691
27013
|
await detachComponent(delegate, this.usersElement);
|
|
26692
27014
|
}
|
|
26693
|
-
|
|
27015
|
+
unlock();
|
|
26694
27016
|
return shouldDismiss;
|
|
26695
27017
|
}
|
|
26696
27018
|
/**
|
|
@@ -26851,9 +27173,9 @@ const renderProgress = (value, buffer) => {
|
|
|
26851
27173
|
];
|
|
26852
27174
|
};
|
|
26853
27175
|
|
|
26854
|
-
const radioIosCss = "/*!@:host*/.sc-ion-radio-ios-h{--inner-border-radius:50%;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;min-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(:not(.legacy-radio))*/.sc-ion-radio-ios-h:not(.legacy-radio){cursor:pointer}/*!@:host(.radio-disabled)*/.radio-disabled.sc-ion-radio-ios-h{pointer-events:none}/*!@.radio-icon*/.radio-icon.sc-ion-radio-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}/*!@.radio-icon,\n.radio-inner*/.radio-icon.sc-ion-radio-ios,.radio-inner.sc-ion-radio-ios{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{left:0}/*!@:host-context([dir=rtl]):host(.legacy-radio) label, :host-context([dir=rtl]).legacy-radio label*/[dir=rtl].sc-ion-radio-ios-h -no-combinator.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios,[dir=rtl] .sc-ion-radio-ios-h -no-combinator.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios,[dir=rtl].legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios,[dir=rtl] .legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-ios selector(.sc-ion-radio-ios:dir(rtl)){.sc-ion-radio-ios-h.legacy-radio label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-radio) label::-moz-focus-inner*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-radio-ios{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@:host(:focus)*/.sc-ion-radio-ios-h:focus{outline:none}/*!@:host(.in-item:not(.legacy-radio))*/.in-item.sc-ion-radio-ios-h:not(.legacy-radio){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-radio)),\n:host([slot=end]:not(.legacy-radio))*/[slot=start].sc-ion-radio-ios-h:not(.legacy-radio),[slot=end].sc-ion-radio-ios-h:not(.legacy-radio){width:auto}/*!@.radio-wrapper*/.radio-wrapper.sc-ion-radio-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-radio-ios{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-radio)) .label-text-wrapper*/.in-item.sc-ion-radio-ios-h:not(.legacy-radio) .label-text-wrapper.sc-ion-radio-ios{margin-top:10px;margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-radio-ios{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-radio-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.radio-justify-space-between) .radio-wrapper*/.radio-justify-space-between.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.radio-justify-start) .radio-wrapper*/.radio-justify-start.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-pack:start;justify-content:start}/*!@:host(.radio-justify-end) .radio-wrapper*/.radio-justify-end.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-pack:end;justify-content:end}/*!@:host(.radio-label-placement-start) .radio-wrapper*/.radio-label-placement-start.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.radio-label-placement-start) .label-text-wrapper*/.radio-label-placement-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-end) .radio-wrapper*/.radio-label-placement-end.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.radio-label-placement-end) .label-text-wrapper*/.radio-label-placement-end.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px}/*!@:host*/.sc-ion-radio-ios-h{--color-checked:var(--ion-color-primary, #3880ff)}/*!@:host(.legacy-radio)*/.legacy-radio.sc-ion-radio-ios-h{width:15px;height:24px}/*!@:host(.ion-color.radio-checked) .radio-inner*/.ion-color.radio-checked.sc-ion-radio-ios-h .radio-inner.sc-ion-radio-ios{border-color:var(--ion-color-base)}/*!@.item-radio.item-ios ion-label*/.item-radio.item-ios.sc-ion-radio-ios ion-label.sc-ion-radio-ios{-webkit-margin-start:0;margin-inline-start:0}/*!@.radio-inner*/.radio-inner.sc-ion-radio-ios{width:33%;height:50%}/*!@:host(.radio-checked) .radio-inner*/.radio-checked.sc-ion-radio-ios-h .radio-inner.sc-ion-radio-ios{-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--color-checked)}/*!@:host(.radio-disabled)*/.radio-disabled.sc-ion-radio-ios-h{opacity:0.3}/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{border-radius:var(--inner-border-radius);top:-8px;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #4c8dff);content:\"\";opacity:0.2}@supports (inset-inline-start: 0){/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{inset-inline-start:-9px}}@supports not (inset-inline-start: 0){/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{left:-9px}/*!@:host-context([dir=rtl]):host(.ion-focused) .radio-icon::after, :host-context([dir=rtl]).ion-focused .radio-icon::after*/[dir=rtl].sc-ion-radio-ios-h -no-combinator.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after,[dir=rtl] .sc-ion-radio-ios-h -no-combinator.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after,[dir=rtl].ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after,[dir=rtl] .ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{left:unset;right:unset;right:-9px}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-ios selector(.sc-ion-radio-ios:dir(rtl)){.sc-ion-radio-ios-h.ion-focused .radio-icon::after:dir(rtl){left:unset;right:unset;right:-9px}}}/*!@:host(.in-item.legacy-radio)*/.in-item.legacy-radio.sc-ion-radio-ios-h{-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:11px;margin-inline-end:11px;margin-top:8px;margin-bottom:8px;display:block;position:static}/*!@:host(.in-item.legacy-radio[slot=start])*/.in-item.legacy-radio[slot=start].sc-ion-radio-ios-h{-webkit-margin-start:3px;margin-inline-start:3px;-webkit-margin-end:21px;margin-inline-end:21px;margin-top:8px;margin-bottom:8px}/*!@.native-wrapper .radio-icon*/.native-wrapper.sc-ion-radio-ios .radio-icon.sc-ion-radio-ios{width:15px;height:24px}";
|
|
27176
|
+
const radioIosCss = "/*!@:host*/.sc-ion-radio-ios-h{--inner-border-radius:50%;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;min-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(:not(.legacy-radio))*/.sc-ion-radio-ios-h:not(.legacy-radio){cursor:pointer}/*!@:host(.radio-disabled)*/.radio-disabled.sc-ion-radio-ios-h{pointer-events:none}/*!@.radio-icon*/.radio-icon.sc-ion-radio-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}/*!@.radio-icon,\n.radio-inner*/.radio-icon.sc-ion-radio-ios,.radio-inner.sc-ion-radio-ios{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{left:0}/*!@:host-context([dir=rtl]):host(.legacy-radio) label, :host-context([dir=rtl]).legacy-radio label*/[dir=rtl].sc-ion-radio-ios-h -no-combinator.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios,[dir=rtl] .sc-ion-radio-ios-h -no-combinator.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios,[dir=rtl].legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios,[dir=rtl] .legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-ios selector(.sc-ion-radio-ios:dir(rtl)){.sc-ion-radio-ios-h.legacy-radio label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-radio) label::-moz-focus-inner*/.legacy-radio.sc-ion-radio-ios-h label.sc-ion-radio-ios::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-radio-ios{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@:host(:focus)*/.sc-ion-radio-ios-h:focus{outline:none}/*!@:host(.in-item:not(.legacy-radio))*/.in-item.sc-ion-radio-ios-h:not(.legacy-radio){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-radio)),\n:host([slot=end]:not(.legacy-radio))*/[slot=start].sc-ion-radio-ios-h:not(.legacy-radio),[slot=end].sc-ion-radio-ios-h:not(.legacy-radio){width:auto}/*!@.radio-wrapper*/.radio-wrapper.sc-ion-radio-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-radio-ios{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-radio)) .label-text-wrapper*/.in-item.sc-ion-radio-ios-h:not(.legacy-radio) .label-text-wrapper.sc-ion-radio-ios{margin-top:10px;margin-bottom:10px}/*!@:host(.in-item.radio-label-placement-stacked) .label-text-wrapper*/.in-item.radio-label-placement-stacked.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.radio-label-placement-stacked) .native-wrapper*/.in-item.radio-label-placement-stacked.sc-ion-radio-ios-h .native-wrapper.sc-ion-radio-ios{margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-radio-ios{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-radio-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.radio-justify-space-between) .radio-wrapper*/.radio-justify-space-between.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.radio-justify-start) .radio-wrapper*/.radio-justify-start.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-pack:start;justify-content:start}/*!@:host(.radio-justify-end) .radio-wrapper*/.radio-justify-end.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-pack:end;justify-content:end}/*!@:host(.radio-alignment-start) .radio-wrapper*/.radio-alignment-start.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-align:start;align-items:start}/*!@:host(.radio-alignment-center) .radio-wrapper*/.radio-alignment-center.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-align:center;align-items:center}/*!@:host(.radio-label-placement-start) .radio-wrapper*/.radio-label-placement-start.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.radio-label-placement-start) .label-text-wrapper*/.radio-label-placement-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-end) .radio-wrapper*/.radio-label-placement-end.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.radio-label-placement-end) .label-text-wrapper*/.radio-label-placement-end.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px}/*!@:host(.radio-label-placement-stacked) .radio-wrapper*/.radio-label-placement-stacked.sc-ion-radio-ios-h .radio-wrapper.sc-ion-radio-ios{-ms-flex-direction:column;flex-direction:column}/*!@:host(.radio-label-placement-stacked) .label-text-wrapper*/.radio-label-placement-stacked.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-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(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper*/.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-transform-origin:left top;transform-origin:left top}/*!@:host-context([dir=rtl]):host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper, :host-context([dir=rtl]).radio-label-placement-stacked.radio-alignment-start .label-text-wrapper*/[dir=rtl].sc-ion-radio-ios-h -no-combinator.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios,[dir=rtl] .sc-ion-radio-ios-h -no-combinator.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios,[dir=rtl].radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios,[dir=rtl] .radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper:dir(rtl)*/.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper*/.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-transform-origin:center top;transform-origin:center top}/*!@:host-context([dir=rtl]):host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper, :host-context([dir=rtl]).radio-label-placement-stacked.radio-alignment-center .label-text-wrapper*/[dir=rtl].sc-ion-radio-ios-h -no-combinator.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios,[dir=rtl] .sc-ion-radio-ios-h -no-combinator.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios,[dir=rtl].radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios,[dir=rtl] .radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){/*!@:host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper:dir(rtl)*/.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-ios-h .label-text-wrapper.sc-ion-radio-ios:dir(rtl){-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}/*!@:host*/.sc-ion-radio-ios-h{--color-checked:var(--ion-color-primary, #3880ff)}/*!@:host(.legacy-radio)*/.legacy-radio.sc-ion-radio-ios-h{width:15px;height:24px}/*!@:host(.ion-color.radio-checked) .radio-inner*/.ion-color.radio-checked.sc-ion-radio-ios-h .radio-inner.sc-ion-radio-ios{border-color:var(--ion-color-base)}/*!@.item-radio.item-ios ion-label*/.item-radio.item-ios.sc-ion-radio-ios ion-label.sc-ion-radio-ios{-webkit-margin-start:0;margin-inline-start:0}/*!@.radio-inner*/.radio-inner.sc-ion-radio-ios{width:33%;height:50%}/*!@:host(.radio-checked) .radio-inner*/.radio-checked.sc-ion-radio-ios-h .radio-inner.sc-ion-radio-ios{-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:2px;border-top-width:0;border-left-width:0;border-style:solid;border-color:var(--color-checked)}/*!@:host(.radio-disabled)*/.radio-disabled.sc-ion-radio-ios-h{opacity:0.3}/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{border-radius:var(--inner-border-radius);top:-8px;display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #4c8dff);content:\"\";opacity:0.2}@supports (inset-inline-start: 0){/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{inset-inline-start:-9px}}@supports not (inset-inline-start: 0){/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{left:-9px}/*!@:host-context([dir=rtl]):host(.ion-focused) .radio-icon::after, :host-context([dir=rtl]).ion-focused .radio-icon::after*/[dir=rtl].sc-ion-radio-ios-h -no-combinator.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after,[dir=rtl] .sc-ion-radio-ios-h -no-combinator.ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after,[dir=rtl].ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after,[dir=rtl] .ion-focused.sc-ion-radio-ios-h .radio-icon.sc-ion-radio-ios::after{left:unset;right:unset;right:-9px}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-ios selector(.sc-ion-radio-ios:dir(rtl)){.sc-ion-radio-ios-h.ion-focused .radio-icon::after:dir(rtl){left:unset;right:unset;right:-9px}}}/*!@:host(.in-item.legacy-radio)*/.in-item.legacy-radio.sc-ion-radio-ios-h{-webkit-margin-start:8px;margin-inline-start:8px;-webkit-margin-end:11px;margin-inline-end:11px;margin-top:8px;margin-bottom:8px;display:block;position:static}/*!@:host(.in-item.legacy-radio[slot=start])*/.in-item.legacy-radio[slot=start].sc-ion-radio-ios-h{-webkit-margin-start:3px;margin-inline-start:3px;-webkit-margin-end:21px;margin-inline-end:21px;margin-top:8px;margin-bottom:8px}/*!@.native-wrapper .radio-icon*/.native-wrapper.sc-ion-radio-ios .radio-icon.sc-ion-radio-ios{width:15px;height:24px}";
|
|
26855
27177
|
|
|
26856
|
-
const radioMdCss = "/*!@:host*/.sc-ion-radio-md-h{--inner-border-radius:50%;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;min-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(:not(.legacy-radio))*/.sc-ion-radio-md-h:not(.legacy-radio){cursor:pointer}/*!@:host(.radio-disabled)*/.radio-disabled.sc-ion-radio-md-h{pointer-events:none}/*!@.radio-icon*/.radio-icon.sc-ion-radio-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}/*!@.radio-icon,\n.radio-inner*/.radio-icon.sc-ion-radio-md,.radio-inner.sc-ion-radio-md{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{left:0}/*!@:host-context([dir=rtl]):host(.legacy-radio) label, :host-context([dir=rtl]).legacy-radio label*/[dir=rtl].sc-ion-radio-md-h -no-combinator.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md,[dir=rtl] .sc-ion-radio-md-h -no-combinator.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md,[dir=rtl].legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md,[dir=rtl] .legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-md selector(.sc-ion-radio-md:dir(rtl)){.sc-ion-radio-md-h.legacy-radio label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-radio) label::-moz-focus-inner*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-radio-md{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@:host(:focus)*/.sc-ion-radio-md-h:focus{outline:none}/*!@:host(.in-item:not(.legacy-radio))*/.in-item.sc-ion-radio-md-h:not(.legacy-radio){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-radio)),\n:host([slot=end]:not(.legacy-radio))*/[slot=start].sc-ion-radio-md-h:not(.legacy-radio),[slot=end].sc-ion-radio-md-h:not(.legacy-radio){width:auto}/*!@.radio-wrapper*/.radio-wrapper.sc-ion-radio-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-radio-md{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-radio)) .label-text-wrapper*/.in-item.sc-ion-radio-md-h:not(.legacy-radio) .label-text-wrapper.sc-ion-radio-md{margin-top:10px;margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-radio-md{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-radio-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.radio-justify-space-between) .radio-wrapper*/.radio-justify-space-between.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.radio-justify-start) .radio-wrapper*/.radio-justify-start.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-pack:start;justify-content:start}/*!@:host(.radio-justify-end) .radio-wrapper*/.radio-justify-end.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-pack:end;justify-content:end}/*!@:host(.radio-label-placement-start) .radio-wrapper*/.radio-label-placement-start.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.radio-label-placement-start) .label-text-wrapper*/.radio-label-placement-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-end) .radio-wrapper*/.radio-label-placement-end.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.radio-label-placement-end) .label-text-wrapper*/.radio-label-placement-end.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px}/*!@:host*/.sc-ion-radio-md-h{--color:rgb(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--color-checked:var(--ion-color-primary, #3880ff);--border-width:2px;--border-style:solid;--border-radius:50%}/*!@:host(.legacy-radio)*/.legacy-radio.sc-ion-radio-md-h{width:20px;height:20px}/*!@:host(.ion-color) .radio-inner*/.ion-color.sc-ion-radio-md-h .radio-inner.sc-ion-radio-md{background:var(--ion-color-base)}/*!@:host(.ion-color.radio-checked) .radio-icon*/.ion-color.radio-checked.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md{border-color:var(--ion-color-base)}/*!@.radio-icon*/.radio-icon.sc-ion-radio-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--color)}/*!@.radio-inner*/.radio-inner.sc-ion-radio-md{border-radius:var(--inner-border-radius);width:calc(50% + var(--border-width));height:calc(50% + var(--border-width));-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);-webkit-transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);background:var(--color-checked)}/*!@:host(.radio-checked) .radio-icon*/.radio-checked.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md{border-color:var(--color-checked)}/*!@:host(.radio-checked) .radio-inner*/.radio-checked.sc-ion-radio-md-h .radio-inner.sc-ion-radio-md{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}/*!@:host(.legacy-radio.radio-disabled),\n:host(.radio-disabled) .label-text-wrapper*/.legacy-radio.radio-disabled.sc-ion-radio-md-h,.radio-disabled.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{opacity:0.38}/*!@:host(.radio-disabled) .native-wrapper*/.radio-disabled.sc-ion-radio-md-h .native-wrapper.sc-ion-radio-md{opacity:0.63}/*!@:host(.ion-focused.legacy-radio) .radio-icon::after*/.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{top:-12px}@supports (inset-inline-start: 0){/*!@:host(.ion-focused.legacy-radio) .radio-icon::after*/.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{inset-inline-start:-12px}}@supports not (inset-inline-start: 0){/*!@:host(.ion-focused.legacy-radio) .radio-icon::after*/.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{left:-12px}/*!@:host-context([dir=rtl]):host(.ion-focused.legacy-radio) .radio-icon::after, :host-context([dir=rtl]).ion-focused.legacy-radio .radio-icon::after*/[dir=rtl].sc-ion-radio-md-h -no-combinator.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after,[dir=rtl] .sc-ion-radio-md-h -no-combinator.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after,[dir=rtl].ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after,[dir=rtl] .ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{left:unset;right:unset;right:-12px}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-md selector(.sc-ion-radio-md:dir(rtl)){.sc-ion-radio-md-h.ion-focused.legacy-radio .radio-icon::after:dir(rtl){left:unset;right:unset;right:-12px}}}/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{border-radius:var(--inner-border-radius);display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #4c8dff);content:\"\";opacity:0.2}/*!@:host(.in-item.legacy-radio)*/.in-item.legacy-radio.sc-ion-radio-md-h{margin-left:0;margin-right:0;margin-top:9px;margin-bottom:9px;display:block;position:static}/*!@:host(.in-item.legacy-radio[slot=start])*/.in-item.legacy-radio[slot=start].sc-ion-radio-md-h{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:36px;margin-inline-end:36px;margin-top:11px;margin-bottom:10px}/*!@.native-wrapper .radio-icon*/.native-wrapper.sc-ion-radio-md .radio-icon.sc-ion-radio-md{width:20px;height:20px}";
|
|
27178
|
+
const radioMdCss = "/*!@:host*/.sc-ion-radio-md-h{--inner-border-radius:50%;display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:100%;min-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(:not(.legacy-radio))*/.sc-ion-radio-md-h:not(.legacy-radio){cursor:pointer}/*!@:host(.radio-disabled)*/.radio-disabled.sc-ion-radio-md-h{pointer-events:none}/*!@.radio-icon*/.radio-icon.sc-ion-radio-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;contain:layout size style}/*!@.radio-icon,\n.radio-inner*/.radio-icon.sc-ion-radio-md,.radio-inner.sc-ion-radio-md{-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}@supports (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-radio) label*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{left:0}/*!@:host-context([dir=rtl]):host(.legacy-radio) label, :host-context([dir=rtl]).legacy-radio label*/[dir=rtl].sc-ion-radio-md-h -no-combinator.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md,[dir=rtl] .sc-ion-radio-md-h -no-combinator.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md,[dir=rtl].legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md,[dir=rtl] .legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-md selector(.sc-ion-radio-md:dir(rtl)){.sc-ion-radio-md-h.legacy-radio label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-radio) label::-moz-focus-inner*/.legacy-radio.sc-ion-radio-md-h label.sc-ion-radio-md::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-radio-md{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@:host(:focus)*/.sc-ion-radio-md-h:focus{outline:none}/*!@:host(.in-item:not(.legacy-radio))*/.in-item.sc-ion-radio-md-h:not(.legacy-radio){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-radio)),\n:host([slot=end]:not(.legacy-radio))*/[slot=start].sc-ion-radio-md-h:not(.legacy-radio),[slot=end].sc-ion-radio-md-h:not(.legacy-radio){width:auto}/*!@.radio-wrapper*/.radio-wrapper.sc-ion-radio-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;min-height:inherit;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-radio-md{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-radio)) .label-text-wrapper*/.in-item.sc-ion-radio-md-h:not(.legacy-radio) .label-text-wrapper.sc-ion-radio-md{margin-top:10px;margin-bottom:10px}/*!@:host(.in-item.radio-label-placement-stacked) .label-text-wrapper*/.in-item.radio-label-placement-stacked.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.radio-label-placement-stacked) .native-wrapper*/.in-item.radio-label-placement-stacked.sc-ion-radio-md-h .native-wrapper.sc-ion-radio-md{margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-radio-md{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-radio-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.radio-justify-space-between) .radio-wrapper*/.radio-justify-space-between.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.radio-justify-start) .radio-wrapper*/.radio-justify-start.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-pack:start;justify-content:start}/*!@:host(.radio-justify-end) .radio-wrapper*/.radio-justify-end.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-pack:end;justify-content:end}/*!@:host(.radio-alignment-start) .radio-wrapper*/.radio-alignment-start.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-align:start;align-items:start}/*!@:host(.radio-alignment-center) .radio-wrapper*/.radio-alignment-center.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-align:center;align-items:center}/*!@:host(.radio-label-placement-start) .radio-wrapper*/.radio-label-placement-start.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.radio-label-placement-start) .label-text-wrapper*/.radio-label-placement-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-end) .radio-wrapper*/.radio-label-placement-end.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.radio-label-placement-end) .label-text-wrapper*/.radio-label-placement-end.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.radio-label-placement-fixed) .label-text-wrapper*/.radio-label-placement-fixed.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px}/*!@:host(.radio-label-placement-stacked) .radio-wrapper*/.radio-label-placement-stacked.sc-ion-radio-md-h .radio-wrapper.sc-ion-radio-md{-ms-flex-direction:column;flex-direction:column}/*!@:host(.radio-label-placement-stacked) .label-text-wrapper*/.radio-label-placement-stacked.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-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(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper*/.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-transform-origin:left top;transform-origin:left top}/*!@:host-context([dir=rtl]):host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper, :host-context([dir=rtl]).radio-label-placement-stacked.radio-alignment-start .label-text-wrapper*/[dir=rtl].sc-ion-radio-md-h -no-combinator.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md,[dir=rtl] .sc-ion-radio-md-h -no-combinator.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md,[dir=rtl].radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md,[dir=rtl] .radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.radio-label-placement-stacked.radio-alignment-start) .label-text-wrapper:dir(rtl)*/.radio-label-placement-stacked.radio-alignment-start.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper*/.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-transform-origin:center top;transform-origin:center top}/*!@:host-context([dir=rtl]):host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper, :host-context([dir=rtl]).radio-label-placement-stacked.radio-alignment-center .label-text-wrapper*/[dir=rtl].sc-ion-radio-md-h -no-combinator.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md,[dir=rtl] .sc-ion-radio-md-h -no-combinator.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md,[dir=rtl].radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md,[dir=rtl] .radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}@supports selector(:dir(rtl)){/*!@:host(.radio-label-placement-stacked.radio-alignment-center) .label-text-wrapper:dir(rtl)*/.radio-label-placement-stacked.radio-alignment-center.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md:dir(rtl){-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}/*!@:host*/.sc-ion-radio-md-h{--color:rgb(var(--ion-text-color-rgb, 0, 0, 0), 0.6);--color-checked:var(--ion-color-primary, #3880ff);--border-width:2px;--border-style:solid;--border-radius:50%}/*!@:host(.legacy-radio)*/.legacy-radio.sc-ion-radio-md-h{width:20px;height:20px}/*!@:host(.ion-color) .radio-inner*/.ion-color.sc-ion-radio-md-h .radio-inner.sc-ion-radio-md{background:var(--ion-color-base)}/*!@:host(.ion-color.radio-checked) .radio-icon*/.ion-color.radio-checked.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md{border-color:var(--ion-color-base)}/*!@.radio-icon*/.radio-icon.sc-ion-radio-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--color)}/*!@.radio-inner*/.radio-inner.sc-ion-radio-md{border-radius:var(--inner-border-radius);width:calc(50% + var(--border-width));height:calc(50% + var(--border-width));-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0);-webkit-transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1);transition:transform 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);background:var(--color-checked)}/*!@:host(.radio-checked) .radio-icon*/.radio-checked.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md{border-color:var(--color-checked)}/*!@:host(.radio-checked) .radio-inner*/.radio-checked.sc-ion-radio-md-h .radio-inner.sc-ion-radio-md{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}/*!@:host(.legacy-radio.radio-disabled),\n:host(.radio-disabled) .label-text-wrapper*/.legacy-radio.radio-disabled.sc-ion-radio-md-h,.radio-disabled.sc-ion-radio-md-h .label-text-wrapper.sc-ion-radio-md{opacity:0.38}/*!@:host(.radio-disabled) .native-wrapper*/.radio-disabled.sc-ion-radio-md-h .native-wrapper.sc-ion-radio-md{opacity:0.63}/*!@:host(.ion-focused.legacy-radio) .radio-icon::after*/.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{top:-12px}@supports (inset-inline-start: 0){/*!@:host(.ion-focused.legacy-radio) .radio-icon::after*/.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{inset-inline-start:-12px}}@supports not (inset-inline-start: 0){/*!@:host(.ion-focused.legacy-radio) .radio-icon::after*/.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{left:-12px}/*!@:host-context([dir=rtl]):host(.ion-focused.legacy-radio) .radio-icon::after, :host-context([dir=rtl]).ion-focused.legacy-radio .radio-icon::after*/[dir=rtl].sc-ion-radio-md-h -no-combinator.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after,[dir=rtl] .sc-ion-radio-md-h -no-combinator.ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after,[dir=rtl].ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after,[dir=rtl] .ion-focused.legacy-radio.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{left:unset;right:unset;right:-12px}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-radio-md selector(.sc-ion-radio-md:dir(rtl)){.sc-ion-radio-md-h.ion-focused.legacy-radio .radio-icon::after:dir(rtl){left:unset;right:unset;right:-12px}}}/*!@:host(.ion-focused) .radio-icon::after*/.ion-focused.sc-ion-radio-md-h .radio-icon.sc-ion-radio-md::after{border-radius:var(--inner-border-radius);display:block;position:absolute;width:36px;height:36px;background:var(--ion-color-primary-tint, #4c8dff);content:\"\";opacity:0.2}/*!@:host(.in-item.legacy-radio)*/.in-item.legacy-radio.sc-ion-radio-md-h{margin-left:0;margin-right:0;margin-top:9px;margin-bottom:9px;display:block;position:static}/*!@:host(.in-item.legacy-radio[slot=start])*/.in-item.legacy-radio[slot=start].sc-ion-radio-md-h{-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:36px;margin-inline-end:36px;margin-top:11px;margin-bottom:10px}/*!@.native-wrapper .radio-icon*/.native-wrapper.sc-ion-radio-md .radio-icon.sc-ion-radio-md{width:20px;height:20px}";
|
|
26857
27179
|
|
|
26858
27180
|
/**
|
|
26859
27181
|
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
@@ -26879,7 +27201,10 @@ class Radio {
|
|
|
26879
27201
|
}
|
|
26880
27202
|
};
|
|
26881
27203
|
this.onClick = () => {
|
|
26882
|
-
const { radioGroup, checked } = this;
|
|
27204
|
+
const { radioGroup, checked, disabled } = this;
|
|
27205
|
+
if (disabled) {
|
|
27206
|
+
return;
|
|
27207
|
+
}
|
|
26883
27208
|
/**
|
|
26884
27209
|
* The legacy control uses a native input inside
|
|
26885
27210
|
* of the radio host, so we can set this.checked
|
|
@@ -26922,6 +27247,7 @@ class Radio {
|
|
|
26922
27247
|
this.labelPlacement = 'start';
|
|
26923
27248
|
this.legacy = undefined;
|
|
26924
27249
|
this.justify = 'space-between';
|
|
27250
|
+
this.alignment = 'center';
|
|
26925
27251
|
}
|
|
26926
27252
|
valueChanged() {
|
|
26927
27253
|
/**
|
|
@@ -26986,7 +27312,7 @@ class Radio {
|
|
|
26986
27312
|
return legacyFormController.hasLegacyControl() ? this.renderLegacyRadio() : this.renderRadio();
|
|
26987
27313
|
}
|
|
26988
27314
|
renderRadio() {
|
|
26989
|
-
const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex } = this;
|
|
27315
|
+
const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
|
|
26990
27316
|
const mode = getIonMode$1(this);
|
|
26991
27317
|
const inItem = hostContext('ion-item', el);
|
|
26992
27318
|
return (hAsync(Host, { onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: createColorClasses$1(color, {
|
|
@@ -26995,6 +27321,7 @@ class Radio {
|
|
|
26995
27321
|
'radio-checked': checked,
|
|
26996
27322
|
'radio-disabled': disabled,
|
|
26997
27323
|
[`radio-justify-${justify}`]: true,
|
|
27324
|
+
[`radio-alignment-${alignment}`]: true,
|
|
26998
27325
|
[`radio-label-placement-${labelPlacement}`]: true,
|
|
26999
27326
|
// Focus and active styling should not apply when the radio is in an item
|
|
27000
27327
|
'ion-activatable': !inItem,
|
|
@@ -27053,6 +27380,7 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
|
|
|
27053
27380
|
"labelPlacement": [1, "label-placement"],
|
|
27054
27381
|
"legacy": [4],
|
|
27055
27382
|
"justify": [1],
|
|
27383
|
+
"alignment": [1],
|
|
27056
27384
|
"checked": [32],
|
|
27057
27385
|
"buttonTabindex": [32],
|
|
27058
27386
|
"setFocus": [64],
|
|
@@ -27097,7 +27425,7 @@ class RadioGroup {
|
|
|
27097
27425
|
* using the `name` attribute.
|
|
27098
27426
|
*/
|
|
27099
27427
|
const selectedRadio = ev.target && ev.target.closest('ion-radio');
|
|
27100
|
-
if (selectedRadio) {
|
|
27428
|
+
if (selectedRadio && selectedRadio.disabled === false) {
|
|
27101
27429
|
const currentValue = this.value;
|
|
27102
27430
|
const newValue = selectedRadio.value;
|
|
27103
27431
|
if (newValue !== currentValue) {
|
|
@@ -27262,9 +27590,9 @@ function roundToMaxDecimalPlaces(n, ...references) {
|
|
|
27262
27590
|
return Number(n.toFixed(maxPlaces));
|
|
27263
27591
|
}
|
|
27264
27592
|
|
|
27265
|
-
const rangeIosCss = "/*!@:host*/.sc-ion-range-ios-h{--knob-handle-size:calc(var(--knob-size) * 2);display:-ms-flexbox;display:flex;position:relative;-ms-flex:3;flex:3;-ms-flex-align:center;align-items:center;font-family:var(--ion-font-family, inherit);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.range-disabled)*/.range-disabled.sc-ion-range-ios-h{pointer-events:none}/*!@::slotted(ion-label)*/.sc-ion-range-ios-s>ion-label{-ms-flex:initial;flex:initial}/*!@::slotted(ion-icon[slot])*/.sc-ion-range-ios-s>ion-icon[slot]{font-size:24px}/*!@.range-slider*/.range-slider.sc-ion-range-ios{position:relative;-ms-flex:1;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y}/*!@:host(.range-pressed) .range-slider*/.range-pressed.sc-ion-range-ios-h .range-slider.sc-ion-range-ios{cursor:-webkit-grabbing;cursor:grabbing}/*!@.range-pin*/.range-pin.sc-ion-range-ios{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-ios{top:calc((var(--height) - var(--knob-handle-size)) / 2);-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2);position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}@supports (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-ios{left:0}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-ios .range-knob-handle.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-ios selector(.sc-ion-range-ios:dir(rtl)){.range-knob-handle:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios{left:unset}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-ios .range-knob-handle.sc-ion-range-ios{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob-handle:dir(rtl)*/.range-knob-handle.sc-ion-range-ios:dir(rtl){left:unset}}/*!@.range-knob-handle:active, .range-knob-handle:focus*/.range-knob-handle.sc-ion-range-ios:active,.range-knob-handle.sc-ion-range-ios:focus{outline:none}/*!@.range-bar-container*/.range-bar-container.sc-ion-range-ios{border-radius:var(--bar-border-radius);top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height)}@supports (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-ios{left:0}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-ios .range-bar-container.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-ios selector(.sc-ion-range-ios:dir(rtl)){.range-bar-container:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios{left:unset}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-ios .range-bar-container.sc-ion-range-ios{left:unset}@supports selector(:dir(rtl)){/*!@.range-bar-container:dir(rtl)*/.range-bar-container.sc-ion-range-ios:dir(rtl){left:unset}}/*!@.range-bar*/.range-bar.sc-ion-range-ios{border-radius:var(--bar-border-radius);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}/*!@.range-knob*/.range-knob.sc-ion-range-ios{border-radius:var(--knob-border-radius);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);-webkit-box-shadow:var(--knob-box-shadow);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}@supports (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-ios{inset-inline-start:calc(50% - var(--knob-size) / 2)}}@supports not (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-ios{left:calc(50% - var(--knob-size) / 2)}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-ios-h .range-knob.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob.sc-ion-range-ios{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-ios .range-knob.sc-ion-range-ios{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-ios selector(.sc-ion-range-ios:dir(rtl)){.range-knob:dir(rtl){left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}}}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-ios-h .range-knob.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob.sc-ion-range-ios{left:unset}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-ios .range-knob.sc-ion-range-ios{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob:dir(rtl)*/.range-knob.sc-ion-range-ios:dir(rtl){left:unset}}/*!@:host(.range-pressed) .range-bar-active*/.range-pressed.sc-ion-range-ios-h .range-bar-active.sc-ion-range-ios{will-change:left, right}/*!@:host(.in-item)*/.in-item.sc-ion-range-ios-h{width:100%}/*!@:host([slot=start]),\n:host([slot=end])*/[slot=start].sc-ion-range-ios-h,[slot=end].sc-ion-range-ios-h{width:auto}/*!@:host(.in-item) ::slotted(ion-label)*/.sc-ion-range-ios-h.in-item .sc-ion-range-ios-s>ion-label{-ms-flex-item-align:center;align-self:center}/*!@.range-wrapper*/.range-wrapper.sc-ion-range-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit}/*!@::slotted([slot=label])*/.sc-ion-range-ios-s>[slot=label]{max-width:200px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-range-ios{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-range-ios{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}/*!@:host(.range-label-placement-start) .range-wrapper*/.range-label-placement-start.sc-ion-range-ios-h .range-wrapper.sc-ion-range-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.range-label-placement-start) .label-text-wrapper*/.range-label-placement-start.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-end) .range-wrapper*/.range-label-placement-end.sc-ion-range-ios-h .range-wrapper.sc-ion-range-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.range-label-placement-end) .label-text-wrapper*/.range-label-placement-end.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host*/.sc-ion-range-ios-h{--knob-border-radius:50%;--knob-background:#ffffff;--knob-box-shadow:0px 0.5px 4px rgba(0, 0, 0, 0.12), 0px 6px 13px rgba(0, 0, 0, 0.12);--knob-size:26px;--bar-height:4px;--bar-background:var(--ion-color-step-900, #e6e6e6);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:2px;--height:42px}/*!@:host(.legacy-range)*/.legacy-range.sc-ion-range-ios-h{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}/*!@:host(.ion-color) .range-bar-active,\n:host(.ion-color) .range-tick-active*/.ion-color.sc-ion-range-ios-h .range-bar-active.sc-ion-range-ios,.ion-color.sc-ion-range-ios-h .range-tick-active.sc-ion-range-ios{background:var(--ion-color-base)}/*!@::slotted([slot=start])*/.sc-ion-range-ios-s>[slot=start]{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@::slotted([slot=end])*/.sc-ion-range-ios-s>[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-has-pin)*/.range-has-pin.sc-ion-range-ios-h{padding-top:20px}/*!@.range-bar-active*/.range-bar-active.sc-ion-range-ios{bottom:0;width:auto;background:var(--bar-background-active)}/*!@.range-bar-active.has-ticks*/.range-bar-active.has-ticks.sc-ion-range-ios{border-radius:0;-webkit-margin-start:-2px;margin-inline-start:-2px;-webkit-margin-end:-2px;margin-inline-end:-2px}/*!@.range-tick*/.range-tick.sc-ion-range-ios{-webkit-margin-start:-2px;margin-inline-start:-2px;border-radius:0;position:absolute;top:17px;width:4px;height:8px;background:var(--ion-color-step-900, #e6e6e6);pointer-events:none}/*!@.range-tick-active*/.range-tick-active.sc-ion-range-ios{background:var(--bar-background-active)}/*!@.range-pin*/.range-pin.sc-ion-range-ios{-webkit-transform:translate3d(0, 28px, 0) scale(0.01);transform:translate3d(0, 28px, 0) scale(0.01);-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;display:inline-block;position:relative;top:-20px;min-width:28px;-webkit-transition:-webkit-transform 120ms ease;transition:-webkit-transform 120ms ease;transition:transform 120ms ease;transition:transform 120ms ease, -webkit-transform 120ms ease;background:transparent;color:var(--ion-text-color, #000);font-size:12px;text-align:center}/*!@.range-knob-pressed .range-pin,\n.range-knob-handle.ion-focused .range-pin*/.range-knob-pressed.sc-ion-range-ios .range-pin.sc-ion-range-ios,.range-knob-handle.ion-focused.sc-ion-range-ios .range-pin.sc-ion-range-ios{-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}/*!@:host(.range-disabled)*/.range-disabled.sc-ion-range-ios-h{opacity:0.3}";
|
|
27593
|
+
const rangeIosCss = "/*!@:host*/.sc-ion-range-ios-h{--knob-handle-size:calc(var(--knob-size) * 2);display:-ms-flexbox;display:flex;position:relative;-ms-flex:3;flex:3;-ms-flex-align:center;align-items:center;font-family:var(--ion-font-family, inherit);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.range-disabled)*/.range-disabled.sc-ion-range-ios-h{pointer-events:none}/*!@::slotted(ion-label)*/.sc-ion-range-ios-s>ion-label{-ms-flex:initial;flex:initial}/*!@::slotted(ion-icon[slot])*/.sc-ion-range-ios-s>ion-icon[slot]{font-size:24px}/*!@.range-slider*/.range-slider.sc-ion-range-ios{position:relative;-ms-flex:1;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y}/*!@:host(.range-pressed) .range-slider*/.range-pressed.sc-ion-range-ios-h .range-slider.sc-ion-range-ios{cursor:-webkit-grabbing;cursor:grabbing}/*!@.range-pin*/.range-pin.sc-ion-range-ios{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-ios{top:calc((var(--height) - var(--knob-handle-size)) / 2);-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2);position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}@supports (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-ios{left:0}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-ios .range-knob-handle.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-ios selector(.sc-ion-range-ios:dir(rtl)){.range-knob-handle:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob-handle.sc-ion-range-ios{left:unset}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-ios .range-knob-handle.sc-ion-range-ios{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob-handle:dir(rtl)*/.range-knob-handle.sc-ion-range-ios:dir(rtl){left:unset}}/*!@.range-knob-handle:active, .range-knob-handle:focus*/.range-knob-handle.sc-ion-range-ios:active,.range-knob-handle.sc-ion-range-ios:focus{outline:none}/*!@.range-bar-container*/.range-bar-container.sc-ion-range-ios{border-radius:var(--bar-border-radius);top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height)}@supports (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-ios{left:0}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-ios .range-bar-container.sc-ion-range-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-ios selector(.sc-ion-range-ios:dir(rtl)){.range-bar-container:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-bar-container.sc-ion-range-ios{left:unset}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-ios .range-bar-container.sc-ion-range-ios{left:unset}@supports selector(:dir(rtl)){/*!@.range-bar-container:dir(rtl)*/.range-bar-container.sc-ion-range-ios:dir(rtl){left:unset}}/*!@.range-bar*/.range-bar.sc-ion-range-ios{border-radius:var(--bar-border-radius);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}/*!@.range-knob*/.range-knob.sc-ion-range-ios{border-radius:var(--knob-border-radius);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);-webkit-box-shadow:var(--knob-box-shadow);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}@supports (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-ios{inset-inline-start:calc(50% - var(--knob-size) / 2)}}@supports not (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-ios{left:calc(50% - var(--knob-size) / 2)}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-ios-h .range-knob.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob.sc-ion-range-ios{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-ios .range-knob.sc-ion-range-ios{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-ios selector(.sc-ion-range-ios:dir(rtl)){.range-knob:dir(rtl){left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}}}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-ios-h .range-knob.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h .range-knob.sc-ion-range-ios{left:unset}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-ios .range-knob.sc-ion-range-ios{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob:dir(rtl)*/.range-knob.sc-ion-range-ios:dir(rtl){left:unset}}/*!@:host(.range-pressed) .range-bar-active*/.range-pressed.sc-ion-range-ios-h .range-bar-active.sc-ion-range-ios{will-change:left, right}/*!@:host(.in-item)*/.in-item.sc-ion-range-ios-h{width:100%}/*!@:host([slot=start]),\n:host([slot=end])*/[slot=start].sc-ion-range-ios-h,[slot=end].sc-ion-range-ios-h{width:auto}/*!@:host(.in-item) ::slotted(ion-label)*/.sc-ion-range-ios-h.in-item .sc-ion-range-ios-s>ion-label{-ms-flex-item-align:center;align-self:center}/*!@.range-wrapper*/.range-wrapper.sc-ion-range-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit}/*!@::slotted([slot=label])*/.sc-ion-range-ios-s>[slot=label]{max-width:200px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-range-ios{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-range-ios{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}/*!@:host(.range-label-placement-start) .range-wrapper*/.range-label-placement-start.sc-ion-range-ios-h .range-wrapper.sc-ion-range-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.range-label-placement-start) .label-text-wrapper*/.range-label-placement-start.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-end) .range-wrapper*/.range-label-placement-end.sc-ion-range-ios-h .range-wrapper.sc-ion-range-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.range-label-placement-end) .label-text-wrapper*/.range-label-placement-end.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.range-label-placement-stacked) .range-wrapper*/.range-label-placement-stacked.sc-ion-range-ios-h .range-wrapper.sc-ion-range-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}/*!@:host(.range-label-placement-stacked) .label-text-wrapper*/.range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-transform-origin:left top;transform-origin:left top;-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-context([dir=rtl]):host(.range-label-placement-stacked) .label-text-wrapper, :host-context([dir=rtl]).range-label-placement-stacked .label-text-wrapper*/[dir=rtl].sc-ion-range-ios-h -no-combinator.range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios,[dir=rtl] .sc-ion-range-ios-h -no-combinator.range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios,[dir=rtl].range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios,[dir=rtl] .range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.range-label-placement-stacked) .label-text-wrapper:dir(rtl)*/.range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.in-item.range-label-placement-stacked) .label-text-wrapper*/.in-item.range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.range-label-placement-stacked) .native-wrapper*/.in-item.range-label-placement-stacked.sc-ion-range-ios-h .native-wrapper.sc-ion-range-ios{margin-bottom:0px}/*!@:host*/.sc-ion-range-ios-h{--knob-border-radius:50%;--knob-background:#ffffff;--knob-box-shadow:0px 0.5px 4px rgba(0, 0, 0, 0.12), 0px 6px 13px rgba(0, 0, 0, 0.12);--knob-size:26px;--bar-height:4px;--bar-background:var(--ion-color-step-900, #e6e6e6);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:2px;--height:42px}/*!@:host(.legacy-range)*/.legacy-range.sc-ion-range-ios-h{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:8px;padding-bottom:8px}/*!@:host(.range-item-start-adjustment)*/.range-item-start-adjustment.sc-ion-range-ios-h{-webkit-padding-start:24px;padding-inline-start:24px}/*!@:host(.range-item-end-adjustment)*/.range-item-end-adjustment.sc-ion-range-ios-h{-webkit-padding-end:24px;padding-inline-end:24px}/*!@:host(.ion-color) .range-bar-active,\n:host(.ion-color) .range-tick-active*/.ion-color.sc-ion-range-ios-h .range-bar-active.sc-ion-range-ios,.ion-color.sc-ion-range-ios-h .range-tick-active.sc-ion-range-ios{background:var(--ion-color-base)}/*!@::slotted([slot=start])*/.sc-ion-range-ios-s>[slot=start]{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@::slotted([slot=end])*/.sc-ion-range-ios-s>[slot=end]{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-has-pin:not(.range-label-placement-stacked))*/.range-has-pin.sc-ion-range-ios-h:not(.range-label-placement-stacked){padding-top:20px}/*!@:host(.range-has-pin.range-label-placement-stacked) .label-text-wrapper*/.range-has-pin.range-label-placement-stacked.sc-ion-range-ios-h .label-text-wrapper.sc-ion-range-ios{margin-bottom:20px}/*!@.range-bar-active*/.range-bar-active.sc-ion-range-ios{bottom:0;width:auto;background:var(--bar-background-active)}/*!@.range-bar-active.has-ticks*/.range-bar-active.has-ticks.sc-ion-range-ios{border-radius:0;-webkit-margin-start:-2px;margin-inline-start:-2px;-webkit-margin-end:-2px;margin-inline-end:-2px}/*!@.range-tick*/.range-tick.sc-ion-range-ios{-webkit-margin-start:-2px;margin-inline-start:-2px;border-radius:0;position:absolute;top:17px;width:4px;height:8px;background:var(--ion-color-step-900, #e6e6e6);pointer-events:none}/*!@.range-tick-active*/.range-tick-active.sc-ion-range-ios{background:var(--bar-background-active)}/*!@.range-pin*/.range-pin.sc-ion-range-ios{-webkit-transform:translate3d(0, 28px, 0) scale(0.01);transform:translate3d(0, 28px, 0) scale(0.01);-webkit-padding-start:8px;padding-inline-start:8px;-webkit-padding-end:8px;padding-inline-end:8px;padding-top:8px;padding-bottom:8px;display:inline-block;position:relative;top:-20px;min-width:28px;-webkit-transition:-webkit-transform 120ms ease;transition:-webkit-transform 120ms ease;transition:transform 120ms ease;transition:transform 120ms ease, -webkit-transform 120ms ease;background:transparent;color:var(--ion-text-color, #000);font-size:12px;text-align:center}/*!@.range-knob-pressed .range-pin,\n.range-knob-handle.ion-focused .range-pin*/.range-knob-pressed.sc-ion-range-ios .range-pin.sc-ion-range-ios,.range-knob-handle.ion-focused.sc-ion-range-ios .range-pin.sc-ion-range-ios{-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)}/*!@:host(.range-disabled)*/.range-disabled.sc-ion-range-ios-h{opacity:0.3}";
|
|
27266
27594
|
|
|
27267
|
-
const rangeMdCss = "/*!@:host*/.sc-ion-range-md-h{--knob-handle-size:calc(var(--knob-size) * 2);display:-ms-flexbox;display:flex;position:relative;-ms-flex:3;flex:3;-ms-flex-align:center;align-items:center;font-family:var(--ion-font-family, inherit);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.range-disabled)*/.range-disabled.sc-ion-range-md-h{pointer-events:none}/*!@::slotted(ion-label)*/.sc-ion-range-md-s>ion-label{-ms-flex:initial;flex:initial}/*!@::slotted(ion-icon[slot])*/.sc-ion-range-md-s>ion-icon[slot]{font-size:24px}/*!@.range-slider*/.range-slider.sc-ion-range-md{position:relative;-ms-flex:1;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y}/*!@:host(.range-pressed) .range-slider*/.range-pressed.sc-ion-range-md-h .range-slider.sc-ion-range-md{cursor:-webkit-grabbing;cursor:grabbing}/*!@.range-pin*/.range-pin.sc-ion-range-md{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-md{top:calc((var(--height) - var(--knob-handle-size)) / 2);-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2);position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}@supports (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-md{left:0}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-md-h .range-knob-handle.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob-handle.sc-ion-range-md{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-md .range-knob-handle.sc-ion-range-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-knob-handle:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-md-h .range-knob-handle.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob-handle.sc-ion-range-md{left:unset}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-md .range-knob-handle.sc-ion-range-md{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob-handle:dir(rtl)*/.range-knob-handle.sc-ion-range-md:dir(rtl){left:unset}}/*!@.range-knob-handle:active, .range-knob-handle:focus*/.range-knob-handle.sc-ion-range-md:active,.range-knob-handle.sc-ion-range-md:focus{outline:none}/*!@.range-bar-container*/.range-bar-container.sc-ion-range-md{border-radius:var(--bar-border-radius);top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height)}@supports (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-md{left:0}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-md-h .range-bar-container.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-bar-container.sc-ion-range-md{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-md .range-bar-container.sc-ion-range-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-bar-container:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-md-h .range-bar-container.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-bar-container.sc-ion-range-md{left:unset}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-md .range-bar-container.sc-ion-range-md{left:unset}@supports selector(:dir(rtl)){/*!@.range-bar-container:dir(rtl)*/.range-bar-container.sc-ion-range-md:dir(rtl){left:unset}}/*!@.range-bar*/.range-bar.sc-ion-range-md{border-radius:var(--bar-border-radius);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}/*!@.range-knob*/.range-knob.sc-ion-range-md{border-radius:var(--knob-border-radius);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);-webkit-box-shadow:var(--knob-box-shadow);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}@supports (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-md{inset-inline-start:calc(50% - var(--knob-size) / 2)}}@supports not (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-md{left:calc(50% - var(--knob-size) / 2)}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-md-h .range-knob.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob.sc-ion-range-md{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-md .range-knob.sc-ion-range-md{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-knob:dir(rtl){left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}}}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-md-h .range-knob.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob.sc-ion-range-md{left:unset}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-md .range-knob.sc-ion-range-md{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob:dir(rtl)*/.range-knob.sc-ion-range-md:dir(rtl){left:unset}}/*!@:host(.range-pressed) .range-bar-active*/.range-pressed.sc-ion-range-md-h .range-bar-active.sc-ion-range-md{will-change:left, right}/*!@:host(.in-item)*/.in-item.sc-ion-range-md-h{width:100%}/*!@:host([slot=start]),\n:host([slot=end])*/[slot=start].sc-ion-range-md-h,[slot=end].sc-ion-range-md-h{width:auto}/*!@:host(.in-item) ::slotted(ion-label)*/.sc-ion-range-md-h.in-item .sc-ion-range-md-s>ion-label{-ms-flex-item-align:center;align-self:center}/*!@.range-wrapper*/.range-wrapper.sc-ion-range-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit}/*!@::slotted([slot=label])*/.sc-ion-range-md-s>[slot=label]{max-width:200px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-range-md{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-range-md{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}/*!@:host(.range-label-placement-start) .range-wrapper*/.range-label-placement-start.sc-ion-range-md-h .range-wrapper.sc-ion-range-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.range-label-placement-start) .label-text-wrapper*/.range-label-placement-start.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-end) .range-wrapper*/.range-label-placement-end.sc-ion-range-md-h .range-wrapper.sc-ion-range-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.range-label-placement-end) .label-text-wrapper*/.range-label-placement-end.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host*/.sc-ion-range-md-h{--knob-border-radius:50%;--knob-background:var(--bar-background-active);--knob-box-shadow:none;--knob-size:18px;--bar-height:2px;--bar-background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.26);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:0;--height:42px;--pin-background:var(--ion-color-primary, #3880ff);--pin-color:var(--ion-color-primary-contrast, #fff);font-size:12px}/*!@::slotted([slot=label]), .label-text*/.sc-ion-range-md-s>[slot=label],.label-text.sc-ion-range-md{font-size:initial}/*!@:host(.legacy-range)*/.legacy-range.sc-ion-range-md-h{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:8px;padding-bottom:8px}/*!@:host(.ion-color) .range-bar*/.ion-color.sc-ion-range-md-h .range-bar.sc-ion-range-md{background:rgba(var(--ion-color-base-rgb), 0.26)}/*!@:host(.ion-color) .range-bar-active,\n:host(.ion-color) .range-knob,\n:host(.ion-color) .range-knob::before,\n:host(.ion-color) .range-pin,\n:host(.ion-color) .range-pin::before,\n:host(.ion-color) .range-tick*/.ion-color.sc-ion-range-md-h .range-bar-active.sc-ion-range-md,.ion-color.sc-ion-range-md-h .range-knob.sc-ion-range-md,.ion-color.sc-ion-range-md-h .range-knob.sc-ion-range-md::before,.ion-color.sc-ion-range-md-h .range-pin.sc-ion-range-md,.ion-color.sc-ion-range-md-h .range-pin.sc-ion-range-md::before,.ion-color.sc-ion-range-md-h .range-tick.sc-ion-range-md{background:var(--ion-color-base);color:var(--ion-color-contrast)}/*!@::slotted([slot=start])*/.sc-ion-range-md-s>[slot=start]{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0}/*!@::slotted([slot=end])*/.sc-ion-range-md-s>[slot=end]{-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-has-pin)*/.range-has-pin.sc-ion-range-md-h{padding-top:28px}/*!@.range-bar-active*/.range-bar-active.sc-ion-range-md{bottom:0;width:auto;background:var(--bar-background-active)}/*!@.range-knob*/.range-knob.sc-ion-range-md{-webkit-transform:scale(0.67);transform:scale(0.67);-webkit-transition-duration:120ms;transition-duration:120ms;-webkit-transition-property:background-color, border, -webkit-transform;transition-property:background-color, border, -webkit-transform;transition-property:transform, background-color, border;transition-property:transform, background-color, border, -webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;z-index:2}/*!@.range-knob::before*/.range-knob.sc-ion-range-md::before{border-radius:50%;position:absolute;width:var(--knob-size);height:var(--knob-size);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:0.267s cubic-bezier(0, 0, 0.58, 1);transition:0.267s cubic-bezier(0, 0, 0.58, 1);background:var(--knob-background);content:\"\";opacity:0.13;pointer-events:none}@supports (inset-inline-start: 0){/*!@.range-knob::before*/.range-knob.sc-ion-range-md::before{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-knob::before*/.range-knob.sc-ion-range-md::before{left:0}/*!@:host-context([dir=rtl]) .range-knob::before*/[dir=rtl].sc-ion-range-md-h .range-knob.sc-ion-range-md::before,[dir=rtl] .sc-ion-range-md-h .range-knob.sc-ion-range-md::before{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-knob::before*/[dir=rtl].sc-ion-range-md .range-knob.sc-ion-range-md::before{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-knob::before:dir(rtl){left:unset;right:unset;right:0}}}/*!@.range-tick*/.range-tick.sc-ion-range-md{position:absolute;top:calc((var(--height) - var(--bar-height)) / 2);width:var(--bar-height);height:var(--bar-height);background:var(--bar-background-active);z-index:1;pointer-events:none}/*!@.range-tick-active*/.range-tick-active.sc-ion-range-md{background:transparent}/*!@.range-pin*/.range-pin.sc-ion-range-md{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;border-radius:50%;-webkit-transform:translate3d(0, 0, 0) scale(0.01);transform:translate3d(0, 0, 0) scale(0.01);display:inline-block;position:relative;min-width:28px;height:28px;-webkit-transition:background 120ms ease, -webkit-transform 120ms ease;transition:background 120ms ease, -webkit-transform 120ms ease;transition:transform 120ms ease, background 120ms ease;transition:transform 120ms ease, background 120ms ease, -webkit-transform 120ms ease;background:var(--pin-background);color:var(--pin-color);text-align:center}/*!@.range-pin::before*/.range-pin.sc-ion-range-md::before{top:3px;-webkit-margin-start:-13px;margin-inline-start:-13px;border-radius:50% 50% 50% 0;position:absolute;width:26px;height:26px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 120ms ease;transition:background 120ms ease;background:var(--pin-background);content:\"\";z-index:-1}@supports (inset-inline-start: 0){/*!@.range-pin::before*/.range-pin.sc-ion-range-md::before{inset-inline-start:50%}}@supports not (inset-inline-start: 0){/*!@.range-pin::before*/.range-pin.sc-ion-range-md::before{left:50%}/*!@:host-context([dir=rtl]) .range-pin::before*/[dir=rtl].sc-ion-range-md-h .range-pin.sc-ion-range-md::before,[dir=rtl] .sc-ion-range-md-h .range-pin.sc-ion-range-md::before{left:unset;right:unset;right:50%}/*!@[dir=rtl] .range-pin::before*/[dir=rtl].sc-ion-range-md .range-pin.sc-ion-range-md::before{left:unset;right:unset;right:50%}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-pin::before:dir(rtl){left:unset;right:unset;right:50%}}}/*!@:host-context([dir=rtl]) .range-pin::before*/[dir=rtl].sc-ion-range-md-h .range-pin.sc-ion-range-md::before,[dir=rtl] .sc-ion-range-md-h .range-pin.sc-ion-range-md::before{left:unset}/*!@[dir=rtl] .range-pin::before*/[dir=rtl].sc-ion-range-md .range-pin.sc-ion-range-md::before{left:unset}@supports selector(:dir(rtl)){/*!@.range-pin::before:dir(rtl)*/.range-pin.sc-ion-range-md::before:dir(rtl){left:unset}}/*!@.range-knob-pressed .range-pin,\n.range-knob-handle.ion-focused .range-pin*/.range-knob-pressed.sc-ion-range-md .range-pin.sc-ion-range-md,.range-knob-handle.ion-focused.sc-ion-range-md .range-pin.sc-ion-range-md{-webkit-transform:translate3d(0, -24px, 0) scale(1);transform:translate3d(0, -24px, 0) scale(1)}@media (any-hover: hover){/*!@.range-knob-handle:hover .range-knob:before*/.range-knob-handle.sc-ion-range-md:hover .range-knob.sc-ion-range-md:before{-webkit-transform:scale(2);transform:scale(2);opacity:0.13}}/*!@.range-knob-handle.ion-activated .range-knob:before, .range-knob-handle.ion-focused .range-knob:before, .range-knob-handle.range-knob-pressed .range-knob:before*/.range-knob-handle.ion-activated.sc-ion-range-md .range-knob.sc-ion-range-md:before,.range-knob-handle.ion-focused.sc-ion-range-md .range-knob.sc-ion-range-md:before,.range-knob-handle.range-knob-pressed.sc-ion-range-md .range-knob.sc-ion-range-md:before{-webkit-transform:scale(2);transform:scale(2)}/*!@.range-knob-handle.ion-focused .range-knob::before*/.range-knob-handle.ion-focused.sc-ion-range-md .range-knob.sc-ion-range-md::before{opacity:0.13}/*!@.range-knob-handle.ion-activated .range-knob::before, .range-knob-handle.range-knob-pressed .range-knob::before*/.range-knob-handle.ion-activated.sc-ion-range-md .range-knob.sc-ion-range-md::before,.range-knob-handle.range-knob-pressed.sc-ion-range-md .range-knob.sc-ion-range-md::before{opacity:0.25}/*!@:host(:not(.range-has-pin)) .range-knob-pressed .range-knob,\n:host(:not(.range-has-pin)) .range-knob-handle.ion-focused .range-knob*/.sc-ion-range-md-h:not(.range-has-pin) .range-knob-pressed.sc-ion-range-md .range-knob.sc-ion-range-md,.sc-ion-range-md-h:not(.range-has-pin) .range-knob-handle.ion-focused.sc-ion-range-md .range-knob.sc-ion-range-md{-webkit-transform:scale(1);transform:scale(1)}/*!@:host(.range-disabled) .range-bar-active,\n:host(.range-disabled) .range-bar,\n:host(.range-disabled) .range-tick*/.range-disabled.sc-ion-range-md-h .range-bar-active.sc-ion-range-md,.range-disabled.sc-ion-range-md-h .range-bar.sc-ion-range-md,.range-disabled.sc-ion-range-md-h .range-tick.sc-ion-range-md{background-color:var(--ion-color-step-250, #bfbfbf)}/*!@:host(.range-disabled) .range-knob*/.range-disabled.sc-ion-range-md-h .range-knob.sc-ion-range-md{-webkit-transform:scale(0.55);transform:scale(0.55);outline:5px solid #fff;background-color:var(--ion-color-step-250, #bfbfbf)}/*!@:host(.range-disabled) .label-text-wrapper,\n:host(.range-disabled) ::slotted([slot=start]),\n:host(.range-disabled) ::slotted([slot=end])*/.range-disabled.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md,.sc-ion-range-md-h.range-disabled .sc-ion-range-md-s>[slot=start],.sc-ion-range-md-h.range-disabled .sc-ion-range-md-s>[slot=end]{opacity:0.38}";
|
|
27595
|
+
const rangeMdCss = "/*!@:host*/.sc-ion-range-md-h{--knob-handle-size:calc(var(--knob-size) * 2);display:-ms-flexbox;display:flex;position:relative;-ms-flex:3;flex:3;-ms-flex-align:center;align-items:center;font-family:var(--ion-font-family, inherit);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.range-disabled)*/.range-disabled.sc-ion-range-md-h{pointer-events:none}/*!@::slotted(ion-label)*/.sc-ion-range-md-s>ion-label{-ms-flex:initial;flex:initial}/*!@::slotted(ion-icon[slot])*/.sc-ion-range-md-s>ion-icon[slot]{font-size:24px}/*!@.range-slider*/.range-slider.sc-ion-range-md{position:relative;-ms-flex:1;flex:1;width:100%;height:var(--height);contain:size layout style;cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y}/*!@:host(.range-pressed) .range-slider*/.range-pressed.sc-ion-range-md-h .range-slider.sc-ion-range-md{cursor:-webkit-grabbing;cursor:grabbing}/*!@.range-pin*/.range-pin.sc-ion-range-md{position:absolute;background:var(--ion-color-base);color:var(--ion-color-contrast);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-md{top:calc((var(--height) - var(--knob-handle-size)) / 2);-webkit-margin-start:calc(0px - var(--knob-handle-size) / 2);margin-inline-start:calc(0px - var(--knob-handle-size) / 2);position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}@supports (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-knob-handle*/.range-knob-handle.sc-ion-range-md{left:0}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-md-h .range-knob-handle.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob-handle.sc-ion-range-md{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-md .range-knob-handle.sc-ion-range-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-knob-handle:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-knob-handle*/[dir=rtl].sc-ion-range-md-h .range-knob-handle.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob-handle.sc-ion-range-md{left:unset}/*!@[dir=rtl] .range-knob-handle*/[dir=rtl].sc-ion-range-md .range-knob-handle.sc-ion-range-md{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob-handle:dir(rtl)*/.range-knob-handle.sc-ion-range-md:dir(rtl){left:unset}}/*!@.range-knob-handle:active, .range-knob-handle:focus*/.range-knob-handle.sc-ion-range-md:active,.range-knob-handle.sc-ion-range-md:focus{outline:none}/*!@.range-bar-container*/.range-bar-container.sc-ion-range-md{border-radius:var(--bar-border-radius);top:calc((var(--height) - var(--bar-height)) / 2);position:absolute;width:100%;height:var(--bar-height)}@supports (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-bar-container*/.range-bar-container.sc-ion-range-md{left:0}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-md-h .range-bar-container.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-bar-container.sc-ion-range-md{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-md .range-bar-container.sc-ion-range-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-bar-container:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host-context([dir=rtl]) .range-bar-container*/[dir=rtl].sc-ion-range-md-h .range-bar-container.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-bar-container.sc-ion-range-md{left:unset}/*!@[dir=rtl] .range-bar-container*/[dir=rtl].sc-ion-range-md .range-bar-container.sc-ion-range-md{left:unset}@supports selector(:dir(rtl)){/*!@.range-bar-container:dir(rtl)*/.range-bar-container.sc-ion-range-md:dir(rtl){left:unset}}/*!@.range-bar*/.range-bar.sc-ion-range-md{border-radius:var(--bar-border-radius);position:absolute;width:100%;height:var(--bar-height);background:var(--bar-background);pointer-events:none}/*!@.range-knob*/.range-knob.sc-ion-range-md{border-radius:var(--knob-border-radius);top:calc(50% - var(--knob-size) / 2);position:absolute;width:var(--knob-size);height:var(--knob-size);background:var(--knob-background);-webkit-box-shadow:var(--knob-box-shadow);box-shadow:var(--knob-box-shadow);z-index:2;pointer-events:none}@supports (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-md{inset-inline-start:calc(50% - var(--knob-size) / 2)}}@supports not (inset-inline-start: 0){/*!@.range-knob*/.range-knob.sc-ion-range-md{left:calc(50% - var(--knob-size) / 2)}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-md-h .range-knob.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob.sc-ion-range-md{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-md .range-knob.sc-ion-range-md{left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-knob:dir(rtl){left:unset;right:unset;right:calc(50% - var(--knob-size) / 2)}}}/*!@:host-context([dir=rtl]) .range-knob*/[dir=rtl].sc-ion-range-md-h .range-knob.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h .range-knob.sc-ion-range-md{left:unset}/*!@[dir=rtl] .range-knob*/[dir=rtl].sc-ion-range-md .range-knob.sc-ion-range-md{left:unset}@supports selector(:dir(rtl)){/*!@.range-knob:dir(rtl)*/.range-knob.sc-ion-range-md:dir(rtl){left:unset}}/*!@:host(.range-pressed) .range-bar-active*/.range-pressed.sc-ion-range-md-h .range-bar-active.sc-ion-range-md{will-change:left, right}/*!@:host(.in-item)*/.in-item.sc-ion-range-md-h{width:100%}/*!@:host([slot=start]),\n:host([slot=end])*/[slot=start].sc-ion-range-md-h,[slot=end].sc-ion-range-md-h{width:auto}/*!@:host(.in-item) ::slotted(ion-label)*/.sc-ion-range-md-h.in-item .sc-ion-range-md-s>ion-label{-ms-flex-item-align:center;align-self:center}/*!@.range-wrapper*/.range-wrapper.sc-ion-range-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit}/*!@::slotted([slot=label])*/.sc-ion-range-md-s>[slot=label]{max-width:200px;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-range-md{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-range-md{display:-ms-flexbox;display:flex;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}/*!@:host(.range-label-placement-start) .range-wrapper*/.range-label-placement-start.sc-ion-range-md-h .range-wrapper.sc-ion-range-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.range-label-placement-start) .label-text-wrapper*/.range-label-placement-start.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-end) .range-wrapper*/.range-label-placement-end.sc-ion-range-md-h .range-wrapper.sc-ion-range-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.range-label-placement-end) .label-text-wrapper*/.range-label-placement-end.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}/*!@:host(.range-label-placement-fixed) .label-text-wrapper*/.range-label-placement-fixed.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.range-label-placement-stacked) .range-wrapper*/.range-label-placement-stacked.sc-ion-range-md-h .range-wrapper.sc-ion-range-md{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:stretch;align-items:stretch}/*!@:host(.range-label-placement-stacked) .label-text-wrapper*/.range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-transform-origin:left top;transform-origin:left top;-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-context([dir=rtl]):host(.range-label-placement-stacked) .label-text-wrapper, :host-context([dir=rtl]).range-label-placement-stacked .label-text-wrapper*/[dir=rtl].sc-ion-range-md-h -no-combinator.range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md,[dir=rtl] .sc-ion-range-md-h -no-combinator.range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md,[dir=rtl].range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md,[dir=rtl] .range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.range-label-placement-stacked) .label-text-wrapper:dir(rtl)*/.range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.in-item.range-label-placement-stacked) .label-text-wrapper*/.in-item.range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.range-label-placement-stacked) .native-wrapper*/.in-item.range-label-placement-stacked.sc-ion-range-md-h .native-wrapper.sc-ion-range-md{margin-bottom:0px}/*!@:host*/.sc-ion-range-md-h{--knob-border-radius:50%;--knob-background:var(--bar-background-active);--knob-box-shadow:none;--knob-size:18px;--bar-height:2px;--bar-background:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.26);--bar-background-active:var(--ion-color-primary, #3880ff);--bar-border-radius:0;--height:42px;--pin-background:var(--ion-color-primary, #3880ff);--pin-color:var(--ion-color-primary-contrast, #fff);font-size:12px}/*!@::slotted([slot=label]), .label-text*/.sc-ion-range-md-s>[slot=label],.label-text.sc-ion-range-md{font-size:initial}/*!@:host(.legacy-range)*/.legacy-range.sc-ion-range-md-h{-webkit-padding-start:14px;padding-inline-start:14px;-webkit-padding-end:14px;padding-inline-end:14px;padding-top:8px;padding-bottom:8px}/*!@:host(.range-item-start-adjustment)*/.range-item-start-adjustment.sc-ion-range-md-h{-webkit-padding-start:18px;padding-inline-start:18px}/*!@:host(.range-item-end-adjustment)*/.range-item-end-adjustment.sc-ion-range-md-h{-webkit-padding-end:18px;padding-inline-end:18px}/*!@:host(.ion-color) .range-bar*/.ion-color.sc-ion-range-md-h .range-bar.sc-ion-range-md{background:rgba(var(--ion-color-base-rgb), 0.26)}/*!@:host(.ion-color) .range-bar-active,\n:host(.ion-color) .range-knob,\n:host(.ion-color) .range-knob::before,\n:host(.ion-color) .range-pin,\n:host(.ion-color) .range-pin::before,\n:host(.ion-color) .range-tick*/.ion-color.sc-ion-range-md-h .range-bar-active.sc-ion-range-md,.ion-color.sc-ion-range-md-h .range-knob.sc-ion-range-md,.ion-color.sc-ion-range-md-h .range-knob.sc-ion-range-md::before,.ion-color.sc-ion-range-md-h .range-pin.sc-ion-range-md,.ion-color.sc-ion-range-md-h .range-pin.sc-ion-range-md::before,.ion-color.sc-ion-range-md-h .range-tick.sc-ion-range-md{background:var(--ion-color-base);color:var(--ion-color-contrast)}/*!@::slotted([slot=start])*/.sc-ion-range-md-s>[slot=start]{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:14px;margin-inline-end:14px;margin-top:0;margin-bottom:0}/*!@::slotted([slot=end])*/.sc-ion-range-md-s>[slot=end]{-webkit-margin-start:14px;margin-inline-start:14px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}/*!@:host(.range-has-pin:not(.range-label-placement-stacked))*/.range-has-pin.sc-ion-range-md-h:not(.range-label-placement-stacked){padding-top:28px}/*!@:host(.range-has-pin.range-label-placement-stacked) .label-text-wrapper*/.range-has-pin.range-label-placement-stacked.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md{margin-bottom:28px}/*!@.range-bar-active*/.range-bar-active.sc-ion-range-md{bottom:0;width:auto;background:var(--bar-background-active)}/*!@.range-knob*/.range-knob.sc-ion-range-md{-webkit-transform:scale(0.67);transform:scale(0.67);-webkit-transition-duration:120ms;transition-duration:120ms;-webkit-transition-property:background-color, border, -webkit-transform;transition-property:background-color, border, -webkit-transform;transition-property:transform, background-color, border;transition-property:transform, background-color, border, -webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease;z-index:2}/*!@.range-knob::before*/.range-knob.sc-ion-range-md::before{border-radius:50%;position:absolute;width:var(--knob-size);height:var(--knob-size);-webkit-transform:scale(1);transform:scale(1);-webkit-transition:0.267s cubic-bezier(0, 0, 0.58, 1);transition:0.267s cubic-bezier(0, 0, 0.58, 1);background:var(--knob-background);content:\"\";opacity:0.13;pointer-events:none}@supports (inset-inline-start: 0){/*!@.range-knob::before*/.range-knob.sc-ion-range-md::before{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@.range-knob::before*/.range-knob.sc-ion-range-md::before{left:0}/*!@:host-context([dir=rtl]) .range-knob::before*/[dir=rtl].sc-ion-range-md-h .range-knob.sc-ion-range-md::before,[dir=rtl] .sc-ion-range-md-h .range-knob.sc-ion-range-md::before{left:unset;right:unset;right:0}/*!@[dir=rtl] .range-knob::before*/[dir=rtl].sc-ion-range-md .range-knob.sc-ion-range-md::before{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-knob::before:dir(rtl){left:unset;right:unset;right:0}}}/*!@.range-tick*/.range-tick.sc-ion-range-md{position:absolute;top:calc((var(--height) - var(--bar-height)) / 2);width:var(--bar-height);height:var(--bar-height);background:var(--bar-background-active);z-index:1;pointer-events:none}/*!@.range-tick-active*/.range-tick-active.sc-ion-range-md{background:transparent}/*!@.range-pin*/.range-pin.sc-ion-range-md{padding-left:0;padding-right:0;padding-top:8px;padding-bottom:8px;border-radius:50%;-webkit-transform:translate3d(0, 0, 0) scale(0.01);transform:translate3d(0, 0, 0) scale(0.01);display:inline-block;position:relative;min-width:28px;height:28px;-webkit-transition:background 120ms ease, -webkit-transform 120ms ease;transition:background 120ms ease, -webkit-transform 120ms ease;transition:transform 120ms ease, background 120ms ease;transition:transform 120ms ease, background 120ms ease, -webkit-transform 120ms ease;background:var(--pin-background);color:var(--pin-color);text-align:center}/*!@.range-pin::before*/.range-pin.sc-ion-range-md::before{top:3px;-webkit-margin-start:-13px;margin-inline-start:-13px;border-radius:50% 50% 50% 0;position:absolute;width:26px;height:26px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:background 120ms ease;transition:background 120ms ease;background:var(--pin-background);content:\"\";z-index:-1}@supports (inset-inline-start: 0){/*!@.range-pin::before*/.range-pin.sc-ion-range-md::before{inset-inline-start:50%}}@supports not (inset-inline-start: 0){/*!@.range-pin::before*/.range-pin.sc-ion-range-md::before{left:50%}/*!@:host-context([dir=rtl]) .range-pin::before*/[dir=rtl].sc-ion-range-md-h .range-pin.sc-ion-range-md::before,[dir=rtl] .sc-ion-range-md-h .range-pin.sc-ion-range-md::before{left:unset;right:unset;right:50%}/*!@[dir=rtl] .range-pin::before*/[dir=rtl].sc-ion-range-md .range-pin.sc-ion-range-md::before{left:unset;right:unset;right:50%}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-range-md selector(.sc-ion-range-md:dir(rtl)){.range-pin::before:dir(rtl){left:unset;right:unset;right:50%}}}/*!@:host-context([dir=rtl]) .range-pin::before*/[dir=rtl].sc-ion-range-md-h .range-pin.sc-ion-range-md::before,[dir=rtl] .sc-ion-range-md-h .range-pin.sc-ion-range-md::before{left:unset}/*!@[dir=rtl] .range-pin::before*/[dir=rtl].sc-ion-range-md .range-pin.sc-ion-range-md::before{left:unset}@supports selector(:dir(rtl)){/*!@.range-pin::before:dir(rtl)*/.range-pin.sc-ion-range-md::before:dir(rtl){left:unset}}/*!@.range-knob-pressed .range-pin,\n.range-knob-handle.ion-focused .range-pin*/.range-knob-pressed.sc-ion-range-md .range-pin.sc-ion-range-md,.range-knob-handle.ion-focused.sc-ion-range-md .range-pin.sc-ion-range-md{-webkit-transform:translate3d(0, -24px, 0) scale(1);transform:translate3d(0, -24px, 0) scale(1)}@media (any-hover: hover){/*!@.range-knob-handle:hover .range-knob:before*/.range-knob-handle.sc-ion-range-md:hover .range-knob.sc-ion-range-md:before{-webkit-transform:scale(2);transform:scale(2);opacity:0.13}}/*!@.range-knob-handle.ion-activated .range-knob:before, .range-knob-handle.ion-focused .range-knob:before, .range-knob-handle.range-knob-pressed .range-knob:before*/.range-knob-handle.ion-activated.sc-ion-range-md .range-knob.sc-ion-range-md:before,.range-knob-handle.ion-focused.sc-ion-range-md .range-knob.sc-ion-range-md:before,.range-knob-handle.range-knob-pressed.sc-ion-range-md .range-knob.sc-ion-range-md:before{-webkit-transform:scale(2);transform:scale(2)}/*!@.range-knob-handle.ion-focused .range-knob::before*/.range-knob-handle.ion-focused.sc-ion-range-md .range-knob.sc-ion-range-md::before{opacity:0.13}/*!@.range-knob-handle.ion-activated .range-knob::before, .range-knob-handle.range-knob-pressed .range-knob::before*/.range-knob-handle.ion-activated.sc-ion-range-md .range-knob.sc-ion-range-md::before,.range-knob-handle.range-knob-pressed.sc-ion-range-md .range-knob.sc-ion-range-md::before{opacity:0.25}/*!@:host(:not(.range-has-pin)) .range-knob-pressed .range-knob,\n:host(:not(.range-has-pin)) .range-knob-handle.ion-focused .range-knob*/.sc-ion-range-md-h:not(.range-has-pin) .range-knob-pressed.sc-ion-range-md .range-knob.sc-ion-range-md,.sc-ion-range-md-h:not(.range-has-pin) .range-knob-handle.ion-focused.sc-ion-range-md .range-knob.sc-ion-range-md{-webkit-transform:scale(1);transform:scale(1)}/*!@:host(.range-disabled) .range-bar-active,\n:host(.range-disabled) .range-bar,\n:host(.range-disabled) .range-tick*/.range-disabled.sc-ion-range-md-h .range-bar-active.sc-ion-range-md,.range-disabled.sc-ion-range-md-h .range-bar.sc-ion-range-md,.range-disabled.sc-ion-range-md-h .range-tick.sc-ion-range-md{background-color:var(--ion-color-step-250, #bfbfbf)}/*!@:host(.range-disabled) .range-knob*/.range-disabled.sc-ion-range-md-h .range-knob.sc-ion-range-md{-webkit-transform:scale(0.55);transform:scale(0.55);outline:5px solid #fff;background-color:var(--ion-color-step-250, #bfbfbf)}/*!@:host(.range-disabled) .label-text-wrapper,\n:host(.range-disabled) ::slotted([slot=start]),\n:host(.range-disabled) ::slotted([slot=end])*/.range-disabled.sc-ion-range-md-h .label-text-wrapper.sc-ion-range-md,.sc-ion-range-md-h.range-disabled .sc-ion-range-md-s>[slot=start],.sc-ion-range-md-h.range-disabled .sc-ion-range-md-s>[slot=end]{opacity:0.38}";
|
|
27268
27596
|
|
|
27269
27597
|
// TODO(FW-2832): types
|
|
27270
27598
|
/**
|
|
@@ -27438,6 +27766,7 @@ class Range {
|
|
|
27438
27766
|
componentDidLoad() {
|
|
27439
27767
|
this.originalIonInput = this.ionInput;
|
|
27440
27768
|
this.setupGesture();
|
|
27769
|
+
this.updateRatio();
|
|
27441
27770
|
this.didLoad = true;
|
|
27442
27771
|
}
|
|
27443
27772
|
connectedCallback() {
|
|
@@ -27636,20 +27965,47 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
|
|
|
27636
27965
|
'legacy-range': true,
|
|
27637
27966
|
}) }, hAsync("slot", { name: "start" }), this.renderRangeSlider(), hAsync("slot", { name: "end" })));
|
|
27638
27967
|
}
|
|
27968
|
+
/**
|
|
27969
|
+
* Returns true if content was passed to the "start" slot
|
|
27970
|
+
*/
|
|
27971
|
+
get hasStartSlotContent() {
|
|
27972
|
+
return this.el.querySelector('[slot="start"]') !== null;
|
|
27973
|
+
}
|
|
27974
|
+
/**
|
|
27975
|
+
* Returns true if content was passed to the "end" slot
|
|
27976
|
+
*/
|
|
27977
|
+
get hasEndSlotContent() {
|
|
27978
|
+
return this.el.querySelector('[slot="end"]') !== null;
|
|
27979
|
+
}
|
|
27639
27980
|
renderRange() {
|
|
27640
|
-
const { disabled, el, rangeId, pin, pressedKnob, labelPlacement, label } = this;
|
|
27981
|
+
const { disabled, el, hasLabel, rangeId, pin, pressedKnob, labelPlacement, label } = this;
|
|
27982
|
+
const inItem = hostContext('ion-item', el);
|
|
27983
|
+
/**
|
|
27984
|
+
* If there is no start content then the knob at
|
|
27985
|
+
* the min value will be cut off by the item margin.
|
|
27986
|
+
*/
|
|
27987
|
+
const hasStartContent = (hasLabel && (labelPlacement === 'start' || labelPlacement === 'fixed')) || this.hasStartSlotContent;
|
|
27988
|
+
const needsStartAdjustment = inItem && !hasStartContent;
|
|
27989
|
+
/**
|
|
27990
|
+
* If there is no end content then the knob at
|
|
27991
|
+
* the max value will be cut off by the item margin.
|
|
27992
|
+
*/
|
|
27993
|
+
const hasEndContent = (hasLabel && labelPlacement === 'end') || this.hasEndSlotContent;
|
|
27994
|
+
const needsEndAdjustment = inItem && !hasEndContent;
|
|
27641
27995
|
const mode = getIonMode$1(this);
|
|
27642
27996
|
renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
|
|
27643
27997
|
return (hAsync(Host, { onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: createColorClasses$1(this.color, {
|
|
27644
27998
|
[mode]: true,
|
|
27645
|
-
'in-item':
|
|
27999
|
+
'in-item': inItem,
|
|
27646
28000
|
'range-disabled': disabled,
|
|
27647
28001
|
'range-pressed': pressedKnob !== undefined,
|
|
27648
28002
|
'range-has-pin': pin,
|
|
27649
28003
|
[`range-label-placement-${labelPlacement}`]: true,
|
|
28004
|
+
'range-item-start-adjustment': needsStartAdjustment,
|
|
28005
|
+
'range-item-end-adjustment': needsEndAdjustment,
|
|
27650
28006
|
}) }, hAsync("label", { class: "range-wrapper", id: "range-label" }, hAsync("div", { class: {
|
|
27651
28007
|
'label-text-wrapper': true,
|
|
27652
|
-
'label-text-wrapper-hidden': !
|
|
28008
|
+
'label-text-wrapper-hidden': !hasLabel,
|
|
27653
28009
|
} }, label !== undefined ? hAsync("div", { class: "label-text" }, label) : hAsync("slot", { name: "label" })), hAsync("div", { class: "native-wrapper" }, hAsync("slot", { name: "start" }), this.renderRangeSlider(), hAsync("slot", { name: "end" })))));
|
|
27654
28010
|
}
|
|
27655
28011
|
get hasLabel() {
|
|
@@ -30204,7 +30560,7 @@ class RouterLink {
|
|
|
30204
30560
|
}; }
|
|
30205
30561
|
}
|
|
30206
30562
|
|
|
30207
|
-
const
|
|
30563
|
+
const routerOutletCss = "/*!@:host*/.sc-ion-router-outlet-h{left:0;right:0;top:0;bottom:0;position:absolute;contain:layout size style;z-index:0}";
|
|
30208
30564
|
|
|
30209
30565
|
class RouterOutlet {
|
|
30210
30566
|
constructor(hostRef) {
|
|
@@ -30212,6 +30568,7 @@ class RouterOutlet {
|
|
|
30212
30568
|
this.ionNavWillLoad = createEvent(this, "ionNavWillLoad", 7);
|
|
30213
30569
|
this.ionNavWillChange = createEvent(this, "ionNavWillChange", 3);
|
|
30214
30570
|
this.ionNavDidChange = createEvent(this, "ionNavDidChange", 3);
|
|
30571
|
+
this.lockController = createLockController();
|
|
30215
30572
|
this.gestureOrAnimationInProgress = false;
|
|
30216
30573
|
this.mode = getIonMode$1(this);
|
|
30217
30574
|
this.delegate = undefined;
|
|
@@ -30254,7 +30611,8 @@ class RouterOutlet {
|
|
|
30254
30611
|
newStepValue += getTimeGivenProgression([0, 0], [1, 0], [0.68, 0.28], [1, 1], step)[0];
|
|
30255
30612
|
}
|
|
30256
30613
|
else {
|
|
30257
|
-
|
|
30614
|
+
this.ani.easing('linear');
|
|
30615
|
+
newStepValue += step;
|
|
30258
30616
|
}
|
|
30259
30617
|
this.ani.progressEnd(shouldComplete ? 1 : 0, newStepValue, dur);
|
|
30260
30618
|
}
|
|
@@ -30275,7 +30633,7 @@ class RouterOutlet {
|
|
|
30275
30633
|
}
|
|
30276
30634
|
/** @internal */
|
|
30277
30635
|
async commit(enteringEl, leavingEl, opts) {
|
|
30278
|
-
const unlock = await this.lock();
|
|
30636
|
+
const unlock = await this.lockController.lock();
|
|
30279
30637
|
let changed = false;
|
|
30280
30638
|
try {
|
|
30281
30639
|
changed = await this.transition(enteringEl, leavingEl, opts);
|
|
@@ -30376,15 +30734,6 @@ class RouterOutlet {
|
|
|
30376
30734
|
this.ionNavDidChange.emit();
|
|
30377
30735
|
return true;
|
|
30378
30736
|
}
|
|
30379
|
-
async lock() {
|
|
30380
|
-
const p = this.waitPromise;
|
|
30381
|
-
let resolve;
|
|
30382
|
-
this.waitPromise = new Promise((r) => (resolve = r));
|
|
30383
|
-
if (p !== undefined) {
|
|
30384
|
-
await p;
|
|
30385
|
-
}
|
|
30386
|
-
return resolve;
|
|
30387
|
-
}
|
|
30388
30737
|
render() {
|
|
30389
30738
|
return hAsync("slot", null);
|
|
30390
30739
|
}
|
|
@@ -30392,7 +30741,7 @@ class RouterOutlet {
|
|
|
30392
30741
|
static get watchers() { return {
|
|
30393
30742
|
"swipeHandler": ["swipeHandlerChanged"]
|
|
30394
30743
|
}; }
|
|
30395
|
-
static get style() { return
|
|
30744
|
+
static get style() { return routerOutletCss; }
|
|
30396
30745
|
static get cmpMeta() { return {
|
|
30397
30746
|
"$flags$": 9,
|
|
30398
30747
|
"$tagName$": "ion-router-outlet",
|
|
@@ -30588,7 +30937,6 @@ class Searchbar {
|
|
|
30588
30937
|
showCancelButtonChanged() {
|
|
30589
30938
|
requestAnimationFrame(() => {
|
|
30590
30939
|
this.positionElements();
|
|
30591
|
-
forceUpdate$1(this);
|
|
30592
30940
|
});
|
|
30593
30941
|
}
|
|
30594
30942
|
connectedCallback() {
|
|
@@ -30923,29 +31271,7 @@ class Segment {
|
|
|
30923
31271
|
* Used by `ion-segment-button` to determine if the button should be checked.
|
|
30924
31272
|
*/
|
|
30925
31273
|
this.ionSelect.emit({ value });
|
|
30926
|
-
|
|
30927
|
-
const buttons = this.getButtons();
|
|
30928
|
-
const activeButton = buttons.find((button) => button.value === value);
|
|
30929
|
-
if (activeButton !== undefined) {
|
|
30930
|
-
/**
|
|
30931
|
-
* Scrollable segment buttons should be
|
|
30932
|
-
* centered within the view including
|
|
30933
|
-
* buttons that are partially offscreen.
|
|
30934
|
-
*/
|
|
30935
|
-
activeButton.scrollIntoView({
|
|
30936
|
-
behavior: 'smooth',
|
|
30937
|
-
inline: 'center',
|
|
30938
|
-
/**
|
|
30939
|
-
* Segment should scroll on the
|
|
30940
|
-
* horizontal axis. `block: 'nearest'`
|
|
30941
|
-
* ensures that the vertical axis
|
|
30942
|
-
* does not scroll if the segment
|
|
30943
|
-
* as a whole is already in view.
|
|
30944
|
-
*/
|
|
30945
|
-
block: 'nearest',
|
|
30946
|
-
});
|
|
30947
|
-
}
|
|
30948
|
-
}
|
|
31274
|
+
this.scrollActiveButtonIntoView();
|
|
30949
31275
|
}
|
|
30950
31276
|
disabledChanged() {
|
|
30951
31277
|
this.gestureChanged();
|
|
@@ -30967,6 +31293,13 @@ class Segment {
|
|
|
30967
31293
|
}
|
|
30968
31294
|
async componentDidLoad() {
|
|
30969
31295
|
this.setCheckedClasses();
|
|
31296
|
+
/**
|
|
31297
|
+
* We need to wait for the buttons to all be rendered
|
|
31298
|
+
* before we can scroll.
|
|
31299
|
+
*/
|
|
31300
|
+
raf(() => {
|
|
31301
|
+
this.scrollActiveButtonIntoView();
|
|
31302
|
+
});
|
|
30970
31303
|
this.gesture = (await Promise.resolve().then(function () { return index; })).createGesture({
|
|
30971
31304
|
el: this.el,
|
|
30972
31305
|
gestureName: 'segment',
|
|
@@ -31095,6 +31428,32 @@ class Segment {
|
|
|
31095
31428
|
buttons[next].classList.add('segment-button-after-checked');
|
|
31096
31429
|
}
|
|
31097
31430
|
}
|
|
31431
|
+
scrollActiveButtonIntoView() {
|
|
31432
|
+
const { scrollable, value } = this;
|
|
31433
|
+
if (scrollable) {
|
|
31434
|
+
const buttons = this.getButtons();
|
|
31435
|
+
const activeButton = buttons.find((button) => button.value === value);
|
|
31436
|
+
if (activeButton !== undefined) {
|
|
31437
|
+
/**
|
|
31438
|
+
* Scrollable segment buttons should be
|
|
31439
|
+
* centered within the view including
|
|
31440
|
+
* buttons that are partially offscreen.
|
|
31441
|
+
*/
|
|
31442
|
+
activeButton.scrollIntoView({
|
|
31443
|
+
behavior: 'smooth',
|
|
31444
|
+
inline: 'center',
|
|
31445
|
+
/**
|
|
31446
|
+
* Segment should scroll on the
|
|
31447
|
+
* horizontal axis. `block: 'nearest'`
|
|
31448
|
+
* ensures that the vertical axis
|
|
31449
|
+
* does not scroll if the segment
|
|
31450
|
+
* as a whole is already in view.
|
|
31451
|
+
*/
|
|
31452
|
+
block: 'nearest',
|
|
31453
|
+
});
|
|
31454
|
+
}
|
|
31455
|
+
}
|
|
31456
|
+
}
|
|
31098
31457
|
setNextIndex(detail, isEnd = false) {
|
|
31099
31458
|
const rtl = isRTL$1(this.el);
|
|
31100
31459
|
const activated = this.activated;
|
|
@@ -31274,7 +31633,6 @@ class SegmentButton {
|
|
|
31274
31633
|
this.segmentEl = null;
|
|
31275
31634
|
this.inheritedAttributes = {};
|
|
31276
31635
|
this.updateStyle = () => {
|
|
31277
|
-
forceUpdate$1(this);
|
|
31278
31636
|
};
|
|
31279
31637
|
this.updateState = () => {
|
|
31280
31638
|
const { segmentEl } = this;
|
|
@@ -31459,13 +31817,6 @@ class Select {
|
|
|
31459
31817
|
this.emitStyle();
|
|
31460
31818
|
this.mutationO = watchForOptions(this.el, 'ion-select-option', async () => {
|
|
31461
31819
|
this.updateOverlayOptions();
|
|
31462
|
-
/**
|
|
31463
|
-
* We need to re-render the component
|
|
31464
|
-
* because one of the new ion-select-option
|
|
31465
|
-
* elements may match the value. In this case,
|
|
31466
|
-
* the rendered selected text should be updated.
|
|
31467
|
-
*/
|
|
31468
|
-
forceUpdate$1(this);
|
|
31469
31820
|
});
|
|
31470
31821
|
}
|
|
31471
31822
|
disconnectedCallback() {
|
|
@@ -31499,25 +31850,39 @@ class Select {
|
|
|
31499
31850
|
await overlay.present();
|
|
31500
31851
|
// focus selected option for popovers
|
|
31501
31852
|
if (this.interface === 'popover') {
|
|
31502
|
-
|
|
31503
|
-
|
|
31504
|
-
|
|
31505
|
-
|
|
31506
|
-
|
|
31853
|
+
const indexOfSelected = this.childOpts.map((o) => o.value).indexOf(this.value);
|
|
31854
|
+
if (indexOfSelected > -1) {
|
|
31855
|
+
const selectedItem = overlay.querySelector(`.select-interface-option:nth-child(${indexOfSelected + 1})`);
|
|
31856
|
+
if (selectedItem) {
|
|
31857
|
+
focusElement(selectedItem);
|
|
31858
|
+
/**
|
|
31859
|
+
* Browsers such as Firefox do not
|
|
31860
|
+
* correctly delegate focus when manually
|
|
31861
|
+
* focusing an element with delegatesFocus.
|
|
31862
|
+
* We work around this by manually focusing
|
|
31863
|
+
* the interactive element.
|
|
31864
|
+
* ion-radio and ion-checkbox are the only
|
|
31865
|
+
* elements that ion-select-popover uses, so
|
|
31866
|
+
* we only need to worry about those two components
|
|
31867
|
+
* when focusing.
|
|
31868
|
+
*/
|
|
31869
|
+
const interactiveEl = selectedItem.querySelector('ion-radio, ion-checkbox');
|
|
31870
|
+
if (interactiveEl) {
|
|
31871
|
+
interactiveEl.focus();
|
|
31872
|
+
}
|
|
31873
|
+
}
|
|
31874
|
+
}
|
|
31875
|
+
else {
|
|
31507
31876
|
/**
|
|
31508
|
-
*
|
|
31509
|
-
* correctly delegate focus when manually
|
|
31510
|
-
* focusing an element with delegatesFocus.
|
|
31511
|
-
* We work around this by manually focusing
|
|
31512
|
-
* the interactive element.
|
|
31513
|
-
* ion-radio and ion-checkbox are the only
|
|
31514
|
-
* elements that ion-select-popover uses, so
|
|
31515
|
-
* we only need to worry about those two components
|
|
31516
|
-
* when focusing.
|
|
31877
|
+
* If no value is set then focus the first enabled option.
|
|
31517
31878
|
*/
|
|
31518
|
-
const
|
|
31519
|
-
if (
|
|
31520
|
-
|
|
31879
|
+
const firstEnabledOption = overlay.querySelector('ion-radio:not(.radio-disabled), ion-checkbox:not(.checkbox-disabled)');
|
|
31880
|
+
if (firstEnabledOption) {
|
|
31881
|
+
focusElement(firstEnabledOption.closest('ion-item'));
|
|
31882
|
+
/**
|
|
31883
|
+
* Focus the option for the same reason as we do above.
|
|
31884
|
+
*/
|
|
31885
|
+
firstEnabledOption.focus();
|
|
31521
31886
|
}
|
|
31522
31887
|
}
|
|
31523
31888
|
}
|
|
@@ -32202,8 +32567,6 @@ class SelectPopover {
|
|
|
32202
32567
|
}, getClassMap(option.cssClass)) }, hAsync("ion-checkbox", { value: option.value, disabled: option.disabled, checked: option.checked, justify: "start", labelPlacement: "end", onIonChange: (ev) => {
|
|
32203
32568
|
this.setChecked(ev);
|
|
32204
32569
|
this.callOptionHandler(ev);
|
|
32205
|
-
// TODO FW-4784
|
|
32206
|
-
forceUpdate$1(this);
|
|
32207
32570
|
} }, option.text))));
|
|
32208
32571
|
}
|
|
32209
32572
|
renderRadioOptions(options) {
|
|
@@ -32515,6 +32878,7 @@ class TabBar {
|
|
|
32515
32878
|
constructor(hostRef) {
|
|
32516
32879
|
registerInstance(this, hostRef);
|
|
32517
32880
|
this.ionTabBarChanged = createEvent(this, "ionTabBarChanged", 7);
|
|
32881
|
+
this.ionTabBarLoaded = createEvent(this, "ionTabBarLoaded", 7);
|
|
32518
32882
|
this.keyboardCtrl = null;
|
|
32519
32883
|
this.keyboardVisible = false;
|
|
32520
32884
|
this.color = undefined;
|
|
@@ -32549,6 +32913,9 @@ class TabBar {
|
|
|
32549
32913
|
this.keyboardCtrl.destroy();
|
|
32550
32914
|
}
|
|
32551
32915
|
}
|
|
32916
|
+
componentDidLoad() {
|
|
32917
|
+
this.ionTabBarLoaded.emit();
|
|
32918
|
+
}
|
|
32552
32919
|
render() {
|
|
32553
32920
|
const { color, translucent, keyboardVisible } = this;
|
|
32554
32921
|
const mode = getIonMode$1(this);
|
|
@@ -32888,9 +33255,9 @@ class Text {
|
|
|
32888
33255
|
}; }
|
|
32889
33256
|
}
|
|
32890
33257
|
|
|
32891
|
-
const textareaIosCss = ".sc-ion-textarea-ios-h{--background:initial;--color:initial;--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:0.6;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--border-radius:0;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}.legacy-textarea.sc-ion-textarea-ios-h{-ms-flex:1;flex:1;background:var(--background);white-space:pre-wrap}.legacy-textarea.ion-color.sc-ion-textarea-ios-h{color:var(--ion-color-base)}.sc-ion-textarea-ios-h:not(.legacy-textarea){--padding-bottom:8px}.ion-color.sc-ion-textarea-ios-h{--highlight-color-focused:var(--ion-color-base);background:initial}ion-item.sc-ion-textarea-ios-h,ion-item .sc-ion-textarea-ios-h{-ms-flex-item-align:baseline;align-self:baseline}ion-item.sc-ion-textarea-ios-h:not(.item-label),ion-item:not(.item-label) .sc-ion-textarea-ios-h{--padding-start:0}ion-item[slot=start].sc-ion-textarea-ios-h,ion-item [slot=start].sc-ion-textarea-ios-h,ion-item[slot=end].sc-ion-textarea-ios-h,ion-item [slot=end].sc-ion-textarea-ios-h{width:auto}.native-textarea.sc-ion-textarea-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:block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;white-space:pre-wrap;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native-textarea.sc-ion-textarea-ios::-webkit-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios::-moz-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios:-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios::-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios::placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.legacy-textarea.sc-ion-textarea-ios-h .native-textarea.sc-ion-textarea-ios{white-space:inherit}.legacy-textarea.sc-ion-textarea-ios-h .native-textarea.sc-ion-textarea-ios,.legacy-textarea.sc-ion-textarea-ios-h .textarea-legacy-wrapper.sc-ion-textarea-ios::after{-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);border-radius:var(--border-radius)}.native-textarea.sc-ion-textarea-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;grid-area:1/1/2/2;word-break:break-word}.legacy-textarea.sc-ion-textarea-ios-h .textarea-legacy-wrapper.sc-ion-textarea-ios::after{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;grid-area:1/1/2/2;word-break:break-word}.cloned-input.sc-ion-textarea-ios{top:0;bottom:0;position:absolute;pointer-events:none}@supports (inset-inline-start: 0){.cloned-input.sc-ion-textarea-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){.cloned-input.sc-ion-textarea-ios{left:0}[dir=rtl].sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios,[dir=rtl] .sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios{left:unset;right:unset;right:0}[dir=rtl].sc-ion-textarea-ios .cloned-input.sc-ion-textarea-ios{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.cloned-input.sc-ion-textarea-ios:dir(rtl){left:unset;right:unset;right:0}}}.cloned-input.sc-ion-textarea-ios:disabled{opacity:1}.legacy-textarea[auto-grow].sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}[auto-grow].sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios{height:100%}[auto-grow].sc-ion-textarea-ios-h .native-textarea.sc-ion-textarea-ios{overflow:hidden}.item-label-floating.item-has-placeholder.sc-ion-textarea-ios-h:not(.item-has-value),.item-label-floating.item-has-placeholder:not(.item-has-value) .sc-ion-textarea-ios-h{opacity:0}.item-label-floating.item-has-placeholder.sc-ion-textarea-ios-h:not(.item-has-value).item-has-focus,.item-label-floating.item-has-placeholder:not(.item-has-value).item-has-focus .sc-ion-textarea-ios-h{-webkit-transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.textarea-wrapper.sc-ion-textarea-ios{-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:0px;padding-bottom:0px;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:flex-start;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.native-wrapper.sc-ion-textarea-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;width:100%;height:100%}.has-focus.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios{caret-color:var(--highlight-color)}.native-wrapper.sc-ion-textarea-ios textarea.sc-ion-textarea-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.native-wrapper.sc-ion-textarea-ios,.textarea-legacy-wrapper.sc-ion-textarea-ios{display:grid;min-width:inherit;max-width:inherit;min-height:inherit;max-height:inherit;grid-auto-rows:100%}.native-wrapper.sc-ion-textarea-ios::after,.textarea-legacy-wrapper.sc-ion-textarea-ios::after{white-space:pre-wrap;content:attr(data-replicated-value) \" \";visibility:hidden}.native-wrapper.sc-ion-textarea-ios::after{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);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;grid-area:1/1/2/2;word-break:break-word}.ion-touched.ion-invalid.sc-ion-textarea-ios-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-textarea-ios-h{--highlight-color:var(--highlight-color-valid)}.textarea-bottom.sc-ion-textarea-ios{-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:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:12px}.has-focus.ion-valid.sc-ion-textarea-ios-h,.ion-touched.ion-invalid.sc-ion-textarea-ios-h{--border-color:var(--highlight-color)}.textarea-bottom.sc-ion-textarea-ios .error-text.sc-ion-textarea-ios{display:none;color:var(--highlight-color-invalid)}.textarea-bottom.sc-ion-textarea-ios .helper-text.sc-ion-textarea-ios{display:block;color:var(--ion-color-step-550, #737373)}.ion-touched.ion-invalid.sc-ion-textarea-ios-h .textarea-bottom.sc-ion-textarea-ios .error-text.sc-ion-textarea-ios{display:block}.ion-touched.ion-invalid.sc-ion-textarea-ios-h .textarea-bottom.sc-ion-textarea-ios .helper-text.sc-ion-textarea-ios{display:none}.textarea-bottom.sc-ion-textarea-ios .counter.sc-ion-textarea-ios{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, #737373);white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}.label-text-wrapper.sc-ion-textarea-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text.sc-ion-textarea-ios,.sc-ion-textarea-ios-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-textarea-ios,.textarea-outline-notch-hidden.sc-ion-textarea-ios{display:none}.textarea-wrapper.sc-ion-textarea-ios textarea.sc-ion-textarea-ios{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.textarea-label-placement-start.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios{-ms-flex-direction:row;flex-direction:row}.textarea-label-placement-start.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-end.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.textarea-label-placement-end.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-ios-h .label-text.sc-ion-textarea-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.textarea-label-placement-stacked.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios,.textarea-label-placement-floating.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform-origin:left top;transform-origin:left top;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;max-width:100%;z-index:2}[dir=rtl].sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl].textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl].sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl].textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios:dir(rtl),.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.textarea-label-placement-stacked.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios,.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios,.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-ios-h .native-wrapper.sc-ion-textarea-ios::after,.textarea-label-placement-floating[auto-grow].sc-ion-textarea-ios-h .native-wrapper.sc-ion-textarea-ios::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:8px;margin-bottom:0px}.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios{opacity:0}.has-focus.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios,.has-value.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios{opacity:1}.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,.has-focus.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,.has-value.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.sc-ion-textarea-ios-h{--border-width:0.55px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--padding-top:10px;--padding-end:0px;--padding-bottom:8px;--padding-start:0px;font-size:inherit}.legacy-textarea.sc-ion-textarea-ios-h{--padding-top:10px;--padding-end:8px;--padding-bottom:10px;--padding-start:0}.item-label-stacked.sc-ion-textarea-ios-h,.item-label-stacked .sc-ion-textarea-ios-h,.item-label-floating.sc-ion-textarea-ios-h,.item-label-floating .sc-ion-textarea-ios-h{--padding-top:8px;--padding-bottom:8px;--padding-start:0px}.legacy-textarea.sc-ion-textarea-ios-h .native-textarea[disabled].sc-ion-textarea-ios,.textarea-disabled.sc-ion-textarea-ios-h{opacity:0.3}.sc-ion-textarea-ios-h:not(.legacy-textarea){min-height:44px}.textarea-label-placement-floating.sc-ion-textarea-ios-h,.textarea-label-placement-stacked.sc-ion-textarea-ios-h{--padding-top:0px;min-height:56px}";
|
|
33258
|
+
const textareaIosCss = ".sc-ion-textarea-ios-h{--background:initial;--color:initial;--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:0.6;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--border-radius:0;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}[cols].sc-ion-textarea-ios-h:not([auto-grow]){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.legacy-textarea.sc-ion-textarea-ios-h{-ms-flex:1;flex:1;background:var(--background);white-space:pre-wrap}.legacy-textarea.ion-color.sc-ion-textarea-ios-h{color:var(--ion-color-base)}.sc-ion-textarea-ios-h:not(.legacy-textarea){--padding-bottom:8px}.ion-color.sc-ion-textarea-ios-h{--highlight-color-focused:var(--ion-color-base);background:initial}ion-item.sc-ion-textarea-ios-h,ion-item .sc-ion-textarea-ios-h{-ms-flex-item-align:baseline;align-self:baseline}ion-item.sc-ion-textarea-ios-h:not(.item-label),ion-item:not(.item-label) .sc-ion-textarea-ios-h{--padding-start:0}ion-item[slot=start].sc-ion-textarea-ios-h,ion-item [slot=start].sc-ion-textarea-ios-h,ion-item[slot=end].sc-ion-textarea-ios-h,ion-item [slot=end].sc-ion-textarea-ios-h{width:auto}.native-textarea.sc-ion-textarea-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:block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;white-space:pre-wrap;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native-textarea.sc-ion-textarea-ios::-webkit-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios::-moz-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios:-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios::-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-ios::placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.legacy-textarea.sc-ion-textarea-ios-h .native-textarea.sc-ion-textarea-ios{white-space:inherit}.legacy-textarea.sc-ion-textarea-ios-h .native-textarea.sc-ion-textarea-ios,.legacy-textarea.sc-ion-textarea-ios-h .textarea-legacy-wrapper.sc-ion-textarea-ios::after{-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);border-radius:var(--border-radius)}.native-textarea.sc-ion-textarea-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;grid-area:1/1/2/2;word-break:break-word}.legacy-textarea.sc-ion-textarea-ios-h .textarea-legacy-wrapper.sc-ion-textarea-ios::after{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;grid-area:1/1/2/2;word-break:break-word}.cloned-input.sc-ion-textarea-ios{top:0;bottom:0;position:absolute;pointer-events:none}@supports (inset-inline-start: 0){.cloned-input.sc-ion-textarea-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){.cloned-input.sc-ion-textarea-ios{left:0}[dir=rtl].sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios,[dir=rtl] .sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios{left:unset;right:unset;right:0}[dir=rtl].sc-ion-textarea-ios .cloned-input.sc-ion-textarea-ios{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.cloned-input.sc-ion-textarea-ios:dir(rtl){left:unset;right:unset;right:0}}}.cloned-input.sc-ion-textarea-ios:disabled{opacity:1}.legacy-textarea[auto-grow].sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}[auto-grow].sc-ion-textarea-ios-h .cloned-input.sc-ion-textarea-ios{height:100%}[auto-grow].sc-ion-textarea-ios-h .native-textarea.sc-ion-textarea-ios{overflow:hidden}.item-label-floating.item-has-placeholder.sc-ion-textarea-ios-h:not(.item-has-value),.item-label-floating.item-has-placeholder:not(.item-has-value) .sc-ion-textarea-ios-h{opacity:0}.item-label-floating.item-has-placeholder.sc-ion-textarea-ios-h:not(.item-has-value).item-has-focus,.item-label-floating.item-has-placeholder:not(.item-has-value).item-has-focus .sc-ion-textarea-ios-h{-webkit-transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.textarea-wrapper.sc-ion-textarea-ios{-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:0px;padding-bottom:0px;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:flex-start;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.native-wrapper.sc-ion-textarea-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;width:100%;height:100%}.has-focus.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios{caret-color:var(--highlight-color)}.native-wrapper.sc-ion-textarea-ios textarea.sc-ion-textarea-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.native-wrapper.sc-ion-textarea-ios,.textarea-legacy-wrapper.sc-ion-textarea-ios{display:grid;min-width:inherit;max-width:inherit;min-height:inherit;max-height:inherit;grid-auto-rows:100%}.native-wrapper.sc-ion-textarea-ios::after,.textarea-legacy-wrapper.sc-ion-textarea-ios::after{white-space:pre-wrap;content:attr(data-replicated-value) \" \";visibility:hidden}.native-wrapper.sc-ion-textarea-ios::after{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);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;grid-area:1/1/2/2;word-break:break-word}.ion-touched.ion-invalid.sc-ion-textarea-ios-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-textarea-ios-h{--highlight-color:var(--highlight-color-valid)}.textarea-bottom.sc-ion-textarea-ios{-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:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:12px}.has-focus.ion-valid.sc-ion-textarea-ios-h,.ion-touched.ion-invalid.sc-ion-textarea-ios-h{--border-color:var(--highlight-color)}.textarea-bottom.sc-ion-textarea-ios .error-text.sc-ion-textarea-ios{display:none;color:var(--highlight-color-invalid)}.textarea-bottom.sc-ion-textarea-ios .helper-text.sc-ion-textarea-ios{display:block;color:var(--ion-color-step-550, #737373)}.ion-touched.ion-invalid.sc-ion-textarea-ios-h .textarea-bottom.sc-ion-textarea-ios .error-text.sc-ion-textarea-ios{display:block}.ion-touched.ion-invalid.sc-ion-textarea-ios-h .textarea-bottom.sc-ion-textarea-ios .helper-text.sc-ion-textarea-ios{display:none}.textarea-bottom.sc-ion-textarea-ios .counter.sc-ion-textarea-ios{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, #737373);white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}.label-text-wrapper.sc-ion-textarea-ios{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text.sc-ion-textarea-ios,.sc-ion-textarea-ios-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-textarea-ios,.textarea-outline-notch-hidden.sc-ion-textarea-ios{display:none}.textarea-wrapper.sc-ion-textarea-ios textarea.sc-ion-textarea-ios{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.textarea-label-placement-start.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios{-ms-flex-direction:row;flex-direction:row}.textarea-label-placement-start.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-end.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.textarea-label-placement-end.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-ios-h .label-text.sc-ion-textarea-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.textarea-label-placement-stacked.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios,.textarea-label-placement-floating.sc-ion-textarea-ios-h .textarea-wrapper.sc-ion-textarea-ios{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform-origin:left top;transform-origin:left top;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;max-width:100%;z-index:2}[dir=rtl].sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl].textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl].sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .sc-ion-textarea-ios-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl].textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,[dir=rtl] .textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios:dir(rtl),.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.textarea-label-placement-stacked.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios,.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios,.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-ios-h .native-wrapper.sc-ion-textarea-ios::after,.textarea-label-placement-floating[auto-grow].sc-ion-textarea-ios-h .native-wrapper.sc-ion-textarea-ios::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:8px;margin-bottom:0px}.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios{opacity:0}.has-focus.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios,.has-value.textarea-label-placement-floating.sc-ion-textarea-ios-h textarea.sc-ion-textarea-ios{opacity:1}.textarea-label-placement-stacked.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,.has-focus.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios,.has-value.textarea-label-placement-floating.sc-ion-textarea-ios-h .label-text-wrapper.sc-ion-textarea-ios{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.sc-ion-textarea-ios-h{--border-width:0.55px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-250, #c8c7cc)));--padding-top:10px;--padding-end:0px;--padding-bottom:8px;--padding-start:0px;font-size:inherit}.legacy-textarea.sc-ion-textarea-ios-h{--padding-top:10px;--padding-end:8px;--padding-bottom:10px;--padding-start:0}.item-label-stacked.sc-ion-textarea-ios-h,.item-label-stacked .sc-ion-textarea-ios-h,.item-label-floating.sc-ion-textarea-ios-h,.item-label-floating .sc-ion-textarea-ios-h{--padding-top:8px;--padding-bottom:8px;--padding-start:0px}.legacy-textarea.sc-ion-textarea-ios-h .native-textarea[disabled].sc-ion-textarea-ios,.textarea-disabled.sc-ion-textarea-ios-h{opacity:0.3}.sc-ion-textarea-ios-h:not(.legacy-textarea){min-height:44px}.textarea-label-placement-floating.sc-ion-textarea-ios-h,.textarea-label-placement-stacked.sc-ion-textarea-ios-h{--padding-top:0px;min-height:56px}";
|
|
32892
33259
|
|
|
32893
|
-
const textareaMdCss = ".sc-ion-textarea-md-h{--background:initial;--color:initial;--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:0.6;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--border-radius:0;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}.legacy-textarea.sc-ion-textarea-md-h{-ms-flex:1;flex:1;background:var(--background);white-space:pre-wrap}.legacy-textarea.ion-color.sc-ion-textarea-md-h{color:var(--ion-color-base)}.sc-ion-textarea-md-h:not(.legacy-textarea){--padding-bottom:8px}.ion-color.sc-ion-textarea-md-h{--highlight-color-focused:var(--ion-color-base);background:initial}ion-item.sc-ion-textarea-md-h,ion-item .sc-ion-textarea-md-h{-ms-flex-item-align:baseline;align-self:baseline}ion-item.sc-ion-textarea-md-h:not(.item-label),ion-item:not(.item-label) .sc-ion-textarea-md-h{--padding-start:0}ion-item[slot=start].sc-ion-textarea-md-h,ion-item [slot=start].sc-ion-textarea-md-h,ion-item[slot=end].sc-ion-textarea-md-h,ion-item [slot=end].sc-ion-textarea-md-h{width:auto}.native-textarea.sc-ion-textarea-md{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:block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;white-space:pre-wrap;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native-textarea.sc-ion-textarea-md::-webkit-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md::-moz-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md:-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md::-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md::placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.legacy-textarea.sc-ion-textarea-md-h .native-textarea.sc-ion-textarea-md{white-space:inherit}.legacy-textarea.sc-ion-textarea-md-h .native-textarea.sc-ion-textarea-md,.legacy-textarea.sc-ion-textarea-md-h .textarea-legacy-wrapper.sc-ion-textarea-md::after{-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);border-radius:var(--border-radius)}.native-textarea.sc-ion-textarea-md{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;grid-area:1/1/2/2;word-break:break-word}.legacy-textarea.sc-ion-textarea-md-h .textarea-legacy-wrapper.sc-ion-textarea-md::after{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;grid-area:1/1/2/2;word-break:break-word}.cloned-input.sc-ion-textarea-md{top:0;bottom:0;position:absolute;pointer-events:none}@supports (inset-inline-start: 0){.cloned-input.sc-ion-textarea-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.cloned-input.sc-ion-textarea-md{left:0}[dir=rtl].sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md{left:unset;right:unset;right:0}[dir=rtl].sc-ion-textarea-md .cloned-input.sc-ion-textarea-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.cloned-input.sc-ion-textarea-md:dir(rtl){left:unset;right:unset;right:0}}}.cloned-input.sc-ion-textarea-md:disabled{opacity:1}.legacy-textarea[auto-grow].sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}[auto-grow].sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md{height:100%}[auto-grow].sc-ion-textarea-md-h .native-textarea.sc-ion-textarea-md{overflow:hidden}.item-label-floating.item-has-placeholder.sc-ion-textarea-md-h:not(.item-has-value),.item-label-floating.item-has-placeholder:not(.item-has-value) .sc-ion-textarea-md-h{opacity:0}.item-label-floating.item-has-placeholder.sc-ion-textarea-md-h:not(.item-has-value).item-has-focus,.item-label-floating.item-has-placeholder:not(.item-has-value).item-has-focus .sc-ion-textarea-md-h{-webkit-transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.textarea-wrapper.sc-ion-textarea-md{-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:0px;padding-bottom:0px;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:flex-start;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.native-wrapper.sc-ion-textarea-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;width:100%;height:100%}.has-focus.sc-ion-textarea-md-h textarea.sc-ion-textarea-md{caret-color:var(--highlight-color)}.native-wrapper.sc-ion-textarea-md textarea.sc-ion-textarea-md{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.native-wrapper.sc-ion-textarea-md,.textarea-legacy-wrapper.sc-ion-textarea-md{display:grid;min-width:inherit;max-width:inherit;min-height:inherit;max-height:inherit;grid-auto-rows:100%}.native-wrapper.sc-ion-textarea-md::after,.textarea-legacy-wrapper.sc-ion-textarea-md::after{white-space:pre-wrap;content:attr(data-replicated-value) \" \";visibility:hidden}.native-wrapper.sc-ion-textarea-md::after{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);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;grid-area:1/1/2/2;word-break:break-word}.ion-touched.ion-invalid.sc-ion-textarea-md-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-textarea-md-h{--highlight-color:var(--highlight-color-valid)}.textarea-bottom.sc-ion-textarea-md{-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:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:12px}.has-focus.ion-valid.sc-ion-textarea-md-h,.ion-touched.ion-invalid.sc-ion-textarea-md-h{--border-color:var(--highlight-color)}.textarea-bottom.sc-ion-textarea-md .error-text.sc-ion-textarea-md{display:none;color:var(--highlight-color-invalid)}.textarea-bottom.sc-ion-textarea-md .helper-text.sc-ion-textarea-md{display:block;color:var(--ion-color-step-550, #737373)}.ion-touched.ion-invalid.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md .error-text.sc-ion-textarea-md{display:block}.ion-touched.ion-invalid.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md .helper-text.sc-ion-textarea-md{display:none}.textarea-bottom.sc-ion-textarea-md .counter.sc-ion-textarea-md{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, #737373);white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}.label-text-wrapper.sc-ion-textarea-md{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text.sc-ion-textarea-md,.sc-ion-textarea-md-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-textarea-md,.textarea-outline-notch-hidden.sc-ion-textarea-md{display:none}.textarea-wrapper.sc-ion-textarea-md textarea.sc-ion-textarea-md{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.textarea-label-placement-start.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{-ms-flex-direction:row;flex-direction:row}.textarea-label-placement-start.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-end.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.textarea-label-placement-end.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-md-h .label-text.sc-ion-textarea-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.textarea-label-placement-stacked.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md,.textarea-label-placement-floating.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:left top;transform-origin:left top;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;max-width:100%;z-index:2}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md:dir(rtl),.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.textarea-label-placement-stacked.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after,.textarea-label-placement-floating[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:8px;margin-bottom:0px}.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md{opacity:0}.has-focus.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.has-value.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md{opacity:1}.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.has-focus.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.has-value.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.textarea-fill-solid.sc-ion-textarea-md-h{--background:var(--ion-color-step-50, #f2f2f2);--border-color:var(--ion-color-step-500, gray);--border-radius:4px;--padding-start:16px;--padding-end:16px}.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.has-focus.textarea-fill-solid.ion-valid.sc-ion-textarea-md-h,.textarea-fill-solid.ion-touched.ion-invalid.sc-ion-textarea-md-h{--border-color:var(--highlight-color)}.textarea-fill-solid.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md{border-top:none}@media (any-hover: hover){.textarea-fill-solid.sc-ion-textarea-md-h:hover{--background:var(--ion-color-step-100, #e6e6e6);--border-color:var(--ion-color-step-750, #404040)}}.textarea-fill-solid.has-focus.sc-ion-textarea-md-h{--background:var(--ion-color-step-150, #d9d9d9);--border-color:var(--ion-color-step-750, #404040)}.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}@supports selector(:dir(rtl)){.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md:dir(rtl){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}}.textarea-fill-solid.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.has-focus.textarea-fill-solid.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.has-value.textarea-fill-solid.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{max-width:calc(100% / 0.75)}.textarea-fill-outline.sc-ion-textarea-md-h{--border-color:var(--ion-color-step-300, #b3b3b3);--border-radius:4px;--padding-start:16px;--padding-end:16px}.textarea-fill-outline.textarea-shape-round.sc-ion-textarea-md-h{--border-radius:28px;--padding-start:32px;--padding-end:32px}.has-focus.textarea-fill-outline.ion-valid.sc-ion-textarea-md-h,.textarea-fill-outline.ion-touched.ion-invalid.sc-ion-textarea-md-h{--border-color:var(--highlight-color)}@media (any-hover: hover){.textarea-fill-outline.sc-ion-textarea-md-h:hover{--border-color:var(--ion-color-step-750, #404040)}}.textarea-fill-outline.has-focus.sc-ion-textarea-md-h{--border-width:2px;--border-color:var(--highlight-color)}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md{border-top:none}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-bottom:none}.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:left top;transform-origin:left top;position:absolute;max-width:calc(100% - var(--padding-start) - var(--padding-end))}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md:dir(rtl),.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.textarea-fill-outline.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{position:relative}.has-focus.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.has-value.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform:translateY(-32%) scale(0.75);transform:translateY(-32%) scale(0.75);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:calc(\n (100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75\n )}.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after,.textarea-fill-outline.textarea-label-placement-floating[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:12px;margin-bottom:0px}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-container.sc-ion-textarea-md{left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{pointer-events:none}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md,.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color)}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md{max-width:calc(100% - var(--padding-start) - var(--padding-end))}.textarea-fill-outline.sc-ion-textarea-md-h .notch-spacer.sc-ion-textarea-md{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none;-webkit-box-sizing:content-box;box-sizing:content-box}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md{border-top-left-radius:var(--border-radius);border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:var(--border-radius);-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color);width:calc(var(--padding-start) - 4px)}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,[dir=rtl].textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,[dir=rtl] .textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md{border-top-left-radius:0px;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:0px}@supports selector(:dir(rtl)){.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md:dir(rtl){border-top-left-radius:0px;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:0px}}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color);border-top-left-radius:0px;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:0px;-ms-flex-positive:1;flex-grow:1}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md,[dir=rtl].textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md,[dir=rtl] .textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{border-top-left-radius:var(--border-radius);border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:var(--border-radius)}@supports selector(:dir(rtl)){.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md:dir(rtl){border-top-left-radius:var(--border-radius);border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:var(--border-radius)}}.has-focus.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md,.has-value.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md{border-top:none}.sc-ion-textarea-md-h{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--padding-top:18px;--padding-end:0px;--padding-bottom:8px;--padding-start:0px;font-size:inherit}.legacy-textarea.sc-ion-textarea-md-h{--padding-top:10px;--padding-end:0;--padding-bottom:11px;--padding-start:8px;margin-left:0;margin-right:0;margin-top:8px;margin-bottom:0}.item-label-stacked.sc-ion-textarea-md-h,.item-label-stacked .sc-ion-textarea-md-h,.item-label-floating.sc-ion-textarea-md-h,.item-label-floating .sc-ion-textarea-md-h{--padding-top:8px;--padding-bottom:8px;--padding-start:0}.textarea-bottom.sc-ion-textarea-md .counter.sc-ion-textarea-md{letter-spacing:0.0333333333em}.sc-ion-textarea-md-h:not(.legacy-textarea){min-height:56px}.textarea-label-placement-floating.sc-ion-textarea-md-h,.textarea-label-placement-stacked.sc-ion-textarea-md-h{--padding-top:0px}.textarea-label-placement-floating.has-focus.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-stacked.has-focus.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{color:var(--highlight-color)}.has-focus.textarea-label-placement-floating.ion-valid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-floating.ion-touched.ion-invalid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.has-focus.textarea-label-placement-stacked.ion-valid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-stacked.ion-touched.ion-invalid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{color:var(--highlight-color)}.legacy-textarea.sc-ion-textarea-md-h .native-textarea[disabled].sc-ion-textarea-md,.textarea-disabled.sc-ion-textarea-md-h{opacity:0.38}.textarea-highlight.sc-ion-textarea-md{bottom:-1px;position:absolute;width:100%;height:2px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}@supports (inset-inline-start: 0){.textarea-highlight.sc-ion-textarea-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.textarea-highlight.sc-ion-textarea-md{left:0}[dir=rtl].sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{left:unset;right:unset;right:0}[dir=rtl].sc-ion-textarea-md .textarea-highlight.sc-ion-textarea-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.textarea-highlight.sc-ion-textarea-md:dir(rtl){left:unset;right:unset;right:0}}}.has-focus.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{-webkit-transform:scale(1);transform:scale(1)}.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{bottom:0}@supports (inset-inline-start: 0){.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{left:0}[dir=rtl].sc-ion-textarea-md-h -no-combinator.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md,[dir=rtl].in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md,[dir=rtl] .in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md:dir(rtl){left:unset;right:unset;right:0}}}.textarea-shape-round.sc-ion-textarea-md-h{--border-radius:16px}";
|
|
33260
|
+
const textareaMdCss = ".sc-ion-textarea-md-h{--background:initial;--color:initial;--placeholder-color:initial;--placeholder-font-style:initial;--placeholder-font-weight:initial;--placeholder-opacity:0.6;--padding-top:0;--padding-end:0;--padding-bottom:0;--padding-start:0;--border-radius:0;--border-style:solid;--highlight-color-focused:var(--ion-color-primary, #3880ff);--highlight-color-valid:var(--ion-color-success, #2dd36f);--highlight-color-invalid:var(--ion-color-danger, #eb445a);--highlight-color:var(--highlight-color-focused);display:block;position:relative;width:100%;color:var(--color);font-family:var(--ion-font-family, inherit);z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box}[cols].sc-ion-textarea-md-h:not([auto-grow]){width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.legacy-textarea.sc-ion-textarea-md-h{-ms-flex:1;flex:1;background:var(--background);white-space:pre-wrap}.legacy-textarea.ion-color.sc-ion-textarea-md-h{color:var(--ion-color-base)}.sc-ion-textarea-md-h:not(.legacy-textarea){--padding-bottom:8px}.ion-color.sc-ion-textarea-md-h{--highlight-color-focused:var(--ion-color-base);background:initial}ion-item.sc-ion-textarea-md-h,ion-item .sc-ion-textarea-md-h{-ms-flex-item-align:baseline;align-self:baseline}ion-item.sc-ion-textarea-md-h:not(.item-label),ion-item:not(.item-label) .sc-ion-textarea-md-h{--padding-start:0}ion-item[slot=start].sc-ion-textarea-md-h,ion-item [slot=start].sc-ion-textarea-md-h,ion-item[slot=end].sc-ion-textarea-md-h,ion-item [slot=end].sc-ion-textarea-md-h{width:auto}.native-textarea.sc-ion-textarea-md{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:block;position:relative;-ms-flex:1;flex:1;width:100%;max-width:100%;max-height:100%;border:0;outline:none;background:transparent;white-space:pre-wrap;z-index:1;-webkit-box-sizing:border-box;box-sizing:border-box;resize:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.native-textarea.sc-ion-textarea-md::-webkit-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md::-moz-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md:-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md::-ms-input-placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.native-textarea.sc-ion-textarea-md::placeholder{padding-left:0;padding-right:0;padding-top:0;padding-bottom:0;color:var(--placeholder-color);font-family:inherit;font-style:var(--placeholder-font-style);font-weight:var(--placeholder-font-weight);opacity:var(--placeholder-opacity)}.legacy-textarea.sc-ion-textarea-md-h .native-textarea.sc-ion-textarea-md{white-space:inherit}.legacy-textarea.sc-ion-textarea-md-h .native-textarea.sc-ion-textarea-md,.legacy-textarea.sc-ion-textarea-md-h .textarea-legacy-wrapper.sc-ion-textarea-md::after{-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);border-radius:var(--border-radius)}.native-textarea.sc-ion-textarea-md{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;grid-area:1/1/2/2;word-break:break-word}.legacy-textarea.sc-ion-textarea-md-h .textarea-legacy-wrapper.sc-ion-textarea-md::after{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:inherit;text-overflow:inherit;text-transform:inherit;text-align:inherit;white-space:inherit;color:inherit;grid-area:1/1/2/2;word-break:break-word}.cloned-input.sc-ion-textarea-md{top:0;bottom:0;position:absolute;pointer-events:none}@supports (inset-inline-start: 0){.cloned-input.sc-ion-textarea-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.cloned-input.sc-ion-textarea-md{left:0}[dir=rtl].sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md{left:unset;right:unset;right:0}[dir=rtl].sc-ion-textarea-md .cloned-input.sc-ion-textarea-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.cloned-input.sc-ion-textarea-md:dir(rtl){left:unset;right:unset;right:0}}}.cloned-input.sc-ion-textarea-md:disabled{opacity:1}.legacy-textarea[auto-grow].sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0}[auto-grow].sc-ion-textarea-md-h .cloned-input.sc-ion-textarea-md{height:100%}[auto-grow].sc-ion-textarea-md-h .native-textarea.sc-ion-textarea-md{overflow:hidden}.item-label-floating.item-has-placeholder.sc-ion-textarea-md-h:not(.item-has-value),.item-label-floating.item-has-placeholder:not(.item-has-value) .sc-ion-textarea-md-h{opacity:0}.item-label-floating.item-has-placeholder.sc-ion-textarea-md-h:not(.item-has-value).item-has-focus,.item-label-floating.item-has-placeholder:not(.item-has-value).item-has-focus .sc-ion-textarea-md-h{-webkit-transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 0.15s cubic-bezier(0.4, 0, 0.2, 1);opacity:1}.textarea-wrapper.sc-ion-textarea-md{-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:0px;padding-bottom:0px;border-radius:var(--border-radius);display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:start;align-items:flex-start;height:inherit;min-height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;background:var(--background);line-height:normal}.native-wrapper.sc-ion-textarea-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;width:100%;height:100%}.has-focus.sc-ion-textarea-md-h textarea.sc-ion-textarea-md{caret-color:var(--highlight-color)}.native-wrapper.sc-ion-textarea-md textarea.sc-ion-textarea-md{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.native-wrapper.sc-ion-textarea-md,.textarea-legacy-wrapper.sc-ion-textarea-md{display:grid;min-width:inherit;max-width:inherit;min-height:inherit;max-height:inherit;grid-auto-rows:100%}.native-wrapper.sc-ion-textarea-md::after,.textarea-legacy-wrapper.sc-ion-textarea-md::after{white-space:pre-wrap;content:attr(data-replicated-value) \" \";visibility:hidden}.native-wrapper.sc-ion-textarea-md::after{padding-left:0;padding-right:0;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;border-radius:var(--border-radius);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;grid-area:1/1/2/2;word-break:break-word}.ion-touched.ion-invalid.sc-ion-textarea-md-h{--highlight-color:var(--highlight-color-invalid)}.ion-valid.sc-ion-textarea-md-h{--highlight-color:var(--highlight-color-valid)}.textarea-bottom.sc-ion-textarea-md{-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:5px;padding-bottom:0;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;border-top:var(--border-width) var(--border-style) var(--border-color);font-size:12px}.has-focus.ion-valid.sc-ion-textarea-md-h,.ion-touched.ion-invalid.sc-ion-textarea-md-h{--border-color:var(--highlight-color)}.textarea-bottom.sc-ion-textarea-md .error-text.sc-ion-textarea-md{display:none;color:var(--highlight-color-invalid)}.textarea-bottom.sc-ion-textarea-md .helper-text.sc-ion-textarea-md{display:block;color:var(--ion-color-step-550, #737373)}.ion-touched.ion-invalid.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md .error-text.sc-ion-textarea-md{display:block}.ion-touched.ion-invalid.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md .helper-text.sc-ion-textarea-md{display:none}.textarea-bottom.sc-ion-textarea-md .counter.sc-ion-textarea-md{-webkit-margin-start:auto;margin-inline-start:auto;color:var(--ion-color-step-550, #737373);white-space:nowrap;-webkit-padding-start:16px;padding-inline-start:16px}.label-text-wrapper.sc-ion-textarea-md{-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);max-width:200px;-webkit-transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none}.label-text.sc-ion-textarea-md,.sc-ion-textarea-md-s>[slot=label]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.label-text-wrapper-hidden.sc-ion-textarea-md,.textarea-outline-notch-hidden.sc-ion-textarea-md{display:none}.textarea-wrapper.sc-ion-textarea-md textarea.sc-ion-textarea-md{-webkit-transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1)}.textarea-label-placement-start.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{-ms-flex-direction:row;flex-direction:row}.textarea-label-placement-start.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-end.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.textarea-label-placement-end.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px;margin-top:0;margin-bottom:0}.textarea-label-placement-fixed.sc-ion-textarea-md-h .label-text.sc-ion-textarea-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}.textarea-label-placement-stacked.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md,.textarea-label-placement-floating.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:start}.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:left top;transform-origin:left top;-webkit-padding-start:0px;padding-inline-start:0px;-webkit-padding-end:0px;padding-inline-end:0px;padding-top:0px;padding-bottom:0px;max-width:100%;z-index:2}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md:dir(rtl),.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.textarea-label-placement-stacked.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after,.textarea-label-placement-floating[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:8px;margin-bottom:0px}.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform:translateY(100%) scale(1);transform:translateY(100%) scale(1)}.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md{opacity:0}.has-focus.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.has-value.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md{opacity:1}.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.has-focus.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.has-value.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform:translateY(50%) scale(0.75);transform:translateY(50%) scale(0.75);max-width:calc(100% / 0.75)}.textarea-fill-solid.sc-ion-textarea-md-h{--background:var(--ion-color-step-50, #f2f2f2);--border-color:var(--ion-color-step-500, gray);--border-radius:4px;--padding-start:16px;--padding-end:16px}.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-bottom:var(--border-width) var(--border-style) var(--border-color)}.has-focus.textarea-fill-solid.ion-valid.sc-ion-textarea-md-h,.textarea-fill-solid.ion-touched.ion-invalid.sc-ion-textarea-md-h{--border-color:var(--highlight-color)}.textarea-fill-solid.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md{border-top:none}@media (any-hover: hover){.textarea-fill-solid.sc-ion-textarea-md-h:hover{--background:var(--ion-color-step-100, #e6e6e6);--border-color:var(--ion-color-step-750, #404040)}}.textarea-fill-solid.has-focus.sc-ion-textarea-md-h{--background:var(--ion-color-step-150, #d9d9d9);--border-color:var(--ion-color-step-750, #404040)}.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}@supports selector(:dir(rtl)){.textarea-fill-solid.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md:dir(rtl){border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);border-bottom-right-radius:0px;border-bottom-left-radius:0px}}.textarea-fill-solid.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.has-focus.textarea-fill-solid.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.has-value.textarea-fill-solid.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{max-width:calc(100% / 0.75)}.textarea-fill-outline.sc-ion-textarea-md-h{--border-color:var(--ion-color-step-300, #b3b3b3);--border-radius:4px;--padding-start:16px;--padding-end:16px}.textarea-fill-outline.textarea-shape-round.sc-ion-textarea-md-h{--border-radius:28px;--padding-start:32px;--padding-end:32px}.has-focus.textarea-fill-outline.ion-valid.sc-ion-textarea-md-h,.textarea-fill-outline.ion-touched.ion-invalid.sc-ion-textarea-md-h{--border-color:var(--highlight-color)}@media (any-hover: hover){.textarea-fill-outline.sc-ion-textarea-md-h:hover{--border-color:var(--ion-color-step-750, #404040)}}.textarea-fill-outline.has-focus.sc-ion-textarea-md-h{--border-width:2px;--border-color:var(--highlight-color)}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-bottom.sc-ion-textarea-md{border-top:none}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-wrapper.sc-ion-textarea-md{border-bottom:none}.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:left top;transform-origin:left top;position:absolute;max-width:calc(100% - var(--padding-start) - var(--padding-end))}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl].textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,[dir=rtl] .textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md:dir(rtl),.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}.textarea-fill-outline.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{position:relative}.has-focus.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.has-value.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{-webkit-transform:translateY(-32%) scale(0.75);transform:translateY(-32%) scale(0.75);margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;max-width:calc(\n (100% - var(--padding-start) - var(--padding-end) - 8px) / 0.75\n )}.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h textarea.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-stacked[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after,.textarea-fill-outline.textarea-label-placement-floating[auto-grow].sc-ion-textarea-md-h .native-wrapper.sc-ion-textarea-md::after{-webkit-margin-start:0px;margin-inline-start:0px;-webkit-margin-end:0px;margin-inline-end:0px;margin-top:12px;margin-bottom:0px}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-container.sc-ion-textarea-md{left:0;right:0;top:0;bottom:0;display:-ms-flexbox;display:flex;position:absolute;width:100%;height:100%}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{pointer-events:none}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md,.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{border-top:var(--border-width) var(--border-style) var(--border-color);border-bottom:var(--border-width) var(--border-style) var(--border-color)}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md{max-width:calc(100% - var(--padding-start) - var(--padding-end))}.textarea-fill-outline.sc-ion-textarea-md-h .notch-spacer.sc-ion-textarea-md{-webkit-padding-end:8px;padding-inline-end:8px;font-size:calc(1em * 0.75);opacity:0;pointer-events:none;-webkit-box-sizing:content-box;box-sizing:content-box}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md{border-top-left-radius:var(--border-radius);border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:var(--border-radius);-webkit-border-start:var(--border-width) var(--border-style) var(--border-color);border-inline-start:var(--border-width) var(--border-style) var(--border-color);width:calc(var(--padding-start) - 4px)}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,[dir=rtl].textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md,[dir=rtl] .textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md{border-top-left-radius:0px;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:0px}@supports selector(:dir(rtl)){.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-start.sc-ion-textarea-md:dir(rtl){border-top-left-radius:0px;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:0px}}.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{-webkit-border-end:var(--border-width) var(--border-style) var(--border-color);border-inline-end:var(--border-width) var(--border-style) var(--border-color);border-top-left-radius:0px;border-top-right-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:0px;-ms-flex-positive:1;flex-grow:1}[dir=rtl].sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md,[dir=rtl].textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md,[dir=rtl] .textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md{border-top-left-radius:var(--border-radius);border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:var(--border-radius)}@supports selector(:dir(rtl)){.textarea-fill-outline.sc-ion-textarea-md-h .textarea-outline-end.sc-ion-textarea-md:dir(rtl){border-top-left-radius:var(--border-radius);border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:var(--border-radius)}}.has-focus.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md,.has-value.textarea-fill-outline.textarea-label-placement-floating.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md,.textarea-fill-outline.textarea-label-placement-stacked.sc-ion-textarea-md-h .textarea-outline-notch.sc-ion-textarea-md{border-top:none}.sc-ion-textarea-md-h{--border-width:1px;--border-color:var(--ion-item-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.13))));--padding-top:18px;--padding-end:0px;--padding-bottom:8px;--padding-start:0px;font-size:inherit}.legacy-textarea.sc-ion-textarea-md-h{--padding-top:10px;--padding-end:0;--padding-bottom:11px;--padding-start:8px;margin-left:0;margin-right:0;margin-top:8px;margin-bottom:0}.item-label-stacked.sc-ion-textarea-md-h,.item-label-stacked .sc-ion-textarea-md-h,.item-label-floating.sc-ion-textarea-md-h,.item-label-floating .sc-ion-textarea-md-h{--padding-top:8px;--padding-bottom:8px;--padding-start:0}.textarea-bottom.sc-ion-textarea-md .counter.sc-ion-textarea-md{letter-spacing:0.0333333333em}.sc-ion-textarea-md-h:not(.legacy-textarea){min-height:56px}.textarea-label-placement-floating.sc-ion-textarea-md-h,.textarea-label-placement-stacked.sc-ion-textarea-md-h{--padding-top:0px}.textarea-label-placement-floating.has-focus.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-stacked.has-focus.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{color:var(--highlight-color)}.has-focus.textarea-label-placement-floating.ion-valid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-floating.ion-touched.ion-invalid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.has-focus.textarea-label-placement-stacked.ion-valid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md,.textarea-label-placement-stacked.ion-touched.ion-invalid.sc-ion-textarea-md-h .label-text-wrapper.sc-ion-textarea-md{color:var(--highlight-color)}.legacy-textarea.sc-ion-textarea-md-h .native-textarea[disabled].sc-ion-textarea-md,.textarea-disabled.sc-ion-textarea-md-h{opacity:0.38}.textarea-highlight.sc-ion-textarea-md{bottom:-1px;position:absolute;width:100%;height:2px;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform 200ms;transition:-webkit-transform 200ms;transition:transform 200ms;transition:transform 200ms, -webkit-transform 200ms;background:var(--highlight-color)}@supports (inset-inline-start: 0){.textarea-highlight.sc-ion-textarea-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.textarea-highlight.sc-ion-textarea-md{left:0}[dir=rtl].sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{left:unset;right:unset;right:0}[dir=rtl].sc-ion-textarea-md .textarea-highlight.sc-ion-textarea-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.textarea-highlight.sc-ion-textarea-md:dir(rtl){left:unset;right:unset;right:0}}}.has-focus.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{-webkit-transform:scale(1);transform:scale(1)}.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{bottom:0}@supports (inset-inline-start: 0){.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{left:0}[dir=rtl].sc-ion-textarea-md-h -no-combinator.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md,[dir=rtl] .sc-ion-textarea-md-h -no-combinator.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md,[dir=rtl].in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md,[dir=rtl] .in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md{left:unset;right:unset;right:0}@supports selector(:dir(rtl)){.in-item.sc-ion-textarea-md-h .textarea-highlight.sc-ion-textarea-md:dir(rtl){left:unset;right:unset;right:0}}}.textarea-shape-round.sc-ion-textarea-md-h{--border-radius:16px}";
|
|
32894
33261
|
|
|
32895
33262
|
/**
|
|
32896
33263
|
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
@@ -33010,7 +33377,7 @@ class Textarea {
|
|
|
33010
33377
|
connectedCallback() {
|
|
33011
33378
|
const { el } = this;
|
|
33012
33379
|
this.legacyFormController = createLegacyFormController(el);
|
|
33013
|
-
this.slotMutationController = createSlotMutationController(el, 'label', () => forceUpdate$1(
|
|
33380
|
+
this.slotMutationController = createSlotMutationController(el, 'label', () => forceUpdate$1());
|
|
33014
33381
|
this.notchController = createNotchController(el, () => this.notchSpacerEl, () => this.labelSlot);
|
|
33015
33382
|
this.emitStyle();
|
|
33016
33383
|
this.debounceChanged();
|
|
@@ -33108,7 +33475,7 @@ class Textarea {
|
|
|
33108
33475
|
* Clear the textarea if the control has not been previously cleared
|
|
33109
33476
|
* during focus.
|
|
33110
33477
|
*/
|
|
33111
|
-
if (!this.didTextareaClearOnEdit && this.hasValue()) {
|
|
33478
|
+
if (!this.didTextareaClearOnEdit && this.hasValue() && ev.key !== 'Tab') {
|
|
33112
33479
|
this.value = '';
|
|
33113
33480
|
this.emitInputChange(ev);
|
|
33114
33481
|
}
|
|
@@ -33281,7 +33648,7 @@ Developers can use the "legacy" property to continue using the legacy form marku
|
|
|
33281
33648
|
"readonly": [4],
|
|
33282
33649
|
"required": [4],
|
|
33283
33650
|
"spellcheck": [4],
|
|
33284
|
-
"cols": [
|
|
33651
|
+
"cols": [514],
|
|
33285
33652
|
"rows": [2],
|
|
33286
33653
|
"wrap": [1],
|
|
33287
33654
|
"autoGrow": [516, "auto-grow"],
|
|
@@ -33300,7 +33667,7 @@ Developers can use the "legacy" property to continue using the legacy form marku
|
|
|
33300
33667
|
},
|
|
33301
33668
|
"$listeners$": undefined,
|
|
33302
33669
|
"$lazyBundleId$": "-",
|
|
33303
|
-
"$attrsToReflect$": [["color", "color"], ["autoGrow", "auto-grow"]]
|
|
33670
|
+
"$attrsToReflect$": [["color", "color"], ["cols", "cols"], ["autoGrow", "auto-grow"]]
|
|
33304
33671
|
}; }
|
|
33305
33672
|
}
|
|
33306
33673
|
let textareaIds = 0;
|
|
@@ -33427,6 +33794,7 @@ const toastMdCss = "/*!@:host*/.sc-ion-toast-md-h{--border-width:0;--border-styl
|
|
|
33427
33794
|
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
33428
33795
|
*
|
|
33429
33796
|
* @part button - Any button element that is displayed inside of the toast.
|
|
33797
|
+
* @part button cancel - Any button element with role "cancel" that is displayed inside of the toast.
|
|
33430
33798
|
* @part container - The element that wraps all child elements.
|
|
33431
33799
|
* @part header - The header text of the toast.
|
|
33432
33800
|
* @part message - The body text of the toast.
|
|
@@ -33444,6 +33812,7 @@ class Toast {
|
|
|
33444
33812
|
this.willDismissShorthand = createEvent(this, "willDismiss", 7);
|
|
33445
33813
|
this.didDismissShorthand = createEvent(this, "didDismiss", 7);
|
|
33446
33814
|
this.delegateController = createDelegateController(this);
|
|
33815
|
+
this.lockController = createLockController();
|
|
33447
33816
|
this.triggerController = createTriggerController();
|
|
33448
33817
|
this.customHTMLEnabled = config.get('innerHTMLTemplatesEnabled', ENABLE_HTML_CONTENT_DEFAULT);
|
|
33449
33818
|
this.presented = false;
|
|
@@ -33513,30 +33882,19 @@ class Toast {
|
|
|
33513
33882
|
* Present the toast overlay after it has been created.
|
|
33514
33883
|
*/
|
|
33515
33884
|
async present() {
|
|
33516
|
-
|
|
33517
|
-
* When using an inline toast
|
|
33518
|
-
* and dismissing a toast it is possible to
|
|
33519
|
-
* quickly present the toast while it is
|
|
33520
|
-
* dismissing. We need to await any current
|
|
33521
|
-
* transition to allow the dismiss to finish
|
|
33522
|
-
* before presenting again.
|
|
33523
|
-
*/
|
|
33524
|
-
if (this.currentTransition !== undefined) {
|
|
33525
|
-
await this.currentTransition;
|
|
33526
|
-
}
|
|
33885
|
+
const unlock = await this.lockController.lock();
|
|
33527
33886
|
await this.delegateController.attachViewToDom();
|
|
33528
|
-
|
|
33529
|
-
await this.currentTransition;
|
|
33887
|
+
await present(this, 'toastEnter', iosEnterAnimation, mdEnterAnimation, this.position);
|
|
33530
33888
|
/**
|
|
33531
33889
|
* Content is revealed to screen readers after
|
|
33532
33890
|
* the transition to avoid jank since this
|
|
33533
33891
|
* state updates will cause a re-render.
|
|
33534
33892
|
*/
|
|
33535
33893
|
this.revealContentToScreenReader = true;
|
|
33536
|
-
this.currentTransition = undefined;
|
|
33537
33894
|
if (this.duration > 0) {
|
|
33538
33895
|
this.durationTimeout = setTimeout(() => this.dismiss(undefined, 'timeout'), this.duration);
|
|
33539
33896
|
}
|
|
33897
|
+
unlock();
|
|
33540
33898
|
}
|
|
33541
33899
|
/**
|
|
33542
33900
|
* Dismiss the toast overlay after it has been presented.
|
|
@@ -33548,15 +33906,16 @@ class Toast {
|
|
|
33548
33906
|
* Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
|
|
33549
33907
|
*/
|
|
33550
33908
|
async dismiss(data, role) {
|
|
33909
|
+
const unlock = await this.lockController.lock();
|
|
33551
33910
|
if (this.durationTimeout) {
|
|
33552
33911
|
clearTimeout(this.durationTimeout);
|
|
33553
33912
|
}
|
|
33554
|
-
|
|
33555
|
-
const dismissed = await this.currentTransition;
|
|
33913
|
+
const dismissed = await dismiss(this, data, role, 'toastLeave', iosLeaveAnimation, mdLeaveAnimation, this.position);
|
|
33556
33914
|
if (dismissed) {
|
|
33557
33915
|
this.delegateController.removeViewFromDom();
|
|
33558
33916
|
this.revealContentToScreenReader = false;
|
|
33559
33917
|
}
|
|
33918
|
+
unlock();
|
|
33560
33919
|
return dismissed;
|
|
33561
33920
|
}
|
|
33562
33921
|
/**
|
|
@@ -33616,7 +33975,7 @@ class Toast {
|
|
|
33616
33975
|
'toast-button-group': true,
|
|
33617
33976
|
[`toast-button-group-${side}`]: true,
|
|
33618
33977
|
};
|
|
33619
|
-
return (hAsync("div", { class: buttonGroupsClasses }, buttons.map((b) => (hAsync("button", { type: "button", class: buttonClass(b), tabIndex: 0, onClick: () => this.buttonClick(b), part:
|
|
33978
|
+
return (hAsync("div", { class: buttonGroupsClasses }, buttons.map((b) => (hAsync("button", Object.assign({}, b.htmlAttributes, { type: "button", class: buttonClass(b), tabIndex: 0, onClick: () => this.buttonClick(b), part: buttonPart(b) }), hAsync("div", { class: "toast-button-inner" }, b.icon && (hAsync("ion-icon", { "aria-hidden": "true", icon: b.icon, slot: b.text === undefined ? 'icon-only' : undefined, class: "toast-button-icon" })), b.text), mode === 'md' && (hAsync("ion-ripple-effect", { type: b.icon !== undefined && b.text === undefined ? 'unbounded' : 'bounded' })))))));
|
|
33620
33979
|
}
|
|
33621
33980
|
/**
|
|
33622
33981
|
* Render the `message` property.
|
|
@@ -33707,10 +34066,13 @@ class Toast {
|
|
|
33707
34066
|
const buttonClass = (button) => {
|
|
33708
34067
|
return Object.assign({ 'toast-button': true, 'toast-button-icon-only': button.icon !== undefined && button.text === undefined, [`toast-button-${button.role}`]: button.role !== undefined, 'ion-focusable': true, 'ion-activatable': true }, getClassMap(button.cssClass));
|
|
33709
34068
|
};
|
|
34069
|
+
const buttonPart = (button) => {
|
|
34070
|
+
return isCancel(button.role) ? 'button cancel' : 'button';
|
|
34071
|
+
};
|
|
33710
34072
|
|
|
33711
|
-
const toggleIosCss = "/*!@:host*/.sc-ion-toggle-ios-h{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item:not(.legacy-toggle))*/.in-item.sc-ion-toggle-ios-h:not(.legacy-toggle){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-toggle)),\n:host([slot=end]:not(.legacy-toggle))*/[slot=start].sc-ion-toggle-ios-h:not(.legacy-toggle),[slot=end].sc-ion-toggle-ios-h:not(.legacy-toggle){width:auto}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-ios-h{contain:content;-ms-touch-action:none;touch-action:none}/*!@:host(.ion-focused) input*/.ion-focused.sc-ion-toggle-ios-h input.sc-ion-toggle-ios{border:2px solid #5e9ed6}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-ios-h{pointer-events:none}/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;pointer-events:none}@supports (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{left:0}/*!@:host-context([dir=rtl]):host(.legacy-toggle) label, :host-context([dir=rtl]).legacy-toggle label*/[dir=rtl].sc-ion-toggle-ios-h -no-combinator.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios,[dir=rtl] .sc-ion-toggle-ios-h -no-combinator.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios,[dir=rtl].legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios,[dir=rtl] .legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-toggle-ios selector(.sc-ion-toggle-ios:dir(rtl)){.sc-ion-toggle-ios-h.legacy-toggle label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-toggle) label::-moz-focus-inner*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-toggle-ios{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.toggle-wrapper*/.toggle-wrapper.sc-ion-toggle-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-toggle-ios{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-toggle)) .label-text-wrapper*/.in-item.sc-ion-toggle-ios-h:not(.legacy-toggle) .label-text-wrapper.sc-ion-toggle-ios{margin-top:10px;margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-toggle-ios{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-toggle-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.toggle-justify-space-between) .toggle-wrapper*/.toggle-justify-space-between.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.toggle-justify-start) .toggle-wrapper*/.toggle-justify-start.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-pack:start;justify-content:start}/*!@:host(.toggle-justify-end) .toggle-wrapper*/.toggle-justify-end.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-pack:end;justify-content:end}/*!@:host(.toggle-label-placement-start) .toggle-wrapper*/.toggle-label-placement-start.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.toggle-label-placement-start) .label-text-wrapper*/.toggle-label-placement-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-end) .toggle-wrapper*/.toggle-label-placement-end.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.toggle-label-placement-end) .label-text-wrapper*/.toggle-label-placement-end.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@.toggle-icon-wrapper*/.toggle-icon-wrapper.sc-ion-toggle-ios{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*/.toggle-icon.sc-ion-toggle-ios{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}/*!@:host(.toggle-checked) .toggle-icon*/.toggle-checked.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios{background:var(--track-background-checked)}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-ios{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*/.toggle-ltr.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{left:var(--handle-spacing)}/*!@:host(.toggle-rtl) .toggle-inner*/.toggle-rtl.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{right:var(--handle-spacing)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper*/.toggle-ltr.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-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*/.toggle-rtl.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(-100% + var(--handle-width)), 0, 0);transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}/*!@:host(.toggle-checked) .toggle-inner*/.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{background:var(--handle-background-checked)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-inner*/.toggle-ltr.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{-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*/.toggle-rtl.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}/*!@:host*/.sc-ion-toggle-ios-h{--track-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.088);--track-background-checked:var(--ion-color-primary, #3880ff);--border-radius:16px;--handle-background:#ffffff;--handle-background-checked:#ffffff;--handle-border-radius:25.5px;--handle-box-shadow:0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);--handle-height:calc(32px - (2px * 2));--handle-max-height:calc(100% - var(--handle-spacing) * 2);--handle-width:calc(32px - (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}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-ios-h{width:51px;height:32px;contain:strict;overflow:hidden}/*!@.native-wrapper .toggle-icon*/.native-wrapper.sc-ion-toggle-ios .toggle-icon.sc-ion-toggle-ios{width:51px;height:32px;overflow:hidden}/*!@:host(.ion-color.toggle-checked) .toggle-icon*/.ion-color.toggle-checked.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios{background:var(--ion-color-base)}/*!@:host(.toggle-activated) .toggle-switch-icon*/.toggle-activated.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios{opacity:0}/*!@.toggle-icon*/.toggle-icon.sc-ion-toggle-ios{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:background-color 300ms;transition:background-color 300ms}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-ios{will-change:transform}/*!@.toggle-switch-icon*/.toggle-switch-icon.sc-ion-toggle-ios{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*/.toggle-switch-icon.sc-ion-toggle-ios{position:absolute;color:var(--ion-color-dark)}/*!@:host(.toggle-ltr) .toggle-switch-icon*/.toggle-ltr.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios{right:6px}/*!@:host(.toggle-rtl) .toggle-switch-icon*/.toggle-rtl.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios{right:initial;left:6px}/*!@:host(.toggle-checked) .toggle-switch-icon.toggle-switch-icon-checked*/.toggle-checked.sc-ion-toggle-ios-h .toggle-switch-icon.toggle-switch-icon-checked.sc-ion-toggle-ios{color:var(--ion-color-contrast, #fff)}/*!@:host(.toggle-checked) .toggle-switch-icon:not(.toggle-switch-icon-checked)*/.toggle-checked.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios:not(.toggle-switch-icon-checked){opacity:0}/*!@.toggle-switch-icon-checked*/.toggle-switch-icon-checked.sc-ion-toggle-ios{position:absolute;width:15px;height:15px;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}/*!@:host(.toggle-ltr) .toggle-switch-icon-checked*/.toggle-ltr.sc-ion-toggle-ios-h .toggle-switch-icon-checked.sc-ion-toggle-ios{right:initial;left:4px}/*!@:host(.toggle-rtl) .toggle-switch-icon-checked*/.toggle-rtl.sc-ion-toggle-ios-h .toggle-switch-icon-checked.sc-ion-toggle-ios{right:4px}/*!@:host(.toggle-activated) .toggle-icon::before,\n:host(.toggle-checked) .toggle-icon::before*/.toggle-activated.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios::before,.toggle-checked.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios::before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}/*!@:host(.toggle-activated.toggle-checked) .toggle-inner::before*/.toggle-activated.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios::before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}/*!@:host(.toggle-activated) .toggle-inner*/.toggle-activated.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{width:calc(var(--handle-width) + 6px)}/*!@:host(.toggle-ltr.toggle-activated.toggle-checked) .toggle-icon-wrapper*/.toggle-ltr.toggle-activated.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-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*/.toggle-rtl.toggle-activated.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0);transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0)}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-ios-h{opacity:0.3}/*!@:host(.in-item.legacy-toggle)*/.in-item.legacy-toggle.sc-ion-toggle-ios-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0;padding-top:6px;padding-bottom:5px}/*!@:host(.in-item.legacy-toggle[slot=start])*/.in-item.legacy-toggle[slot=start].sc-ion-toggle-ios-h{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:6px;padding-bottom:5px}";
|
|
34073
|
+
const toggleIosCss = "/*!@:host*/.sc-ion-toggle-ios-h{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item:not(.legacy-toggle))*/.in-item.sc-ion-toggle-ios-h:not(.legacy-toggle){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-toggle)),\n:host([slot=end]:not(.legacy-toggle))*/[slot=start].sc-ion-toggle-ios-h:not(.legacy-toggle),[slot=end].sc-ion-toggle-ios-h:not(.legacy-toggle){width:auto}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-ios-h{contain:content;-ms-touch-action:none;touch-action:none}/*!@:host(.ion-focused) input*/.ion-focused.sc-ion-toggle-ios-h input.sc-ion-toggle-ios{border:2px solid #5e9ed6}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-ios-h{pointer-events:none}/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;pointer-events:none}@supports (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{left:0}/*!@:host-context([dir=rtl]):host(.legacy-toggle) label, :host-context([dir=rtl]).legacy-toggle label*/[dir=rtl].sc-ion-toggle-ios-h -no-combinator.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios,[dir=rtl] .sc-ion-toggle-ios-h -no-combinator.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios,[dir=rtl].legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios,[dir=rtl] .legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-toggle-ios selector(.sc-ion-toggle-ios:dir(rtl)){.sc-ion-toggle-ios-h.legacy-toggle label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-toggle) label::-moz-focus-inner*/.legacy-toggle.sc-ion-toggle-ios-h label.sc-ion-toggle-ios::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-toggle-ios{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.toggle-wrapper*/.toggle-wrapper.sc-ion-toggle-ios{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-toggle-ios{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-toggle)) .label-text-wrapper*/.in-item.sc-ion-toggle-ios-h:not(.legacy-toggle) .label-text-wrapper.sc-ion-toggle-ios{margin-top:10px;margin-bottom:10px}/*!@:host(.in-item.toggle-label-placement-stacked) .label-text-wrapper*/.in-item.toggle-label-placement-stacked.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.toggle-label-placement-stacked) .native-wrapper*/.in-item.toggle-label-placement-stacked.sc-ion-toggle-ios-h .native-wrapper.sc-ion-toggle-ios{margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-toggle-ios{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-toggle-ios{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.toggle-justify-space-between) .toggle-wrapper*/.toggle-justify-space-between.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.toggle-justify-start) .toggle-wrapper*/.toggle-justify-start.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-pack:start;justify-content:start}/*!@:host(.toggle-justify-end) .toggle-wrapper*/.toggle-justify-end.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-pack:end;justify-content:end}/*!@:host(.toggle-alignment-start) .toggle-wrapper*/.toggle-alignment-start.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-align:start;align-items:start}/*!@:host(.toggle-alignment-center) .toggle-wrapper*/.toggle-alignment-center.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-align:center;align-items:center}/*!@:host(.toggle-label-placement-start) .toggle-wrapper*/.toggle-label-placement-start.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-direction:row;flex-direction:row}/*!@:host(.toggle-label-placement-start) .label-text-wrapper*/.toggle-label-placement-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-end) .toggle-wrapper*/.toggle-label-placement-end.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.toggle-label-placement-end) .label-text-wrapper*/.toggle-label-placement-end.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.toggle-label-placement-stacked) .toggle-wrapper*/.toggle-label-placement-stacked.sc-ion-toggle-ios-h .toggle-wrapper.sc-ion-toggle-ios{-ms-flex-direction:column;flex-direction:column}/*!@:host(.toggle-label-placement-stacked) .label-text-wrapper*/.toggle-label-placement-stacked.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-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*/.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-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*/[dir=rtl].sc-ion-toggle-ios-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios,[dir=rtl] .sc-ion-toggle-ios-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios,[dir=rtl].toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios,[dir=rtl] .toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper:dir(rtl)*/.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper*/.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-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*/[dir=rtl].sc-ion-toggle-ios-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios,[dir=rtl] .sc-ion-toggle-ios-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios,[dir=rtl].toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios,[dir=rtl] .toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios{-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) .label-text-wrapper:dir(rtl)*/.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-ios-h .label-text-wrapper.sc-ion-toggle-ios:dir(rtl){-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}/*!@.toggle-icon-wrapper*/.toggle-icon-wrapper.sc-ion-toggle-ios{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*/.toggle-icon.sc-ion-toggle-ios{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}/*!@:host(.toggle-checked) .toggle-icon*/.toggle-checked.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios{background:var(--track-background-checked)}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-ios{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*/.toggle-ltr.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{left:var(--handle-spacing)}/*!@:host(.toggle-rtl) .toggle-inner*/.toggle-rtl.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{right:var(--handle-spacing)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper*/.toggle-ltr.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-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*/.toggle-rtl.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(-100% + var(--handle-width)), 0, 0);transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}/*!@:host(.toggle-checked) .toggle-inner*/.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{background:var(--handle-background-checked)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-inner*/.toggle-ltr.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{-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*/.toggle-rtl.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}/*!@:host*/.sc-ion-toggle-ios-h{--track-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.088);--track-background-checked:var(--ion-color-primary, #3880ff);--border-radius:16px;--handle-background:#ffffff;--handle-background-checked:#ffffff;--handle-border-radius:25.5px;--handle-box-shadow:0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);--handle-height:calc(32px - (2px * 2));--handle-max-height:calc(100% - var(--handle-spacing) * 2);--handle-width:calc(32px - (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}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-ios-h{width:51px;height:32px;contain:strict;overflow:hidden}/*!@.native-wrapper .toggle-icon*/.native-wrapper.sc-ion-toggle-ios .toggle-icon.sc-ion-toggle-ios{width:51px;height:32px;overflow:hidden}/*!@:host(.ion-color.toggle-checked) .toggle-icon*/.ion-color.toggle-checked.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios{background:var(--ion-color-base)}/*!@:host(.toggle-activated) .toggle-switch-icon*/.toggle-activated.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios{opacity:0}/*!@.toggle-icon*/.toggle-icon.sc-ion-toggle-ios{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:background-color 300ms;transition:background-color 300ms}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-ios{will-change:transform}/*!@.toggle-switch-icon*/.toggle-switch-icon.sc-ion-toggle-ios{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*/.toggle-switch-icon.sc-ion-toggle-ios{position:absolute;color:var(--ion-color-dark)}/*!@:host(.toggle-ltr) .toggle-switch-icon*/.toggle-ltr.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios{right:6px}/*!@:host(.toggle-rtl) .toggle-switch-icon*/.toggle-rtl.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios{right:initial;left:6px}/*!@:host(.toggle-checked) .toggle-switch-icon.toggle-switch-icon-checked*/.toggle-checked.sc-ion-toggle-ios-h .toggle-switch-icon.toggle-switch-icon-checked.sc-ion-toggle-ios{color:var(--ion-color-contrast, #fff)}/*!@:host(.toggle-checked) .toggle-switch-icon:not(.toggle-switch-icon-checked)*/.toggle-checked.sc-ion-toggle-ios-h .toggle-switch-icon.sc-ion-toggle-ios:not(.toggle-switch-icon-checked){opacity:0}/*!@.toggle-switch-icon-checked*/.toggle-switch-icon-checked.sc-ion-toggle-ios{position:absolute;width:15px;height:15px;-webkit-transform:translateY(-50%) rotate(90deg);transform:translateY(-50%) rotate(90deg)}/*!@:host(.toggle-ltr) .toggle-switch-icon-checked*/.toggle-ltr.sc-ion-toggle-ios-h .toggle-switch-icon-checked.sc-ion-toggle-ios{right:initial;left:4px}/*!@:host(.toggle-rtl) .toggle-switch-icon-checked*/.toggle-rtl.sc-ion-toggle-ios-h .toggle-switch-icon-checked.sc-ion-toggle-ios{right:4px}/*!@:host(.toggle-activated) .toggle-icon::before,\n:host(.toggle-checked) .toggle-icon::before*/.toggle-activated.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios::before,.toggle-checked.sc-ion-toggle-ios-h .toggle-icon.sc-ion-toggle-ios::before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}/*!@:host(.toggle-activated.toggle-checked) .toggle-inner::before*/.toggle-activated.toggle-checked.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios::before{-webkit-transform:scale3d(0, 0, 0);transform:scale3d(0, 0, 0)}/*!@:host(.toggle-activated) .toggle-inner*/.toggle-activated.sc-ion-toggle-ios-h .toggle-inner.sc-ion-toggle-ios{width:calc(var(--handle-width) + 6px)}/*!@:host(.toggle-ltr.toggle-activated.toggle-checked) .toggle-icon-wrapper*/.toggle-ltr.toggle-activated.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-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*/.toggle-rtl.toggle-activated.toggle-checked.sc-ion-toggle-ios-h .toggle-icon-wrapper.sc-ion-toggle-ios{-webkit-transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0);transform:translate3d(calc(-100% + var(--handle-width) + 6px), 0, 0)}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-ios-h{opacity:0.3}/*!@:host(.in-item.legacy-toggle)*/.in-item.legacy-toggle.sc-ion-toggle-ios-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0;padding-top:6px;padding-bottom:5px}/*!@:host(.in-item.legacy-toggle[slot=start])*/.in-item.legacy-toggle[slot=start].sc-ion-toggle-ios-h{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:6px;padding-bottom:5px}";
|
|
33712
34074
|
|
|
33713
|
-
const toggleMdCss = "/*!@:host*/.sc-ion-toggle-md-h{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item:not(.legacy-toggle))*/.in-item.sc-ion-toggle-md-h:not(.legacy-toggle){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-toggle)),\n:host([slot=end]:not(.legacy-toggle))*/[slot=start].sc-ion-toggle-md-h:not(.legacy-toggle),[slot=end].sc-ion-toggle-md-h:not(.legacy-toggle){width:auto}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-md-h{contain:content;-ms-touch-action:none;touch-action:none}/*!@:host(.ion-focused) input*/.ion-focused.sc-ion-toggle-md-h input.sc-ion-toggle-md{border:2px solid #5e9ed6}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-md-h{pointer-events:none}/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;pointer-events:none}@supports (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{left:0}/*!@:host-context([dir=rtl]):host(.legacy-toggle) label, :host-context([dir=rtl]).legacy-toggle label*/[dir=rtl].sc-ion-toggle-md-h -no-combinator.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md,[dir=rtl] .sc-ion-toggle-md-h -no-combinator.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md,[dir=rtl].legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md,[dir=rtl] .legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-toggle-md selector(.sc-ion-toggle-md:dir(rtl)){.sc-ion-toggle-md-h.legacy-toggle label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-toggle) label::-moz-focus-inner*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-toggle-md{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.toggle-wrapper*/.toggle-wrapper.sc-ion-toggle-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center;height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-toggle-md{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-toggle)) .label-text-wrapper*/.in-item.sc-ion-toggle-md-h:not(.legacy-toggle) .label-text-wrapper.sc-ion-toggle-md{margin-top:10px;margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-toggle-md{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-toggle-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.toggle-justify-space-between) .toggle-wrapper*/.toggle-justify-space-between.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.toggle-justify-start) .toggle-wrapper*/.toggle-justify-start.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-pack:start;justify-content:start}/*!@:host(.toggle-justify-end) .toggle-wrapper*/.toggle-justify-end.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-pack:end;justify-content:end}/*!@:host(.toggle-label-placement-start) .toggle-wrapper*/.toggle-label-placement-start.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.toggle-label-placement-start) .label-text-wrapper*/.toggle-label-placement-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-end) .toggle-wrapper*/.toggle-label-placement-end.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.toggle-label-placement-end) .label-text-wrapper*/.toggle-label-placement-end.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@.toggle-icon-wrapper*/.toggle-icon-wrapper.sc-ion-toggle-md{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*/.toggle-icon.sc-ion-toggle-md{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}/*!@:host(.toggle-checked) .toggle-icon*/.toggle-checked.sc-ion-toggle-md-h .toggle-icon.sc-ion-toggle-md{background:var(--track-background-checked)}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-md{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*/.toggle-ltr.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{left:var(--handle-spacing)}/*!@:host(.toggle-rtl) .toggle-inner*/.toggle-rtl.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{right:var(--handle-spacing)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper*/.toggle-ltr.toggle-checked.sc-ion-toggle-md-h .toggle-icon-wrapper.sc-ion-toggle-md{-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*/.toggle-rtl.toggle-checked.sc-ion-toggle-md-h .toggle-icon-wrapper.sc-ion-toggle-md{-webkit-transform:translate3d(calc(-100% + var(--handle-width)), 0, 0);transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}/*!@:host(.toggle-checked) .toggle-inner*/.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{background:var(--handle-background-checked)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-inner*/.toggle-ltr.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{-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*/.toggle-rtl.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{-webkit-transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}/*!@:host*/.sc-ion-toggle-md-h{--track-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.39);--track-background-checked:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5);--border-radius:14px;--handle-background:#ffffff;--handle-background-checked:var(--ion-color-primary, #3880ff);--handle-border-radius:50%;--handle-box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--handle-width:20px;--handle-height:20px;--handle-max-height:calc(100% + 6px);--handle-spacing:0;--handle-transition:transform 160ms cubic-bezier(0.4, 0, 0.2, 1), background-color 160ms cubic-bezier(0.4, 0, 0.2, 1)}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-md-h{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;width:36px;height:14px;contain:strict}/*!@.native-wrapper .toggle-icon*/.native-wrapper.sc-ion-toggle-md .toggle-icon.sc-ion-toggle-md{width:36px;height:14px}/*!@:host(.ion-color.toggle-checked) .toggle-icon*/.ion-color.toggle-checked.sc-ion-toggle-md-h .toggle-icon.sc-ion-toggle-md{background:rgba(var(--ion-color-base-rgb), 0.5)}/*!@:host(.ion-color.toggle-checked) .toggle-inner*/.ion-color.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{background:var(--ion-color-base)}/*!@:host(.toggle-checked) .toggle-inner*/.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{color:var(--ion-color-contrast, #fff)}/*!@.toggle-icon*/.toggle-icon.sc-ion-toggle-md{-webkit-transition:background-color 160ms;transition:background-color 160ms}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-md{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:#000}/*!@.toggle-inner .toggle-switch-icon*/.toggle-inner.sc-ion-toggle-md .toggle-switch-icon.sc-ion-toggle-md{-webkit-padding-start:1px;padding-inline-start:1px;-webkit-padding-end:1px;padding-inline-end:1px;padding-top:1px;padding-bottom:1px;width:100%;height:100%}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-md-h{opacity:0.38}/*!@:host(.in-item.legacy-toggle)*/.in-item.legacy-toggle.sc-ion-toggle-md-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0;padding-top:12px;padding-bottom:12px;cursor:pointer}/*!@:host(.in-item.legacy-toggle[slot=start])*/.in-item.legacy-toggle[slot=start].sc-ion-toggle-md-h{-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:18px;padding-inline-end:18px;padding-top:12px;padding-bottom:12px}";
|
|
34075
|
+
const toggleMdCss = "/*!@:host*/.sc-ion-toggle-md-h{-webkit-box-sizing:content-box !important;box-sizing:content-box !important;display:inline-block;position:relative;max-width:100%;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}/*!@:host(.in-item:not(.legacy-toggle))*/.in-item.sc-ion-toggle-md-h:not(.legacy-toggle){width:100%;height:100%}/*!@:host([slot=start]:not(.legacy-toggle)),\n:host([slot=end]:not(.legacy-toggle))*/[slot=start].sc-ion-toggle-md-h:not(.legacy-toggle),[slot=end].sc-ion-toggle-md-h:not(.legacy-toggle){width:auto}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-md-h{contain:content;-ms-touch-action:none;touch-action:none}/*!@:host(.ion-focused) input*/.ion-focused.sc-ion-toggle-md-h input.sc-ion-toggle-md{border:2px solid #5e9ed6}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-md-h{pointer-events:none}/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0;pointer-events:none}@supports (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host(.legacy-toggle) label*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{left:0}/*!@:host-context([dir=rtl]):host(.legacy-toggle) label, :host-context([dir=rtl]).legacy-toggle label*/[dir=rtl].sc-ion-toggle-md-h -no-combinator.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md,[dir=rtl] .sc-ion-toggle-md-h -no-combinator.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md,[dir=rtl].legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md,[dir=rtl] .legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-toggle-md selector(.sc-ion-toggle-md:dir(rtl)){.sc-ion-toggle-md-h.legacy-toggle label:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.legacy-toggle) label::-moz-focus-inner*/.legacy-toggle.sc-ion-toggle-md-h label.sc-ion-toggle-md::-moz-focus-inner{border:0}/*!@input*/input.sc-ion-toggle-md{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}/*!@.toggle-wrapper*/.toggle-wrapper.sc-ion-toggle-md{display:-ms-flexbox;display:flex;position:relative;-ms-flex-positive:1;flex-grow:1;height:inherit;-webkit-transition:background-color 15ms linear;transition:background-color 15ms linear;cursor:inherit}/*!@.label-text-wrapper*/.label-text-wrapper.sc-ion-toggle-md{pointer-events:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}/*!@:host(.in-item:not(.legacy-toggle)) .label-text-wrapper*/.in-item.sc-ion-toggle-md-h:not(.legacy-toggle) .label-text-wrapper.sc-ion-toggle-md{margin-top:10px;margin-bottom:10px}/*!@:host(.in-item.toggle-label-placement-stacked) .label-text-wrapper*/.in-item.toggle-label-placement-stacked.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{margin-top:10px;margin-bottom:16px}/*!@:host(.in-item.toggle-label-placement-stacked) .native-wrapper*/.in-item.toggle-label-placement-stacked.sc-ion-toggle-md-h .native-wrapper.sc-ion-toggle-md{margin-bottom:10px}/*!@.label-text-wrapper-hidden*/.label-text-wrapper-hidden.sc-ion-toggle-md{display:none}/*!@.native-wrapper*/.native-wrapper.sc-ion-toggle-md{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}/*!@:host(.toggle-justify-space-between) .toggle-wrapper*/.toggle-justify-space-between.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-pack:justify;justify-content:space-between}/*!@:host(.toggle-justify-start) .toggle-wrapper*/.toggle-justify-start.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-pack:start;justify-content:start}/*!@:host(.toggle-justify-end) .toggle-wrapper*/.toggle-justify-end.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-pack:end;justify-content:end}/*!@:host(.toggle-alignment-start) .toggle-wrapper*/.toggle-alignment-start.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-align:start;align-items:start}/*!@:host(.toggle-alignment-center) .toggle-wrapper*/.toggle-alignment-center.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-align:center;align-items:center}/*!@:host(.toggle-label-placement-start) .toggle-wrapper*/.toggle-label-placement-start.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-direction:row;flex-direction:row}/*!@:host(.toggle-label-placement-start) .label-text-wrapper*/.toggle-label-placement-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-end) .toggle-wrapper*/.toggle-label-placement-end.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-direction:row-reverse;flex-direction:row-reverse}/*!@:host(.toggle-label-placement-end) .label-text-wrapper*/.toggle-label-placement-end.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-margin-start:16px;margin-inline-start:16px;-webkit-margin-end:0;margin-inline-end:0}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:16px;margin-inline-end:16px}/*!@:host(.toggle-label-placement-fixed) .label-text-wrapper*/.toggle-label-placement-fixed.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-ms-flex:0 0 100px;flex:0 0 100px;width:100px;min-width:100px;max-width:200px}/*!@:host(.toggle-label-placement-stacked) .toggle-wrapper*/.toggle-label-placement-stacked.sc-ion-toggle-md-h .toggle-wrapper.sc-ion-toggle-md{-ms-flex-direction:column;flex-direction:column}/*!@:host(.toggle-label-placement-stacked) .label-text-wrapper*/.toggle-label-placement-stacked.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-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*/.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-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*/[dir=rtl].sc-ion-toggle-md-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md,[dir=rtl] .sc-ion-toggle-md-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md,[dir=rtl].toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md,[dir=rtl] .toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-webkit-transform-origin:right top;transform-origin:right top}@supports selector(:dir(rtl)){/*!@:host(.toggle-label-placement-stacked.toggle-alignment-start) .label-text-wrapper:dir(rtl)*/.toggle-label-placement-stacked.toggle-alignment-start.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md:dir(rtl){-webkit-transform-origin:right top;transform-origin:right top}}/*!@:host(.toggle-label-placement-stacked.toggle-alignment-center) .label-text-wrapper*/.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-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*/[dir=rtl].sc-ion-toggle-md-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md,[dir=rtl] .sc-ion-toggle-md-h -no-combinator.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md,[dir=rtl].toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md,[dir=rtl] .toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md{-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) .label-text-wrapper:dir(rtl)*/.toggle-label-placement-stacked.toggle-alignment-center.sc-ion-toggle-md-h .label-text-wrapper.sc-ion-toggle-md:dir(rtl){-webkit-transform-origin:calc(100% - center) top;transform-origin:calc(100% - center) top}}/*!@.toggle-icon-wrapper*/.toggle-icon-wrapper.sc-ion-toggle-md{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*/.toggle-icon.sc-ion-toggle-md{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;background:var(--track-background);overflow:inherit}/*!@:host(.toggle-checked) .toggle-icon*/.toggle-checked.sc-ion-toggle-md-h .toggle-icon.sc-ion-toggle-md{background:var(--track-background-checked)}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-md{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*/.toggle-ltr.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{left:var(--handle-spacing)}/*!@:host(.toggle-rtl) .toggle-inner*/.toggle-rtl.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{right:var(--handle-spacing)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-icon-wrapper*/.toggle-ltr.toggle-checked.sc-ion-toggle-md-h .toggle-icon-wrapper.sc-ion-toggle-md{-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*/.toggle-rtl.toggle-checked.sc-ion-toggle-md-h .toggle-icon-wrapper.sc-ion-toggle-md{-webkit-transform:translate3d(calc(-100% + var(--handle-width)), 0, 0);transform:translate3d(calc(-100% + var(--handle-width)), 0, 0)}/*!@:host(.toggle-checked) .toggle-inner*/.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{background:var(--handle-background-checked)}/*!@:host(.toggle-ltr.toggle-checked) .toggle-inner*/.toggle-ltr.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{-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*/.toggle-rtl.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{-webkit-transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0);transform:translate3d(calc(var(--handle-spacing) * 2), 0, 0)}/*!@:host*/.sc-ion-toggle-md-h{--track-background:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.39);--track-background-checked:rgba(var(--ion-color-primary-rgb, 56, 128, 255), 0.5);--border-radius:14px;--handle-background:#ffffff;--handle-background-checked:var(--ion-color-primary, #3880ff);--handle-border-radius:50%;--handle-box-shadow:0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);--handle-width:20px;--handle-height:20px;--handle-max-height:calc(100% + 6px);--handle-spacing:0;--handle-transition:transform 160ms cubic-bezier(0.4, 0, 0.2, 1), background-color 160ms cubic-bezier(0.4, 0, 0.2, 1)}/*!@:host(.legacy-toggle)*/.legacy-toggle.sc-ion-toggle-md-h{-webkit-padding-start:12px;padding-inline-start:12px;-webkit-padding-end:12px;padding-inline-end:12px;padding-top:12px;padding-bottom:12px;width:36px;height:14px;contain:strict}/*!@.native-wrapper .toggle-icon*/.native-wrapper.sc-ion-toggle-md .toggle-icon.sc-ion-toggle-md{width:36px;height:14px}/*!@:host(.ion-color.toggle-checked) .toggle-icon*/.ion-color.toggle-checked.sc-ion-toggle-md-h .toggle-icon.sc-ion-toggle-md{background:rgba(var(--ion-color-base-rgb), 0.5)}/*!@:host(.ion-color.toggle-checked) .toggle-inner*/.ion-color.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{background:var(--ion-color-base)}/*!@:host(.toggle-checked) .toggle-inner*/.toggle-checked.sc-ion-toggle-md-h .toggle-inner.sc-ion-toggle-md{color:var(--ion-color-contrast, #fff)}/*!@.toggle-icon*/.toggle-icon.sc-ion-toggle-md{-webkit-transition:background-color 160ms;transition:background-color 160ms}/*!@.toggle-inner*/.toggle-inner.sc-ion-toggle-md{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:#000}/*!@.toggle-inner .toggle-switch-icon*/.toggle-inner.sc-ion-toggle-md .toggle-switch-icon.sc-ion-toggle-md{-webkit-padding-start:1px;padding-inline-start:1px;-webkit-padding-end:1px;padding-inline-end:1px;padding-top:1px;padding-bottom:1px;width:100%;height:100%}/*!@:host(.toggle-disabled)*/.toggle-disabled.sc-ion-toggle-md-h{opacity:0.38}/*!@:host(.in-item.legacy-toggle)*/.in-item.legacy-toggle.sc-ion-toggle-md-h{margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:0;padding-inline-end:0;padding-top:12px;padding-bottom:12px;cursor:pointer}/*!@:host(.in-item.legacy-toggle[slot=start])*/.in-item.legacy-toggle[slot=start].sc-ion-toggle-md-h{-webkit-padding-start:2px;padding-inline-start:2px;-webkit-padding-end:18px;padding-inline-end:18px;padding-top:12px;padding-bottom:12px}";
|
|
33714
34076
|
|
|
33715
34077
|
/**
|
|
33716
34078
|
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
@@ -33750,6 +34112,9 @@ class Toggle {
|
|
|
33750
34112
|
}
|
|
33751
34113
|
};
|
|
33752
34114
|
this.onClick = (ev) => {
|
|
34115
|
+
if (this.disabled) {
|
|
34116
|
+
return;
|
|
34117
|
+
}
|
|
33753
34118
|
ev.preventDefault();
|
|
33754
34119
|
if (this.lastDrag + 300 < Date.now()) {
|
|
33755
34120
|
this.toggleChecked();
|
|
@@ -33777,6 +34142,7 @@ class Toggle {
|
|
|
33777
34142
|
this.labelPlacement = 'start';
|
|
33778
34143
|
this.legacy = undefined;
|
|
33779
34144
|
this.justify = 'space-between';
|
|
34145
|
+
this.alignment = 'center';
|
|
33780
34146
|
}
|
|
33781
34147
|
disabledChanged() {
|
|
33782
34148
|
this.emitStyle();
|
|
@@ -33874,7 +34240,7 @@ class Toggle {
|
|
|
33874
34240
|
return legacyFormController.hasLegacyControl() ? this.renderLegacyToggle() : this.renderToggle();
|
|
33875
34241
|
}
|
|
33876
34242
|
renderToggle() {
|
|
33877
|
-
const { activated, color, checked, disabled, el, justify, labelPlacement, inputId, name } = this;
|
|
34243
|
+
const { activated, color, checked, disabled, el, justify, labelPlacement, inputId, name, alignment } = this;
|
|
33878
34244
|
const mode = getIonMode$1(this);
|
|
33879
34245
|
const value = this.getValue();
|
|
33880
34246
|
const rtl = isRTL$1(el) ? 'rtl' : 'ltr';
|
|
@@ -33886,6 +34252,7 @@ class Toggle {
|
|
|
33886
34252
|
'toggle-checked': checked,
|
|
33887
34253
|
'toggle-disabled': disabled,
|
|
33888
34254
|
[`toggle-justify-${justify}`]: true,
|
|
34255
|
+
[`toggle-alignment-${alignment}`]: true,
|
|
33889
34256
|
[`toggle-label-placement-${labelPlacement}`]: true,
|
|
33890
34257
|
[`toggle-${rtl}`]: true,
|
|
33891
34258
|
}) }, hAsync("label", { class: "toggle-wrapper" }, hAsync("input", Object.assign({ type: "checkbox", role: "switch", "aria-checked": `${checked}`, checked: checked, disabled: disabled, id: inputId, onFocus: () => this.onFocus(), onBlur: () => this.onBlur(), ref: (focusEl) => (this.focusEl = focusEl) }, this.inheritedAttributes)), hAsync("div", { class: {
|
|
@@ -33946,6 +34313,7 @@ Developers can dismiss this warning by removing their usage of the "legacy" prop
|
|
|
33946
34313
|
"labelPlacement": [1, "label-placement"],
|
|
33947
34314
|
"legacy": [4],
|
|
33948
34315
|
"justify": [1],
|
|
34316
|
+
"alignment": [1],
|
|
33949
34317
|
"activated": [32]
|
|
33950
34318
|
},
|
|
33951
34319
|
"$listeners$": undefined,
|
|
@@ -33963,9 +34331,9 @@ const shouldToggle = (rtl, checked, deltaX, margin) => {
|
|
|
33963
34331
|
};
|
|
33964
34332
|
let toggleIds = 0;
|
|
33965
34333
|
|
|
33966
|
-
const toolbarIosCss = "/*!@:host*/.sc-ion-toolbar-ios-h{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased
|
|
34334
|
+
const toolbarIosCss = "/*!@:host*/.sc-ion-toolbar-ios-h{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.ion-color)*/.ion-color.sc-ion-toolbar-ios-h{color:var(--ion-color-contrast)}/*!@:host(.ion-color) .toolbar-background*/.ion-color.sc-ion-toolbar-ios-h .toolbar-background.sc-ion-toolbar-ios{background:var(--ion-color-base)}/*!@.toolbar-container*/.toolbar-container.sc-ion-toolbar-ios{-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);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.toolbar-background*/.toolbar-background.sc-ion-toolbar-ios{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));z-index:-1;pointer-events:none}/*!@::slotted(ion-progress-bar)*/.sc-ion-toolbar-ios-s>ion-progress-bar{left:0;right:0;bottom:0;position:absolute}/*!@:host*/.sc-ion-toolbar-ios-h{--background:var(--ion-toolbar-background, var(--ion-color-step-50, #f7f7f7));--color:var(--ion-toolbar-color, var(--ion-text-color, #000));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, rgba(0, 0, 0, 0.2))));--padding-top:3px;--padding-bottom:3px;--padding-start:4px;--padding-end:4px;--min-height:44px}/*!@.toolbar-content*/.toolbar-content.sc-ion-toolbar-ios{-ms-flex:1;flex:1;-ms-flex-order:4;order:4;min-width:0}/*!@:host(.toolbar-segment) .toolbar-content*/.toolbar-segment.sc-ion-toolbar-ios-h .toolbar-content.sc-ion-toolbar-ios{display:-ms-inline-flexbox;display:inline-flex}/*!@:host(.toolbar-searchbar) .toolbar-container*/.toolbar-searchbar.sc-ion-toolbar-ios-h .toolbar-container.sc-ion-toolbar-ios{padding-top:0;padding-bottom:0}/*!@:host(.toolbar-searchbar) ::slotted(*)*/.sc-ion-toolbar-ios-h.toolbar-searchbar .sc-ion-toolbar-ios-s>*{-ms-flex-item-align:start;align-self:start}/*!@:host(.toolbar-searchbar) ::slotted(ion-chip)*/.sc-ion-toolbar-ios-h.toolbar-searchbar .sc-ion-toolbar-ios-s>ion-chip{margin-top:3px}/*!@:host(.toolbar-searchbar) ::slotted(ion-back-button)*/.sc-ion-toolbar-ios-h.toolbar-searchbar .sc-ion-toolbar-ios-s>ion-back-button{height:38px}/*!@::slotted(ion-buttons)*/.sc-ion-toolbar-ios-s>ion-buttons{min-height:38px}/*!@::slotted([slot=start])*/.sc-ion-toolbar-ios-s>[slot=start]{-ms-flex-order:2;order:2}/*!@::slotted([slot=secondary])*/.sc-ion-toolbar-ios-s>[slot=secondary]{-ms-flex-order:3;order:3}/*!@::slotted([slot=primary])*/.sc-ion-toolbar-ios-s>[slot=primary]{-ms-flex-order:5;order:5;text-align:end}/*!@::slotted([slot=end])*/.sc-ion-toolbar-ios-s>[slot=end]{-ms-flex-order:6;order:6;text-align:end}/*!@:host(.toolbar-title-large)*/.toolbar-title-large.sc-ion-toolbar-ios-h{padding-bottom:7px}/*!@:host(.toolbar-title-large) .toolbar-container*/.toolbar-title-large.sc-ion-toolbar-ios-h .toolbar-container.sc-ion-toolbar-ios{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start}/*!@:host(.toolbar-title-large) .toolbar-content ion-title*/.toolbar-title-large.sc-ion-toolbar-ios-h .toolbar-content.sc-ion-toolbar-ios ion-title.sc-ion-toolbar-ios{-ms-flex:1;flex:1;-ms-flex-order:8;order:8;min-width:100%}";
|
|
33967
34335
|
|
|
33968
|
-
const toolbarMdCss = "/*!@:host*/.sc-ion-toolbar-md-h{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased
|
|
34336
|
+
const toolbarMdCss = "/*!@:host*/.sc-ion-toolbar-md-h{--border-width:0;--border-style:solid;--opacity:1;--opacity-scale:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;position:relative;width:100%;padding-right:var(--ion-safe-area-right);padding-left:var(--ion-safe-area-left);color:var(--color);font-family:var(--ion-font-family, inherit);contain:content;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@:host(.ion-color)*/.ion-color.sc-ion-toolbar-md-h{color:var(--ion-color-contrast)}/*!@:host(.ion-color) .toolbar-background*/.ion-color.sc-ion-toolbar-md-h .toolbar-background.sc-ion-toolbar-md{background:var(--ion-color-base)}/*!@.toolbar-container*/.toolbar-container.sc-ion-toolbar-md{-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);display:-ms-flexbox;display:flex;position:relative;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;min-height:var(--min-height);contain:content;overflow:hidden;z-index:10;-webkit-box-sizing:border-box;box-sizing:border-box}/*!@.toolbar-background*/.toolbar-background.sc-ion-toolbar-md{left:0;right:0;top:0;bottom:0;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);contain:strict;opacity:calc(var(--opacity) * var(--opacity-scale));z-index:-1;pointer-events:none}/*!@::slotted(ion-progress-bar)*/.sc-ion-toolbar-md-s>ion-progress-bar{left:0;right:0;bottom:0;position:absolute}/*!@:host*/.sc-ion-toolbar-md-h{--background:var(--ion-toolbar-background, var(--ion-background-color, #fff));--color:var(--ion-toolbar-color, var(--ion-text-color, #424242));--border-color:var(--ion-toolbar-border-color, var(--ion-border-color, var(--ion-color-step-150, #c1c4cd)));--padding-top:0;--padding-bottom:0;--padding-start:0;--padding-end:0;--min-height:56px}/*!@.toolbar-content*/.toolbar-content.sc-ion-toolbar-md{-ms-flex:1;flex:1;-ms-flex-order:3;order:3;min-width:0;max-width:100%}/*!@::slotted(.buttons-first-slot)*/.sc-ion-toolbar-md-s>.buttons-first-slot{-webkit-margin-start:4px;margin-inline-start:4px}/*!@::slotted(.buttons-last-slot)*/.sc-ion-toolbar-md-s>.buttons-last-slot{-webkit-margin-end:4px;margin-inline-end:4px}/*!@::slotted([slot=start])*/.sc-ion-toolbar-md-s>[slot=start]{-ms-flex-order:2;order:2}/*!@::slotted([slot=secondary])*/.sc-ion-toolbar-md-s>[slot=secondary]{-ms-flex-order:4;order:4}/*!@::slotted([slot=primary])*/.sc-ion-toolbar-md-s>[slot=primary]{-ms-flex-order:5;order:5;text-align:end}/*!@::slotted([slot=end])*/.sc-ion-toolbar-md-s>[slot=end]{-ms-flex-order:6;order:6;text-align:end}";
|
|
33969
34337
|
|
|
33970
34338
|
/**
|
|
33971
34339
|
* @virtualProp {"ios" | "md"} mode - The mode determines which platform styles to use.
|
|
@@ -34017,7 +34385,6 @@ class Toolbar {
|
|
|
34017
34385
|
});
|
|
34018
34386
|
if (hasStyleChange) {
|
|
34019
34387
|
this.childrenStyles.set(tagName, newStyles);
|
|
34020
|
-
forceUpdate$1(this);
|
|
34021
34388
|
}
|
|
34022
34389
|
}
|
|
34023
34390
|
render() {
|
|
@@ -34048,7 +34415,7 @@ class Toolbar {
|
|
|
34048
34415
|
}; }
|
|
34049
34416
|
}
|
|
34050
34417
|
|
|
34051
|
-
const titleIosCss = "/*!@:host*/.sc-ion-title-ios-h{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}/*!@:host(.ion-color)*/.ion-color.sc-ion-title-ios-h{color:var(--ion-color-base)}/*!@.toolbar-title*/.toolbar-title.sc-ion-title-ios{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}/*!@:host(.title-small) .toolbar-title*/.title-small.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios{white-space:normal}/*!@:host*/.sc-ion-title-ios-h{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:17px;font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}@supports (inset-inline-start: 0){/*!@:host*/.sc-ion-title-ios-h{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host*/.sc-ion-title-ios-h{left:0}/*!@:host-context([dir=rtl])*/[dir=rtl].sc-ion-title-ios-h,[dir=rtl] .sc-ion-title-ios-h{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-title-ios selector(.sc-ion-title-ios:dir(rtl)){.sc-ion-title-ios-h:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.title-small)*/.title-small.sc-ion-title-ios-h{-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:13px;font-weight:normal}/*!@:host(.title-large)*/.title-large.sc-ion-title-ios-h{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0;padding-bottom:0;-webkit-transform-origin:left center;transform-origin:left center;bottom:0;-ms-flex-align:end;align-items:flex-end;min-width:100%;
|
|
34418
|
+
const titleIosCss = "/*!@:host*/.sc-ion-title-ios-h{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}/*!@:host(.ion-color)*/.ion-color.sc-ion-title-ios-h{color:var(--ion-color-base)}/*!@.toolbar-title*/.toolbar-title.sc-ion-title-ios{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}/*!@:host(.title-small) .toolbar-title*/.title-small.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios{white-space:normal}/*!@:host*/.sc-ion-title-ios-h{top:0;-webkit-padding-start:90px;padding-inline-start:90px;-webkit-padding-end:90px;padding-inline-end:90px;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);position:absolute;width:100%;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);font-size:17px;font-weight:600;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;pointer-events:none}@supports (inset-inline-start: 0){/*!@:host*/.sc-ion-title-ios-h{inset-inline-start:0}}@supports not (inset-inline-start: 0){/*!@:host*/.sc-ion-title-ios-h{left:0}/*!@:host-context([dir=rtl])*/[dir=rtl].sc-ion-title-ios-h,[dir=rtl] .sc-ion-title-ios-h{left:unset;right:unset;right:0}/*!@@supports selector(:dir(rtl))*/@supports .sc-ion-title-ios selector(.sc-ion-title-ios:dir(rtl)){.sc-ion-title-ios-h:dir(rtl){left:unset;right:unset;right:0}}}/*!@:host(.title-small)*/.title-small.sc-ion-title-ios-h{-webkit-padding-start:9px;padding-inline-start:9px;-webkit-padding-end:9px;padding-inline-end:9px;padding-top:6px;padding-bottom:16px;position:relative;font-size:13px;font-weight:normal}/*!@:host(.title-large)*/.title-large.sc-ion-title-ios-h{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:0;padding-bottom:0;-webkit-transform-origin:left center;transform-origin:left center;bottom:0;-ms-flex-align:end;align-items:flex-end;min-width:100%;font-size:34px;font-weight:700;text-align:start}/*!@:host(.title-large.title-rtl)*/.title-large.title-rtl.sc-ion-title-ios-h{-webkit-transform-origin:right center;transform-origin:right center}/*!@:host(.title-large.ion-cloned-element)*/.title-large.ion-cloned-element.sc-ion-title-ios-h{--color:var(--ion-text-color, #000);font-family:var(--ion-font-family)}/*!@:host(.title-large) .toolbar-title*/.title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios{-webkit-transform-origin:inherit;transform-origin:inherit}/*!@:host-context([dir=rtl]):host(.title-large) .toolbar-title, :host-context([dir=rtl]).title-large .toolbar-title*/[dir=rtl].sc-ion-title-ios-h -no-combinator.title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios,[dir=rtl] .sc-ion-title-ios-h -no-combinator.title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios,[dir=rtl].title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios,[dir=rtl] .title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios{-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}@supports selector(:dir(rtl)){/*!@:host(.title-large) .toolbar-title:dir(rtl)*/.title-large.sc-ion-title-ios-h .toolbar-title.sc-ion-title-ios:dir(rtl){-webkit-transform-origin:calc(100% - inherit);transform-origin:calc(100% - inherit)}}";
|
|
34052
34419
|
|
|
34053
34420
|
const titleMdCss = "/*!@:host*/.sc-ion-title-md-h{--color:initial;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-webkit-transform:translateZ(0);transform:translateZ(0);color:var(--color)}/*!@:host(.ion-color)*/.ion-color.sc-ion-title-md-h{color:var(--ion-color-base)}/*!@.toolbar-title*/.toolbar-title.sc-ion-title-md{display:block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;pointer-events:auto}/*!@:host(.title-small) .toolbar-title*/.title-small.sc-ion-title-md-h .toolbar-title.sc-ion-title-md{white-space:normal}/*!@:host*/.sc-ion-title-md-h{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:0;padding-bottom:0;font-size:20px;font-weight:500;letter-spacing:0.0125em}/*!@:host(.title-small)*/.title-small.sc-ion-title-md-h{width:100%;height:100%;font-size:15px;font-weight:normal}";
|
|
34054
34421
|
|
|
@@ -34738,7 +35105,7 @@ const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandl
|
|
|
34738
35105
|
* to go back gesture should proceed.
|
|
34739
35106
|
*/
|
|
34740
35107
|
const isAtEdge = (detail) => {
|
|
34741
|
-
const threshold =
|
|
35108
|
+
const threshold = localStorage.getItem('FULL_SWIPE_BACK') ? win.innerWidth : 60;
|
|
34742
35109
|
const { startX } = detail;
|
|
34743
35110
|
if (rtl) {
|
|
34744
35111
|
return startX >= win.innerWidth - threshold;
|
|
@@ -34779,14 +35146,18 @@ const createSwipeBackGesture = (el, canStartHandler, onStartHandler, onMoveHandl
|
|
|
34779
35146
|
let realDur = 0;
|
|
34780
35147
|
if (missingDistance > 5) {
|
|
34781
35148
|
const dur = missingDistance / Math.abs(velocity);
|
|
34782
|
-
realDur = Math.min(dur,
|
|
35149
|
+
realDur = Math.min(dur, 200);
|
|
34783
35150
|
}
|
|
34784
35151
|
onEndHandler(shouldComplete, stepValue <= 0 ? 0.01 : clamp(0, stepValue, 0.9999), realDur);
|
|
34785
35152
|
};
|
|
34786
35153
|
return createGesture({
|
|
34787
35154
|
el,
|
|
34788
35155
|
gestureName: 'goback-swipe',
|
|
34789
|
-
|
|
35156
|
+
/**
|
|
35157
|
+
* Swipe to go back should have priority over other horizontal swipe
|
|
35158
|
+
* gestures. These gestures have a priority of 100 which is why 101 was chosen here.
|
|
35159
|
+
*/
|
|
35160
|
+
gesturePriority: 101,
|
|
34790
35161
|
threshold: 10,
|
|
34791
35162
|
canStart,
|
|
34792
35163
|
onStart: onStartHandler,
|
|
@@ -34956,8 +35327,8 @@ function renderBuildDiagnostic(e, t, r, s) {
|
|
|
34956
35327
|
type: "build",
|
|
34957
35328
|
header: r,
|
|
34958
35329
|
messageText: s,
|
|
34959
|
-
relFilePath:
|
|
34960
|
-
absFilePath:
|
|
35330
|
+
relFilePath: void 0,
|
|
35331
|
+
absFilePath: void 0,
|
|
34961
35332
|
lines: []
|
|
34962
35333
|
};
|
|
34963
35334
|
return e.pathname ? "/" !== e.pathname && (n.header += ": " + e.pathname) : e.url && (n.header += ": " + e.url),
|
|
@@ -35175,7 +35546,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
|
|
|
35175
35546
|
line: r,
|
|
35176
35547
|
column: s
|
|
35177
35548
|
};
|
|
35178
|
-
return t => (t.position = new
|
|
35549
|
+
return t => (t.position = new A(e), m(), t);
|
|
35179
35550
|
}, a = o => {
|
|
35180
35551
|
const i = e.split("\n"), a = {
|
|
35181
35552
|
level: "error",
|
|
@@ -35220,7 +35591,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
|
|
|
35220
35591
|
}, d = () => {
|
|
35221
35592
|
let t;
|
|
35222
35593
|
const r = [];
|
|
35223
|
-
for (m(), h(r); e.length && "}" !== e.charAt(0) && (t =
|
|
35594
|
+
for (m(), h(r); e.length && "}" !== e.charAt(0) && (t = T() || w()); ) r.push(t),
|
|
35224
35595
|
h(r);
|
|
35225
35596
|
return r;
|
|
35226
35597
|
}, m = () => u(/^\s*/), h = e => {
|
|
@@ -35281,7 +35652,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
|
|
|
35281
35652
|
};
|
|
35282
35653
|
return o[e] = n[1].trim(), s(o);
|
|
35283
35654
|
};
|
|
35284
|
-
}, E = S("import", 7), b = S("charset", 0),
|
|
35655
|
+
}, E = S("import", 7), b = S("charset", 0), v = S("namespace", 11), T = () => "@" !== e[0] ? null : (() => {
|
|
35285
35656
|
const e = i();
|
|
35286
35657
|
let t = u(/^@([-\w]+)?keyframes\s*/);
|
|
35287
35658
|
if (!t) return null;
|
|
@@ -35326,7 +35697,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
|
|
|
35326
35697
|
supports: r,
|
|
35327
35698
|
rules: s
|
|
35328
35699
|
}) : a("@supports missing '}'");
|
|
35329
|
-
})() || E() || b() ||
|
|
35700
|
+
})() || E() || b() || v() || (() => {
|
|
35330
35701
|
const e = i(), t = u(/^@([-\w]+)?document *([^{]+)/);
|
|
35331
35702
|
if (!t) return null;
|
|
35332
35703
|
const r = trim(t[1]), s = trim(t[2]);
|
|
@@ -35369,7 +35740,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
|
|
|
35369
35740
|
type: 5,
|
|
35370
35741
|
declarations: r
|
|
35371
35742
|
}) : a("@font-face missing '}'");
|
|
35372
|
-
})(),
|
|
35743
|
+
})(), w = () => {
|
|
35373
35744
|
const e = i(), t = f();
|
|
35374
35745
|
return t ? (h(), e({
|
|
35375
35746
|
type: 13,
|
|
@@ -35377,7 +35748,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
|
|
|
35377
35748
|
declarations: y()
|
|
35378
35749
|
})) : a("selector missing");
|
|
35379
35750
|
};
|
|
35380
|
-
class
|
|
35751
|
+
class A {
|
|
35381
35752
|
constructor(e) {
|
|
35382
35753
|
this.start = e, this.end = {
|
|
35383
35754
|
line: r,
|
|
@@ -35385,7 +35756,7 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
|
|
|
35385
35756
|
}, this.source = t;
|
|
35386
35757
|
}
|
|
35387
35758
|
}
|
|
35388
|
-
return
|
|
35759
|
+
return A.prototype.content = e, {
|
|
35389
35760
|
diagnostics: n,
|
|
35390
35761
|
...addParent((() => {
|
|
35391
35762
|
const e = d();
|
|
@@ -35426,54 +35797,62 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
|
|
|
35426
35797
|
ids: [],
|
|
35427
35798
|
attrs: []
|
|
35428
35799
|
}, serializeCssVisitNode = (e, t, r, s) => {
|
|
35429
|
-
|
|
35430
|
-
|
|
35800
|
+
var n;
|
|
35801
|
+
const o = t.type;
|
|
35802
|
+
return 4 === o ? serializeCssDeclaration(t, r, s) : 13 === o ? serializeCssRule(e, t) : 1 === o ? "!" === (null === (n = t.comment) || void 0 === n ? void 0 : n[0]) ? `/*${t.comment}*/` : "" : 10 === o ? serializeCssMedia(e, t) : 8 === o ? serializeCssKeyframes(e, t) : 9 === o ? serializeCssKeyframe(e, t) : 5 === o ? serializeCssFontFace(e, t) : 15 === o ? serializeCssSupports(e, t) : 7 === o ? "@import " + t.import + ";" : 0 === o ? "@charset " + t.charset + ";" : 12 === o ? serializeCssPage(e, t) : 6 === o ? "@host{" + serializeCssMapVisit(e, t.rules) + "}" : 2 === o ? "@custom-media " + t.name + " " + t.media + ";" : 3 === o ? serializeCssDocument(e, t) : 11 === o ? "@namespace " + t.namespace + ";" : "";
|
|
35431
35803
|
}, serializeCssRule = (e, t) => {
|
|
35432
|
-
|
|
35433
|
-
|
|
35434
|
-
if (
|
|
35435
|
-
|
|
35436
|
-
|
|
35437
|
-
|
|
35438
|
-
|
|
35439
|
-
|
|
35440
|
-
|
|
35441
|
-
|
|
35804
|
+
var r, s;
|
|
35805
|
+
const n = t.declarations, o = e.usedSelectors, i = null !== (s = null === (r = t.selectors) || void 0 === r ? void 0 : r.slice()) && void 0 !== s ? s : [];
|
|
35806
|
+
if (null == n || 0 === n.length) return "";
|
|
35807
|
+
if (o) {
|
|
35808
|
+
let t, r, s = !0;
|
|
35809
|
+
for (t = i.length - 1; t >= 0; t--) {
|
|
35810
|
+
const n = getCssSelectors(i[t]);
|
|
35811
|
+
s = !0;
|
|
35812
|
+
let a = n.classNames.length;
|
|
35813
|
+
if (a > 0 && e.hasUsedClassNames) for (r = 0; r < a; r++) if (!o.classNames.has(n.classNames[r])) {
|
|
35814
|
+
s = !1;
|
|
35442
35815
|
break;
|
|
35443
35816
|
}
|
|
35444
|
-
if (
|
|
35445
|
-
|
|
35817
|
+
if (s && e.hasUsedTags && (a = n.tags.length, a > 0)) for (r = 0; r < a; r++) if (!o.tags.has(n.tags[r])) {
|
|
35818
|
+
s = !1;
|
|
35446
35819
|
break;
|
|
35447
35820
|
}
|
|
35448
|
-
if (
|
|
35449
|
-
|
|
35821
|
+
if (s && e.hasUsedAttrs && (a = n.attrs.length, a > 0)) for (r = 0; r < a; r++) if (!o.attrs.has(n.attrs[r])) {
|
|
35822
|
+
s = !1;
|
|
35450
35823
|
break;
|
|
35451
35824
|
}
|
|
35452
|
-
if (
|
|
35453
|
-
|
|
35825
|
+
if (s && e.hasUsedIds && (a = n.ids.length, a > 0)) for (r = 0; r < a; r++) if (!o.ids.has(n.ids[r])) {
|
|
35826
|
+
s = !1;
|
|
35454
35827
|
break;
|
|
35455
35828
|
}
|
|
35456
|
-
|
|
35829
|
+
s || i.splice(t, 1);
|
|
35457
35830
|
}
|
|
35458
35831
|
}
|
|
35459
|
-
if (0 ===
|
|
35460
|
-
const
|
|
35461
|
-
let
|
|
35462
|
-
for (const e of t.selectors)
|
|
35463
|
-
return `${
|
|
35832
|
+
if (0 === i.length) return "";
|
|
35833
|
+
const a = [];
|
|
35834
|
+
let l = "";
|
|
35835
|
+
if (t.selectors) for (const e of t.selectors) l = removeSelectorWhitespace(e), a.includes(l) || a.push(l);
|
|
35836
|
+
return `${a}{${serializeCssMapVisit(e, n)}}`;
|
|
35464
35837
|
}, serializeCssDeclaration = (e, t, r) => "" === e.value ? "" : r - 1 === t ? e.property + ":" + e.value : e.property + ":" + e.value + ";", serializeCssMedia = (e, t) => {
|
|
35465
35838
|
const r = serializeCssMapVisit(e, t.rules);
|
|
35466
35839
|
return "" === r ? "" : "@media " + removeMediaWhitespace(t.media) + "{" + r + "}";
|
|
35467
35840
|
}, serializeCssKeyframes = (e, t) => {
|
|
35468
35841
|
const r = serializeCssMapVisit(e, t.keyframes);
|
|
35469
35842
|
return "" === r ? "" : "@" + (t.vendor || "") + "keyframes " + t.name + "{" + r + "}";
|
|
35470
|
-
}, serializeCssKeyframe = (e, t) =>
|
|
35843
|
+
}, serializeCssKeyframe = (e, t) => {
|
|
35844
|
+
var r, s;
|
|
35845
|
+
return (null !== (s = null === (r = t.values) || void 0 === r ? void 0 : r.join(",")) && void 0 !== s ? s : "") + "{" + serializeCssMapVisit(e, t.declarations) + "}";
|
|
35846
|
+
}, serializeCssFontFace = (e, t) => {
|
|
35471
35847
|
const r = serializeCssMapVisit(e, t.declarations);
|
|
35472
35848
|
return "" === r ? "" : "@font-face{" + r + "}";
|
|
35473
35849
|
}, serializeCssSupports = (e, t) => {
|
|
35474
35850
|
const r = serializeCssMapVisit(e, t.rules);
|
|
35475
35851
|
return "" === r ? "" : "@supports " + t.supports + "{" + r + "}";
|
|
35476
|
-
}, serializeCssPage = (e, t) =>
|
|
35852
|
+
}, serializeCssPage = (e, t) => {
|
|
35853
|
+
var r, s;
|
|
35854
|
+
return "@page " + (null !== (s = null === (r = t.selectors) || void 0 === r ? void 0 : r.join(", ")) && void 0 !== s ? s : "") + "{" + serializeCssMapVisit(e, t.declarations) + "}";
|
|
35855
|
+
}, serializeCssDocument = (e, t) => {
|
|
35477
35856
|
const r = serializeCssMapVisit(e, t.rules), s = "@" + (t.vendor || "") + "document " + t.document;
|
|
35478
35857
|
return "" === r ? "" : s + "{" + r + "}";
|
|
35479
35858
|
}, serializeCssMapVisit = (e, t) => {
|
|
@@ -35490,12 +35869,14 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
|
|
|
35490
35869
|
} else t += r;
|
|
35491
35870
|
return t;
|
|
35492
35871
|
}, removeMediaWhitespace = e => {
|
|
35493
|
-
|
|
35494
|
-
|
|
35495
|
-
|
|
35496
|
-
|
|
35497
|
-
|
|
35498
|
-
|
|
35872
|
+
var t;
|
|
35873
|
+
let r = "", s = "";
|
|
35874
|
+
for (let n = 0, o = (e = null !== (t = null == e ? void 0 : e.trim()) && void 0 !== t ? t : "").length; n < o; n++) if (s = e[n],
|
|
35875
|
+
CSS_WS_REG.test(s)) {
|
|
35876
|
+
if (CSS_WS_REG.test(r[r.length - 1])) continue;
|
|
35877
|
+
r += " ";
|
|
35878
|
+
} else r += s;
|
|
35879
|
+
return r;
|
|
35499
35880
|
}, CSS_WS_REG = /\s/, CSS_NEXT_CHAR_REG = /[>\(\)\~\,\+\s]/, CSS_PREV_CHAR_REG = /[>\(\~\,\+]/, collectUsedSelectors = (e, t) => {
|
|
35500
35881
|
if (null != t && 1 === t.nodeType) {
|
|
35501
35882
|
const r = t.children, s = t.nodeName.toLowerCase();
|
|
@@ -35532,8 +35913,6 @@ const templateWindows = new Map, isPromise = e => !!e && ("object" == typeof e |
|
|
|
35532
35913
|
type: "build",
|
|
35533
35914
|
header: "Build Error",
|
|
35534
35915
|
messageText: "build error",
|
|
35535
|
-
relFilePath: null,
|
|
35536
|
-
absFilePath: null,
|
|
35537
35916
|
lines: []
|
|
35538
35917
|
};
|
|
35539
35918
|
null != t && (null != t.stack ? s.messageText = t.stack.toString() : null != t.message ? s.messageText = t.message.length ? t.message : "UNKNOWN ERROR" : s.messageText = t.toString()),
|