voyager-ionic-core 8.3.4 → 8.4.0

package/components/ion-menu.js

@@ -3,7 +3,7 @@
  */
 import { proxyCustomElement, HTMLElement, createEvent, Build, h, Host } from '@stencil/core/internal/client';
 import { g as getTimeGivenProgression } from './cubic-bezier.js';
-import { o as getPresentedOverlay, n as focusFirstDescendant, q as focusLastDescendant } from './overlays.js';
+import { o as getPresentedOverlay, B as BACKDROP, n as focusFirstDescendant, q as focusLastDescendant, G as GESTURE } from './overlays.js';
 import { G as GESTURE_CONTROLLER } from './gesture-controller.js';
 import { shouldUseCloseWatcher } from './hardware-back-button.js';
 import { m as isEndSide, i as inheritAriaAttributes, n as assert, k as clamp } from './helpers.js';
@@ -211,13 +211,13 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
             if (shouldClose) {
                 ev.preventDefault();
                 ev.stopPropagation();
-                this.close();
+                this.close(undefined, BACKDROP);
             }
         }
     }
     onKeydown(ev) {
         if (ev.key === 'Escape') {
-            this.close();
+            this.close(undefined, BACKDROP);
         }
     }
     /**
@@ -246,8 +246,8 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
      * Closes the menu. If the menu is already closed or it can't be closed,
      * it returns `false`.
      */
-    close(animated = true) {
-        return this.setOpen(false, animated);
+    close(animated = true, role) {
+        return this.setOpen(false, animated, role);
     }
     /**
      * Toggles the menu. If the menu is already open, it will try to close, otherwise it will try to open it.
@@ -260,8 +260,8 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
      * Opens or closes the button.
      * If the operation can't be completed successfully, it returns `false`.
      */
-    setOpen(shouldOpen, animated = true) {
-        return menuController._setOpen(this, shouldOpen, animated);
+    setOpen(shouldOpen, animated = true, role) {
+        return menuController._setOpen(this, shouldOpen, animated, role);
     }
     trapKeyboardFocus(ev, doc) {
         const target = ev.target;
@@ -299,12 +299,12 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
             }
         }
     }
-    async _setOpen(shouldOpen, animated = true) {
+    async _setOpen(shouldOpen, animated = true, role) {
         // If the menu is disabled or it is currently being animated, let's do nothing
         if (!this._isActive() || this.isAnimating || shouldOpen === this._isOpen) {
             return false;
         }
-        this.beforeAnimation(shouldOpen);
+        this.beforeAnimation(shouldOpen, role);
         await this.loadAnimation();
         await this.startAnimation(shouldOpen, animated);
         /**
@@ -316,7 +316,7 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
             this.operationCancelled = false;
             return false;
         }
-        this.afterAnimation(shouldOpen);
+        this.afterAnimation(shouldOpen, role);
         return true;
     }
     async loadAnimation() {
@@ -391,7 +391,7 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
         return checkEdgeSide(window, detail.currentX, this.isEndSide, this.maxEdgeStart);
     }
     onWillStart() {
-        this.beforeAnimation(!this._isOpen);
+        this.beforeAnimation(!this._isOpen, GESTURE);
         return this.loadAnimation();
     }
     onStart() {
@@ -458,10 +458,10 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
         const playTo = this._isOpen ? !shouldComplete : shouldComplete;
         this.animation
             .easing('cubic-bezier(0.4, 0.0, 0.6, 1)')
-            .onFinish(() => this.afterAnimation(shouldOpen), { oneTimeCallback: true })
+            .onFinish(() => this.afterAnimation(shouldOpen, GESTURE), { oneTimeCallback: true })
             .progressEnd(playTo ? 1 : 0, this._isOpen ? 1 - newStepValue : newStepValue, 300);
     }
-    beforeAnimation(shouldOpen) {
+    beforeAnimation(shouldOpen, role) {
         assert(!this.isAnimating, '_before() should not be called while animating');
         // this places the menu into the correct location before it animates in
         // this css class doesn't actually kick off any animations
@@ -500,10 +500,10 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
             this.ionWillOpen.emit();
         }
         else {
-            this.ionWillClose.emit();
+            this.ionWillClose.emit({ role });
         }
     }
-    afterAnimation(isOpen) {
+    afterAnimation(isOpen, role) {
         var _a;
         // keep opening/closing the menu disabled for a touch more yet
         // only add listeners/css if it's enabled and isOpen
@@ -553,7 +553,7 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
                 this.animation.stop();
             }
             // emit close event
-            this.ionDidClose.emit();
+            this.ionDidClose.emit({ role });
             // undo focus trapping so multiple menus don't collide
             document.removeEventListener('focus', this.handleFocus, true);
         }
@@ -585,7 +585,7 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
              * If the menu is disabled then we should
              * forcibly close the menu even if it is open.
              */
-            this.afterAnimation(false);
+            this.afterAnimation(false, GESTURE);
         }
     }
     render() {
@@ -596,14 +596,14 @@ const Menu = /*@__PURE__*/ proxyCustomElement(class Menu extends HTMLElement {
          * the ionBackButton listener in the menu controller
          * will handle closing the menu when Escape is pressed.
          */
-        return (h(Host, { key: '30c0c9bfb8973e4a6feb658f8c4ee8e362f464ed', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
+        return (h(Host, { key: '5aaea91873d0885b97304372223b2a6ed16ca28b', onKeyDown: shouldUseCloseWatcher() ? null : this.onKeydown, role: "navigation", "aria-label": inheritedAttributes['aria-label'] || 'menu', class: {
                 [mode]: true,
                 [`menu-type-${type}`]: true,
                 'menu-enabled': !disabled,
                 [`menu-side-${side}`]: true,
                 'menu-pane-visible': isPaneVisible,
                 'split-pane-side': hostContext('ion-split-pane', el),
-            } }, h("div", { key: '34b0e5840906862cf1bc27207e089004b0402c56', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: '2cd7e61a8c0987ca4b3f1f8b33cba7152f1275fe' })), h("ion-backdrop", { key: 'd190b1f9b66c76e276f27bfe074d3aab796180fb', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
+            } }, h("div", { key: '3ba822411ad11eff52c518fecf1b2a5b47e0b678', class: "menu-inner", part: "container", ref: (el) => (this.menuInnerEl = el) }, h("slot", { key: 'd28a78e98493b21d43ea8b19e96b21547adf1916' })), h("ion-backdrop", { key: '0468c15d111737f5cb646918dcfacedadf907a8f', ref: (el) => (this.backdropEl = el), class: "menu-backdrop", tappable: false, stopPropagation: false, part: "backdrop" })));
     }
     get el() { return this; }
     static get watchers() { return {