@ionic/core 8.4.1-dev.11731968872.1f8e620f → 8.4.1-dev.11731976952.18a7db47
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/overlays.js +20 -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-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-6afdb544.js → overlays-b1531451.js} +20 -15
- package/dist/collection/utils/overlays.js +20 -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-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-a270554a.js → overlays-ef6070b3.js} +20 -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-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-ef6070b3.js +4 -0
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-d0feaca3.entry.js → p-020f9a49.entry.js} +1 -1
- package/dist/ionic/{p-4e6cb931.system.entry.js → p-0c6bb7ff.system.entry.js} +1 -1
- package/dist/ionic/{p-06e7f44c.system.entry.js → p-1f6abe84.system.entry.js} +1 -1
- package/dist/ionic/{p-3c6a5dc0.system.entry.js → p-2805175a.system.entry.js} +1 -1
- package/dist/ionic/{p-d0e2d44d.system.entry.js → p-2afa24ce.system.entry.js} +1 -1
- package/dist/ionic/p-322c5fb4.system.js +1 -1
- package/dist/ionic/{p-2ae02513.system.entry.js → p-4094c07a.system.entry.js} +1 -1
- package/dist/ionic/{p-7ce74f22.system.entry.js → p-42010fbb.system.entry.js} +1 -1
- package/dist/ionic/p-50cb9d03.js +4 -0
- package/dist/ionic/{p-ff9e9ae1.entry.js → p-5b4623a9.entry.js} +1 -1
- package/dist/ionic/{p-4db0efaf.system.entry.js → p-5cc1e6e5.system.entry.js} +1 -1
- package/dist/ionic/{p-3719a800.system.entry.js → p-67c38e61.system.entry.js} +1 -1
- package/dist/ionic/{p-90813275.system.entry.js → p-6ef37e24.system.entry.js} +1 -1
- package/dist/ionic/{p-28bf579c.entry.js → p-7d04adce.entry.js} +1 -1
- package/dist/ionic/{p-eadf2699.entry.js → p-8b3cd589.entry.js} +1 -1
- package/dist/ionic/{p-b0356c9b.entry.js → p-9ca09ab2.entry.js} +1 -1
- package/dist/ionic/{p-9c62c101.entry.js → p-a6ebe6f5.entry.js} +1 -1
- package/dist/ionic/{p-e6285f98.entry.js → p-aa925864.entry.js} +1 -1
- package/dist/ionic/{p-29cfc6ae.entry.js → p-ac6ceb9b.entry.js} +1 -1
- package/dist/ionic/{p-5f34855a.entry.js → p-adfe0316.entry.js} +1 -1
- package/dist/ionic/p-af507683.system.js +4 -0
- package/dist/ionic/{p-2d3fd4fc.entry.js → p-b52b7cd4.entry.js} +1 -1
- package/dist/ionic/{p-9ffb940f.system.entry.js → p-c9ab2251.system.entry.js} +1 -1
- package/dist/ionic/{p-996a294d.system.js → p-e77b72b0.system.js} +1 -1
- package/hydrate/index.js +20 -15
- package/hydrate/index.mjs +20 -15
- package/package.json +1 -1
- package/dist/esm-es5/overlays-a270554a.js +0 -4
- package/dist/ionic/p-3d9dd280.js +0 -4
- package/dist/ionic/p-91cc1ac3.system.js +0 -4
package/components/overlays.js
CHANGED
|
@@ -512,7 +512,6 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
|
|
|
512
512
|
}
|
|
513
513
|
document.body.classList.add(BACKDROP_NO_SCROLL);
|
|
514
514
|
hideUnderlyingOverlaysFromScreenReaders(overlay.el);
|
|
515
|
-
hideAnimatingOverlayFromScreenReaders(overlay.el);
|
|
516
515
|
overlay.presented = true;
|
|
517
516
|
overlay.willPresent.emit();
|
|
518
517
|
(_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
|
|
@@ -521,6 +520,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
|
|
|
521
520
|
const animationBuilder = overlay.enterAnimation
|
|
522
521
|
? overlay.enterAnimation
|
|
523
522
|
: config.get(name, mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
|
|
523
|
+
// hideAnimatingOverlayFromScreenReaders(overlay.el);
|
|
524
524
|
const completed = await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
|
|
525
525
|
if (completed) {
|
|
526
526
|
overlay.didPresent.emit();
|
|
@@ -695,14 +695,24 @@ const overlayAnimation = async (overlay, animationBuilder, baseEl, opts) => {
|
|
|
695
695
|
if (!overlay.animated || !config.getBoolean('animated', true)) {
|
|
696
696
|
animation.duration(0);
|
|
697
697
|
}
|
|
698
|
-
|
|
699
|
-
|
|
698
|
+
animation.beforeAddWrite(() => {
|
|
699
|
+
console.log('beforeAddWrite');
|
|
700
|
+
baseEl.setAttribute('aria-hidden', 'true');
|
|
701
|
+
// add class 'test' to baseEl
|
|
702
|
+
baseEl.classList.add('test');
|
|
703
|
+
if (overlay.keyboardClose) {
|
|
700
704
|
const activeElement = baseEl.ownerDocument.activeElement;
|
|
701
705
|
if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.matches('input,ion-input, ion-textarea')) {
|
|
702
706
|
activeElement.blur();
|
|
703
707
|
}
|
|
704
|
-
}
|
|
705
|
-
}
|
|
708
|
+
}
|
|
709
|
+
});
|
|
710
|
+
animation.afterAddWrite(() => {
|
|
711
|
+
baseEl.removeAttribute('aria-hidden');
|
|
712
|
+
// add test2 class to baseEl
|
|
713
|
+
baseEl.classList.add('test2');
|
|
714
|
+
console.log('afterAddWrite');
|
|
715
|
+
});
|
|
706
716
|
const activeAni = activeAnimations.get(overlay) || [];
|
|
707
717
|
activeAnimations.set(overlay, [...activeAni, animation]);
|
|
708
718
|
await animation.play();
|
|
@@ -893,16 +903,11 @@ const createTriggerController = () => {
|
|
|
893
903
|
const hideAnimatingOverlayFromScreenReaders = (overlay) => {
|
|
894
904
|
if (doc === undefined)
|
|
895
905
|
return;
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
* Once the animation is complete, this attribute will be removed.
|
|
902
|
-
* This is done at the end of the `present` method.
|
|
903
|
-
*/
|
|
904
|
-
overlay.setAttribute('aria-hidden', 'true');
|
|
905
|
-
}
|
|
906
|
+
/**
|
|
907
|
+
* Once the animation is complete, this attribute will be removed.
|
|
908
|
+
* This is done at the end of the `present` method.
|
|
909
|
+
*/
|
|
910
|
+
overlay.setAttribute('aria-hidden', 'true');
|
|
906
911
|
};
|
|
907
912
|
/**
|
|
908
913
|
* 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-b1531451.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-b1531451.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-b1531451.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');
|
|
@@ -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-b1531451.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-b1531451.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-b1531451.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-b1531451.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-b1531451.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-b1531451.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-b1531451.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-b1531451.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');
|
|
@@ -514,7 +514,6 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
|
|
|
514
514
|
}
|
|
515
515
|
document.body.classList.add(gestureController.BACKDROP_NO_SCROLL);
|
|
516
516
|
hideUnderlyingOverlaysFromScreenReaders(overlay.el);
|
|
517
|
-
hideAnimatingOverlayFromScreenReaders(overlay.el);
|
|
518
517
|
overlay.presented = true;
|
|
519
518
|
overlay.willPresent.emit();
|
|
520
519
|
(_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
|
|
@@ -523,6 +522,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
|
|
|
523
522
|
const animationBuilder = overlay.enterAnimation
|
|
524
523
|
? overlay.enterAnimation
|
|
525
524
|
: ionicGlobal.config.get(name, mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
|
|
525
|
+
// hideAnimatingOverlayFromScreenReaders(overlay.el);
|
|
526
526
|
const completed = await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
|
|
527
527
|
if (completed) {
|
|
528
528
|
overlay.didPresent.emit();
|
|
@@ -697,14 +697,24 @@ const overlayAnimation = async (overlay, animationBuilder, baseEl, opts) => {
|
|
|
697
697
|
if (!overlay.animated || !ionicGlobal.config.getBoolean('animated', true)) {
|
|
698
698
|
animation.duration(0);
|
|
699
699
|
}
|
|
700
|
-
|
|
701
|
-
|
|
700
|
+
animation.beforeAddWrite(() => {
|
|
701
|
+
console.log('beforeAddWrite');
|
|
702
|
+
baseEl.setAttribute('aria-hidden', 'true');
|
|
703
|
+
// add class 'test' to baseEl
|
|
704
|
+
baseEl.classList.add('test');
|
|
705
|
+
if (overlay.keyboardClose) {
|
|
702
706
|
const activeElement = baseEl.ownerDocument.activeElement;
|
|
703
707
|
if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.matches('input,ion-input, ion-textarea')) {
|
|
704
708
|
activeElement.blur();
|
|
705
709
|
}
|
|
706
|
-
}
|
|
707
|
-
}
|
|
710
|
+
}
|
|
711
|
+
});
|
|
712
|
+
animation.afterAddWrite(() => {
|
|
713
|
+
baseEl.removeAttribute('aria-hidden');
|
|
714
|
+
// add test2 class to baseEl
|
|
715
|
+
baseEl.classList.add('test2');
|
|
716
|
+
console.log('afterAddWrite');
|
|
717
|
+
});
|
|
708
718
|
const activeAni = activeAnimations.get(overlay) || [];
|
|
709
719
|
activeAnimations.set(overlay, [...activeAni, animation]);
|
|
710
720
|
await animation.play();
|
|
@@ -895,16 +905,11 @@ const createTriggerController = () => {
|
|
|
895
905
|
const hideAnimatingOverlayFromScreenReaders = (overlay) => {
|
|
896
906
|
if (index.doc === undefined)
|
|
897
907
|
return;
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
* Once the animation is complete, this attribute will be removed.
|
|
904
|
-
* This is done at the end of the `present` method.
|
|
905
|
-
*/
|
|
906
|
-
overlay.setAttribute('aria-hidden', 'true');
|
|
907
|
-
}
|
|
908
|
+
/**
|
|
909
|
+
* Once the animation is complete, this attribute will be removed.
|
|
910
|
+
* This is done at the end of the `present` method.
|
|
911
|
+
*/
|
|
912
|
+
overlay.setAttribute('aria-hidden', 'true');
|
|
908
913
|
};
|
|
909
914
|
/**
|
|
910
915
|
* Ensure that underlying overlays have aria-hidden if necessary so that screen readers
|
|
@@ -439,7 +439,6 @@ export const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation
|
|
|
439
439
|
}
|
|
440
440
|
document.body.classList.add(BACKDROP_NO_SCROLL);
|
|
441
441
|
hideUnderlyingOverlaysFromScreenReaders(overlay.el);
|
|
442
|
-
hideAnimatingOverlayFromScreenReaders(overlay.el);
|
|
443
442
|
overlay.presented = true;
|
|
444
443
|
overlay.willPresent.emit();
|
|
445
444
|
(_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
|
|
@@ -448,6 +447,7 @@ export const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation
|
|
|
448
447
|
const animationBuilder = overlay.enterAnimation
|
|
449
448
|
? overlay.enterAnimation
|
|
450
449
|
: config.get(name, mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
|
|
450
|
+
// hideAnimatingOverlayFromScreenReaders(overlay.el);
|
|
451
451
|
const completed = await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
|
|
452
452
|
if (completed) {
|
|
453
453
|
overlay.didPresent.emit();
|
|
@@ -622,14 +622,24 @@ const overlayAnimation = async (overlay, animationBuilder, baseEl, opts) => {
|
|
|
622
622
|
if (!overlay.animated || !config.getBoolean('animated', true)) {
|
|
623
623
|
animation.duration(0);
|
|
624
624
|
}
|
|
625
|
-
|
|
626
|
-
|
|
625
|
+
animation.beforeAddWrite(() => {
|
|
626
|
+
console.log('beforeAddWrite');
|
|
627
|
+
baseEl.setAttribute('aria-hidden', 'true');
|
|
628
|
+
// add class 'test' to baseEl
|
|
629
|
+
baseEl.classList.add('test');
|
|
630
|
+
if (overlay.keyboardClose) {
|
|
627
631
|
const activeElement = baseEl.ownerDocument.activeElement;
|
|
628
632
|
if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.matches('input,ion-input, ion-textarea')) {
|
|
629
633
|
activeElement.blur();
|
|
630
634
|
}
|
|
631
|
-
}
|
|
632
|
-
}
|
|
635
|
+
}
|
|
636
|
+
});
|
|
637
|
+
animation.afterAddWrite(() => {
|
|
638
|
+
baseEl.removeAttribute('aria-hidden');
|
|
639
|
+
// add test2 class to baseEl
|
|
640
|
+
baseEl.classList.add('test2');
|
|
641
|
+
console.log('afterAddWrite');
|
|
642
|
+
});
|
|
633
643
|
const activeAni = activeAnimations.get(overlay) || [];
|
|
634
644
|
activeAnimations.set(overlay, [...activeAni, animation]);
|
|
635
645
|
await animation.play();
|
|
@@ -820,16 +830,11 @@ export const createTriggerController = () => {
|
|
|
820
830
|
const hideAnimatingOverlayFromScreenReaders = (overlay) => {
|
|
821
831
|
if (doc === undefined)
|
|
822
832
|
return;
|
|
823
|
-
|
|
824
|
-
|
|
825
|
-
|
|
826
|
-
|
|
827
|
-
|
|
828
|
-
* Once the animation is complete, this attribute will be removed.
|
|
829
|
-
* This is done at the end of the `present` method.
|
|
830
|
-
*/
|
|
831
|
-
overlay.setAttribute('aria-hidden', 'true');
|
|
832
|
-
}
|
|
833
|
+
/**
|
|
834
|
+
* Once the animation is complete, this attribute will be removed.
|
|
835
|
+
* This is done at the end of the `present` method.
|
|
836
|
+
*/
|
|
837
|
+
overlay.setAttribute('aria-hidden', 'true');
|
|
833
838
|
};
|
|
834
839
|
/**
|
|
835
840
|
* 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-ef6070b3.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-ef6070b3.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-ef6070b3.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';
|
|
@@ -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-ef6070b3.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-ef6070b3.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-ef6070b3.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-ef6070b3.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-ef6070b3.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-ef6070b3.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-ef6070b3.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-ef6070b3.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';
|
|
@@ -512,7 +512,6 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
|
|
|
512
512
|
}
|
|
513
513
|
document.body.classList.add(BACKDROP_NO_SCROLL);
|
|
514
514
|
hideUnderlyingOverlaysFromScreenReaders(overlay.el);
|
|
515
|
-
hideAnimatingOverlayFromScreenReaders(overlay.el);
|
|
516
515
|
overlay.presented = true;
|
|
517
516
|
overlay.willPresent.emit();
|
|
518
517
|
(_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
|
|
@@ -521,6 +520,7 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
|
|
|
521
520
|
const animationBuilder = overlay.enterAnimation
|
|
522
521
|
? overlay.enterAnimation
|
|
523
522
|
: config.get(name, mode === 'ios' ? iosEnterAnimation : mdEnterAnimation);
|
|
523
|
+
// hideAnimatingOverlayFromScreenReaders(overlay.el);
|
|
524
524
|
const completed = await overlayAnimation(overlay, animationBuilder, overlay.el, opts);
|
|
525
525
|
if (completed) {
|
|
526
526
|
overlay.didPresent.emit();
|
|
@@ -695,14 +695,24 @@ const overlayAnimation = async (overlay, animationBuilder, baseEl, opts) => {
|
|
|
695
695
|
if (!overlay.animated || !config.getBoolean('animated', true)) {
|
|
696
696
|
animation.duration(0);
|
|
697
697
|
}
|
|
698
|
-
|
|
699
|
-
|
|
698
|
+
animation.beforeAddWrite(() => {
|
|
699
|
+
console.log('beforeAddWrite');
|
|
700
|
+
baseEl.setAttribute('aria-hidden', 'true');
|
|
701
|
+
// add class 'test' to baseEl
|
|
702
|
+
baseEl.classList.add('test');
|
|
703
|
+
if (overlay.keyboardClose) {
|
|
700
704
|
const activeElement = baseEl.ownerDocument.activeElement;
|
|
701
705
|
if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.matches('input,ion-input, ion-textarea')) {
|
|
702
706
|
activeElement.blur();
|
|
703
707
|
}
|
|
704
|
-
}
|
|
705
|
-
}
|
|
708
|
+
}
|
|
709
|
+
});
|
|
710
|
+
animation.afterAddWrite(() => {
|
|
711
|
+
baseEl.removeAttribute('aria-hidden');
|
|
712
|
+
// add test2 class to baseEl
|
|
713
|
+
baseEl.classList.add('test2');
|
|
714
|
+
console.log('afterAddWrite');
|
|
715
|
+
});
|
|
706
716
|
const activeAni = activeAnimations.get(overlay) || [];
|
|
707
717
|
activeAnimations.set(overlay, [...activeAni, animation]);
|
|
708
718
|
await animation.play();
|
|
@@ -893,16 +903,11 @@ const createTriggerController = () => {
|
|
|
893
903
|
const hideAnimatingOverlayFromScreenReaders = (overlay) => {
|
|
894
904
|
if (doc === undefined)
|
|
895
905
|
return;
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
* Once the animation is complete, this attribute will be removed.
|
|
902
|
-
* This is done at the end of the `present` method.
|
|
903
|
-
*/
|
|
904
|
-
overlay.setAttribute('aria-hidden', 'true');
|
|
905
|
-
}
|
|
906
|
+
/**
|
|
907
|
+
* Once the animation is complete, this attribute will be removed.
|
|
908
|
+
* This is done at the end of the `present` method.
|
|
909
|
+
*/
|
|
910
|
+
overlay.setAttribute('aria-hidden', 'true');
|
|
906
911
|
};
|
|
907
912
|
/**
|
|
908
913
|
* 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-ef6070b3.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};
|