@ionic/core 8.4.1-dev.11731963499.1cd84ab6 → 8.4.1-dev.11731966669.178da3f6
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 +12 -17
- 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-ecbb8782.js → overlays-b5b9b6ca.js} +12 -17
- package/dist/collection/utils/overlays.js +12 -17
- 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-d3465c15.js → overlays-3db41932.js} +12 -17
- 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-3db41932.js +4 -0
- package/dist/ionic/index.esm.js +1 -1
- package/dist/ionic/ionic.esm.js +1 -1
- package/dist/ionic/{p-a6487a56.entry.js → p-10878cbf.entry.js} +1 -1
- package/dist/ionic/{p-e4919ef8.system.entry.js → p-189bd741.system.entry.js} +1 -1
- package/dist/ionic/{p-dd2580e8.system.entry.js → p-2186aaf0.system.entry.js} +1 -1
- package/dist/ionic/{p-4e1af9e1.system.entry.js → p-23c29a8f.system.entry.js} +1 -1
- package/dist/ionic/p-322c5fb4.system.js +1 -1
- package/dist/ionic/{p-dcc35864.system.entry.js → p-388f2471.system.entry.js} +1 -1
- package/dist/ionic/{p-f6e08315.system.js → p-3a982857.system.js} +1 -1
- package/dist/ionic/{p-5efc506d.entry.js → p-3c300ca6.entry.js} +1 -1
- package/dist/ionic/{p-2de2b768.system.entry.js → p-462cef1a.system.entry.js} +1 -1
- package/dist/ionic/{p-7396a3dd.system.entry.js → p-4e923a7b.system.entry.js} +1 -1
- package/dist/ionic/p-5227afd9.js +4 -0
- package/dist/ionic/{p-d7bc3ebe.entry.js → p-5441af82.entry.js} +1 -1
- package/dist/ionic/{p-7c8ab32b.entry.js → p-5cd5e0e3.entry.js} +1 -1
- package/dist/ionic/{p-5b59439d.entry.js → p-74d8c419.entry.js} +1 -1
- package/dist/ionic/p-82bc0a0e.system.js +4 -0
- package/dist/ionic/{p-34b52b79.system.entry.js → p-87cbe9f9.system.entry.js} +1 -1
- package/dist/ionic/{p-df1a1f4d.entry.js → p-8ac3c349.entry.js} +1 -1
- package/dist/ionic/{p-a55d004b.entry.js → p-93c67e5a.entry.js} +1 -1
- package/dist/ionic/{p-5bc2e946.system.entry.js → p-9a1b136b.system.entry.js} +1 -1
- package/dist/ionic/{p-b9552870.entry.js → p-ab97341e.entry.js} +1 -1
- package/dist/ionic/{p-d1dbb6e4.entry.js → p-ac219939.entry.js} +1 -1
- package/dist/ionic/{p-043b14fd.entry.js → p-d038a79c.entry.js} +1 -1
- package/dist/ionic/{p-b9d18452.system.entry.js → p-d1588deb.system.entry.js} +1 -1
- package/dist/ionic/{p-f49345cb.system.entry.js → p-e4f5ff71.system.entry.js} +1 -1
- package/hydrate/index.js +12 -17
- package/hydrate/index.mjs +12 -17
- package/package.json +1 -1
- package/dist/esm-es5/overlays-d3465c15.js +0 -4
- package/dist/ionic/p-16e9c4a9.js +0 -4
- package/dist/ionic/p-e90997db.system.js +0 -4
package/components/overlays.js
CHANGED
|
@@ -512,6 +512,7 @@ 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);
|
|
515
516
|
overlay.presented = true;
|
|
516
517
|
overlay.willPresent.emit();
|
|
517
518
|
(_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
|
|
@@ -520,7 +521,6 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
|
|
|
520
521
|
const animationBuilder = overlay.enterAnimation
|
|
521
522
|
? overlay.enterAnimation
|
|
522
523
|
: 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,22 +695,14 @@ 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
|
-
|
|
700
|
-
baseEl.setAttribute('aria-hidden', 'true');
|
|
701
|
-
if (overlay.keyboardClose) {
|
|
698
|
+
if (overlay.keyboardClose) {
|
|
699
|
+
animation.beforeAddWrite(() => {
|
|
702
700
|
const activeElement = baseEl.ownerDocument.activeElement;
|
|
703
701
|
if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.matches('input,ion-input, ion-textarea')) {
|
|
704
702
|
activeElement.blur();
|
|
705
703
|
}
|
|
706
|
-
}
|
|
707
|
-
});
|
|
708
|
-
animation.afterAddWrite(() => {
|
|
709
|
-
requestAnimationFrame(() => {
|
|
710
|
-
baseEl.removeAttribute('aria-hidden');
|
|
711
|
-
console.log('afterAddWrite');
|
|
712
704
|
});
|
|
713
|
-
}
|
|
705
|
+
}
|
|
714
706
|
const activeAni = activeAnimations.get(overlay) || [];
|
|
715
707
|
activeAnimations.set(overlay, [...activeAni, animation]);
|
|
716
708
|
await animation.play();
|
|
@@ -901,11 +893,14 @@ const createTriggerController = () => {
|
|
|
901
893
|
const hideAnimatingOverlayFromScreenReaders = (overlay) => {
|
|
902
894
|
if (doc === undefined)
|
|
903
895
|
return;
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
896
|
+
const mode = getIonMode(overlay);
|
|
897
|
+
if (mode === 'md') {
|
|
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');
|
|
903
|
+
}
|
|
909
904
|
};
|
|
910
905
|
/**
|
|
911
906
|
* 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-b5b9b6ca.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-b5b9b6ca.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-b5b9b6ca.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-b5b9b6ca.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-b5b9b6ca.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-b5b9b6ca.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-b5b9b6ca.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-b5b9b6ca.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-b5b9b6ca.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-b5b9b6ca.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-b5b9b6ca.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,6 +514,7 @@ 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);
|
|
517
518
|
overlay.presented = true;
|
|
518
519
|
overlay.willPresent.emit();
|
|
519
520
|
(_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
|
|
@@ -522,7 +523,6 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
|
|
|
522
523
|
const animationBuilder = overlay.enterAnimation
|
|
523
524
|
? overlay.enterAnimation
|
|
524
525
|
: 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,22 +697,14 @@ 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
|
-
|
|
702
|
-
baseEl.setAttribute('aria-hidden', 'true');
|
|
703
|
-
if (overlay.keyboardClose) {
|
|
700
|
+
if (overlay.keyboardClose) {
|
|
701
|
+
animation.beforeAddWrite(() => {
|
|
704
702
|
const activeElement = baseEl.ownerDocument.activeElement;
|
|
705
703
|
if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.matches('input,ion-input, ion-textarea')) {
|
|
706
704
|
activeElement.blur();
|
|
707
705
|
}
|
|
708
|
-
}
|
|
709
|
-
});
|
|
710
|
-
animation.afterAddWrite(() => {
|
|
711
|
-
requestAnimationFrame(() => {
|
|
712
|
-
baseEl.removeAttribute('aria-hidden');
|
|
713
|
-
console.log('afterAddWrite');
|
|
714
706
|
});
|
|
715
|
-
}
|
|
707
|
+
}
|
|
716
708
|
const activeAni = activeAnimations.get(overlay) || [];
|
|
717
709
|
activeAnimations.set(overlay, [...activeAni, animation]);
|
|
718
710
|
await animation.play();
|
|
@@ -903,11 +895,14 @@ const createTriggerController = () => {
|
|
|
903
895
|
const hideAnimatingOverlayFromScreenReaders = (overlay) => {
|
|
904
896
|
if (index.doc === undefined)
|
|
905
897
|
return;
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
898
|
+
const mode = ionicGlobal.getIonMode(overlay);
|
|
899
|
+
if (mode === 'md') {
|
|
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
|
+
}
|
|
911
906
|
};
|
|
912
907
|
/**
|
|
913
908
|
* Ensure that underlying overlays have aria-hidden if necessary so that screen readers
|
|
@@ -439,6 +439,7 @@ 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);
|
|
442
443
|
overlay.presented = true;
|
|
443
444
|
overlay.willPresent.emit();
|
|
444
445
|
(_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
|
|
@@ -447,7 +448,6 @@ export const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation
|
|
|
447
448
|
const animationBuilder = overlay.enterAnimation
|
|
448
449
|
? overlay.enterAnimation
|
|
449
450
|
: 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,22 +622,14 @@ 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
|
-
|
|
627
|
-
baseEl.setAttribute('aria-hidden', 'true');
|
|
628
|
-
if (overlay.keyboardClose) {
|
|
625
|
+
if (overlay.keyboardClose) {
|
|
626
|
+
animation.beforeAddWrite(() => {
|
|
629
627
|
const activeElement = baseEl.ownerDocument.activeElement;
|
|
630
628
|
if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.matches('input,ion-input, ion-textarea')) {
|
|
631
629
|
activeElement.blur();
|
|
632
630
|
}
|
|
633
|
-
}
|
|
634
|
-
});
|
|
635
|
-
animation.afterAddWrite(() => {
|
|
636
|
-
requestAnimationFrame(() => {
|
|
637
|
-
baseEl.removeAttribute('aria-hidden');
|
|
638
|
-
console.log('afterAddWrite');
|
|
639
631
|
});
|
|
640
|
-
}
|
|
632
|
+
}
|
|
641
633
|
const activeAni = activeAnimations.get(overlay) || [];
|
|
642
634
|
activeAnimations.set(overlay, [...activeAni, animation]);
|
|
643
635
|
await animation.play();
|
|
@@ -828,11 +820,14 @@ export const createTriggerController = () => {
|
|
|
828
820
|
const hideAnimatingOverlayFromScreenReaders = (overlay) => {
|
|
829
821
|
if (doc === undefined)
|
|
830
822
|
return;
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
823
|
+
const mode = getIonMode(overlay);
|
|
824
|
+
if (mode === 'md') {
|
|
825
|
+
/**
|
|
826
|
+
* Once the animation is complete, this attribute will be removed.
|
|
827
|
+
* This is done at the end of the `present` method.
|
|
828
|
+
*/
|
|
829
|
+
overlay.setAttribute('aria-hidden', 'true');
|
|
830
|
+
}
|
|
836
831
|
};
|
|
837
832
|
/**
|
|
838
833
|
* 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-3db41932.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-3db41932.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-3db41932.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-3db41932.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-3db41932.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-3db41932.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-3db41932.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-3db41932.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-3db41932.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-3db41932.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-3db41932.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,6 +512,7 @@ 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);
|
|
515
516
|
overlay.presented = true;
|
|
516
517
|
overlay.willPresent.emit();
|
|
517
518
|
(_a = overlay.willPresentShorthand) === null || _a === void 0 ? void 0 : _a.emit();
|
|
@@ -520,7 +521,6 @@ const present = async (overlay, name, iosEnterAnimation, mdEnterAnimation, opts)
|
|
|
520
521
|
const animationBuilder = overlay.enterAnimation
|
|
521
522
|
? overlay.enterAnimation
|
|
522
523
|
: 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,22 +695,14 @@ 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
|
-
|
|
700
|
-
baseEl.setAttribute('aria-hidden', 'true');
|
|
701
|
-
if (overlay.keyboardClose) {
|
|
698
|
+
if (overlay.keyboardClose) {
|
|
699
|
+
animation.beforeAddWrite(() => {
|
|
702
700
|
const activeElement = baseEl.ownerDocument.activeElement;
|
|
703
701
|
if (activeElement === null || activeElement === void 0 ? void 0 : activeElement.matches('input,ion-input, ion-textarea')) {
|
|
704
702
|
activeElement.blur();
|
|
705
703
|
}
|
|
706
|
-
}
|
|
707
|
-
});
|
|
708
|
-
animation.afterAddWrite(() => {
|
|
709
|
-
requestAnimationFrame(() => {
|
|
710
|
-
baseEl.removeAttribute('aria-hidden');
|
|
711
|
-
console.log('afterAddWrite');
|
|
712
704
|
});
|
|
713
|
-
}
|
|
705
|
+
}
|
|
714
706
|
const activeAni = activeAnimations.get(overlay) || [];
|
|
715
707
|
activeAnimations.set(overlay, [...activeAni, animation]);
|
|
716
708
|
await animation.play();
|
|
@@ -901,11 +893,14 @@ const createTriggerController = () => {
|
|
|
901
893
|
const hideAnimatingOverlayFromScreenReaders = (overlay) => {
|
|
902
894
|
if (doc === undefined)
|
|
903
895
|
return;
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
896
|
+
const mode = getIonMode(overlay);
|
|
897
|
+
if (mode === 'md') {
|
|
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');
|
|
903
|
+
}
|
|
909
904
|
};
|
|
910
905
|
/**
|
|
911
906
|
* 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-3db41932.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};
|