@openui5/sap.ui.webc.main 1.115.0 → 1.116.0

package/src/sap/ui/webc/main/thirdparty/Popup.js

@@ -1,171 +1,34 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/webc/common/thirdparty/base/util/FocusableElements", "sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper", "sap/ui/webc/common/thirdparty/base/ManagedStyles", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/util/PopupUtils", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "sap/ui/webc/common/thirdparty/base/MediaRange", "./generated/templates/PopupTemplate.lit", "./generated/templates/PopupBlockLayerTemplate.lit", "./popup-utils/OpenedPopupsRegistry", "./generated/themes/Popup.css", "./generated/themes/PopupStaticAreaStyles.css", "./generated/themes/PopupGlobal.css"], function (_exports, _Render, _LitRenderer, _UI5Element, _Device, _FocusableElements, _AriaLabelHelper, _ManagedStyles, _Keys, _PopupUtils, _ResizeHandler, _MediaRange, _PopupTemplate, _PopupBlockLayerTemplate, _OpenedPopupsRegistry, _Popup, _PopupStaticAreaStyles, _PopupGlobal) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/webc/common/thirdparty/base/decorators/event", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/webc/common/thirdparty/base/util/FocusableElements", "sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper", "sap/ui/webc/common/thirdparty/base/util/getEffectiveScrollbarStyle", "sap/ui/webc/common/thirdparty/base/ManagedStyles", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/common/thirdparty/base/util/PopupUtils", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "sap/ui/webc/common/thirdparty/base/MediaRange", "./generated/templates/PopupTemplate.lit", "./generated/templates/PopupBlockLayerTemplate.lit", "./types/PopupAccessibleRole", "./popup-utils/OpenedPopupsRegistry", "./generated/themes/Popup.css", "./generated/themes/PopupStaticAreaStyles.css", "./generated/themes/PopupGlobal.css"], function (_exports, _customElement, _Render, _event, _slot, _property, _LitRenderer, _UI5Element, _Device, _FocusableElements, _AriaLabelHelper, _getEffectiveScrollbarStyle, _ManagedStyles, _Keys, _PopupUtils, _ResizeHandler, _MediaRange, _PopupTemplate, _PopupBlockLayerTemplate, _PopupAccessibleRole, _OpenedPopupsRegistry, _Popup, _PopupStaticAreaStyles, _PopupGlobal) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
     value: true
   });
   _exports.default = void 0;
+  _customElement = _interopRequireDefault(_customElement);
+  _event = _interopRequireDefault(_event);
+  _slot = _interopRequireDefault(_slot);
+  _property = _interopRequireDefault(_property);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _getEffectiveScrollbarStyle = _interopRequireDefault(_getEffectiveScrollbarStyle);
   _ResizeHandler = _interopRequireDefault(_ResizeHandler);
   _MediaRange = _interopRequireDefault(_MediaRange);
   _PopupTemplate = _interopRequireDefault(_PopupTemplate);
   _PopupBlockLayerTemplate = _interopRequireDefault(_PopupBlockLayerTemplate);
+  _PopupAccessibleRole = _interopRequireDefault(_PopupAccessibleRole);
   _Popup = _interopRequireDefault(_Popup);
   _PopupStaticAreaStyles = _interopRequireDefault(_PopupStaticAreaStyles);
   _PopupGlobal = _interopRequireDefault(_PopupGlobal);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Styles
-
-  /**
-   * @public
-   */
-  const metadata = {
-    managedSlots: true,
-    slots: /** @lends sap.ui.webcomponents.main.Popup.prototype */{
-      /**
-       * Defines the content of the Popup.
-       * @type {HTMLElement[]}
-       * @slot content
-       * @public
-       */
-      "default": {
-        type: HTMLElement,
-        propertyName: "content"
-      }
-    },
-    properties: /** @lends sap.ui.webcomponents.main.Popup.prototype */{
-      /**
-       * Defines the ID of the HTML Element, which will get the initial focus.
-       *
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      initialFocus: {
-        type: String
-      },
-      /**
-       * Defines if the focus should be returned to the previously focused element,
-       * when the popup closes.
-       * @type {boolean}
-       * @defaultvalue false
-       * @public
-       * @since 1.0.0-rc.8
-      */
-      preventFocusRestore: {
-        type: Boolean
-      },
-      /**
-       * Indicates if the element is open
-       * @public
-       * @type {boolean}
-       * @defaultvalue false
-       * @since 1.2.0
-       */
-      open: {
-        type: Boolean
-      },
-      /**
-       * Indicates if the element is already open
-       * @private
-       * @type {boolean}
-       * @defaultvalue false
-       */
-      opened: {
-        type: Boolean,
-        noAttribute: true
-      },
-      /**
-       * Defines the accessible name of the component.
-       *
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       * @since 1.0.0-rc.15
-       */
-      accessibleName: {
-        type: String,
-        defaultValue: undefined
-      },
-      /**
-       * Defines the IDs of the elements that label the component.
-       *
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       * @since 1.1.0
-       */
-      accessibleNameRef: {
-        type: String,
-        defaultValue: ""
-      },
-      /**
-       * Defines the current media query size.
-       *
-       * @type {string}
-       * @private
-       */
-      mediaRange: {
-        type: String
-      },
-      /**
-       * @private
-       */
-      _disableInitialFocus: {
-        type: Boolean
-      },
-      _blockLayerHidden: {
-        type: Boolean
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.main.Popup.prototype */{
-      /**
-       * Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. <b>This event does not bubble.</b>
-       *
-       * @public
-       * @event sap.ui.webcomponents.main.Popup#before-open
-       * @allowPreventDefault
-       */
-      "before-open": {},
-      /**
-       * Fired after the component is opened. <b>This event does not bubble.</b>
-       *
-       * @public
-       * @event sap.ui.webcomponents.main.Popup#after-open
-       */
-      "after-open": {},
-      /**
-       * Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. <b>This event does not bubble.</b>
-       *
-       * @public
-       * @event sap.ui.webcomponents.main.Popup#before-close
-       * @allowPreventDefault
-       * @param {boolean} escPressed Indicates that <code>ESC</code> key has triggered the event.
-       */
-      "before-close": {
-        detail: {
-          escPressed: {
-            type: Boolean
-          }
-        }
-      },
-      /**
-       * Fired after the component is closed. <b>This event does not bubble.</b>
-       *
-       * @public
-       * @event sap.ui.webcomponents.main.Popup#after-close
-       */
-      "after-close": {},
-      /**
-       * Fired whenever the popup content area is scrolled
-       *
-       * @private
-       * @event sap.ui.webcomponents.main.Popup#scroll
-       */
-      "scroll": {}
-    }
+  var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
+  var Popup_1;
   const createBlockingStyle = () => {
     if (!(0, _ManagedStyles.hasStyle)("data-ui5-popup-scroll-blocker")) {
       (0, _ManagedStyles.createStyle)(_PopupGlobal.default, "data-ui5-popup-scroll-blocker");
@@ -173,7 +36,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
   };
   createBlockingStyle();
   const pageScrollingBlockers = new Set();
-
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>
@@ -203,42 +65,24 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.main.Popup
-   * @extends sap.ui.webcomponents.base.UI5Element
+   * @alias sap.ui.webc.main.Popup
+   * @extends sap.ui.webc.base.UI5Element
    * @public
    */
-  class Popup extends _UI5Element.default {
+  let Popup = Popup_1 = class Popup extends _UI5Element.default {
     constructor() {
       super();
       this._resizeHandler = this._resize.bind(this);
     }
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get styles() {
-      return _Popup.default;
-    }
-    static get template() {
-      return _PopupTemplate.default;
-    }
-    static get staticAreaTemplate() {
-      return _PopupBlockLayerTemplate.default;
-    }
-    static get staticAreaStyles() {
-      return _PopupStaticAreaStyles.default;
+    onBeforeRendering() {
+      this._blockLayerHidden = !this.isOpen() || !this.isTopModalPopup;
     }
     onEnterDOM() {
-      if (!this.isOpen()) {
-        this._blockLayerHidden = true;
-      }
       _ResizeHandler.default.register(this, this._resizeHandler);
     }
     onExitDOM() {
       if (this.isOpen()) {
-        Popup.unblockPageScrolling(this);
+        Popup_1.unblockPageScrolling(this);
         this._removeOpenedPopup();
       }
       _ResizeHandler.default.deregister(this, this._resizeHandler);
@@ -249,14 +93,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
     _resize() {
       this.mediaRange = _MediaRange.default.getCurrentRange(_MediaRange.default.RANGESETS.RANGE_4STEPS, this.getDomRef().offsetWidth);
     }
-
     /**
      * Prevents the user from interacting with the content under the block layer
      */
-    _preventBlockLayerFocus(event) {
-      event.preventDefault();
+    _preventBlockLayerFocus(e) {
+      e.preventDefault();
     }
-
     /**
      * Temporarily removes scrollbars from the html element
      * @protected
@@ -268,7 +110,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
       }
       document.documentElement.classList.add("ui5-popup-scroll-blocker");
     }
-
     /**
      * Restores scrollbars on the html element, if needed
      * @protected
@@ -287,7 +128,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
       });
     }
     _onkeydown(e) {
-      if (e.target === this._root && (0, _Keys.isTabPrevious)(e)) {
+      const isTabOutAttempt = e.target === this._root && (0, _Keys.isTabPrevious)(e);
+      // if the popup is closed, focus is already moved, so Enter keydown may result in click on the newly focused element
+      const isEnterOnClosedPopupChild = (0, _Keys.isEnter)(e) && !this.isOpen();
+      if (isTabOutAttempt || isEnterOnClosedPopupChild) {
         e.preventDefault();
       }
     }
@@ -299,7 +143,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
       }
     }
     _onmousedown(e) {
-      this._root.removeAttribute("tabindex");
+      if (!(0, _Device.isSafari)()) {
+        // Remove when adopting native dialog
+        this._root.removeAttribute("tabindex");
+      }
       if (this.shadowRoot.contains(e.target)) {
         this._shouldFocusRoot = true;
       } else {
@@ -307,7 +154,10 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
       }
     }
     _onmouseup() {
-      this._root.tabIndex = -1;
+      if (!(0, _Device.isSafari)()) {
+        // Remove when adopting native dialog
+        this._root.tabIndex = -1;
+      }
       if (this._shouldFocusRoot) {
         if ((0, _Device.isChrome)()) {
           this._root.focus();
@@ -315,7 +165,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
         this._shouldFocusRoot = false;
       }
     }
-
     /**
      * Focus trapping
      * @private
@@ -323,12 +172,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
     async forwardToFirst() {
       const firstFocusable = await (0, _FocusableElements.getFirstFocusableElement)(this);
       if (firstFocusable) {
-        firstFocusable.focus();
+        firstFocusable.focus({
+          focusVisible: true
+        });
       } else {
         this._root.focus();
       }
     }
-
     /**
      * Focus trapping
      * @private
@@ -336,12 +186,13 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
     async forwardToLast() {
       const lastFocusable = await (0, _FocusableElements.getLastFocusableElement)(this);
       if (lastFocusable) {
-        lastFocusable.focus();
+        lastFocusable.focus({
+          focusVisible: true
+        });
       } else {
         this._root.focus();
       }
     }
-
     /**
      * Use this method to focus the element denoted by "initialFocus", if provided, or the first focusable element otherwise.
      * @protected
@@ -349,38 +200,43 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
     async applyInitialFocus() {
       await this.applyFocus();
     }
-
     /**
      * Focuses the element denoted by <code>initialFocus</code>, if provided,
      * or the first focusable element otherwise.
      * @public
+     * @method
+     * @name sap.ui.webc.main.Popup#applyFocus
      * @async
      * @returns {Promise} Promise that resolves when the focus is applied
      */
     async applyFocus() {
       await this._waitForDomRef();
+      if (this.getRootNode() === this) {
+        return;
+      }
       const element = this.getRootNode().getElementById(this.initialFocus) || document.getElementById(this.initialFocus) || (await (0, _FocusableElements.getFirstFocusableElement)(this)) || this._root; // in case of no focusable content focus the root
-
       if (element) {
         if (element === this._root) {
           element.tabIndex = -1;
         }
-        element.focus();
+        element.focus({
+          focusVisible: true
+        });
       }
     }
-
     /**
      * Tells if the component is opened
      * @public
+     * @method
+     * @name sap.ui.webc.main.Popup#isOpen
      * @returns {boolean}
      */
     isOpen() {
       return this.opened;
     }
     isFocusWithin() {
-      return (0, _PopupUtils.isFocusedElementWithinNode)(this.shadowRoot.querySelector(".ui5-popup-root"));
+      return (0, _PopupUtils.isFocusedElementWithinNode)(this._root);
     }
-
     /**
      * Shows the block layer (for modal popups only) and sets the correct z-index for the purpose of popup stacking
      * @protected
@@ -394,22 +250,21 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
         // create static area item ref for block layer
         this.getStaticAreaItemDomRef();
         this._blockLayerHidden = false;
-        Popup.blockPageScrolling(this);
+        Popup_1.blockPageScrolling(this);
       }
       this._zIndex = (0, _PopupUtils.getNextZIndex)();
-      this.style.zIndex = this._zIndex;
+      this.style.zIndex = this._zIndex?.toString() || "";
       this._focusedElementBeforeOpen = (0, _PopupUtils.getFocusedElement)();
       this._show();
-      if (!this._disableInitialFocus && !preventInitialFocus) {
-        this.applyInitialFocus();
-      }
       this._addOpenedPopup();
       this.opened = true;
       this.open = true;
       await (0, _Render.renderFinished)();
+      if (!this._disableInitialFocus && !preventInitialFocus) {
+        await this.applyInitialFocus();
+      }
       this.fireEvent("after-open", {}, false, false);
     }
-
     /**
      * Adds the popup to the "opened popups registry"
      * @protected
@@ -417,10 +272,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
     _addOpenedPopup() {
       (0, _OpenedPopupsRegistry.addOpenedPopup)(this);
     }
-
     /**
-     * Hides the block layer (for modal popups only)
+     * Closes the popup.
      * @public
+     * @method
+     * @name sap.ui.webc.main.Popup#close
+     * @returns {void}
      */
     close(escPressed = false, preventRegistryUpdate = false, preventFocusRestore = false) {
       if (!this.opened) {
@@ -434,7 +291,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
       }
       if (this.isModal) {
         this._blockLayerHidden = true;
-        Popup.unblockPageScrolling(this);
+        Popup_1.unblockPageScrolling(this);
       }
       this.hide();
       this.opened = false;
@@ -447,7 +304,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
       }
       this.fireEvent("after-close", {}, false, false);
     }
-
     /**
      * Removes the popup from the "opened popups registry"
      * @protected
@@ -455,7 +311,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
     _removeOpenedPopup() {
       (0, _OpenedPopupsRegistry.removeOpenedPopup)(this);
     }
-
     /**
      * Returns the focus to the previously focused element
      * @protected
@@ -464,10 +319,11 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
       if (!this._focusedElementBeforeOpen) {
         return;
       }
-      this._focusedElementBeforeOpen.focus();
+      this._focusedElementBeforeOpen.focus({
+        focusVisible: true
+      });
       this._focusedElementBeforeOpen = null;
     }
-
     /**
      * Sets "block" display to the popup. The property can be overriden by derivatives of Popup.
      * @protected
@@ -475,7 +331,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
     _show() {
       this.style.display = this._displayProp;
     }
-
     /**
      * Sets "none" display to the popup
      * @protected
@@ -483,46 +338,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
     hide() {
       this.style.display = "none";
     }
-
-    /**
-     * Implement this getter with relevant logic regarding the modality of the popup (e.g. based on a public property)
-     *
-     * @protected
-     * @abstract
-     * @returns {boolean}
-     */
-    get isModal() {} // eslint-disable-line
-
-    /**
-     * Implement this getter with relevant logic in order to hide the block layer (f.e. based on a public property)
-     *
-     * @protected
-     * @abstract
-     * @returns {boolean}
-     */
-    get shouldHideBackdrop() {} // eslint-disable-line
-
-    /**
-     * Return the ID of an element in the shadow DOM that is going to label this popup
-     *
-     * @protected
-     * @abstract
-     * @returns {string}
-     */
-    get _ariaLabelledBy() {} // eslint-disable-line
-
-    /**
-     * Return the value for aria-modal for this popup
-     *
-     * @protected
-     * @abstract
-     * @returns {string}
-     */
-    get _ariaModal() {} // eslint-disable-line
-
     /**
      * Ensures ariaLabel is never null or empty string
-     * @returns {string|undefined}
+     * @returns {string | undefined}
      * @protected
      */
     get _ariaLabel() {
@@ -531,6 +349,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
     get _root() {
       return this.shadowRoot.querySelector(".ui5-popup-root");
     }
+    get _role() {
+      return this.accessibleRole === _PopupAccessibleRole.default.None ? undefined : this.accessibleRole.toLowerCase();
+    }
+    get _ariaModal() {
+      return this.accessibleRole === _PopupAccessibleRole.default.None ? undefined : "true";
+    }
     get contentDOM() {
       return this.shadowRoot.querySelector(".ui5-popup-content");
     }
@@ -539,21 +363,102 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
         root: {},
         content: {},
         blockLayer: {
-          "zIndex": this._zIndex - 1
+          "zIndex": this._zIndex ? this._zIndex - 1 : ""
         }
       };
     }
     get classes() {
       return {
         root: {
-          "ui5-popup-root": true
+          "ui5-popup-root": true,
+          "ui5-content-native-scrollbars": (0, _getEffectiveScrollbarStyle.default)()
         },
         content: {
           "ui5-popup-content": true
         }
       };
     }
-  }
+  };
+  __decorate([(0, _property.default)()], Popup.prototype, "initialFocus", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Popup.prototype, "preventFocusRestore", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Popup.prototype, "open", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean,
+    noAttribute: true
+  })], Popup.prototype, "opened", void 0);
+  __decorate([(0, _property.default)({
+    defaultValue: undefined
+  })], Popup.prototype, "accessibleName", void 0);
+  __decorate([(0, _property.default)({
+    defaultValue: ""
+  })], Popup.prototype, "accessibleNameRef", void 0);
+  __decorate([(0, _property.default)({
+    type: _PopupAccessibleRole.default,
+    defaultValue: _PopupAccessibleRole.default.Dialog
+  })], Popup.prototype, "accessibleRole", void 0);
+  __decorate([(0, _property.default)()], Popup.prototype, "mediaRange", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Popup.prototype, "_disableInitialFocus", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean
+  })], Popup.prototype, "_blockLayerHidden", void 0);
+  __decorate([(0, _property.default)({
+    type: Boolean,
+    noAttribute: true
+  })], Popup.prototype, "isTopModalPopup", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement,
+    "default": true
+  })], Popup.prototype, "content", void 0);
+  Popup = Popup_1 = __decorate([(0, _customElement.default)({
+    renderer: _LitRenderer.default,
+    styles: _Popup.default,
+    template: _PopupTemplate.default,
+    staticAreaTemplate: _PopupBlockLayerTemplate.default,
+    staticAreaStyles: _PopupStaticAreaStyles.default
+  })
+  /**
+   * Fired before the component is opened. This event can be cancelled, which will prevent the popup from opening. <b>This event does not bubble.</b>
+   *
+   * @public
+   * @event sap.ui.webc.main.Popup#before-open
+   * @allowPreventDefault
+   */, (0, _event.default)("before-open")
+  /**
+   * Fired after the component is opened. <b>This event does not bubble.</b>
+   *
+   * @public
+   * @event sap.ui.webc.main.Popup#after-open
+   */, (0, _event.default)("after-open")
+  /**
+   * Fired before the component is closed. This event can be cancelled, which will prevent the popup from closing. <b>This event does not bubble.</b>
+   *
+   * @public
+   * @event sap.ui.webc.main.Popup#before-close
+   * @allowPreventDefault
+   * @param {boolean} escPressed Indicates that <code>ESC</code> key has triggered the event.
+   */, (0, _event.default)("before-close", {
+    escPressed: {
+      type: Boolean
+    }
+  })
+  /**
+   * Fired after the component is closed. <b>This event does not bubble.</b>
+   *
+   * @public
+   * @event sap.ui.webc.main.Popup#after-close
+   */, (0, _event.default)("after-close")
+  /**
+   * Fired whenever the popup content area is scrolled
+   *
+   * @private
+   * @event sap.ui.webc.main.Popup#scroll
+   */, (0, _event.default)("scroll")], Popup);
   var _default = Popup;
   _exports.default = _default;
 });