@ionic/core 7.3.2-dev.11692887667.1614d10a → 7.3.2-dev.11693262117.17edbf6d

package/dist/cjs/ion-action-sheet.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-484b1104.js');
 const buttonActive = require('./button-active-dfd2756e.js');
 const helpers = require('./helpers-ea4ccbcb.js');
-const overlays = require('./overlays-0ea06fcb.js');
+const overlays = require('./overlays-2b9fa92e.js');
 const theme = require('./theme-fbc56b3b.js');
 const ionicGlobal = require('./ionic-global-f81d8b73.js');
 const animation = require('./animation-2bb33618.js');
@@ -121,6 +121,7 @@ const ActionSheet = class {
     this.willDismissShorthand = index.createEvent(this, "willDismiss", 7);
     this.didDismissShorthand = index.createEvent(this, "didDismiss", 7);
     this.delegateController = overlays.createDelegateController(this);
+    this.lockController = overlays.createLockController();
     this.triggerController = overlays.createTriggerController();
     this.presented = false;
     this.onBackdropTap = () => {
@@ -168,21 +169,10 @@ const ActionSheet = class {
    * Present the action sheet overlay after it has been created.
    */
   async present() {
-    /**
-     * When using an inline action sheet
-     * and dismissing a action sheet it is possible to
-     * quickly present the action sheet while it is
-     * dismissing. We need to await any current
-     * transition to allow the dismiss to finish
-     * before presenting again.
-     */
-    if (this.currentTransition !== undefined) {
-      await this.currentTransition;
-    }
+    const unlock = await this.lockController.lock();
     await this.delegateController.attachViewToDom();
-    this.currentTransition = overlays.present(this, 'actionSheetEnter', iosEnterAnimation, mdEnterAnimation);
-    await this.currentTransition;
-    this.currentTransition = undefined;
+    await overlays.present(this, 'actionSheetEnter', iosEnterAnimation, mdEnterAnimation);
+    unlock();
   }
   /**
    * Dismiss the action sheet overlay after it has been presented.
@@ -194,11 +184,12 @@ const ActionSheet = class {
    * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
    */
   async dismiss(data, role) {
-    this.currentTransition = overlays.dismiss(this, data, role, 'actionSheetLeave', iosLeaveAnimation, mdLeaveAnimation);
-    const dismissed = await this.currentTransition;
+    const unlock = await this.lockController.lock();
+    const dismissed = await overlays.dismiss(this, data, role, 'actionSheetLeave', iosLeaveAnimation, mdLeaveAnimation);
     if (dismissed) {
       this.delegateController.removeViewFromDom();
     }
+    unlock();
     return dismissed;
   }
   /**

package/dist/cjs/ion-alert.cjs.entry.js

@@ -9,7 +9,7 @@ const index = require('./index-484b1104.js');
 const config = require('./config-d5882735.js');
 const buttonActive = require('./button-active-dfd2756e.js');
 const helpers = require('./helpers-ea4ccbcb.js');
-const overlays = require('./overlays-0ea06fcb.js');
+const overlays = require('./overlays-2b9fa92e.js');
 const theme = require('./theme-fbc56b3b.js');
 const ionicGlobal = require('./ionic-global-f81d8b73.js');
 const animation = require('./animation-2bb33618.js');
@@ -123,6 +123,7 @@ const Alert = class {
     this.willDismissShorthand = index.createEvent(this, "willDismiss", 7);
     this.didDismissShorthand = index.createEvent(this, "didDismiss", 7);
     this.delegateController = overlays.createDelegateController(this);
+    this.lockController = overlays.createLockController();
     this.triggerController = overlays.createTriggerController();
     this.customHTMLEnabled = ionicGlobal.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
     this.processedInputs = [];
@@ -289,21 +290,10 @@ const Alert = class {
    * Present the alert overlay after it has been created.
    */
   async present() {
-    /**
-     * When using an inline alert
-     * and dismissing an alert it is possible to
-     * quickly present the alert while it is
-     * dismissing. We need to await any current
-     * transition to allow the dismiss to finish
-     * before presenting again.
-     */
-    if (this.currentTransition !== undefined) {
-      await this.currentTransition;
-    }
+    const unlock = await this.lockController.lock();
     await this.delegateController.attachViewToDom();
-    this.currentTransition = overlays.present(this, 'alertEnter', iosEnterAnimation, mdEnterAnimation);
-    await this.currentTransition;
-    this.currentTransition = undefined;
+    await overlays.present(this, 'alertEnter', iosEnterAnimation, mdEnterAnimation);
+    unlock();
   }
   /**
    * Dismiss the alert overlay after it has been presented.
@@ -315,11 +305,12 @@ const Alert = class {
    * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
    */
   async dismiss(data, role) {
-    this.currentTransition = overlays.dismiss(this, data, role, 'alertLeave', iosLeaveAnimation, mdLeaveAnimation);
-    const dismissed = await this.currentTransition;
+    const unlock = await this.lockController.lock();
+    const dismissed = await overlays.dismiss(this, data, role, 'alertLeave', iosLeaveAnimation, mdLeaveAnimation);
     if (dismissed) {
       this.delegateController.removeViewFromDom();
     }
+    unlock();
     return dismissed;
   }
   /**

package/dist/cjs/ion-datetime_3.cjs.entry.js

@@ -14,7 +14,7 @@ const theme = require('./theme-fbc56b3b.js');
 const index$2 = require('./index-d8d1fc0b.js');
 const ionicGlobal = require('./ionic-global-f81d8b73.js');
 const data = require('./data-967b9c15.js');
-const overlays = require('./overlays-0ea06fcb.js');
+const overlays = require('./overlays-2b9fa92e.js');
 const animation = require('./animation-2bb33618.js');
 const haptic = require('./haptic-c5f6b4d5.js');
 require('./framework-delegate-e8174951.js');
@@ -1730,6 +1730,7 @@ const Picker = class {
     this.willDismissShorthand = index$1.createEvent(this, "willDismiss", 7);
     this.didDismissShorthand = index$1.createEvent(this, "didDismiss", 7);
     this.delegateController = overlays.createDelegateController(this);
+    this.lockController = overlays.createLockController();
     this.triggerController = overlays.createTriggerController();
     this.onBackdropTap = () => {
       this.dismiss(undefined, overlays.BACKDROP);
@@ -1796,24 +1797,13 @@ const Picker = class {
    * Present the picker overlay after it has been created.
    */
   async present() {
-    /**
-     * When using an inline picker
-     * and dismissing an picker it is possible to
-     * quickly present the picker while it is
-     * dismissing. We need to await any current
-     * transition to allow the dismiss to finish
-     * before presenting again.
-     */
-    if (this.currentTransition !== undefined) {
-      await this.currentTransition;
-    }
+    const unlock = await this.lockController.lock();
     await this.delegateController.attachViewToDom();
-    this.currentTransition = overlays.present(this, 'pickerEnter', iosEnterAnimation, iosEnterAnimation, undefined);
-    await this.currentTransition;
-    this.currentTransition = undefined;
+    await overlays.present(this, 'pickerEnter', iosEnterAnimation, iosEnterAnimation, undefined);
     if (this.duration > 0) {
       this.durationTimeout = setTimeout(() => this.dismiss(), this.duration);
     }
+    unlock();
   }
   /**
    * Dismiss the picker overlay after it has been presented.
@@ -1825,14 +1815,15 @@ const Picker = class {
    * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
    */
   async dismiss(data, role) {
+    const unlock = await this.lockController.lock();
     if (this.durationTimeout) {
       clearTimeout(this.durationTimeout);
     }
-    this.currentTransition = overlays.dismiss(this, data, role, 'pickerLeave', iosLeaveAnimation, iosLeaveAnimation);
-    const dismissed = await this.currentTransition;
+    const dismissed = await overlays.dismiss(this, data, role, 'pickerLeave', iosLeaveAnimation, iosLeaveAnimation);
     if (dismissed) {
       this.delegateController.removeViewFromDom();
     }
+    unlock();
     return dismissed;
   }
   /**

package/dist/cjs/ion-loading.cjs.entry.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-484b1104.js');
 const config = require('./config-d5882735.js');
 const helpers = require('./helpers-ea4ccbcb.js');
-const overlays = require('./overlays-0ea06fcb.js');
+const overlays = require('./overlays-2b9fa92e.js');
 const theme = require('./theme-fbc56b3b.js');
 const ionicGlobal = require('./ionic-global-f81d8b73.js');
 const animation = require('./animation-2bb33618.js');
@@ -121,6 +121,7 @@ const Loading = class {
     this.willDismissShorthand = index.createEvent(this, "willDismiss", 7);
     this.didDismissShorthand = index.createEvent(this, "didDismiss", 7);
     this.delegateController = overlays.createDelegateController(this);
+    this.lockController = overlays.createLockController();
     this.triggerController = overlays.createTriggerController();
     this.customHTMLEnabled = ionicGlobal.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
     this.presented = false;
@@ -186,24 +187,13 @@ const Loading = class {
    * Present the loading overlay after it has been created.
    */
   async present() {
-    /**
-     * When using an inline loading indicator
-     * and dismissing a loading indicator it is possible to
-     * quickly present the loading indicator while it is
-     * dismissing. We need to await any current
-     * transition to allow the dismiss to finish
-     * before presenting again.
-     */
-    if (this.currentTransition !== undefined) {
-      await this.currentTransition;
-    }
+    const unlock = await this.lockController.lock();
     await this.delegateController.attachViewToDom();
-    this.currentTransition = overlays.present(this, 'loadingEnter', iosEnterAnimation, mdEnterAnimation);
-    await this.currentTransition;
+    await overlays.present(this, 'loadingEnter', iosEnterAnimation, mdEnterAnimation);
     if (this.duration > 0) {
       this.durationTimeout = setTimeout(() => this.dismiss(), this.duration + 10);
     }
-    this.currentTransition = undefined;
+    unlock();
   }
   /**
    * Dismiss the loading overlay after it has been presented.
@@ -215,14 +205,15 @@ const Loading = class {
    * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
    */
   async dismiss(data, role) {
+    const unlock = await this.lockController.lock();
     if (this.durationTimeout) {
       clearTimeout(this.durationTimeout);
     }
-    this.currentTransition = overlays.dismiss(this, data, role, 'loadingLeave', iosLeaveAnimation, mdLeaveAnimation);
-    const dismissed = await this.currentTransition;
+    const dismissed = await overlays.dismiss(this, data, role, 'loadingLeave', iosLeaveAnimation, mdLeaveAnimation);
     if (dismissed) {
       this.delegateController.removeViewFromDom();
     }
+    unlock();
     return dismissed;
   }
   /**

package/dist/cjs/ion-menu_3.cjs.entry.js

@@ -11,7 +11,7 @@ const index$2 = require('./index-306a7476.js');
 const gestureController = require('./gesture-controller-b46721be.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const index$1 = require('./index-653be4df.js');
-const overlays = require('./overlays-0ea06fcb.js');
+const overlays = require('./overlays-2b9fa92e.js');
 const ionicGlobal = require('./ionic-global-f81d8b73.js');
 const theme = require('./theme-fbc56b3b.js');
 const index$3 = require('./index-d8d1fc0b.js');
@@ -39,6 +39,7 @@ const Menu = class {
     this.ionMenuChange = index.createEvent(this, "ionMenuChange", 7);
     this.lastOnEnd = 0;
     this.blocker = gestureController.GESTURE_CONTROLLER.createBlocker({ disableScroll: true });
+    this.didLoad = false;
     this.isAnimating = false;
     this._isOpen = false;
     this.inheritedAttributes = {};
@@ -123,6 +124,7 @@ const Menu = class {
     this.sideChanged();
     // register this menu with the app's menu controller
     index$1.menuController._register(this);
+    this.menuChanged();
     this.gesture = (await Promise.resolve().then(function () { return require('./index-0ee995e4.js'); })).createGesture({
       el: document,
       gestureName: 'menu-swipe',
@@ -141,9 +143,20 @@ const Menu = class {
     this.inheritedAttributes = helpers.inheritAriaAttributes(this.el);
   }
   async componentDidLoad() {
-    this.ionMenuChange.emit({ disabled: this.disabled, open: this._isOpen });
+    this.didLoad = true;
+    this.menuChanged();
     this.updateState();
   }
+  menuChanged() {
+    /**
+     * Inform dependent components such as ion-menu-button
+     * that the menu is ready. Note that we only want to do this
+     * once the menu has been rendered which is why we check for didLoad.
+     */
+    if (this.didLoad) {
+      this.ionMenuChange.emit({ disabled: this.disabled, open: this._isOpen });
+    }
+  }
   async disconnectedCallback() {
     /**
      * The menu should be closed when it is

package/dist/cjs/ion-modal.cjs.entry.js

@@ -11,7 +11,7 @@ const frameworkDelegate = require('./framework-delegate-e8174951.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const index$4 = require('./index-cc7dfb7c.js');
 const capacitor = require('./capacitor-2ffba62a.js');
-const overlays = require('./overlays-0ea06fcb.js');
+const overlays = require('./overlays-2b9fa92e.js');
 const theme = require('./theme-fbc56b3b.js');
 const index$5 = require('./index-8568bedb.js');
 const ionicGlobal = require('./ionic-global-f81d8b73.js');
@@ -1117,6 +1117,7 @@ const Modal = class {
     this.willDismissShorthand = index$3.createEvent(this, "willDismiss", 7);
     this.didDismissShorthand = index$3.createEvent(this, "didDismiss", 7);
     this.ionMount = index$3.createEvent(this, "ionMount", 7);
+    this.lockController = overlays.createLockController();
     this.triggerController = overlays.createTriggerController();
     this.coreDelegate = frameworkDelegate.CoreDelegate();
     this.isSheetModal = false;
@@ -1284,18 +1285,8 @@ const Modal = class {
     if (this.presented) {
       return;
     }
+    const unlock = await this.lockController.lock();
     const { presentingElement, el } = this;
-    /**
-     * When using an inline modal
-     * and dismissing a modal it is possible to
-     * quickly present the modal while it is
-     * dismissing. We need to await any current
-     * transition to allow the dismiss to finish
-     * before presenting again.
-     */
-    if (this.currentTransition !== undefined) {
-      await this.currentTransition;
-    }
     /**
      * If the modal is presented multiple times (inline modals), we
      * need to reset the current breakpoint to the initial breakpoint.
@@ -1327,11 +1318,6 @@ const Modal = class {
       await index$5.waitForMount();
     }
     index$3.writeTask(() => this.el.classList.add('show-modal'));
-    this.currentTransition = overlays.present(this, 'modalEnter', iosEnterAnimation, mdEnterAnimation, {
-      presentingEl: presentingElement,
-      currentBreakpoint: this.initialBreakpoint,
-      backdropBreakpoint: this.backdropBreakpoint,
-    });
     /* tslint:disable-next-line */
     if (typeof window !== 'undefined') {
       /**
@@ -1374,14 +1360,18 @@ const Modal = class {
       this.statusBarStyle = await StatusBar.getStyle();
       setCardStatusBarDark();
     }
-    await this.currentTransition;
+    await overlays.present(this, 'modalEnter', iosEnterAnimation, mdEnterAnimation, {
+      presentingEl: presentingElement,
+      currentBreakpoint: this.initialBreakpoint,
+      backdropBreakpoint: this.backdropBreakpoint,
+    });
     if (this.isSheetModal) {
       this.initSheetGesture();
     }
     else if (hasCardModal) {
       this.initSwipeToClose();
     }
-    this.currentTransition = undefined;
+    unlock();
   }
   initSwipeToClose() {
     var _a;
@@ -1471,6 +1461,7 @@ const Modal = class {
     if (this.gestureAnimationDismissing && role !== overlays.GESTURE) {
       return false;
     }
+    const unlock = await this.lockController.lock();
     /**
      * If a canDismiss handler is responsible
      * for calling the dismiss method, we should
@@ -1494,24 +1485,12 @@ const Modal = class {
       window.removeEventListener(keyboard.KEYBOARD_DID_OPEN, this.keyboardOpenCallback);
       this.keyboardOpenCallback = undefined;
     }
-    /**
-     * When using an inline modal
-     * and presenting a modal it is possible to
-     * quickly dismiss the modal while it is
-     * presenting. We need to await any current
-     * transition to allow the present to finish
-     * before dismissing again.
-     */
-    if (this.currentTransition !== undefined) {
-      await this.currentTransition;
-    }
     const enteringAnimation = overlays.activeAnimations.get(this) || [];
-    this.currentTransition = overlays.dismiss(this, data, role, 'modalLeave', iosLeaveAnimation, mdLeaveAnimation, {
+    const dismissed = await overlays.dismiss(this, data, role, 'modalLeave', iosLeaveAnimation, mdLeaveAnimation, {
       presentingEl: presentingElement,
       currentBreakpoint: (_a = this.currentBreakpoint) !== null && _a !== void 0 ? _a : this.initialBreakpoint,
       backdropBreakpoint: this.backdropBreakpoint,
     });
-    const dismissed = await this.currentTransition;
     if (dismissed) {
       const { delegate } = this.getDelegate();
       await frameworkDelegate.detachComponent(delegate, this.usersElement);
@@ -1525,8 +1504,8 @@ const Modal = class {
       enteringAnimation.forEach((ani) => ani.destroy());
     }
     this.currentBreakpoint = undefined;
-    this.currentTransition = undefined;
     this.animation = undefined;
+    unlock();
     return dismissed;
   }
   /**

package/dist/cjs/ion-popover.cjs.entry.js

@@ -9,7 +9,7 @@ const index = require('./index-484b1104.js');
 const frameworkDelegate = require('./framework-delegate-e8174951.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const index$1 = require('./index-cc7dfb7c.js');
-const overlays = require('./overlays-0ea06fcb.js');
+const overlays = require('./overlays-2b9fa92e.js');
 const ionicGlobal = require('./ionic-global-f81d8b73.js');
 const theme = require('./theme-fbc56b3b.js');
 const index$2 = require('./index-8568bedb.js');
@@ -987,6 +987,7 @@ const Popover = class {
     this.ionMount = index.createEvent(this, "ionMount", 7);
     this.parentPopover = null;
     this.coreDelegate = frameworkDelegate.CoreDelegate();
+    this.lockController = overlays.createLockController();
     this.inline = false;
     this.focusDescendantOnPresent = false;
     this.onBackdropTap = () => {
@@ -1163,17 +1164,7 @@ const Popover = class {
     if (this.presented) {
       return;
     }
-    /**
-     * When using an inline popover
-     * and dismissing a popover it is possible to
-     * quickly present the popover while it is
-     * dismissing. We need to await any current
-     * transition to allow the dismiss to finish
-     * before presenting again.
-     */
-    if (this.currentTransition !== undefined) {
-      await this.currentTransition;
-    }
+    const unlock = await this.lockController.lock();
     const { el } = this;
     const { inline, delegate } = this.getDelegate(true);
     this.usersElement = await frameworkDelegate.attachComponent(delegate, el, this.component, ['popover-viewport'], this.componentProps, inline);
@@ -1204,7 +1195,7 @@ const Popover = class {
     else if (!this.keepContentsMounted) {
       await index$2.waitForMount();
     }
-    this.currentTransition = overlays.present(this, 'popoverEnter', iosEnterAnimation, mdEnterAnimation, {
+    await overlays.present(this, 'popoverEnter', iosEnterAnimation, mdEnterAnimation, {
       event: event || this.event,
       size: this.size,
       trigger: this.triggerEl,
@@ -1212,8 +1203,6 @@ const Popover = class {
       side: this.side,
       align: this.alignment,
     });
-    await this.currentTransition;
-    this.currentTransition = undefined;
     /**
      * If popover is nested and was
      * presented using the "Right" arrow key,
@@ -1223,6 +1212,7 @@ const Popover = class {
     if (this.focusDescendantOnPresent) {
       overlays.focusFirstDescendant(this.el, this.el);
     }
+    unlock();
   }
   /**
    * Dismiss the popover overlay after it has been presented.
@@ -1233,23 +1223,12 @@ const Popover = class {
    * a parent popover if this popover is nested. Defaults to `true`.
    */
   async dismiss(data, role, dismissParentPopover = true) {
-    /**
-     * When using an inline popover
-     * and presenting a popover it is possible to
-     * quickly dismiss the popover while it is
-     * presenting. We need to await any current
-     * transition to allow the present to finish
-     * before dismissing again.
-     */
-    if (this.currentTransition !== undefined) {
-      await this.currentTransition;
-    }
+    const unlock = await this.lockController.lock();
     const { destroyKeyboardInteraction, destroyDismissInteraction } = this;
     if (dismissParentPopover && this.parentPopover) {
       this.parentPopover.dismiss(data, role, dismissParentPopover);
     }
-    this.currentTransition = overlays.dismiss(this, data, role, 'popoverLeave', iosLeaveAnimation, mdLeaveAnimation, this.event);
-    const shouldDismiss = await this.currentTransition;
+    const shouldDismiss = await overlays.dismiss(this, data, role, 'popoverLeave', iosLeaveAnimation, mdLeaveAnimation, this.event);
     if (shouldDismiss) {
       if (destroyKeyboardInteraction) {
         destroyKeyboardInteraction();
@@ -1267,7 +1246,7 @@ const Popover = class {
       const { delegate } = this.getDelegate();
       await frameworkDelegate.detachComponent(delegate, this.usersElement);
     }
-    this.currentTransition = undefined;
+    unlock();
     return shouldDismiss;
   }
   /**

package/dist/cjs/ion-select_3.cjs.entry.js

@@ -10,7 +10,7 @@ const formController = require('./form-controller-5e223b54.js');
 const notchController = require('./notch-controller-c27fe0b7.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const index$1 = require('./index-cc7dfb7c.js');
-const overlays = require('./overlays-0ea06fcb.js');
+const overlays = require('./overlays-2b9fa92e.js');
 const dir = require('./dir-f1e0ca26.js');
 const theme = require('./theme-fbc56b3b.js');
 const watchOptions = require('./watch-options-f3f77e54.js');

package/dist/cjs/ion-toast.cjs.entry.js

@@ -9,7 +9,7 @@ const index = require('./index-484b1104.js');
 const config = require('./config-d5882735.js');
 const helpers = require('./helpers-ea4ccbcb.js');
 const index$1 = require('./index-cc7dfb7c.js');
-const overlays = require('./overlays-0ea06fcb.js');
+const overlays = require('./overlays-2b9fa92e.js');
 const theme = require('./theme-fbc56b3b.js');
 const ionicGlobal = require('./ionic-global-f81d8b73.js');
 const animation = require('./animation-2bb33618.js');
@@ -126,6 +126,7 @@ const Toast = class {
     this.willDismissShorthand = index.createEvent(this, "willDismiss", 7);
     this.didDismissShorthand = index.createEvent(this, "didDismiss", 7);
     this.delegateController = overlays.createDelegateController(this);
+    this.lockController = overlays.createLockController();
     this.triggerController = overlays.createTriggerController();
     this.customHTMLEnabled = ionicGlobal.config.get('innerHTMLTemplatesEnabled', config.ENABLE_HTML_CONTENT_DEFAULT);
     this.presented = false;
@@ -195,30 +196,19 @@ const Toast = class {
    * Present the toast overlay after it has been created.
    */
   async present() {
-    /**
-     * When using an inline toast
-     * and dismissing a toast it is possible to
-     * quickly present the toast while it is
-     * dismissing. We need to await any current
-     * transition to allow the dismiss to finish
-     * before presenting again.
-     */
-    if (this.currentTransition !== undefined) {
-      await this.currentTransition;
-    }
+    const unlock = await this.lockController.lock();
     await this.delegateController.attachViewToDom();
-    this.currentTransition = overlays.present(this, 'toastEnter', iosEnterAnimation, mdEnterAnimation, this.position);
-    await this.currentTransition;
+    await overlays.present(this, 'toastEnter', iosEnterAnimation, mdEnterAnimation, this.position);
     /**
      * Content is revealed to screen readers after
      * the transition to avoid jank since this
      * state updates will cause a re-render.
      */
     this.revealContentToScreenReader = true;
-    this.currentTransition = undefined;
     if (this.duration > 0) {
       this.durationTimeout = setTimeout(() => this.dismiss(undefined, 'timeout'), this.duration);
     }
+    unlock();
   }
   /**
    * Dismiss the toast overlay after it has been presented.
@@ -230,15 +220,16 @@ const Toast = class {
    * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
    */
   async dismiss(data, role) {
+    const unlock = await this.lockController.lock();
     if (this.durationTimeout) {
       clearTimeout(this.durationTimeout);
     }
-    this.currentTransition = overlays.dismiss(this, data, role, 'toastLeave', iosLeaveAnimation, mdLeaveAnimation, this.position);
-    const dismissed = await this.currentTransition;
+    const dismissed = await overlays.dismiss(this, data, role, 'toastLeave', iosLeaveAnimation, mdLeaveAnimation, this.position);
     if (dismissed) {
       this.delegateController.removeViewFromDom();
       this.revealContentToScreenReader = false;
     }
+    unlock();
     return dismissed;
   }
   /**

package/dist/cjs/{overlays-0ea06fcb.js → overlays-2b9fa92e.js}

@@ -619,6 +619,27 @@ const createDelegateController = (ref) => {
     removeViewFromDom,
   };
 };
+/**
+ * Creates a lock controller.
+ *
+ * This function locks transitions.
+ * The unlock() function within it calls resolve on this function, unlocking the transitions.
+ */
+const createLockController = () => {
+  let waitPromise;
+  const lock = async () => {
+    const p = waitPromise;
+    let resolve;
+    waitPromise = new Promise((r) => (resolve = r));
+    if (p !== undefined) {
+      await p;
+    }
+    return resolve;
+  };
+  return {
+    lock,
+  };
+};
 /**
  * Constructs a trigger interaction for an overlay.
  * Presents an overlay when the trigger is clicked.
@@ -676,6 +697,7 @@ exports.actionSheetController = actionSheetController;
 exports.activeAnimations = activeAnimations;
 exports.alertController = alertController;
 exports.createDelegateController = createDelegateController;
+exports.createLockController = createLockController;
 exports.createTriggerController = createTriggerController;
 exports.dismiss = dismiss;
 exports.eventMethod = eventMethod;

package/dist/collection/components/action-sheet/action-sheet.js

@@ -4,7 +4,7 @@
 import { Host, h, readTask } from "@stencil/core";
 import { createButtonActiveGesture } from "../../utils/gesture/button-active";
 import { raf } from "../../utils/helpers";
-import { BACKDROP, createDelegateController, createTriggerController, dismiss, eventMethod, isCancel, prepareOverlay, present, safeCall, setOverlayId, } from "../../utils/overlays";
+import { BACKDROP, createDelegateController, createLockController, createTriggerController, dismiss, eventMethod, isCancel, prepareOverlay, present, safeCall, setOverlayId, } from "../../utils/overlays";
 import { getClassMap } from "../../utils/theme";
 import { getIonMode } from "../../global/ionic-global";
 import { iosEnterAnimation } from "./animations/ios.enter";
@@ -17,6 +17,7 @@ import { mdLeaveAnimation } from "./animations/md.leave";
 export class ActionSheet {
   constructor() {
     this.delegateController = createDelegateController(this);
+    this.lockController = createLockController();
     this.triggerController = createTriggerController();
     this.presented = false;
     this.onBackdropTap = () => {
@@ -64,21 +65,10 @@ export class ActionSheet {
    * Present the action sheet overlay after it has been created.
    */
   async present() {
-    /**
-     * When using an inline action sheet
-     * and dismissing a action sheet it is possible to
-     * quickly present the action sheet while it is
-     * dismissing. We need to await any current
-     * transition to allow the dismiss to finish
-     * before presenting again.
-     */
-    if (this.currentTransition !== undefined) {
-      await this.currentTransition;
-    }
+    const unlock = await this.lockController.lock();
     await this.delegateController.attachViewToDom();
-    this.currentTransition = present(this, 'actionSheetEnter', iosEnterAnimation, mdEnterAnimation);
-    await this.currentTransition;
-    this.currentTransition = undefined;
+    await present(this, 'actionSheetEnter', iosEnterAnimation, mdEnterAnimation);
+    unlock();
   }
   /**
    * Dismiss the action sheet overlay after it has been presented.
@@ -90,11 +80,12 @@ export class ActionSheet {
    * Some examples include: ``"cancel"`, `"destructive"`, "selected"`, and `"backdrop"`.
    */
   async dismiss(data, role) {
-    this.currentTransition = dismiss(this, data, role, 'actionSheetLeave', iosLeaveAnimation, mdLeaveAnimation);
-    const dismissed = await this.currentTransition;
+    const unlock = await this.lockController.lock();
+    const dismissed = await dismiss(this, data, role, 'actionSheetLeave', iosLeaveAnimation, mdLeaveAnimation);
     if (dismissed) {
       this.delegateController.removeViewFromDom();
     }
+    unlock();
     return dismissed;
   }
   /**