@ionic/core 8.7.6-dev.11762446926.123acdf7 → 8.7.6-dev.11762793111.1cac12b3
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/button.js +1 -1
- package/components/checkbox.js +3 -3
- package/components/content.js +3 -3
- package/components/header.js +2 -2
- package/components/ion-card-content.js +8 -7
- package/components/ion-card-header.js +2 -2
- package/components/ion-card-subtitle.js +2 -2
- package/components/ion-card-title.js +2 -2
- package/components/ion-chip.js +2 -2
- package/components/ion-col.js +2 -2
- package/components/ion-datetime-button.js +2 -2
- package/components/ion-datetime.js +2 -2
- package/components/ion-divider.js +2 -2
- package/components/ion-fab-button.js +2 -2
- package/components/ion-fab-list.js +2 -2
- package/components/ion-fab.js +2 -2
- package/components/ion-footer.js +2 -2
- package/components/ion-grid.js +2 -2
- package/components/ion-img.js +2 -2
- package/components/ion-infinite-scroll-content.js +2 -2
- package/components/ion-infinite-scroll.js +1 -1
- package/components/ion-input-otp.js +3 -3
- package/components/ion-input-password-toggle.js +3 -3
- package/components/ion-input.js +4 -4
- package/components/ion-item-divider.js +2 -2
- package/components/ion-item-group.js +1 -1
- package/components/ion-item-option.js +2 -2
- package/components/ion-item-options.js +1 -1
- package/components/ion-item-sliding.js +1 -1
- package/components/ion-loading.js +2 -2
- package/components/ion-menu-button.js +2 -2
- package/components/ion-menu-toggle.js +2 -2
- package/components/ion-menu.js +2 -2
- package/components/ion-nav-link.js +1 -1
- package/components/ion-nav.js +1 -1
- package/components/ion-note.js +2 -2
- package/components/ion-picker-legacy.js +2 -2
- package/components/ion-progress-bar.js +1 -1
- package/components/ion-range.js +3 -3
- package/components/ion-refresher-content.js +2 -2
- package/components/ion-refresher.js +1 -1
- package/components/ion-reorder-group.js +1 -1
- package/components/ion-reorder.js +2 -2
- package/components/ion-router-link.js +2 -2
- package/components/ion-router-outlet.js +1 -1
- package/components/ion-row.js +2 -2
- package/components/ion-searchbar.js +4 -4
- package/components/ion-segment-button.js +2 -2
- package/components/ion-segment-content.js +1 -1
- package/components/ion-segment-view.js +2 -2
- package/components/ion-segment.js +2 -2
- package/components/ion-select-option.js +1 -1
- package/components/ion-select.js +3 -3
- package/components/ion-skeleton-text.js +2 -2
- package/components/ion-split-pane.js +2 -2
- package/components/ion-tab-bar.js +2 -2
- package/components/ion-tab-button.js +2 -2
- package/components/ion-tab.js +2 -2
- package/components/ion-tabs.js +1 -1
- package/components/ion-text.js +2 -2
- package/components/ion-textarea.js +3 -3
- package/components/ion-thumbnail.js +2 -2
- package/components/ion-toast.js +2 -2
- package/components/ion-toggle.js +3 -3
- package/components/label.js +2 -2
- package/components/list-header.js +2 -2
- package/components/list.js +1 -1
- package/components/modal.js +5 -5
- package/components/picker-column-option.js +2 -2
- package/components/picker-column.js +3 -3
- package/components/picker-column2.js +2 -2
- package/components/picker.js +2 -2
- package/components/popover.js +2 -2
- package/components/radio-group.js +2 -2
- package/components/radio.js +3 -3
- package/components/ripple-effect.js +1 -1
- package/components/select-modal.js +10 -3
- package/components/select-popover.js +2 -2
- package/components/spinner.js +1 -1
- package/components/title.js +2 -2
- package/components/toolbar.js +2 -2
- package/css/core.css +1 -1
- package/css/core.css.map +1 -1
- package/css/ionic/bundle.ionic.css +1 -1
- package/css/ionic/bundle.ionic.css.map +1 -1
- package/css/ionic/core.ionic.css +1 -1
- package/css/ionic/core.ionic.css.map +1 -1
- package/css/ionic.bundle.css +1 -1
- package/css/ionic.bundle.css.map +1 -1
- package/dist/cjs/ion-app_8.cjs.entry.js +12 -12
- package/dist/cjs/ion-avatar_3.cjs.entry.js +2 -2
- package/dist/cjs/ion-button_2.cjs.entry.js +1 -1
- package/dist/cjs/ion-card_5.cjs.entry.js +13 -11
- package/dist/cjs/ion-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/ion-chip.cjs.entry.js +2 -2
- package/dist/cjs/ion-col_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-datetime-button.cjs.entry.js +2 -2
- package/dist/cjs/ion-datetime_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-divider.cjs.entry.js +2 -2
- package/dist/cjs/ion-fab_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-img.cjs.entry.js +2 -2
- package/dist/cjs/ion-infinite-scroll_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-input-otp.cjs.entry.js +3 -3
- package/dist/cjs/ion-input-password-toggle.cjs.entry.js +3 -3
- package/dist/cjs/ion-input.cjs.entry.js +4 -4
- package/dist/cjs/ion-item-option_3.cjs.entry.js +4 -4
- package/dist/cjs/ion-item_8.cjs.entry.js +12 -12
- package/dist/cjs/ion-loading.cjs.entry.js +2 -2
- package/dist/cjs/ion-menu_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-modal.cjs.entry.js +5 -5
- package/dist/cjs/ion-nav_2.cjs.entry.js +2 -2
- package/dist/cjs/ion-picker-column-option.cjs.entry.js +2 -2
- package/dist/cjs/ion-picker-column.cjs.entry.js +3 -3
- package/dist/cjs/ion-picker.cjs.entry.js +2 -2
- package/dist/cjs/ion-popover.cjs.entry.js +2 -2
- package/dist/cjs/ion-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/ion-radio_2.cjs.entry.js +5 -5
- package/dist/cjs/ion-range.cjs.entry.js +3 -3
- package/dist/cjs/ion-refresher_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-reorder_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-ripple-effect.cjs.entry.js +1 -1
- package/dist/cjs/ion-route_4.cjs.entry.js +2 -2
- package/dist/cjs/ion-searchbar.cjs.entry.js +4 -4
- package/dist/cjs/ion-segment-content.cjs.entry.js +1 -1
- package/dist/cjs/ion-segment-view.cjs.entry.js +2 -2
- package/dist/cjs/ion-segment_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-select-modal.cjs.entry.js +9 -2
- package/dist/cjs/ion-select_3.cjs.entry.js +6 -6
- package/dist/cjs/ion-spinner.cjs.entry.js +1 -1
- package/dist/cjs/ion-split-pane.cjs.entry.js +2 -2
- package/dist/cjs/ion-tab-bar_2.cjs.entry.js +4 -4
- package/dist/cjs/ion-tab_2.cjs.entry.js +3 -3
- package/dist/cjs/ion-text.cjs.entry.js +2 -2
- package/dist/cjs/ion-textarea.cjs.entry.js +3 -3
- package/dist/cjs/ion-toast.cjs.entry.js +2 -2
- package/dist/cjs/ion-toggle.cjs.entry.js +3 -3
- package/dist/cjs/ionic.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/button/button.ionic.css +25 -9
- package/dist/collection/components/card-content/card-content.ionic.css +7 -4
- package/dist/collection/components/card-content/card-content.ios.css +14 -14
- package/dist/collection/components/card-content/card-content.js +4 -3
- package/dist/collection/components/card-content/card-content.md.css +14 -14
- package/dist/collection/components/card-header/card-header.js +2 -2
- package/dist/collection/components/card-subtitle/card-subtitle.js +2 -2
- package/dist/collection/components/card-title/card-title.js +2 -2
- package/dist/collection/components/checkbox/checkbox.js +3 -3
- package/dist/collection/components/chip/chip.js +2 -2
- package/dist/collection/components/col/col.js +2 -2
- package/dist/collection/components/content/content.js +3 -3
- package/dist/collection/components/datetime/datetime.js +2 -2
- package/dist/collection/components/datetime-button/datetime-button.js +2 -2
- package/dist/collection/components/divider/divider.js +2 -2
- package/dist/collection/components/fab/fab.js +2 -2
- package/dist/collection/components/fab-button/fab-button.js +2 -2
- package/dist/collection/components/fab-list/fab-list.js +2 -2
- package/dist/collection/components/footer/footer.js +2 -2
- package/dist/collection/components/grid/grid.js +2 -2
- package/dist/collection/components/header/header.js +2 -2
- package/dist/collection/components/img/img.js +2 -2
- package/dist/collection/components/infinite-scroll/infinite-scroll.js +1 -1
- package/dist/collection/components/infinite-scroll-content/infinite-scroll-content.js +2 -2
- package/dist/collection/components/input/input.js +4 -4
- package/dist/collection/components/input-otp/input-otp.js +3 -3
- package/dist/collection/components/input-password-toggle/input-password-toggle.js +3 -3
- package/dist/collection/components/item-divider/item-divider.js +2 -2
- package/dist/collection/components/item-group/item-group.js +1 -1
- package/dist/collection/components/item-option/item-option.js +2 -2
- package/dist/collection/components/item-options/item-options.js +1 -1
- package/dist/collection/components/item-sliding/item-sliding.js +1 -1
- package/dist/collection/components/label/label.js +2 -2
- package/dist/collection/components/list/list.js +1 -1
- package/dist/collection/components/list-header/list-header.js +2 -2
- package/dist/collection/components/loading/loading.js +2 -2
- package/dist/collection/components/menu/menu.js +2 -2
- package/dist/collection/components/menu-button/menu-button.js +2 -2
- package/dist/collection/components/menu-toggle/menu-toggle.js +2 -2
- package/dist/collection/components/modal/modal.ionic.css +6 -0
- package/dist/collection/components/modal/modal.js +4 -4
- package/dist/collection/components/nav/nav.js +1 -1
- package/dist/collection/components/nav-link/nav-link.js +1 -1
- package/dist/collection/components/note/note.js +2 -2
- package/dist/collection/components/picker/picker.js +2 -2
- package/dist/collection/components/picker-column/picker-column.js +3 -3
- package/dist/collection/components/picker-column-option/picker-column-option.js +2 -2
- package/dist/collection/components/picker-legacy/picker.js +2 -2
- package/dist/collection/components/picker-legacy-column/picker-column.js +2 -2
- package/dist/collection/components/popover/popover.js +2 -2
- package/dist/collection/components/progress-bar/progress-bar.js +1 -1
- package/dist/collection/components/radio/radio.js +3 -3
- package/dist/collection/components/radio-group/radio-group.js +2 -2
- package/dist/collection/components/range/range.js +3 -3
- package/dist/collection/components/refresher/refresher.js +1 -1
- package/dist/collection/components/refresher-content/refresher-content.js +2 -2
- package/dist/collection/components/reorder/reorder.js +2 -2
- package/dist/collection/components/reorder-group/reorder-group.js +1 -1
- package/dist/collection/components/ripple-effect/ripple-effect.js +1 -1
- package/dist/collection/components/router-link/router-link.js +2 -2
- package/dist/collection/components/router-outlet/router-outlet.js +1 -1
- package/dist/collection/components/row/row.js +2 -2
- package/dist/collection/components/searchbar/searchbar.js +4 -4
- package/dist/collection/components/segment/segment.js +2 -2
- package/dist/collection/components/segment-button/segment-button.js +2 -2
- package/dist/collection/components/segment-content/segment-content.js +1 -1
- package/dist/collection/components/segment-view/segment-view.js +2 -2
- package/dist/collection/components/select/select.js +3 -3
- package/dist/collection/components/select-modal/select-modal.ionic.css +4 -0
- package/dist/collection/components/select-modal/select-modal.js +9 -2
- package/dist/collection/components/select-option/select-option.js +1 -1
- package/dist/collection/components/select-popover/select-popover.js +2 -2
- package/dist/collection/components/skeleton-text/skeleton-text.js +2 -2
- package/dist/collection/components/spinner/spinner.js +1 -1
- package/dist/collection/components/split-pane/split-pane.js +2 -2
- package/dist/collection/components/tab/tab.js +2 -2
- package/dist/collection/components/tab-bar/tab-bar.js +2 -2
- package/dist/collection/components/tab-button/tab-button.js +2 -2
- package/dist/collection/components/tabs/tabs.js +1 -1
- package/dist/collection/components/text/text.js +2 -2
- package/dist/collection/components/textarea/textarea.js +3 -3
- package/dist/collection/components/thumbnail/thumbnail.js +2 -2
- package/dist/collection/components/title/title.js +2 -2
- package/dist/collection/components/toast/toast.js +2 -2
- package/dist/collection/components/toggle/toggle.js +3 -3
- package/dist/collection/components/toolbar/toolbar.js +2 -2
- package/dist/docs.json +2 -2
- package/dist/esm/ion-app_8.entry.js +12 -12
- package/dist/esm/ion-avatar_3.entry.js +2 -2
- package/dist/esm/ion-button_2.entry.js +1 -1
- package/dist/esm/ion-card_5.entry.js +13 -11
- package/dist/esm/ion-checkbox.entry.js +3 -3
- package/dist/esm/ion-chip.entry.js +2 -2
- package/dist/esm/ion-col_3.entry.js +6 -6
- package/dist/esm/ion-datetime-button.entry.js +2 -2
- package/dist/esm/ion-datetime_3.entry.js +6 -6
- package/dist/esm/ion-divider.entry.js +2 -2
- package/dist/esm/ion-fab_3.entry.js +6 -6
- package/dist/esm/ion-img.entry.js +2 -2
- package/dist/esm/ion-infinite-scroll_2.entry.js +3 -3
- package/dist/esm/ion-input-otp.entry.js +3 -3
- package/dist/esm/ion-input-password-toggle.entry.js +3 -3
- package/dist/esm/ion-input.entry.js +4 -4
- package/dist/esm/ion-item-option_3.entry.js +4 -4
- package/dist/esm/ion-item_8.entry.js +12 -12
- package/dist/esm/ion-loading.entry.js +2 -2
- package/dist/esm/ion-menu_3.entry.js +6 -6
- package/dist/esm/ion-modal.entry.js +5 -5
- package/dist/esm/ion-nav_2.entry.js +2 -2
- package/dist/esm/ion-picker-column-option.entry.js +2 -2
- package/dist/esm/ion-picker-column.entry.js +3 -3
- package/dist/esm/ion-picker.entry.js +2 -2
- package/dist/esm/ion-popover.entry.js +2 -2
- package/dist/esm/ion-progress-bar.entry.js +1 -1
- package/dist/esm/ion-radio_2.entry.js +5 -5
- package/dist/esm/ion-range.entry.js +3 -3
- package/dist/esm/ion-refresher_2.entry.js +3 -3
- package/dist/esm/ion-reorder_2.entry.js +3 -3
- package/dist/esm/ion-ripple-effect.entry.js +1 -1
- package/dist/esm/ion-route_4.entry.js +2 -2
- package/dist/esm/ion-searchbar.entry.js +4 -4
- package/dist/esm/ion-segment-content.entry.js +1 -1
- package/dist/esm/ion-segment-view.entry.js +2 -2
- package/dist/esm/ion-segment_2.entry.js +4 -4
- package/dist/esm/ion-select-modal.entry.js +10 -3
- package/dist/esm/ion-select_3.entry.js +6 -6
- package/dist/esm/ion-spinner.entry.js +1 -1
- package/dist/esm/ion-split-pane.entry.js +2 -2
- package/dist/esm/ion-tab-bar_2.entry.js +4 -4
- package/dist/esm/ion-tab_2.entry.js +3 -3
- package/dist/esm/ion-text.entry.js +2 -2
- package/dist/esm/ion-textarea.entry.js +3 -3
- package/dist/esm/ion-toast.entry.js +2 -2
- package/dist/esm/ion-toggle.entry.js +3 -3
- package/dist/esm/ionic.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/p-0d5fd927.entry.js +4 -0
- package/dist/ionic/{p-6afa042a.entry.js → p-127ae3b5.entry.js} +1 -1
- package/dist/ionic/{p-03d25ce5.entry.js → p-16c5a01c.entry.js} +1 -1
- package/dist/ionic/{p-eadd22a8.entry.js → p-23e4b68a.entry.js} +1 -1
- package/dist/ionic/{p-b2951be0.entry.js → p-28571945.entry.js} +1 -1
- package/dist/ionic/{p-5121535d.entry.js → p-2bab0853.entry.js} +1 -1
- package/dist/ionic/{p-89346674.entry.js → p-2e19a4dd.entry.js} +1 -1
- package/dist/ionic/{p-493b739a.entry.js → p-3622a9ea.entry.js} +1 -1
- package/dist/ionic/{p-77da86d1.entry.js → p-3a6a92ab.entry.js} +1 -1
- package/dist/ionic/p-3cb3d194.entry.js +4 -0
- package/dist/ionic/{p-6e079661.entry.js → p-418e4330.entry.js} +1 -1
- package/dist/ionic/{p-875e46fd.entry.js → p-4261dc5d.entry.js} +1 -1
- package/dist/ionic/{p-2dfbae3f.entry.js → p-56a9319e.entry.js} +1 -1
- package/dist/ionic/{p-efefd9cd.entry.js → p-59a79bd9.entry.js} +1 -1
- package/dist/ionic/{p-325c3304.entry.js → p-59e6c978.entry.js} +1 -1
- package/dist/ionic/{p-f62d555b.entry.js → p-642b022d.entry.js} +1 -1
- package/dist/ionic/{p-687242ec.entry.js → p-64385b66.entry.js} +1 -1
- package/dist/ionic/{p-75c553c0.entry.js → p-66397fac.entry.js} +1 -1
- package/dist/ionic/{p-f20f9e12.entry.js → p-6fac73e6.entry.js} +1 -1
- package/dist/ionic/{p-9a80a61f.entry.js → p-7d450184.entry.js} +1 -1
- package/dist/ionic/{p-cc3ec408.entry.js → p-81770a5c.entry.js} +1 -1
- package/dist/ionic/{p-5c4a86bc.entry.js → p-83a116e6.entry.js} +1 -1
- package/dist/ionic/{p-2e9373ba.entry.js → p-844bd58c.entry.js} +1 -1
- package/dist/ionic/{p-9978eeb9.entry.js → p-86b82096.entry.js} +1 -1
- package/dist/ionic/{p-c1448dbf.entry.js → p-87678140.entry.js} +1 -1
- package/dist/ionic/{p-21aee5b7.entry.js → p-88ef6829.entry.js} +1 -1
- package/dist/ionic/p-89743bba.entry.js +4 -0
- package/dist/ionic/{p-1a920cdb.entry.js → p-90320028.entry.js} +1 -1
- package/dist/ionic/p-915944d6.entry.js +4 -0
- package/dist/ionic/{p-a61d1f23.entry.js → p-91966afa.entry.js} +1 -1
- package/dist/ionic/{p-5c76d65d.entry.js → p-9bee2bdd.entry.js} +1 -1
- package/dist/ionic/{p-a3299f26.entry.js → p-a1128f7f.entry.js} +1 -1
- package/dist/ionic/{p-6b13c6c1.entry.js → p-a57c0cce.entry.js} +1 -1
- package/dist/ionic/{p-9d649ff0.entry.js → p-b2291ef0.entry.js} +1 -1
- package/dist/ionic/{p-ad8f157e.entry.js → p-b26aeaf8.entry.js} +1 -1
- package/dist/ionic/{p-b5d51634.entry.js → p-c2f738d2.entry.js} +1 -1
- package/dist/ionic/{p-a2583cce.entry.js → p-c775e3c0.entry.js} +1 -1
- package/dist/ionic/p-ce510c06.entry.js +4 -0
- package/dist/ionic/p-cea1ee31.entry.js +4 -0
- package/dist/ionic/p-d1c60c1c.entry.js +4 -0
- package/dist/ionic/{p-49217750.entry.js → p-db90b95a.entry.js} +1 -1
- package/dist/ionic/{p-67bb35ab.entry.js → p-dcfb2b1d.entry.js} +1 -1
- package/dist/ionic/{p-eef5cef8.entry.js → p-e28d6a81.entry.js} +1 -1
- package/dist/ionic/{p-a98829dd.entry.js → p-e9dd8600.entry.js} +1 -1
- package/dist/ionic/p-ec02238a.entry.js +4 -0
- package/dist/ionic/{p-15e5d054.entry.js → p-ecc8aebb.entry.js} +1 -1
- package/dist/ionic/{p-4e349265.entry.js → p-f3de58bd.entry.js} +1 -1
- package/dist/types/components/select-modal/select-modal.d.ts +1 -0
- package/hydrate/index.js +175 -166
- package/hydrate/index.mjs +175 -166
- package/package.json +1 -1
- package/dist/ionic/p-22c02aea.entry.js +0 -4
- package/dist/ionic/p-43d72b76.entry.js +0 -4
- package/dist/ionic/p-48b1b019.entry.js +0 -4
- package/dist/ionic/p-5feb1aec.entry.js +0 -4
- package/dist/ionic/p-8d1ebcd0.entry.js +0 -4
- package/dist/ionic/p-9a31abcd.entry.js +0 -4
- package/dist/ionic/p-ce61e4b4.entry.js +0 -4
- package/dist/ionic/p-f33349c8.entry.js +0 -4
|
@@ -101,16 +101,16 @@ const InputPasswordToggle = class {
|
|
|
101
101
|
const { color, inputPasswordHideIcon, inputPasswordShowIcon, type } = this;
|
|
102
102
|
const mode = ionicGlobal.getIonMode(this);
|
|
103
103
|
const isPasswordVisible = type === 'text';
|
|
104
|
-
return (index.h(index.Host, { key: '
|
|
104
|
+
return (index.h(index.Host, { key: 'e265bb6460041189fea1812d391121a9e8dde669', class: theme.createColorClasses(color, {
|
|
105
105
|
[mode]: true,
|
|
106
|
-
}) }, index.h("ion-button", { key: '
|
|
106
|
+
}) }, index.h("ion-button", { key: 'b7ca2e12e3b1b9a161acc002abb8f1b8efeea46e', mode: mode, color: color, fill: "clear", shape: "round", "aria-checked": isPasswordVisible ? 'true' : 'false', "aria-label": isPasswordVisible ? 'Hide password' : 'Show password', role: "switch", type: "button", onPointerDown: (ev) => {
|
|
107
107
|
/**
|
|
108
108
|
* This prevents mobile browsers from
|
|
109
109
|
* blurring the input when the password toggle
|
|
110
110
|
* button is activated.
|
|
111
111
|
*/
|
|
112
112
|
ev.preventDefault();
|
|
113
|
-
}, onClick: this.togglePasswordVisibility }, index.h("ion-icon", { key: '
|
|
113
|
+
}, onClick: this.togglePasswordVisibility }, index.h("ion-icon", { key: '4d5ba21325812d9c820ae26688d17ae821ffd25c', slot: "icon-only", "aria-hidden": "true", icon: isPasswordVisible ? inputPasswordHideIcon : inputPasswordShowIcon }))));
|
|
114
114
|
}
|
|
115
115
|
get el() { return index.getElement(this); }
|
|
116
116
|
static get watchers() { return {
|
|
@@ -600,7 +600,7 @@ const Input = class {
|
|
|
600
600
|
* TODO(FW-5592): Remove hasStartEndSlots condition
|
|
601
601
|
*/
|
|
602
602
|
const labelShouldFloat = labelPlacement === 'stacked' || (labelPlacement === 'floating' && (hasValue || hasFocus || hasStartEndSlots));
|
|
603
|
-
return (index.h(index.Host, { key: '
|
|
603
|
+
return (index.h(index.Host, { key: '83b06d3ba2deb8be1aac86573e44eb9fedaf8ebc', class: theme.createColorClasses(this.color, {
|
|
604
604
|
[theme$1]: true,
|
|
605
605
|
'has-value': hasValue,
|
|
606
606
|
'has-focus': hasFocus,
|
|
@@ -613,7 +613,7 @@ const Input = class {
|
|
|
613
613
|
'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
|
|
614
614
|
'input-disabled': disabled,
|
|
615
615
|
'input-readonly': readonly,
|
|
616
|
-
}) }, index.h("label", { key: '
|
|
616
|
+
}) }, index.h("label", { key: 'd30a09196b14b7c50c81ee81b0db153a0a552ff8', class: "input-wrapper", htmlFor: inputId, onClick: this.onLabelClick }, this.renderLabelContainer(), index.h("div", { key: 'bd215e071a7c82b530c36bf98481b8a21bf827a8', class: "native-wrapper", onClick: this.onLabelClick },
|
|
617
617
|
/**
|
|
618
618
|
* For the ionic theme, we render the outline container here
|
|
619
619
|
* instead of higher up, so it can be positioned relative to
|
|
@@ -623,14 +623,14 @@ const Input = class {
|
|
|
623
623
|
* <label> element, ensuring that clicking the label text
|
|
624
624
|
* focuses the input.
|
|
625
625
|
*/
|
|
626
|
-
theme$1 === 'ionic' && index.h("div", { key: '
|
|
626
|
+
theme$1 === 'ionic' && index.h("div", { key: 'f77b77e9b3fa8f704f676a876abb237ade2c6a80', class: "input-outline" }), index.h("slot", { key: '5bf76988e97fb13db47b10a2ea9016c9db582d64', name: "start" }), index.h("input", Object.assign({ key: '98772c54302eb90155511e234d3c0948b46f7907', class: "native-input", ref: (input) => (this.nativeInput = input), id: inputId, disabled: disabled, autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, enterKeyHint: this.enterkeyhint, inputMode: this.inputmode, min: this.min, max: this.max, minLength: this.minlength, maxLength: this.maxlength, multiple: this.multiple, name: this.name, pattern: this.pattern, placeholder: this.placeholder || '', readOnly: readonly, required: this.required, spellcheck: this.spellcheck, step: this.step, type: this.type, value: value, onInput: this.onInput, onChange: this.onChange, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeydown, onCompositionstart: this.onCompositionStart, onCompositionend: this.onCompositionEnd, "aria-describedby": this.getHintTextID(), "aria-invalid": this.isInvalid ? 'true' : undefined }, this.inheritedAttributes)), clearInput && !readonly && !disabled && (index.h("button", { key: 'd0adf91f18cdff60b5d5055a53fb8a1e33cda140', "aria-label": "reset", type: "button", class: "input-clear-icon", onPointerDown: (ev) => {
|
|
627
627
|
/**
|
|
628
628
|
* This prevents mobile browsers from
|
|
629
629
|
* blurring the input when the clear
|
|
630
630
|
* button is activated.
|
|
631
631
|
*/
|
|
632
632
|
ev.preventDefault();
|
|
633
|
-
}, onClick: this.clearTextInput }, index.h("ion-icon", { key: '
|
|
633
|
+
}, onClick: this.clearTextInput }, index.h("ion-icon", { key: '6fc9e8afce4d19cfbad9fb8044c32beb4a5734a5', "aria-hidden": "true", icon: inputClearIcon }))), index.h("slot", { key: '493645d76a65e3e469c516e1244e3ff23d9d6f29', name: "end" })), shouldRenderHighlight && index.h("div", { key: '270caadc085e6f30b663b2bac03495bb8ce47e42', class: "input-highlight" })), this.renderBottomContent()));
|
|
634
634
|
}
|
|
635
635
|
get el() { return index.getElement(this); }
|
|
636
636
|
static get watchers() { return {
|
|
@@ -70,14 +70,14 @@ const ItemOption = class {
|
|
|
70
70
|
href: this.href,
|
|
71
71
|
target: this.target,
|
|
72
72
|
};
|
|
73
|
-
return (index.h(index.Host, { key: '
|
|
73
|
+
return (index.h(index.Host, { key: 'c36a39053b339086ee45e30a5051256fecf1e9d6', onClick: this.onClick, class: theme.createColorClasses(this.color, {
|
|
74
74
|
[theme$1]: true,
|
|
75
75
|
[`item-option-${shape}`]: shape !== undefined,
|
|
76
76
|
[`item-option-${hue}`]: hue !== undefined,
|
|
77
77
|
'item-option-disabled': disabled,
|
|
78
78
|
'item-option-expandable': expandable,
|
|
79
79
|
'ion-activatable': true,
|
|
80
|
-
}) }, index.h(TagType, Object.assign({ key: '
|
|
80
|
+
}) }, index.h(TagType, Object.assign({ key: '8fa60eb0b2538cd1afe7ad26d0ba9ea0a152b754' }, attrs, { class: "button-native", part: "native", disabled: disabled }), index.h("span", { key: 'd444dd749c3abfdb43f66ac8eae49c3e3b3b9960', class: "button-inner" }, index.h("slot", { key: 'b8164b8893c95c6d4ae9d79a5755eb52c3a1af22', name: "top" }), index.h("div", { key: '6c840ac03adc45b6dce2f11d64b143a3208e2071', class: "horizontal-wrapper" }, index.h("slot", { key: '8c08ea25119e1831b9320c2f2e61461d45158611', name: "start" }), index.h("slot", { key: 'dfc5823b66fcfdcad6277105bd86590958632fdd', name: "icon-only" }), index.h("slot", { key: '30d0d597802daca4a534055e3f326c38a77c5cf8' }), index.h("slot", { key: 'bc58e8826067ad905b81608ad0344ed4dedd3a07', name: "end" })), index.h("slot", { key: '59c3e025a00824c163dbcbeb359ba82871ba06f2', name: "bottom" })), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '046a2ae39dbec7aebcbac3e250d80016065ed0f0' }))));
|
|
81
81
|
}
|
|
82
82
|
get el() { return index.getElement(this); }
|
|
83
83
|
};
|
|
@@ -112,7 +112,7 @@ const ItemOptions = class {
|
|
|
112
112
|
render() {
|
|
113
113
|
const theme = ionicGlobal.getIonTheme(this);
|
|
114
114
|
const isEnd = helpers.isEndSide(this.side);
|
|
115
|
-
return (index.h(index.Host, { key: '
|
|
115
|
+
return (index.h(index.Host, { key: 'cc55282505679d51fb90ebf30869e930c71afbd4', class: {
|
|
116
116
|
[theme]: true,
|
|
117
117
|
// Used internally for styling
|
|
118
118
|
[`item-options-${theme}`]: true,
|
|
@@ -524,7 +524,7 @@ const ItemSliding = class {
|
|
|
524
524
|
}
|
|
525
525
|
render() {
|
|
526
526
|
const theme = ionicGlobal.getIonTheme(this);
|
|
527
|
-
return (index.h(index.Host, { key: '
|
|
527
|
+
return (index.h(index.Host, { key: '79cd09dd43183008f470b31abb7b3606f653a98b', class: {
|
|
528
528
|
[theme]: true,
|
|
529
529
|
'item-sliding-active-slide': this.state !== 2 /* SlidingState.Disabled */,
|
|
530
530
|
'item-sliding-active-options-end': (this.state & 8 /* SlidingState.End */) !== 0,
|
|
@@ -302,11 +302,11 @@ const ItemDivider = class {
|
|
|
302
302
|
}
|
|
303
303
|
render() {
|
|
304
304
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
305
|
-
return (index.h(index.Host, { key: '
|
|
305
|
+
return (index.h(index.Host, { key: 'f026528e983b0b77cd059400d961d012dec9caae', class: theme.createColorClasses(this.color, {
|
|
306
306
|
[theme$1]: true,
|
|
307
307
|
'item-divider-sticky': this.sticky,
|
|
308
308
|
item: true,
|
|
309
|
-
}) }, index.h("slot", { key: '
|
|
309
|
+
}) }, index.h("slot", { key: '409f111b2b37782bd242af5f3205d871d85b6254', name: "start" }), index.h("div", { key: '6811502ae39e51104b46f4f3b272631017a91e4a', class: "item-divider-inner" }, index.h("div", { key: 'c7cf5918a8e8f891426fda028586b36f21909b00', class: "item-divider-wrapper" }, index.h("slot", { key: '7db6745917458bb6d854c0662bbf0394142d2996' })), index.h("slot", { key: 'bad5e02a4d4852fc6e106552b314a42842a0b2e7', name: "end" }))));
|
|
310
310
|
}
|
|
311
311
|
get el() { return index.getElement(this); }
|
|
312
312
|
};
|
|
@@ -328,7 +328,7 @@ const ItemGroup = class {
|
|
|
328
328
|
}
|
|
329
329
|
render() {
|
|
330
330
|
const theme = ionicGlobal.getIonTheme(this);
|
|
331
|
-
return (index.h(index.Host, { key: '
|
|
331
|
+
return (index.h(index.Host, { key: '3fb0784b321736344604e259cfb05c6307159bed', role: "group", class: {
|
|
332
332
|
[theme]: true,
|
|
333
333
|
// Used internally for styling
|
|
334
334
|
[`item-group-${theme}`]: true,
|
|
@@ -397,13 +397,13 @@ const Label = class {
|
|
|
397
397
|
render() {
|
|
398
398
|
const position = this.position;
|
|
399
399
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
400
|
-
return (index.h(index.Host, { key: '
|
|
400
|
+
return (index.h(index.Host, { key: '583b4ed56decb1f5ce39ea6f58fbaa6d4fde01a5', class: theme.createColorClasses(this.color, {
|
|
401
401
|
[theme$1]: true,
|
|
402
402
|
'in-item-color': theme.hostContext('ion-item.ion-color', this.el),
|
|
403
403
|
[`label-${position}`]: position !== undefined,
|
|
404
404
|
[`label-no-animate`]: this.noAnimate,
|
|
405
405
|
'label-rtl': document.dir === 'rtl',
|
|
406
|
-
}) }, index.h("slot", { key: '
|
|
406
|
+
}) }, index.h("slot", { key: '89467c7725dc79d73d51442cb5a233e244cef1b3' })));
|
|
407
407
|
}
|
|
408
408
|
get el() { return index.getElement(this); }
|
|
409
409
|
static get watchers() { return {
|
|
@@ -463,7 +463,7 @@ const List = class {
|
|
|
463
463
|
const theme = ionicGlobal.getIonTheme(this);
|
|
464
464
|
const shape = this.getShape();
|
|
465
465
|
const { lines, inset } = this;
|
|
466
|
-
return (index.h(index.Host, { key: '
|
|
466
|
+
return (index.h(index.Host, { key: '7deda9d813391cac1c4156fb9e9fd1f1a43cdea8', role: "list", class: {
|
|
467
467
|
[theme]: true,
|
|
468
468
|
// Used internally for styling
|
|
469
469
|
[`list-${theme}`]: true,
|
|
@@ -494,10 +494,10 @@ const ListHeader = class {
|
|
|
494
494
|
render() {
|
|
495
495
|
const { lines } = this;
|
|
496
496
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
497
|
-
return (index.h(index.Host, { key: '
|
|
497
|
+
return (index.h(index.Host, { key: '984b0c19c652d264ce1a9832777948a9b5b84326', class: theme.createColorClasses(this.color, {
|
|
498
498
|
[theme$1]: true,
|
|
499
499
|
[`list-header-lines-${lines}`]: lines !== undefined,
|
|
500
|
-
}) }, index.h("div", { key: '
|
|
500
|
+
}) }, index.h("div", { key: '1bf4519d8aa94fe4b98c6f54aba74dbcbb52fab0', class: "list-header-inner" }, index.h("slot", { key: '8d7fa8eca680fe3da8b8e4e01b3f885672c9c2bb' }))));
|
|
501
501
|
}
|
|
502
502
|
};
|
|
503
503
|
ListHeader.style = {
|
|
@@ -518,9 +518,9 @@ const Note = class {
|
|
|
518
518
|
}
|
|
519
519
|
render() {
|
|
520
520
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
521
|
-
return (index.h(index.Host, { key: '
|
|
521
|
+
return (index.h(index.Host, { key: 'a8470df6b8fb8ca327a282fc23705bc230f13a40', class: theme.createColorClasses(this.color, {
|
|
522
522
|
[theme$1]: true,
|
|
523
|
-
}) }, index.h("slot", { key: '
|
|
523
|
+
}) }, index.h("slot", { key: '07cbdef68f010b06638f359f70dff3f1d659d899' })));
|
|
524
524
|
}
|
|
525
525
|
};
|
|
526
526
|
Note.style = {
|
|
@@ -556,11 +556,11 @@ const SkeletonText = class {
|
|
|
556
556
|
const animated = this.animated && index.config.getBoolean('animated', true);
|
|
557
557
|
const inMedia = theme.hostContext('ion-avatar', this.el) || theme.hostContext('ion-thumbnail', this.el);
|
|
558
558
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
559
|
-
return (index.h(index.Host, { key: '
|
|
559
|
+
return (index.h(index.Host, { key: '5014563646b6c5213750d503babce3013b66ec96', class: {
|
|
560
560
|
[theme$1]: true,
|
|
561
561
|
'skeleton-text-animated': animated,
|
|
562
562
|
'in-media': inMedia,
|
|
563
|
-
} }, index.h("span", { key: '
|
|
563
|
+
} }, index.h("span", { key: '4b816883b1c71bb1db66d8b2b084559f7cb489bd' }, "\u00A0")));
|
|
564
564
|
}
|
|
565
565
|
get el() { return index.getElement(this); }
|
|
566
566
|
};
|
|
@@ -279,9 +279,9 @@ const Loading = class {
|
|
|
279
279
|
* Otherwise, don't set aria-labelledby.
|
|
280
280
|
*/
|
|
281
281
|
const ariaLabelledBy = message !== undefined ? msgId : null;
|
|
282
|
-
return (index.h(index.Host, Object.assign({ key: '
|
|
282
|
+
return (index.h(index.Host, Object.assign({ key: '0c475f8e28e680e28e09317557795fc56e0835d8', role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelledBy, tabindex: "-1" }, htmlAttributes, { style: {
|
|
283
283
|
zIndex: `${40000 + this.overlayIndex}`,
|
|
284
|
-
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: '
|
|
284
|
+
}, onIonBackdropTap: this.onBackdropTap, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'overlay-hidden': true, 'loading-translucent': this.translucent }) }), index.h("ion-backdrop", { key: 'd7e88feb6df8edbc326a84d07b294618f7ce6adc', visible: this.showBackdrop, tappable: this.backdropDismiss }), index.h("div", { key: 'f9622f45b2d9e913c325b228a1e6ed03cf2b98e8', tabindex: "0", "aria-hidden": "true" }), index.h("div", { key: 'f4dfdce70c4515878b247d0cc116b5cec2cf79a4', class: "loading-wrapper ion-overlay-wrapper" }, spinner && (index.h("div", { key: '6d4475e00c444eb3d217813ae8cc1a02a97b969e', class: "loading-spinner" }, index.h("ion-spinner", { key: 'd9ad8dd56ec7677c18d06936c1a1b21a0a6a87a8', name: spinner, "aria-hidden": "true" }))), message !== undefined && this.renderLoadingMessage(msgId)), index.h("div", { key: 'bd3159e18f33ec25d3480d47ce33fa7dfd1f1460', tabindex: "0", "aria-hidden": "true" })));
|
|
285
285
|
}
|
|
286
286
|
get el() { return index.getElement(this); }
|
|
287
287
|
static get watchers() { return {
|
|
@@ -666,14 +666,14 @@ const Menu = class {
|
|
|
666
666
|
* the ionBackButton listener in the menu controller
|
|
667
667
|
* will handle closing the menu when Escape is pressed.
|
|
668
668
|
*/
|
|
669
|
-
return (index.h(index.Host, { key: '
|
|
669
|
+
return (index.h(index.Host, { key: '12bd2c4e9aa2f314ffc45d7f43290bd9910ca8b0', onKeyDown: ionicGlobal.shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
|
|
670
670
|
[theme$1]: true,
|
|
671
671
|
[`menu-type-${type}`]: true,
|
|
672
672
|
'menu-enabled': !disabled,
|
|
673
673
|
[`menu-side-${side}`]: true,
|
|
674
674
|
'menu-pane-visible': isPaneVisible,
|
|
675
675
|
'split-pane-side': theme.hostContext('ion-split-pane', el),
|
|
676
|
-
} }, index.h("div", { key: '
|
|
676
|
+
} }, index.h("div", { key: 'd43e12f2502ae5da847eb0d2a70d0a3945733739', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, index.h("slot", { key: '19977e6584bdbb5b01e6e0a4a7f4558087175b33' })), index.h("ion-backdrop", { key: '22e79a7edca409248bd3637474d6783f1d7de1b3', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
|
|
677
677
|
}
|
|
678
678
|
get el() { return index.getElement(this); }
|
|
679
679
|
static get watchers() { return {
|
|
@@ -766,7 +766,7 @@ const MenuButton = class {
|
|
|
766
766
|
type: this.type,
|
|
767
767
|
};
|
|
768
768
|
const ariaLabel = inheritedAttributes['aria-label'] || 'menu';
|
|
769
|
-
return (index.h(index.Host, { key: '
|
|
769
|
+
return (index.h(index.Host, { key: '206b8482b58e7ee49ea89393a15e9cf30578297b', onClick: this.onClick, "aria-disabled": disabled ? 'true' : null, "aria-hidden": hidden ? 'true' : null, class: theme.createColorClasses(color, {
|
|
770
770
|
[theme$1]: true,
|
|
771
771
|
button: true, // ion-buttons target .button
|
|
772
772
|
'menu-button-hidden': hidden,
|
|
@@ -775,7 +775,7 @@ const MenuButton = class {
|
|
|
775
775
|
'in-toolbar-color': theme.hostContext('ion-toolbar[color]', this.el),
|
|
776
776
|
'ion-activatable': true,
|
|
777
777
|
'ion-focusable': true,
|
|
778
|
-
}) }, index.h("button", Object.assign({ key: '
|
|
778
|
+
}) }, index.h("button", Object.assign({ key: '33017f0cde4835383f65b82f24e088dc2cf46517' }, attrs, { disabled: disabled, class: "button-native", part: "native", "aria-label": ariaLabel }), index.h("span", { key: '63aadc2910f7fd7ae070fe108822c51441dd8ea5', class: "button-inner" }, index.h("slot", { key: '6696b67329bdf6a0a7db0739d16717eb9ffc5f3b' }, index.h("ion-icon", { key: '7f88dd0caa7003db810bce76189ecbaba9ff6317', part: "icon", icon: menuIcon, lazy: false, "aria-hidden": "true" }))), theme$1 === 'md' && index.h("ion-ripple-effect", { key: '1a2063529bb63cc055fb4bb7d1ad3032df2a74b4', type: "unbounded" }))));
|
|
779
779
|
}
|
|
780
780
|
get el() { return index.getElement(this); }
|
|
781
781
|
};
|
|
@@ -811,10 +811,10 @@ const MenuToggle = class {
|
|
|
811
811
|
render() {
|
|
812
812
|
const theme = ionicGlobal.getIonTheme(this);
|
|
813
813
|
const hidden = this.autoHide && !this.visible;
|
|
814
|
-
return (index.h(index.Host, { key: '
|
|
814
|
+
return (index.h(index.Host, { key: 'c3ddce789a90d720769919ebf854d05cc75f599e', onClick: this.onClick, "aria-hidden": hidden ? 'true' : null, class: {
|
|
815
815
|
[theme]: true,
|
|
816
816
|
'menu-toggle-hidden': hidden,
|
|
817
|
-
} }, index.h("slot", { key: '
|
|
817
|
+
} }, index.h("slot", { key: 'f1334ba9d20148b673a0b6185ab5ef92f448f720' })));
|
|
818
818
|
}
|
|
819
819
|
};
|
|
820
820
|
MenuToggle.style = menuToggleCss;
|
|
@@ -1483,7 +1483,7 @@ const createSheetGesture = (baseEl, backdropEl, wrapperEl, initialBreakpoint, ba
|
|
|
1483
1483
|
};
|
|
1484
1484
|
};
|
|
1485
1485
|
|
|
1486
|
-
const modalIonicCss = ":host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-width:0;--border-style:none;--border-color:transparent;--box-shadow:none;right:0;left: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;contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);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);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}.modal-handle{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;cursor:pointer;z-index:11}.modal-handle::before{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:\"\"}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host(.modal-sheet.modal-no-expand-scroll) ion-footer{position:absolute;bottom:0;width:var(--width)}:host{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--box-shadow:var(--token-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));--backdrop-opacity:1;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.modal-round){--border-radius:var(--token-border-radius-1000, var(--token-scale-1000, 40px))}:host(.modal-soft){--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.modal-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}.modal-handle{right:0px;left:0px;top:var(--token-space-300, var(--token-scale-300, 12px));border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px));width:var(--token-scale-1100, 44px);height:var(--token-scale-100, 4px);background-color:var(--token-primitives-neutral-300, #e0e0e0)}.modal-handle::before{-webkit-padding-start:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-start:var(--token-space-100, var(--token-scale-100, 4px));-webkit-padding-end:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-end:var(--token-space-100, var(--token-scale-100, 4px));padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.modal-sheet) .modal-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0;border-end-start-radius:0}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + var(--token-scale-250, 10px)))}";
|
|
1486
|
+
const modalIonicCss = ":host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-width:0;--border-style:none;--border-color:transparent;--box-shadow:none;right:0;left: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;contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);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);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}.modal-handle{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;cursor:pointer;z-index:11}.modal-handle::before{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:\"\"}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host(.modal-sheet.modal-no-expand-scroll) ion-footer{position:absolute;bottom:0;width:var(--width)}:host{--background:var(--token-bg-surface-default, var(--token-primitives-base-white, #ffffff));--box-shadow:var(--token-elevation-3, 0px 2px 7px 0px rgba(0, 0, 0, 0.05), 0px 6px 32px 0px rgba(0, 0, 0, 0.16));--backdrop-opacity:1;color:var(--token-text-default, var(--token-primitives-neutral-1200, #242424))}:host(.modal-round){--border-radius:var(--token-border-radius-1000, var(--token-scale-1000, 40px))}:host(.modal-soft){--border-radius:var(--token-border-radius-400, var(--token-scale-400, 16px))}:host(.modal-rectangular){--border-radius:var(--token-border-radius-0, var(--token-scale-0, 0px))}:host(.select-modal.modal-default){--max-height:45%;--max-width:calc(100% - (var(--token-space-400, var(--token-scale-400, 16px)) * 2));--min-height:340px}.modal-handle{right:0px;left:0px;top:var(--token-space-300, var(--token-scale-300, 12px));border-radius:var(--token-border-radius-100, var(--token-scale-100, 4px));width:var(--token-scale-1100, 44px);height:var(--token-scale-100, 4px);background-color:var(--token-primitives-neutral-300, #e0e0e0)}.modal-handle::before{-webkit-padding-start:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-start:var(--token-space-100, var(--token-scale-100, 4px));-webkit-padding-end:var(--token-space-100, var(--token-scale-100, 4px));padding-inline-end:var(--token-space-100, var(--token-scale-100, 4px));padding-top:var(--token-space-100, var(--token-scale-100, 4px));padding-bottom:var(--token-space-100, var(--token-scale-100, 4px))}:host(.modal-sheet) .modal-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0;border-end-start-radius:0}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + var(--token-scale-250, 10px)))}";
|
|
1487
1487
|
|
|
1488
1488
|
const modalIosCss = ":host{--width:100%;--min-width:auto;--max-width:auto;--height:100%;--min-height:auto;--max-height:auto;--overflow:hidden;--border-width:0;--border-style:none;--border-color:transparent;--box-shadow:none;right:0;left: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;contain:strict}.modal-wrapper,ion-backdrop{pointer-events:auto}:host(.overlay-hidden){display:none}.modal-wrapper,.modal-shadow{border-radius:var(--border-radius);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);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow);overflow:var(--overflow);z-index:10}.modal-shadow{position:absolute;background:transparent}.modal-handle{-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0);border:0;cursor:pointer;z-index:11}.modal-handle::before{position:absolute;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);content:\"\"}:host(.modal-sheet) .modal-wrapper,:host(.modal-sheet) .modal-shadow{position:absolute;bottom:0}:host(.modal-sheet.modal-no-expand-scroll) ion-footer{position:absolute;bottom:0;width:var(--width)}:host{--background:var(--ion-background-color, #fff);--border-radius:0;--backdrop-opacity:0;color:var(--ion-text-color, #000)}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--width:600px;--height:500px;--ion-safe-area-top:0px;--ion-safe-area-bottom:0px;--ion-safe-area-right:0px;--ion-safe-area-left:0px}}@media only screen and (min-width: 768px) and (min-height: 768px){:host{--width:600px;--height:600px}}.modal-handle{right:0px;left:0px;top:5px;border-radius:8px;width:36px;height:5px;background:var(--ion-color-step-350, var(--ion-background-color-step-350, #c0c0be))}.modal-handle::before{-webkit-padding-start:4px;padding-inline-start:4px;-webkit-padding-end:4px;padding-inline-end:4px;padding-top:4px;padding-bottom:4px;width:36px;height:5px}:host(.modal-sheet){--height:calc(100% - (var(--ion-safe-area-top) + 10px))}:host{--backdrop-opacity:var(--ion-backdrop-opacity, 0.4)}:host(.modal-card),:host(.modal-sheet){--border-radius:10px}@media only screen and (min-width: 768px) and (min-height: 600px){:host{--border-radius:10px}}.modal-wrapper{-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}@media screen and (max-width: 767px){@supports (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - max(30px, var(--ion-safe-area-top)) - 10px)}}@supports not (width: max(0px, 1px)){:host(.modal-card){--height:calc(100% - 40px)}}:host(.modal-card) .modal-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0;border-end-start-radius:0}:host(.modal-card){--backdrop-opacity:0;--width:100%;-ms-flex-align:end;align-items:flex-end}:host(.modal-card) .modal-shadow{display:none}:host(.modal-card) ion-backdrop{pointer-events:none}}@media screen and (min-width: 768px){:host(.modal-card){--width:calc(100% - 120px);--height:calc(100% - (120px + var(--ion-safe-area-top) + var(--ion-safe-area-bottom)));--max-width:720px;--max-height:1000px;--backdrop-opacity:0;--box-shadow:0px 0px 30px 10px rgba(0, 0, 0, 0.1);-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out}:host(.modal-card) .modal-wrapper{-webkit-box-shadow:none;box-shadow:none}:host(.modal-card) .modal-shadow{-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}}:host(.modal-sheet) .modal-wrapper{border-start-start-radius:var(--border-radius);border-start-end-radius:var(--border-radius);border-end-end-radius:0;border-end-start-radius:0}";
|
|
1489
1489
|
|
|
@@ -2354,20 +2354,20 @@ const Modal = class {
|
|
|
2354
2354
|
const isHandleCycle = handleBehavior === 'cycle';
|
|
2355
2355
|
const shape = this.getShape();
|
|
2356
2356
|
const isSheetModalWithHandle = isSheetModal && showHandle;
|
|
2357
|
-
return (index$2.h(index$2.Host, Object.assign({ key: '
|
|
2357
|
+
return (index$2.h(index$2.Host, Object.assign({ key: '8ced9dcdb4ec35817bc1ad5f4f0c1b56bf76c93f', "no-router": true,
|
|
2358
2358
|
// Allow the modal to be navigable when the handle is focusable
|
|
2359
2359
|
tabIndex: isHandleCycle && isSheetModalWithHandle ? 0 : -1 }, htmlAttributes, { style: {
|
|
2360
2360
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
2361
|
-
}, class: Object.assign({ [theme$1]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), index$2.h("ion-backdrop", { key: '
|
|
2361
|
+
}, class: Object.assign({ [theme$1]: true, ['modal-default']: !isCardModal && !isSheetModal, [`modal-card`]: isCardModal, [`modal-sheet`]: isSheetModal, [`modal-${shape}`]: shape !== undefined, [`modal-no-expand-scroll`]: isSheetModal && !expandToScroll, 'overlay-hidden': true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false }, theme.getClassMap(this.cssClass)), onIonBackdropTap: this.onBackdropTap, onIonModalDidPresent: this.onLifecycle, onIonModalWillPresent: this.onLifecycle, onIonModalWillDismiss: this.onLifecycle, onIonModalDidDismiss: this.onLifecycle, onFocus: this.onModalFocus }), index$2.h("ion-backdrop", { key: '952e76177128f7c5dcc9c9fe7792d73ec4c9c573', ref: (el) => (this.backdropEl = el), visible: this.showBackdrop, tappable: this.backdropDismiss, part: "backdrop" }), theme$1 === 'ios' && index$2.h("div", { key: '3be69826a33edae93d2276b88347f025f3b46d92', class: "modal-shadow" }), index$2.h("div", Object.assign({ key: 'adeb46e4c78d08418f27277db8300706f1ce6d48',
|
|
2362
2362
|
/*
|
|
2363
2363
|
role and aria-modal must be used on the
|
|
2364
2364
|
same element. They must also be set inside the
|
|
2365
2365
|
shadow DOM otherwise ion-button will not be highlighted
|
|
2366
2366
|
when using VoiceOver: https://bugs.webkit.org/show_bug.cgi?id=247134
|
|
2367
2367
|
*/
|
|
2368
|
-
role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (index$2.h("button", { key: '
|
|
2368
|
+
role: "dialog" }, inheritedAttributes, { "aria-modal": "true", class: "modal-wrapper ion-overlay-wrapper", part: "content", ref: (el) => (this.wrapperEl = el) }), showHandle && (index$2.h("button", { key: '22ac19bef95f75b5b26147c6c41439690beb3849', class: "modal-handle",
|
|
2369
2369
|
// Prevents the handle from receiving keyboard focus when it does not cycle
|
|
2370
|
-
tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", ref: (el) => (this.dragHandleEl = el) })), index$2.h("slot", { key: '
|
|
2370
|
+
tabIndex: !isHandleCycle ? -1 : 0, "aria-label": "Activate to adjust the size of the dialog overlaying the screen", onClick: isHandleCycle ? this.onHandleClick : undefined, part: "handle", ref: (el) => (this.dragHandleEl = el) })), index$2.h("slot", { key: '0039450fb7b0caa84f7a16c38e6db148cd9a5371', onSlotchange: this.onSlotChange }))));
|
|
2371
2371
|
}
|
|
2372
2372
|
get el() { return index$2.getElement(this); }
|
|
2373
2373
|
static get watchers() { return {
|
|
@@ -900,7 +900,7 @@ const Nav = class {
|
|
|
900
900
|
}
|
|
901
901
|
}
|
|
902
902
|
render() {
|
|
903
|
-
return index.h("slot", { key: '
|
|
903
|
+
return index.h("slot", { key: 'd6dd0b1e0ba59381a139f4a49de3eb8351fa87a4' });
|
|
904
904
|
}
|
|
905
905
|
get el() { return index.getElement(this); }
|
|
906
906
|
static get watchers() { return {
|
|
@@ -942,7 +942,7 @@ const NavLink = class {
|
|
|
942
942
|
};
|
|
943
943
|
}
|
|
944
944
|
render() {
|
|
945
|
-
return index.h(index.Host, { key: '
|
|
945
|
+
return index.h(index.Host, { key: '61246716bdf9556db90e07680bc1a289f9658d5c', onClick: this.onClick });
|
|
946
946
|
}
|
|
947
947
|
get el() { return index.getElement(this); }
|
|
948
948
|
};
|
|
@@ -102,10 +102,10 @@ const PickerColumnOption = class {
|
|
|
102
102
|
render() {
|
|
103
103
|
const { color, disabled, ariaLabel } = this;
|
|
104
104
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
105
|
-
return (index.h(index.Host, { key: '
|
|
105
|
+
return (index.h(index.Host, { key: '9ceebae71b6df0b01f36691d82d716f6756625d9', class: theme.createColorClasses(color, {
|
|
106
106
|
[theme$1]: true,
|
|
107
107
|
['option-disabled']: disabled,
|
|
108
|
-
}) }, index.h("div", { key: '
|
|
108
|
+
}) }, index.h("div", { key: '1f26246d601779dadfaf055d195e2a4959180f5a', class: 'picker-column-option-button', role: "button", "aria-label": ariaLabel, onClick: () => this.onClick() }, index.h("slot", { key: 'eed413474a8b7ec7a73da27fa72a2d0a9a2aae2b' }))));
|
|
109
109
|
}
|
|
110
110
|
get el() { return index.getElement(this); }
|
|
111
111
|
static get watchers() { return {
|
|
@@ -550,14 +550,14 @@ const PickerColumn = class {
|
|
|
550
550
|
render() {
|
|
551
551
|
const { color, disabled, isActive, numericInput } = this;
|
|
552
552
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
553
|
-
return (index.h(index.Host, { key: '
|
|
553
|
+
return (index.h(index.Host, { key: '7c9603b518a73f9883ff01464fe3f70c14b9059c', class: theme.createColorClasses(color, {
|
|
554
554
|
[theme$1]: true,
|
|
555
555
|
['picker-column-active']: isActive,
|
|
556
556
|
['picker-column-numeric-input']: numericInput,
|
|
557
557
|
['picker-column-disabled']: disabled,
|
|
558
|
-
}) }, index.h("slot", { key: '
|
|
558
|
+
}) }, index.h("slot", { key: 'e98e79dd51550361131d59a8871fe2990dc40edc', name: "prefix" }), index.h("div", { key: '85894791c93da84401138285bf4fbb169897c3d6', class: "picker-opts", ref: (el) => {
|
|
559
559
|
this.scrollEl = el;
|
|
560
|
-
}, role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": this.getOptionValueText(this.activeItem), "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }, index.h("div", { key: '
|
|
560
|
+
}, role: "slider", tabindex: this.disabled ? undefined : 0, "aria-label": this.ariaLabel, "aria-valuemin": 0, "aria-valuemax": 0, "aria-valuenow": 0, "aria-valuetext": this.getOptionValueText(this.activeItem), "aria-orientation": "vertical", onKeyDown: (ev) => this.onKeyDown(ev) }, index.h("div", { key: 'd9546be214c2faf2340faf31d8468c2f39f31e4c', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '47671f18a0a0659c0660b3b82d234e92b6dcc721', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: 'f3fc8f9cfc67d0d0dfbf7c134524353297117170', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("slot", { key: '4c30c1e5df5f1758978458dbd7e405a01d3118fe' }), index.h("div", { key: '4e71db05a18d645c6fa49d3a6e67a68cc374b868', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '7fd2461759a92a6909ab514a14bdb41f7d2d16d5', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0"), index.h("div", { key: '015fc0875e5e2df575810fd79635ed5a0f5a29dd', class: "picker-item-empty", "aria-hidden": "true" }, "\u00A0")), index.h("slot", { key: 'd706a79b1b5b31dc1e358fe1d64b41a2104ea153', name: "suffix" })));
|
|
561
561
|
}
|
|
562
562
|
get el() { return index.getElement(this); }
|
|
563
563
|
static get watchers() { return {
|
|
@@ -460,7 +460,7 @@ const Picker = class {
|
|
|
460
460
|
this.emitInputModeChange();
|
|
461
461
|
}
|
|
462
462
|
render() {
|
|
463
|
-
return (index.h(index.Host, { key: '
|
|
463
|
+
return (index.h(index.Host, { key: '8778f74b10b575bf28bfb9d21df51a52a7c92ac4', onPointerDown: (ev) => this.onPointerDown(ev), onClick: () => this.onClick() }, index.h("input", { key: 'd6b77646ebcc32785b3edbb70794aabf19d68503', "aria-hidden": "true", tabindex: -1, inputmode: "numeric", type: "number", onKeyDown: (ev) => {
|
|
464
464
|
var _a;
|
|
465
465
|
/**
|
|
466
466
|
* The "Enter" key represents
|
|
@@ -475,7 +475,7 @@ const Picker = class {
|
|
|
475
475
|
if (ev.key === 'Enter') {
|
|
476
476
|
(_a = this.inputEl) === null || _a === void 0 ? void 0 : _a.blur();
|
|
477
477
|
}
|
|
478
|
-
}, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), index.h("div", { key: '
|
|
478
|
+
}, ref: (el) => (this.inputEl = el), onInput: () => this.onInputChange(), onBlur: () => this.exitInputMode() }), index.h("div", { key: '3ccb1c92e3ee586d4ac50dbf3728f19c7d727c7c', class: "picker-before" }), index.h("div", { key: 'ac7765a517ddbb3d338239a3c91ead67cab9b0e8', class: "picker-after" }), index.h("div", { key: '16a07f2aad1e1bc77119b6f8d060ae073b566472', class: "picker-highlight", ref: (el) => (this.highlightEl = el) }), index.h("slot", { key: 'dc3b58388c3936ce16285822b1e2a50b730031b6' })));
|
|
479
479
|
}
|
|
480
480
|
get el() { return index.getElement(this); }
|
|
481
481
|
};
|
|
@@ -1389,9 +1389,9 @@ const Popover = class {
|
|
|
1389
1389
|
const { onLifecycle, parentPopover, dismissOnSelect, side, arrow, htmlAttributes, focusTrap } = this;
|
|
1390
1390
|
const desktop = ionicGlobal.isPlatform('desktop');
|
|
1391
1391
|
const enableArrow = arrow && !parentPopover;
|
|
1392
|
-
return (index.h(index.Host, Object.assign({ key: '
|
|
1392
|
+
return (index.h(index.Host, Object.assign({ key: 'd8cac78e3fda5731eb8a3532ce83a711190a0f1d', "aria-modal": "true", "no-router": true, tabindex: "-1" }, htmlAttributes, { style: {
|
|
1393
1393
|
zIndex: `${20000 + this.overlayIndex}`,
|
|
1394
|
-
}, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && index.h("ion-backdrop", { key: '
|
|
1394
|
+
}, class: Object.assign(Object.assign({}, theme.getClassMap(this.cssClass)), { [theme$1]: true, 'popover-translucent': this.translucent, 'overlay-hidden': true, 'popover-desktop': desktop, [`popover-side-${side}`]: true, [overlays.FOCUS_TRAP_DISABLE_CLASS]: focusTrap === false, 'popover-nested': !!parentPopover }), onIonPopoverDidPresent: onLifecycle, onIonPopoverWillPresent: onLifecycle, onIonPopoverWillDismiss: onLifecycle, onIonPopoverDidDismiss: onLifecycle, onIonBackdropTap: this.onBackdropTap }), !parentPopover && index.h("ion-backdrop", { key: 'ec62e04664d67c7ef9c43bb77e5baa517ab88e7f', tappable: this.backdropDismiss, visible: this.showBackdrop, part: "backdrop" }), index.h("div", { key: '1da57db158ecd1f6260369d44f2db5b0791ecd3a', class: "popover-wrapper ion-overlay-wrapper", onClick: dismissOnSelect ? () => this.dismiss() : undefined }, enableArrow && index.h("div", { key: '22966b014e1a5ff24963dff94cad281200a3b334', class: "popover-arrow", part: "arrow" }), index.h("div", { key: 'a2b960c96a54c06807e07edc2579b5d459e5d108', class: "popover-content", part: "content" }, index.h("slot", { key: 'bae331e17437df55a77db538a693ef459f11e78a' })))));
|
|
1395
1395
|
}
|
|
1396
1396
|
get el() { return index.getElement(this); }
|
|
1397
1397
|
static get watchers() { return {
|
|
@@ -58,7 +58,7 @@ const ProgressBar = class {
|
|
|
58
58
|
const shape = this.getShape();
|
|
59
59
|
// If the progress is displayed as a solid bar.
|
|
60
60
|
const progressSolid = buffer === 1;
|
|
61
|
-
return (index.h(index.Host, { key: '
|
|
61
|
+
return (index.h(index.Host, { key: '9adef68c31bdf39d48199e01587f8d5295d4c6af', role: "progressbar", "aria-valuenow": type === 'determinate' ? value : null, "aria-valuemin": "0", "aria-valuemax": "1", class: theme.createColorClasses(color, {
|
|
62
62
|
[theme$1]: true,
|
|
63
63
|
[`progress-bar-${type}`]: true,
|
|
64
64
|
'progress-paused': paused,
|
|
@@ -140,7 +140,7 @@ const Radio = class {
|
|
|
140
140
|
const { checked, disabled, color, el, justify, labelPlacement, hasLabel, buttonTabindex, alignment } = this;
|
|
141
141
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
142
142
|
const inItem = theme.hostContext('ion-item', el);
|
|
143
|
-
return (index.h(index.Host, { key: '
|
|
143
|
+
return (index.h(index.Host, { key: '7ac17b6d0b96104b5baba1bb8c28c37f30005fdd', onFocus: this.onFocus, onBlur: this.onBlur, onClick: this.onClick, class: theme.createColorClasses(color, {
|
|
144
144
|
[theme$1]: true,
|
|
145
145
|
'in-item': inItem,
|
|
146
146
|
'radio-checked': checked,
|
|
@@ -151,10 +151,10 @@ const Radio = class {
|
|
|
151
151
|
// Focus and active styling should not apply when the radio is in an item
|
|
152
152
|
'ion-activatable': !inItem,
|
|
153
153
|
'ion-focusable': !inItem,
|
|
154
|
-
}), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, index.h("label", { key: '
|
|
154
|
+
}), role: "radio", "aria-checked": checked ? 'true' : 'false', "aria-disabled": disabled ? 'true' : null, tabindex: buttonTabindex }, index.h("label", { key: '41305f13b3025e3876236097131beb7ef8a40515', class: "radio-wrapper" }, index.h("div", { key: '603d3ac36c227995a3b9f5bd6fa1ec4de4fa304a', class: {
|
|
155
155
|
'label-text-wrapper': true,
|
|
156
156
|
'label-text-wrapper-hidden': !hasLabel,
|
|
157
|
-
}, part: "label" }, index.h("slot", { key: '
|
|
157
|
+
}, part: "label" }, index.h("slot", { key: '838d3a84c3ce2aaa31e61ce2b82c6a23818b0908' })), index.h("div", { key: '3d4ac72bbf52e04a2500782223baac24784f361e', class: "native-wrapper" }, this.renderRadioControl()))));
|
|
158
158
|
}
|
|
159
159
|
get el() { return index.getElement(this); }
|
|
160
160
|
static get watchers() { return {
|
|
@@ -360,9 +360,9 @@ const RadioGroup = class {
|
|
|
360
360
|
const { label, labelId, el, name, value } = this;
|
|
361
361
|
const theme = ionicGlobal.getIonTheme(this);
|
|
362
362
|
helpers.renderHiddenInput(true, el, name, value, false);
|
|
363
|
-
return (index.h(index.Host, { key: '
|
|
363
|
+
return (index.h(index.Host, { key: '3eb581e8348cac7c4f8d6b7238b968dd79ec3c35', class: {
|
|
364
364
|
[theme]: true,
|
|
365
|
-
}, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick }, this.renderHintText(), index.h("div", { key: '
|
|
365
|
+
}, role: "radiogroup", "aria-labelledby": label ? labelId : null, "aria-describedby": this.getHintTextID(), "aria-invalid": this.getHintTextID() === this.errorTextId, onClick: this.onClick }, this.renderHintText(), index.h("div", { key: '1091e1f540cb2b9241ddbc5ed6a2b28a77557682', class: "radio-group-wrapper" }, index.h("slot", { key: 'd83c63bcc7b20722f6405db656d5f945b3fb5407' }))));
|
|
366
366
|
}
|
|
367
367
|
get el() { return index.getElement(this); }
|
|
368
368
|
static get watchers() { return {
|
|
@@ -726,7 +726,7 @@ const Range = class {
|
|
|
726
726
|
const needsEndAdjustment = inItem && !hasEndContent;
|
|
727
727
|
const theme$1 = ionicGlobal.getIonTheme(this);
|
|
728
728
|
helpers.renderHiddenInput(true, el, this.name, JSON.stringify(this.getValue()), disabled);
|
|
729
|
-
return (index.h(index.Host, { key: '
|
|
729
|
+
return (index.h(index.Host, { key: 'abffed8811679954ae1ccded14b09c1070aec868', onFocusin: this.onFocus, onFocusout: this.onBlur, id: rangeId, class: theme.createColorClasses(this.color, {
|
|
730
730
|
[theme$1]: true,
|
|
731
731
|
'in-item': inItem,
|
|
732
732
|
'range-disabled': disabled,
|
|
@@ -735,10 +735,10 @@ const Range = class {
|
|
|
735
735
|
[`range-label-placement-${labelPlacement}`]: true,
|
|
736
736
|
'range-item-start-adjustment': needsStartAdjustment,
|
|
737
737
|
'range-item-end-adjustment': needsEndAdjustment,
|
|
738
|
-
}) }, index.h("label", { key: '
|
|
738
|
+
}) }, index.h("label", { key: '4296d7310d335ba9783d96e982159e8563a3ea35', class: "range-wrapper", id: "range-label" }, index.h("div", { key: '8087acc009ee1287f0ddd483669cd6284ff84004', class: {
|
|
739
739
|
'label-text-wrapper': true,
|
|
740
740
|
'label-text-wrapper-hidden': !hasLabel,
|
|
741
|
-
}, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: '
|
|
741
|
+
}, part: "label" }, label !== undefined ? index.h("div", { class: "label-text" }, label) : index.h("slot", { name: "label" })), index.h("div", { key: 'fa1207cbb99ccb9a9cc60c2409977c1b925476b0', class: "native-wrapper" }, index.h("slot", { key: 'fdbe6f0c142f3511e1b526f6d4df195c105660c5', name: "start" }), this.renderRangeSlider(), index.h("slot", { key: '3f03f148fbd461a7a87c8f2da5e5cba37213ef30', name: "end" })))));
|
|
742
742
|
}
|
|
743
743
|
get el() { return index.getElement(this); }
|
|
744
744
|
static get watchers() { return {
|
|
@@ -891,7 +891,7 @@ const Refresher = class {
|
|
|
891
891
|
}
|
|
892
892
|
render() {
|
|
893
893
|
const theme = ionicGlobal.getIonTheme(this);
|
|
894
|
-
return (index.h(index.Host, { key: '
|
|
894
|
+
return (index.h(index.Host, { key: 'fdf580e687c1cd7c507a7357ea87a03270ff9f0b', slot: "fixed", class: {
|
|
895
895
|
[theme]: true,
|
|
896
896
|
// Used internally for styling
|
|
897
897
|
[`refresher-${theme}`]: true,
|
|
@@ -963,9 +963,9 @@ const RefresherContent = class {
|
|
|
963
963
|
const hasSpinner = pullingIcon != null && spinnerConfigs.SPINNERS[pullingIcon] !== undefined;
|
|
964
964
|
const theme = ionicGlobal.getIonTheme(this);
|
|
965
965
|
const arrowIcon = theme === 'ionic' ? caretLeftFillSvg : index$2.caretBackSharp;
|
|
966
|
-
return (index.h(index.Host, { key: '
|
|
966
|
+
return (index.h(index.Host, { key: '3a3a3fb44f8397bb8e5019b51254ada8c26ae371', class: {
|
|
967
967
|
[theme]: true,
|
|
968
|
-
} }, index.h("div", { key: '
|
|
968
|
+
} }, index.h("div", { key: '3e63966e8c2b262b1f9d4a5545dbdd00e97a4c68', class: "refresher-pulling" }, this.pullingIcon && hasSpinner && (index.h("div", { key: 'd4c8fa7151cee666520a40050c58f6e8201b14a5', class: "refresher-pulling-icon" }, index.h("div", { key: '2f45a17fe5fe51e81e2d7bd580fd60ce754c5989', class: "spinner-arrow-container" }, index.h("ion-spinner", { key: '210cd5f152453a283dbc579f545c683e3af84ea3', name: this.pullingIcon, paused: true }), (theme === 'md' || theme === 'ionic') && this.pullingIcon === 'circular' && (index.h("div", { key: '060c8d531e90478121113f59989ac29809f48947', class: "arrow-container" }, index.h("ion-icon", { key: '7c30ddd2c1a6e2274e7d57f792733017c663197b', icon: arrowIcon, "aria-hidden": "true" })))))), this.pullingIcon && !hasSpinner && (index.h("div", { key: '3dee253d56c871195dcd59eaedc2b867ac578319', class: "refresher-pulling-icon" }, index.h("ion-icon", { key: '46b859328da272449f316ea8f68f3c3dd545c2e7', icon: this.pullingIcon, lazy: false, "aria-hidden": "true" }))), this.pullingText !== undefined && this.renderPullingText()), index.h("div", { key: '56660f9f6cff1006c5552df3a9430124689d42cb', class: "refresher-refreshing" }, this.refreshingSpinner && (index.h("div", { key: 'e8232281f251e5d0d22972fa8e38176edc3d9e5d', class: "refresher-refreshing-icon" }, index.h("ion-spinner", { key: '70f42df444c4669f393137f218ba9d635f76a26c', name: this.refreshingSpinner }))), this.refreshingText !== undefined && this.renderRefreshingText())));
|
|
969
969
|
}
|
|
970
970
|
get el() { return index.getElement(this); }
|
|
971
971
|
};
|
|
@@ -53,9 +53,9 @@ const Reorder = class {
|
|
|
53
53
|
render() {
|
|
54
54
|
const { reorderHandleIcon } = this;
|
|
55
55
|
const theme = ionicGlobal.getIonTheme(this);
|
|
56
|
-
return (index.h(index.Host, { key: '
|
|
56
|
+
return (index.h(index.Host, { key: 'ba59a095c200b70c6d847dc7362d52b315dc853a', class: {
|
|
57
57
|
[theme]: true,
|
|
58
|
-
} }, index.h("slot", { key: '
|
|
58
|
+
} }, index.h("slot", { key: '79be263f78cc21c9c4f91326e557e65849ab1e51' }, index.h("ion-icon", { key: '6e5c47c8bbd33f5cd405a5fd531831cb87c8e57e', icon: reorderHandleIcon, lazy: false, class: "reorder-icon", part: "icon", "aria-hidden": "true" }))));
|
|
59
59
|
}
|
|
60
60
|
get el() { return index.getElement(this); }
|
|
61
61
|
};
|
|
@@ -319,7 +319,7 @@ const ReorderGroup = class {
|
|
|
319
319
|
}
|
|
320
320
|
render() {
|
|
321
321
|
const theme = ionicGlobal.getIonTheme(this);
|
|
322
|
-
return (index.h(index.Host, { key: '
|
|
322
|
+
return (index.h(index.Host, { key: 'df12858536c409c76552fe79b88827b3c4a5d9c5', class: {
|
|
323
323
|
[theme]: true,
|
|
324
324
|
'reorder-enabled': !this.disabled,
|
|
325
325
|
'reorder-list-active': this.state !== 0 /* ReorderGroupState.Idle */,
|
|
@@ -78,7 +78,7 @@ const RippleEffect = class {
|
|
|
78
78
|
}
|
|
79
79
|
render() {
|
|
80
80
|
const theme = ionicGlobal.getIonTheme(this);
|
|
81
|
-
return (index.h(index.Host, { key: '
|
|
81
|
+
return (index.h(index.Host, { key: '502ce1841747f255dfab542914bebd0d0f4ae9bd', role: "presentation", class: {
|
|
82
82
|
[theme]: true,
|
|
83
83
|
unbounded: this.unbounded,
|
|
84
84
|
} }));
|
|
@@ -898,10 +898,10 @@ const RouterLink = class {
|
|
|
898
898
|
rel: this.rel,
|
|
899
899
|
target: this.target,
|
|
900
900
|
};
|
|
901
|
-
return (index.h(index.Host, { key: '
|
|
901
|
+
return (index.h(index.Host, { key: '518b86cf40eb95e03f75a20ff44fff804ac8ec4d', onClick: this.onClick, class: theme.createColorClasses(this.color, {
|
|
902
902
|
[theme$1]: true,
|
|
903
903
|
'ion-activatable': true,
|
|
904
|
-
}) }, index.h("a", Object.assign({ key: '
|
|
904
|
+
}) }, index.h("a", Object.assign({ key: 'dbf3cc12752b4fa2d3873723a8ea5a30b053d261' }, attrs), index.h("slot", { key: '9614e46a8d35201937f1f9a39b88f71b78efa7a0' }))));
|
|
905
905
|
}
|
|
906
906
|
};
|
|
907
907
|
RouterLink.style = routerLinkCss;
|