@ionic/core 8.4.1-dev.11732033492.170e160c → 8.4.1-dev.11732064156.12837790
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/header.js +12 -2
- package/components/overlays.js +7 -15
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/ion-action-sheet.cjs.entry.js +1 -1
- package/dist/cjs/ion-alert.cjs.entry.js +1 -1
- package/dist/cjs/ion-app_8.cjs.entry.js +12 -2
- package/dist/cjs/ion-datetime_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-loading.cjs.entry.js +1 -1
- package/dist/cjs/ion-menu_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-modal.cjs.entry.js +1 -1
- package/dist/cjs/ion-popover.cjs.entry.js +1 -1
- package/dist/cjs/ion-select-modal.cjs.entry.js +1 -1
- package/dist/cjs/ion-select_3.cjs.entry.js +1 -1
- package/dist/cjs/ion-toast.cjs.entry.js +1 -1
- package/dist/cjs/{overlays-56ca9a8a.js → overlays-ba0f6986.js} +6 -14
- package/dist/collection/components/header/header.utils.js +12 -2
- package/dist/collection/utils/overlays.js +6 -15
- package/dist/docs.json +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/ion-action-sheet.entry.js +1 -1
- package/dist/esm/ion-alert.entry.js +1 -1
- package/dist/esm/ion-app_8.entry.js +12 -2
- package/dist/esm/ion-datetime_3.entry.js +1 -1
- package/dist/esm/ion-loading.entry.js +1 -1
- package/dist/esm/ion-menu_3.entry.js +1 -1
- package/dist/esm/ion-modal.entry.js +1 -1
- package/dist/esm/ion-popover.entry.js +1 -1
- package/dist/esm/ion-select-modal.entry.js +1 -1
- package/dist/esm/ion-select_3.entry.js +1 -1
- package/dist/esm/ion-toast.entry.js +1 -1
- package/dist/esm/{overlays-74d44899.js → overlays-ae10d43d.js} +7 -15
- package/dist/esm-es5/index.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-datetime_3.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-popover.entry.js +1 -1
- package/dist/esm-es5/ion-select-modal.entry.js +1 -1
- package/dist/esm-es5/ion-select_3.entry.js +1 -1
- package/dist/esm-es5/ion-toast.entry.js +1 -1
- package/dist/esm-es5/overlays-ae10d43d.js +4 -0
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-2ed40a5e.system.entry.js → p-0161caf9.system.entry.js} +1 -1
- package/dist/ionic/{p-ddc18b30.system.entry.js → p-0437ace4.system.entry.js} +1 -1
- package/dist/ionic/p-04fc24ee.system.js +4 -0
- package/dist/ionic/{p-500c02e3.entry.js → p-09cf2394.entry.js} +1 -1
- package/dist/ionic/p-19a5be0a.entry.js +4 -0
- package/dist/ionic/{p-ffbee4f6.system.entry.js → p-1b7605a7.system.entry.js} +1 -1
- package/dist/ionic/{p-1d1121ac.system.entry.js → p-1e41f2aa.system.entry.js} +1 -1
- package/dist/ionic/{p-8b9b0e01.system.entry.js → p-2ae283ce.system.entry.js} +1 -1
- package/dist/ionic/p-322c5fb4.system.js +1 -1
- package/dist/ionic/{p-1e3784b9.entry.js → p-4a274c89.entry.js} +1 -1
- package/dist/ionic/{p-5a83c181.system.entry.js → p-5393e8bb.system.entry.js} +1 -1
- package/dist/ionic/{p-08ae4532.system.entry.js → p-5b5c1505.system.entry.js} +1 -1
- package/dist/ionic/p-5c831f49.js +4 -0
- package/dist/ionic/{p-79bdcdd5.system.entry.js → p-6734db42.system.entry.js} +1 -1
- package/dist/ionic/{p-36e4ad92.system.entry.js → p-857ca696.system.entry.js} +1 -1
- package/dist/ionic/{p-fd31bb04.system.js → p-8f05ba3b.system.js} +1 -1
- package/dist/ionic/{p-fa2cf74d.entry.js → p-9910f786.entry.js} +1 -1
- package/dist/ionic/{p-ec288b34.entry.js → p-a1051806.entry.js} +1 -1
- package/dist/ionic/{p-23745fed.entry.js → p-a1b9a163.entry.js} +1 -1
- package/dist/ionic/{p-36662b24.entry.js → p-a1dee17f.entry.js} +1 -1
- package/dist/ionic/{p-03c7b27e.entry.js → p-a34b4d94.entry.js} +1 -1
- package/dist/ionic/{p-43567c9d.system.entry.js → p-d7e982e7.system.entry.js} +1 -1
- package/dist/ionic/{p-5972efea.system.entry.js → p-ddaa748a.system.entry.js} +1 -1
- package/dist/ionic/{p-f912705b.entry.js → p-e2252ad6.entry.js} +1 -1
- package/dist/ionic/{p-3cb0f90c.entry.js → p-ee7ba749.entry.js} +1 -1
- package/dist/ionic/{p-a5d0bd7c.entry.js → p-f10b70a1.entry.js} +1 -1
- package/hydrate/index.js +18 -16
- package/hydrate/index.mjs +18 -16
- package/package.json +1 -1
- package/dist/esm-es5/overlays-74d44899.js +0 -4
- package/dist/ionic/p-061d4611.js +0 -4
- package/dist/ionic/p-3e5b5cf1.system.js +0 -4
- package/dist/ionic/p-e9a173ed.entry.js +0 -4
package/components/header.js
CHANGED
|
@@ -131,13 +131,23 @@ mainHeaderIndex, scrollHeaderIndex, scrollEl) => {
|
|
|
131
131
|
};
|
|
132
132
|
const setHeaderActive = (headerIndex, active = true) => {
|
|
133
133
|
const headerEl = headerIndex.el;
|
|
134
|
+
const toolbars = headerIndex.toolbars;
|
|
135
|
+
const ionTitles = toolbars.map((toolbar) => toolbar.ionTitleEl);
|
|
134
136
|
if (active) {
|
|
135
137
|
headerEl.classList.remove('header-collapse-condense-inactive');
|
|
136
|
-
|
|
138
|
+
ionTitles.forEach((ionTitle) => {
|
|
139
|
+
if (ionTitle) {
|
|
140
|
+
ionTitle.removeAttribute('aria-hidden');
|
|
141
|
+
}
|
|
142
|
+
});
|
|
137
143
|
}
|
|
138
144
|
else {
|
|
139
145
|
headerEl.classList.add('header-collapse-condense-inactive');
|
|
140
|
-
|
|
146
|
+
ionTitles.forEach((ionTitle) => {
|
|
147
|
+
if (ionTitle) {
|
|
148
|
+
ionTitle.setAttribute('aria-hidden', 'true');
|
|
149
|
+
}
|
|
150
|
+
});
|
|
141
151
|
}
|
|
142
152
|
};
|
|
143
153
|
const scaleLargeTitles = (toolbars = [], scale = 1, transition = false) => {
|
package/components/overlays.js
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { d as doc } from './index5.js';
|
|
5
5
|
import { f as focusVisibleElement, c as componentOnReady, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers.js';
|
|
6
6
|
import { OVERLAY_BACK_BUTTON_PRIORITY, shouldUseCloseWatcher } from './hardware-back-button.js';
|
|
7
|
-
import { b as getIonMode, c as config
|
|
7
|
+
import { b as getIonMode, c as config } from './ionic-global.js';
|
|
8
8
|
import { C as CoreDelegate } from './framework-delegate.js';
|
|
9
9
|
import { B as BACKDROP_NO_SCROLL } from './gesture-controller.js';
|
|
10
10
|
import { p as printIonWarning } from './index6.js';
|
|
@@ -886,26 +886,18 @@ const createTriggerController = () => {
|
|
|
886
886
|
* If the overlay is being presented, it prevents focus rings from appearing
|
|
887
887
|
* in incorrect positions due to the transition (specifically `transform`
|
|
888
888
|
* styles), ensuring that when aria-hidden is removed, the focus rings are
|
|
889
|
-
* correctly displayed in the final location of the elements.
|
|
890
|
-
* applies to Android devices.
|
|
891
|
-
*
|
|
892
|
-
* If this solution is applied to iOS devices, then it leads to a bug where
|
|
893
|
-
* the overlays cannot be accessed by screen readers. This is due to
|
|
894
|
-
* VoiceOver not being able to update the accessibility tree when the
|
|
895
|
-
* `aria-hidden` is removed.
|
|
889
|
+
* correctly displayed in the final location of the elements.
|
|
896
890
|
*
|
|
897
891
|
* @param overlay - The overlay that is being animated.
|
|
898
892
|
*/
|
|
899
893
|
const hideAnimatingOverlayFromScreenReaders = (overlay) => {
|
|
900
894
|
if (doc === undefined)
|
|
901
895
|
return;
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
overlay.setAttribute('aria-hidden', 'true');
|
|
908
|
-
}
|
|
896
|
+
/**
|
|
897
|
+
* Once the animation is complete, this attribute will be removed.
|
|
898
|
+
* This is done at the end of the `present` method.
|
|
899
|
+
*/
|
|
900
|
+
overlay.setAttribute('aria-hidden', 'true');
|
|
909
901
|
};
|
|
910
902
|
/**
|
|
911
903
|
* Ensure that underlying overlays have aria-hidden if necessary so that screen readers
|
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -16,7 +16,7 @@ const helpers = require('./helpers-afaa9001.js');
|
|
|
16
16
|
const config = require('./config-4f60b98a.js');
|
|
17
17
|
const theme = require('./theme-d1c573d2.js');
|
|
18
18
|
const index$2 = require('./index-8e789962.js');
|
|
19
|
-
const overlays = require('./overlays-
|
|
19
|
+
const overlays = require('./overlays-ba0f6986.js');
|
|
20
20
|
require('./index-c8d52405.js');
|
|
21
21
|
require('./index-73f75efb.js');
|
|
22
22
|
require('./index-5915f9b3.js');
|
|
@@ -9,7 +9,7 @@ const index = require('./index-73f75efb.js');
|
|
|
9
9
|
const buttonActive = require('./button-active-3f2f60b4.js');
|
|
10
10
|
const helpers = require('./helpers-afaa9001.js');
|
|
11
11
|
const lockController = require('./lock-controller-6585a42a.js');
|
|
12
|
-
const overlays = require('./overlays-
|
|
12
|
+
const overlays = require('./overlays-ba0f6986.js');
|
|
13
13
|
const theme = require('./theme-d1c573d2.js');
|
|
14
14
|
const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
|
|
15
15
|
const animation = require('./animation-b4fdf128.js');
|
|
@@ -10,7 +10,7 @@ const config = require('./config-4f60b98a.js');
|
|
|
10
10
|
const buttonActive = require('./button-active-3f2f60b4.js');
|
|
11
11
|
const helpers = require('./helpers-afaa9001.js');
|
|
12
12
|
const lockController = require('./lock-controller-6585a42a.js');
|
|
13
|
-
const overlays = require('./overlays-
|
|
13
|
+
const overlays = require('./overlays-ba0f6986.js');
|
|
14
14
|
const theme = require('./theme-d1c573d2.js');
|
|
15
15
|
const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
|
|
16
16
|
const animation = require('./animation-b4fdf128.js');
|
|
@@ -801,13 +801,23 @@ mainHeaderIndex, scrollHeaderIndex, scrollEl) => {
|
|
|
801
801
|
};
|
|
802
802
|
const setHeaderActive = (headerIndex, active = true) => {
|
|
803
803
|
const headerEl = headerIndex.el;
|
|
804
|
+
const toolbars = headerIndex.toolbars;
|
|
805
|
+
const ionTitles = toolbars.map((toolbar) => toolbar.ionTitleEl);
|
|
804
806
|
if (active) {
|
|
805
807
|
headerEl.classList.remove('header-collapse-condense-inactive');
|
|
806
|
-
|
|
808
|
+
ionTitles.forEach((ionTitle) => {
|
|
809
|
+
if (ionTitle) {
|
|
810
|
+
ionTitle.removeAttribute('aria-hidden');
|
|
811
|
+
}
|
|
812
|
+
});
|
|
807
813
|
}
|
|
808
814
|
else {
|
|
809
815
|
headerEl.classList.add('header-collapse-condense-inactive');
|
|
810
|
-
|
|
816
|
+
ionTitles.forEach((ionTitle) => {
|
|
817
|
+
if (ionTitle) {
|
|
818
|
+
ionTitle.setAttribute('aria-hidden', 'true');
|
|
819
|
+
}
|
|
820
|
+
});
|
|
811
821
|
}
|
|
812
822
|
};
|
|
813
823
|
const scaleLargeTitles = (toolbars = [], scale = 1, transition = false) => {
|
|
@@ -15,7 +15,7 @@ const index$2 = require('./index-073c7cdc.js');
|
|
|
15
15
|
const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
|
|
16
16
|
const data = require('./data-21dc0f81.js');
|
|
17
17
|
const lockController = require('./lock-controller-6585a42a.js');
|
|
18
|
-
const overlays = require('./overlays-
|
|
18
|
+
const overlays = require('./overlays-ba0f6986.js');
|
|
19
19
|
const animation = require('./animation-b4fdf128.js');
|
|
20
20
|
const haptic = require('./haptic-f6b37aa3.js');
|
|
21
21
|
require('./index-c8d52405.js');
|
|
@@ -9,7 +9,7 @@ const index = require('./index-73f75efb.js');
|
|
|
9
9
|
const config = require('./config-4f60b98a.js');
|
|
10
10
|
const helpers = require('./helpers-afaa9001.js');
|
|
11
11
|
const lockController = require('./lock-controller-6585a42a.js');
|
|
12
|
-
const overlays = require('./overlays-
|
|
12
|
+
const overlays = require('./overlays-ba0f6986.js');
|
|
13
13
|
const theme = require('./theme-d1c573d2.js');
|
|
14
14
|
const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
|
|
15
15
|
const animation = require('./animation-b4fdf128.js');
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
7
7
|
|
|
8
8
|
const index = require('./index-73f75efb.js');
|
|
9
9
|
const cubicBezier = require('./cubic-bezier-f2dccc53.js');
|
|
10
|
-
const overlays = require('./overlays-
|
|
10
|
+
const overlays = require('./overlays-ba0f6986.js');
|
|
11
11
|
const gestureController = require('./gesture-controller-9436f482.js');
|
|
12
12
|
const hardwareBackButton = require('./hardware-back-button-9e8a2c4f.js');
|
|
13
13
|
const helpers = require('./helpers-afaa9001.js');
|
|
@@ -12,7 +12,7 @@ const helpers = require('./helpers-afaa9001.js');
|
|
|
12
12
|
const lockController = require('./lock-controller-6585a42a.js');
|
|
13
13
|
const index$4 = require('./index-5915f9b3.js');
|
|
14
14
|
const capacitor = require('./capacitor-c04564bf.js');
|
|
15
|
-
const overlays = require('./overlays-
|
|
15
|
+
const overlays = require('./overlays-ba0f6986.js');
|
|
16
16
|
const theme = require('./theme-d1c573d2.js');
|
|
17
17
|
const index$5 = require('./index-f05acd21.js');
|
|
18
18
|
const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
7
7
|
|
|
8
8
|
const index = require('./index-73f75efb.js');
|
|
9
|
-
const overlays = require('./overlays-
|
|
9
|
+
const overlays = require('./overlays-ba0f6986.js');
|
|
10
10
|
const frameworkDelegate = require('./framework-delegate-55f5683a.js');
|
|
11
11
|
const helpers = require('./helpers-afaa9001.js');
|
|
12
12
|
const lockController = require('./lock-controller-6585a42a.js');
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
7
7
|
|
|
8
8
|
const index = require('./index-73f75efb.js');
|
|
9
9
|
const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
|
|
10
|
-
const overlays = require('./overlays-
|
|
10
|
+
const overlays = require('./overlays-ba0f6986.js');
|
|
11
11
|
const theme = require('./theme-d1c573d2.js');
|
|
12
12
|
require('./index-c8d52405.js');
|
|
13
13
|
require('./helpers-afaa9001.js');
|
|
@@ -9,7 +9,7 @@ const index = require('./index-73f75efb.js');
|
|
|
9
9
|
const notchController = require('./notch-controller-d69150f5.js');
|
|
10
10
|
const compareWithUtils = require('./compare-with-utils-df1001d7.js');
|
|
11
11
|
const helpers = require('./helpers-afaa9001.js');
|
|
12
|
-
const overlays = require('./overlays-
|
|
12
|
+
const overlays = require('./overlays-ba0f6986.js');
|
|
13
13
|
const dir = require('./dir-94c21456.js');
|
|
14
14
|
const theme = require('./theme-d1c573d2.js');
|
|
15
15
|
const watchOptions = require('./watch-options-f5f3e158.js');
|
|
@@ -10,7 +10,7 @@ const config = require('./config-4f60b98a.js');
|
|
|
10
10
|
const helpers = require('./helpers-afaa9001.js');
|
|
11
11
|
const lockController = require('./lock-controller-6585a42a.js');
|
|
12
12
|
const index$1 = require('./index-5915f9b3.js');
|
|
13
|
-
const overlays = require('./overlays-
|
|
13
|
+
const overlays = require('./overlays-ba0f6986.js');
|
|
14
14
|
const theme = require('./theme-d1c573d2.js');
|
|
15
15
|
const ionicGlobal = require('./ionic-global-d9a8bb5b.js');
|
|
16
16
|
const animation = require('./animation-b4fdf128.js');
|
|
@@ -888,26 +888,18 @@ const createTriggerController = () => {
|
|
|
888
888
|
* If the overlay is being presented, it prevents focus rings from appearing
|
|
889
889
|
* in incorrect positions due to the transition (specifically `transform`
|
|
890
890
|
* styles), ensuring that when aria-hidden is removed, the focus rings are
|
|
891
|
-
* correctly displayed in the final location of the elements.
|
|
892
|
-
* applies to Android devices.
|
|
893
|
-
*
|
|
894
|
-
* If this solution is applied to iOS devices, then it leads to a bug where
|
|
895
|
-
* the overlays cannot be accessed by screen readers. This is due to
|
|
896
|
-
* VoiceOver not being able to update the accessibility tree when the
|
|
897
|
-
* `aria-hidden` is removed.
|
|
891
|
+
* correctly displayed in the final location of the elements.
|
|
898
892
|
*
|
|
899
893
|
* @param overlay - The overlay that is being animated.
|
|
900
894
|
*/
|
|
901
895
|
const hideAnimatingOverlayFromScreenReaders = (overlay) => {
|
|
902
896
|
if (index.doc === undefined)
|
|
903
897
|
return;
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
overlay.setAttribute('aria-hidden', 'true');
|
|
910
|
-
}
|
|
898
|
+
/**
|
|
899
|
+
* Once the animation is complete, this attribute will be removed.
|
|
900
|
+
* This is done at the end of the `present` method.
|
|
901
|
+
*/
|
|
902
|
+
overlay.setAttribute('aria-hidden', 'true');
|
|
911
903
|
};
|
|
912
904
|
/**
|
|
913
905
|
* Ensure that underlying overlays have aria-hidden if necessary so that screen readers
|
|
@@ -127,13 +127,23 @@ mainHeaderIndex, scrollHeaderIndex, scrollEl) => {
|
|
|
127
127
|
};
|
|
128
128
|
export const setHeaderActive = (headerIndex, active = true) => {
|
|
129
129
|
const headerEl = headerIndex.el;
|
|
130
|
+
const toolbars = headerIndex.toolbars;
|
|
131
|
+
const ionTitles = toolbars.map((toolbar) => toolbar.ionTitleEl);
|
|
130
132
|
if (active) {
|
|
131
133
|
headerEl.classList.remove('header-collapse-condense-inactive');
|
|
132
|
-
|
|
134
|
+
ionTitles.forEach((ionTitle) => {
|
|
135
|
+
if (ionTitle) {
|
|
136
|
+
ionTitle.removeAttribute('aria-hidden');
|
|
137
|
+
}
|
|
138
|
+
});
|
|
133
139
|
}
|
|
134
140
|
else {
|
|
135
141
|
headerEl.classList.add('header-collapse-condense-inactive');
|
|
136
|
-
|
|
142
|
+
ionTitles.forEach((ionTitle) => {
|
|
143
|
+
if (ionTitle) {
|
|
144
|
+
ionTitle.setAttribute('aria-hidden', 'true');
|
|
145
|
+
}
|
|
146
|
+
});
|
|
137
147
|
}
|
|
138
148
|
};
|
|
139
149
|
export const scaleLargeTitles = (toolbars = [], scale = 1, transition = false) => {
|
|
@@ -11,7 +11,6 @@ import { BACKDROP_NO_SCROLL } from "./gesture/gesture-controller";
|
|
|
11
11
|
import { OVERLAY_BACK_BUTTON_PRIORITY } from "./hardware-back-button";
|
|
12
12
|
import { addEventListener, componentOnReady, focusVisibleElement, getElementRoot, removeEventListener, } from "./helpers";
|
|
13
13
|
import { printIonWarning } from "./logging";
|
|
14
|
-
import { isPlatform } from "./platform";
|
|
15
14
|
let lastOverlayIndex = 0;
|
|
16
15
|
let lastId = 0;
|
|
17
16
|
export const activeAnimations = new WeakMap();
|
|
@@ -814,26 +813,18 @@ export const createTriggerController = () => {
|
|
|
814
813
|
* If the overlay is being presented, it prevents focus rings from appearing
|
|
815
814
|
* in incorrect positions due to the transition (specifically `transform`
|
|
816
815
|
* styles), ensuring that when aria-hidden is removed, the focus rings are
|
|
817
|
-
* correctly displayed in the final location of the elements.
|
|
818
|
-
* applies to Android devices.
|
|
819
|
-
*
|
|
820
|
-
* If this solution is applied to iOS devices, then it leads to a bug where
|
|
821
|
-
* the overlays cannot be accessed by screen readers. This is due to
|
|
822
|
-
* VoiceOver not being able to update the accessibility tree when the
|
|
823
|
-
* `aria-hidden` is removed.
|
|
816
|
+
* correctly displayed in the final location of the elements.
|
|
824
817
|
*
|
|
825
818
|
* @param overlay - The overlay that is being animated.
|
|
826
819
|
*/
|
|
827
820
|
const hideAnimatingOverlayFromScreenReaders = (overlay) => {
|
|
828
821
|
if (doc === undefined)
|
|
829
822
|
return;
|
|
830
|
-
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
overlay.setAttribute('aria-hidden', 'true');
|
|
836
|
-
}
|
|
823
|
+
/**
|
|
824
|
+
* Once the animation is complete, this attribute will be removed.
|
|
825
|
+
* This is done at the end of the `present` method.
|
|
826
|
+
*/
|
|
827
|
+
overlay.setAttribute('aria-hidden', 'true');
|
|
837
828
|
};
|
|
838
829
|
/**
|
|
839
830
|
* Ensure that underlying overlays have aria-hidden if necessary so that screen readers
|
package/dist/docs.json
CHANGED
package/dist/esm/index.js
CHANGED
|
@@ -12,7 +12,7 @@ export { c as componentOnReady } from './helpers-da915de8.js';
|
|
|
12
12
|
export { I as IonicSafeString, g as getMode, s as setupConfig } from './config-49c88215.js';
|
|
13
13
|
export { o as openURL } from './theme-01f3f29c.js';
|
|
14
14
|
export { m as menuController } from './index-24b48b06.js';
|
|
15
|
-
export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-
|
|
15
|
+
export { b as actionSheetController, a as alertController, l as loadingController, m as modalController, p as pickerController, c as popoverController, t as toastController } from './overlays-ae10d43d.js';
|
|
16
16
|
import './index-a5d50daf.js';
|
|
17
17
|
import './index-28849c61.js';
|
|
18
18
|
import './index-9b0d46f4.js';
|
|
@@ -5,7 +5,7 @@ import { r as registerInstance, d as createEvent, e as readTask, h, f as Host, i
|
|
|
5
5
|
import { c as createButtonActiveGesture } from './button-active-f6503382.js';
|
|
6
6
|
import { r as raf } from './helpers-da915de8.js';
|
|
7
7
|
import { c as createLockController } from './lock-controller-316928be.js';
|
|
8
|
-
import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, f as present, g as dismiss, h as eventMethod, s as safeCall, j as prepareOverlay, k as setOverlayId } from './overlays-
|
|
8
|
+
import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, f as present, g as dismiss, h as eventMethod, s as safeCall, j as prepareOverlay, k as setOverlayId } from './overlays-ae10d43d.js';
|
|
9
9
|
import { g as getClassMap } from './theme-01f3f29c.js';
|
|
10
10
|
import { b as getIonMode } from './ionic-global-c81d82ab.js';
|
|
11
11
|
import { c as createAnimation } from './animation-eab5a4ca.js';
|
|
@@ -6,7 +6,7 @@ import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './conf
|
|
|
6
6
|
import { c as createButtonActiveGesture } from './button-active-f6503382.js';
|
|
7
7
|
import { r as raf } from './helpers-da915de8.js';
|
|
8
8
|
import { c as createLockController } from './lock-controller-316928be.js';
|
|
9
|
-
import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-
|
|
9
|
+
import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-ae10d43d.js';
|
|
10
10
|
import { g as getClassMap } from './theme-01f3f29c.js';
|
|
11
11
|
import { c as config, b as getIonMode } from './ionic-global-c81d82ab.js';
|
|
12
12
|
import { c as createAnimation } from './animation-eab5a4ca.js';
|
|
@@ -797,13 +797,23 @@ mainHeaderIndex, scrollHeaderIndex, scrollEl) => {
|
|
|
797
797
|
};
|
|
798
798
|
const setHeaderActive = (headerIndex, active = true) => {
|
|
799
799
|
const headerEl = headerIndex.el;
|
|
800
|
+
const toolbars = headerIndex.toolbars;
|
|
801
|
+
const ionTitles = toolbars.map((toolbar) => toolbar.ionTitleEl);
|
|
800
802
|
if (active) {
|
|
801
803
|
headerEl.classList.remove('header-collapse-condense-inactive');
|
|
802
|
-
|
|
804
|
+
ionTitles.forEach((ionTitle) => {
|
|
805
|
+
if (ionTitle) {
|
|
806
|
+
ionTitle.removeAttribute('aria-hidden');
|
|
807
|
+
}
|
|
808
|
+
});
|
|
803
809
|
}
|
|
804
810
|
else {
|
|
805
811
|
headerEl.classList.add('header-collapse-condense-inactive');
|
|
806
|
-
|
|
812
|
+
ionTitles.forEach((ionTitle) => {
|
|
813
|
+
if (ionTitle) {
|
|
814
|
+
ionTitle.setAttribute('aria-hidden', 'true');
|
|
815
|
+
}
|
|
816
|
+
});
|
|
807
817
|
}
|
|
808
818
|
};
|
|
809
819
|
const scaleLargeTitles = (toolbars = [], scale = 1, transition = false) => {
|
|
@@ -11,7 +11,7 @@ import { c as chevronBack, o as chevronForward, l as chevronDown, p as caretUpSh
|
|
|
11
11
|
import { b as getIonMode } from './ionic-global-c81d82ab.js';
|
|
12
12
|
import { g as generateDayAriaLabel, a as getDay, i as isBefore, b as isAfter, c as isSameDay, d as getPreviousMonth, e as getNextMonth, v as validateParts, f as getPartsFromCalendarDay, h as getNextYear, j as getPreviousYear, k as getEndOfWeek, l as getStartOfWeek, m as getPreviousDay, n as getNextDay, o as getPreviousWeek, p as getNextWeek, q as parseMinParts, r as parseMaxParts, s as parseDate, w as warnIfValueOutOfBounds, t as convertToArrayOfNumbers, u as convertDataToISO, x as getToday, y as getClosestValidDate, z as generateMonths, A as getNumDaysInMonth, B as getCombinedDateColumnData, C as getMonthColumnData, D as getDayColumnData, E as getYearColumnData, F as isMonthFirstLocale, G as getTimeColumnsData, H as isLocaleDayPeriodRTL, I as getDaysOfWeek, J as getMonthAndYear, K as getDaysOfMonth, L as getHourCycle, M as getLocalizedTime, N as getLocalizedDateTime, O as formatValue, P as clampDate, Q as parseAmPm, R as calculateHourFromAMPM } from './data-ae11fd43.js';
|
|
13
13
|
import { c as createLockController } from './lock-controller-316928be.js';
|
|
14
|
-
import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-
|
|
14
|
+
import { d as createDelegateController, e as createTriggerController, B as BACKDROP, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall } from './overlays-ae10d43d.js';
|
|
15
15
|
import { c as createAnimation } from './animation-eab5a4ca.js';
|
|
16
16
|
import { b as hapticSelectionChanged, h as hapticSelectionEnd, a as hapticSelectionStart } from './haptic-ac164e4c.js';
|
|
17
17
|
import './index-a5d50daf.js';
|
|
@@ -5,7 +5,7 @@ import { r as registerInstance, d as createEvent, h, f as Host, i as getElement
|
|
|
5
5
|
import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './config-49c88215.js';
|
|
6
6
|
import { r as raf } from './helpers-da915de8.js';
|
|
7
7
|
import { c as createLockController } from './lock-controller-316928be.js';
|
|
8
|
-
import { d as createDelegateController, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-
|
|
8
|
+
import { d as createDelegateController, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-ae10d43d.js';
|
|
9
9
|
import { g as getClassMap } from './theme-01f3f29c.js';
|
|
10
10
|
import { c as config, b as getIonMode } from './ionic-global-c81d82ab.js';
|
|
11
11
|
import { c as createAnimation } from './animation-eab5a4ca.js';
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, d as createEvent, h, f as Host, i as getElement } from './index-28849c61.js';
|
|
5
5
|
import { g as getTimeGivenProgression } from './cubic-bezier-fe2083dc.js';
|
|
6
|
-
import { o as getPresentedOverlay, B as BACKDROP, n as focusFirstDescendant, q as focusLastDescendant, G as GESTURE } from './overlays-
|
|
6
|
+
import { o as getPresentedOverlay, B as BACKDROP, n as focusFirstDescendant, q as focusLastDescendant, G as GESTURE } from './overlays-ae10d43d.js';
|
|
7
7
|
import { G as GESTURE_CONTROLLER } from './gesture-controller-314a54f6.js';
|
|
8
8
|
import { shouldUseCloseWatcher } from './hardware-back-button-06ef3c3e.js';
|
|
9
9
|
import { n as isEndSide, i as inheritAriaAttributes, m as assert, j as clamp } from './helpers-da915de8.js';
|
|
@@ -8,7 +8,7 @@ import { g as getElementRoot, j as clamp, r as raf, h as inheritAttributes, k as
|
|
|
8
8
|
import { c as createLockController } from './lock-controller-316928be.js';
|
|
9
9
|
import { p as printIonWarning } from './index-9b0d46f4.js';
|
|
10
10
|
import { g as getCapacitor } from './capacitor-59395cbd.js';
|
|
11
|
-
import { G as GESTURE, O as OVERLAY_GESTURE_PRIORITY, F as FOCUS_TRAP_DISABLE_CLASS, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-
|
|
11
|
+
import { G as GESTURE, O as OVERLAY_GESTURE_PRIORITY, F as FOCUS_TRAP_DISABLE_CLASS, e as createTriggerController, B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod } from './overlays-ae10d43d.js';
|
|
12
12
|
import { g as getClassMap } from './theme-01f3f29c.js';
|
|
13
13
|
import { e as deepReady, w as waitForMount } from './index-3ad7f18b.js';
|
|
14
14
|
import { b as getIonMode, c as config } from './ionic-global-c81d82ab.js';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, d as createEvent, h, f as Host, i as getElement } from './index-28849c61.js';
|
|
5
|
-
import { B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, n as focusFirstDescendant, g as dismiss, h as eventMethod, F as FOCUS_TRAP_DISABLE_CLASS } from './overlays-
|
|
5
|
+
import { B as BACKDROP, j as prepareOverlay, k as setOverlayId, f as present, n as focusFirstDescendant, g as dismiss, h as eventMethod, F as FOCUS_TRAP_DISABLE_CLASS } from './overlays-ae10d43d.js';
|
|
6
6
|
import { C as CoreDelegate, a as attachComponent, d as detachComponent } from './framework-delegate-63d1a679.js';
|
|
7
7
|
import { r as raf, g as getElementRoot, a as addEventListener, k as hasLazyBuild } from './helpers-da915de8.js';
|
|
8
8
|
import { c as createLockController } from './lock-controller-316928be.js';
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
import { r as registerInstance, h, j as forceUpdate, f as Host, i as getElement } from './index-28849c61.js';
|
|
5
5
|
import { b as getIonMode } from './ionic-global-c81d82ab.js';
|
|
6
|
-
import { s as safeCall } from './overlays-
|
|
6
|
+
import { s as safeCall } from './overlays-ae10d43d.js';
|
|
7
7
|
import { g as getClassMap } from './theme-01f3f29c.js';
|
|
8
8
|
import './index-a5d50daf.js';
|
|
9
9
|
import './helpers-da915de8.js';
|
|
@@ -5,7 +5,7 @@ import { r as registerInstance, d as createEvent, h, f as Host, i as getElement,
|
|
|
5
5
|
import { c as createNotchController } from './notch-controller-55b09e11.js';
|
|
6
6
|
import { i as isOptionSelected, c as compareOptions } from './compare-with-utils-a96ff2ea.js';
|
|
7
7
|
import { h as inheritAttributes, f as focusVisibleElement, d as renderHiddenInput } from './helpers-da915de8.js';
|
|
8
|
-
import { c as popoverController, b as actionSheetController, a as alertController, m as modalController, s as safeCall } from './overlays-
|
|
8
|
+
import { c as popoverController, b as actionSheetController, a as alertController, m as modalController, s as safeCall } from './overlays-ae10d43d.js';
|
|
9
9
|
import { i as isRTL } from './dir-babeabeb.js';
|
|
10
10
|
import { h as hostContext, c as createColorClasses, g as getClassMap } from './theme-01f3f29c.js';
|
|
11
11
|
import { w as watchForOptions } from './watch-options-c2911ace.js';
|
|
@@ -6,7 +6,7 @@ import { E as ENABLE_HTML_CONTENT_DEFAULT, a as sanitizeDOMString } from './conf
|
|
|
6
6
|
import { g as getElementRoot, r as raf } from './helpers-da915de8.js';
|
|
7
7
|
import { c as createLockController } from './lock-controller-316928be.js';
|
|
8
8
|
import { p as printIonWarning } from './index-9b0d46f4.js';
|
|
9
|
-
import { O as OVERLAY_GESTURE_PRIORITY, d as createDelegateController, e as createTriggerController, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall, G as GESTURE } from './overlays-
|
|
9
|
+
import { O as OVERLAY_GESTURE_PRIORITY, d as createDelegateController, e as createTriggerController, i as isCancel, j as prepareOverlay, k as setOverlayId, f as present, g as dismiss, h as eventMethod, s as safeCall, G as GESTURE } from './overlays-ae10d43d.js';
|
|
10
10
|
import { c as createColorClasses, g as getClassMap } from './theme-01f3f29c.js';
|
|
11
11
|
import { c as config, b as getIonMode } from './ionic-global-c81d82ab.js';
|
|
12
12
|
import { c as createAnimation } from './animation-eab5a4ca.js';
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
import { d as doc } from './index-a5d50daf.js';
|
|
5
5
|
import { f as focusVisibleElement, c as componentOnReady, a as addEventListener, b as removeEventListener, g as getElementRoot } from './helpers-da915de8.js';
|
|
6
6
|
import { OVERLAY_BACK_BUTTON_PRIORITY, shouldUseCloseWatcher } from './hardware-back-button-06ef3c3e.js';
|
|
7
|
-
import { b as getIonMode, c as config
|
|
7
|
+
import { b as getIonMode, c as config } from './ionic-global-c81d82ab.js';
|
|
8
8
|
import { C as CoreDelegate } from './framework-delegate-63d1a679.js';
|
|
9
9
|
import { B as BACKDROP_NO_SCROLL } from './gesture-controller-314a54f6.js';
|
|
10
10
|
import { p as printIonWarning } from './index-9b0d46f4.js';
|
|
@@ -886,26 +886,18 @@ const createTriggerController = () => {
|
|
|
886
886
|
* If the overlay is being presented, it prevents focus rings from appearing
|
|
887
887
|
* in incorrect positions due to the transition (specifically `transform`
|
|
888
888
|
* styles), ensuring that when aria-hidden is removed, the focus rings are
|
|
889
|
-
* correctly displayed in the final location of the elements.
|
|
890
|
-
* applies to Android devices.
|
|
891
|
-
*
|
|
892
|
-
* If this solution is applied to iOS devices, then it leads to a bug where
|
|
893
|
-
* the overlays cannot be accessed by screen readers. This is due to
|
|
894
|
-
* VoiceOver not being able to update the accessibility tree when the
|
|
895
|
-
* `aria-hidden` is removed.
|
|
889
|
+
* correctly displayed in the final location of the elements.
|
|
896
890
|
*
|
|
897
891
|
* @param overlay - The overlay that is being animated.
|
|
898
892
|
*/
|
|
899
893
|
const hideAnimatingOverlayFromScreenReaders = (overlay) => {
|
|
900
894
|
if (doc === undefined)
|
|
901
895
|
return;
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
overlay.setAttribute('aria-hidden', 'true');
|
|
908
|
-
}
|
|
896
|
+
/**
|
|
897
|
+
* Once the animation is complete, this attribute will be removed.
|
|
898
|
+
* This is done at the end of the `present` method.
|
|
899
|
+
*/
|
|
900
|
+
overlay.setAttribute('aria-hidden', 'true');
|
|
909
901
|
};
|
|
910
902
|
/**
|
|
911
903
|
* Ensure that underlying overlays have aria-hidden if necessary so that screen readers
|
package/dist/esm-es5/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* (C) Ionic http://ionicframework.com - MIT License
|
|
3
3
|
*/
|
|
4
|
-
export{c as createAnimation}from"./animation-eab5a4ca.js";export{a as LIFECYCLE_DID_ENTER,c as LIFECYCLE_DID_LEAVE,L as LIFECYCLE_WILL_ENTER,b as LIFECYCLE_WILL_LEAVE,d as LIFECYCLE_WILL_UNLOAD,g as getIonPageElement}from"./index-3ad7f18b.js";export{iosTransitionAnimation}from"./ios.transition-4ee1a3af.js";export{mdTransitionAnimation}from"./md.transition-5106a0d2.js";export{g as getTimeGivenProgression}from"./cubic-bezier-fe2083dc.js";export{createGesture}from"./index-39782642.js";export{g as getPlatforms,i as initialize,a as isPlatform}from"./ionic-global-c81d82ab.js";export{c as componentOnReady}from"./helpers-da915de8.js";export{I as IonicSafeString,g as getMode,s as setupConfig}from"./config-49c88215.js";export{o as openURL}from"./theme-01f3f29c.js";export{m as menuController}from"./index-24b48b06.js";export{b as actionSheetController,a as alertController,l as loadingController,m as modalController,p as pickerController,c as popoverController,t as toastController}from"./overlays-
|
|
4
|
+
export{c as createAnimation}from"./animation-eab5a4ca.js";export{a as LIFECYCLE_DID_ENTER,c as LIFECYCLE_DID_LEAVE,L as LIFECYCLE_WILL_ENTER,b as LIFECYCLE_WILL_LEAVE,d as LIFECYCLE_WILL_UNLOAD,g as getIonPageElement}from"./index-3ad7f18b.js";export{iosTransitionAnimation}from"./ios.transition-4ee1a3af.js";export{mdTransitionAnimation}from"./md.transition-5106a0d2.js";export{g as getTimeGivenProgression}from"./cubic-bezier-fe2083dc.js";export{createGesture}from"./index-39782642.js";export{g as getPlatforms,i as initialize,a as isPlatform}from"./ionic-global-c81d82ab.js";export{c as componentOnReady}from"./helpers-da915de8.js";export{I as IonicSafeString,g as getMode,s as setupConfig}from"./config-49c88215.js";export{o as openURL}from"./theme-01f3f29c.js";export{m as menuController}from"./index-24b48b06.js";export{b as actionSheetController,a as alertController,l as loadingController,m as modalController,p as pickerController,c as popoverController,t as toastController}from"./overlays-ae10d43d.js";import"./index-a5d50daf.js";import"./index-28849c61.js";import"./index-9b0d46f4.js";import"./gesture-controller-314a54f6.js";import"./hardware-back-button-06ef3c3e.js";import"./framework-delegate-63d1a679.js";var IonicSlides=function(e){var o=e.swiper,t=e.extendParams;var s={effect:undefined,direction:"horizontal",initialSlide:0,loop:false,parallax:false,slidesPerView:1,spaceBetween:0,speed:300,slidesPerColumn:1,slidesPerColumnFill:"column",slidesPerGroup:1,centeredSlides:false,slidesOffsetBefore:0,slidesOffsetAfter:0,touchEventsTarget:"container",freeMode:false,freeModeMomentum:true,freeModeMomentumRatio:1,freeModeMomentumBounce:true,freeModeMomentumBounceRatio:1,freeModeMomentumVelocityRatio:1,freeModeSticky:false,freeModeMinimumVelocity:.02,autoHeight:false,setWrapperSize:false,zoom:{maxRatio:3,minRatio:1,toggle:false},touchRatio:1,touchAngle:45,simulateTouch:true,touchStartPreventDefault:false,shortSwipes:true,longSwipes:true,longSwipesRatio:.5,longSwipesMs:300,followFinger:true,threshold:0,touchMoveStopPropagation:true,touchReleaseOnEdges:false,iOSEdgeSwipeDetection:false,iOSEdgeSwipeThreshold:20,resistance:true,resistanceRatio:.85,watchSlidesProgress:false,watchSlidesVisibility:false,preventClicks:true,preventClicksPropagation:true,slideToClickedSlide:false,loopAdditionalSlides:0,noSwiping:true,runCallbacksOnInit:true,coverflowEffect:{rotate:50,stretch:0,depth:100,modifier:1,slideShadows:true},flipEffect:{slideShadows:true,limitRotation:true},cubeEffect:{slideShadows:true,shadow:true,shadowOffset:20,shadowScale:.94},fadeEffect:{crossFade:false},a11y:{prevSlideMessage:"Previous slide",nextSlideMessage:"Next slide",firstSlideMessage:"This is the first slide",lastSlideMessage:"This is the last slide"}};if(o.pagination){s.pagination={type:"bullets",clickable:false,hideOnClick:false}}if(o.scrollbar){s.scrollbar={hide:true}}t(s)};export{IonicSlides};
|