@openui5/sap.ui.webc.main 1.111.1 → 1.112.0

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

@@ -14,9 +14,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
   _Popup = _interopRequireDefault(_Popup);
   _PopupStaticAreaStyles = _interopRequireDefault(_PopupStaticAreaStyles);
   _PopupGlobal = _interopRequireDefault(_PopupGlobal);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Styles
 
   /**
@@ -24,9 +22,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
    */
   const metadata = {
     managedSlots: true,
-    slots:
-    /** @lends sap.ui.webcomponents.main.Popup.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.Popup.prototype */{
       /**
        * Defines the content of the Popup.
        * @type {HTMLElement[]}
@@ -38,9 +34,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
         propertyName: "content"
       }
     },
-    properties:
-    /** @lends sap.ui.webcomponents.main.Popup.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.Popup.prototype */{
       /**
        * Defines the ID of the HTML Element, which will get the initial focus.
        *
@@ -51,7 +45,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
       initialFocus: {
         type: String
       },
-
       /**
        * Defines if the focus should be returned to the previously focused element,
        * when the popup closes.
@@ -63,7 +56,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
       preventFocusRestore: {
         type: Boolean
       },
-
       /**
        * Indicates if the element is open
        * @public
@@ -74,7 +66,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
       open: {
         type: Boolean
       },
-
       /**
        * Indicates if the element is already open
        * @private
@@ -85,7 +76,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
         type: Boolean,
         noAttribute: true
       },
-
       /**
        * Defines the accessible name of the component.
        *
@@ -98,7 +88,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
         type: String,
         defaultValue: undefined
       },
-
       /**
        * Defines the IDs of the elements that label the component.
        *
@@ -111,7 +100,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
         type: String,
         defaultValue: ""
       },
-
       /**
        * Defines the current media query size.
        *
@@ -121,7 +109,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
       mediaRange: {
         type: String
       },
-
       /**
        * @private
        */
@@ -132,9 +119,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
         type: Boolean
       }
     },
-    events:
-    /** @lends sap.ui.webcomponents.main.Popup.prototype */
-    {
+    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>
        *
@@ -143,7 +128,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
        * @allowPreventDefault
        */
       "before-open": {},
-
       /**
        * Fired after the component is opened. <b>This event does not bubble.</b>
        *
@@ -151,7 +135,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
        * @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>
        *
@@ -167,7 +150,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
           }
         }
       },
-
       /**
        * Fired after the component is closed. <b>This event does not bubble.</b>
        *
@@ -175,7 +157,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
        * @event sap.ui.webcomponents.main.Popup#after-close
        */
       "after-close": {},
-
       /**
        * Fired whenever the popup content area is scrolled
        *
@@ -185,15 +166,14 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
       "scroll": {}
     }
   };
-
   const createBlockingStyle = () => {
     if (!(0, _ManagedStyles.hasStyle)("data-ui5-popup-scroll-blocker")) {
       (0, _ManagedStyles.createStyle)(_PopupGlobal.default, "data-ui5-popup-scroll-blocker");
     }
   };
-
   createBlockingStyle();
   const pageScrollingBlockers = new Set();
+
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>
@@ -227,114 +207,90 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
    * @extends sap.ui.webcomponents.base.UI5Element
    * @public
    */
-
   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;
     }
-
     onEnterDOM() {
       if (!this.isOpen()) {
         this._blockLayerHidden = true;
       }
-
       _ResizeHandler.default.register(this, this._resizeHandler);
     }
-
     onExitDOM() {
       if (this.isOpen()) {
         Popup.unblockPageScrolling(this);
-
         this._removeOpenedPopup();
       }
-
       _ResizeHandler.default.deregister(this, this._resizeHandler);
     }
-
     get _displayProp() {
       return "block";
     }
-
     _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();
     }
+
     /**
      * Temporarily removes scrollbars from the html element
      * @protected
      */
-
-
     static blockPageScrolling(popup) {
       pageScrollingBlockers.add(popup);
-
       if (pageScrollingBlockers.size !== 1) {
         return;
       }
-
       document.documentElement.classList.add("ui5-popup-scroll-blocker");
     }
+
     /**
      * Restores scrollbars on the html element, if needed
      * @protected
      */
-
-
     static unblockPageScrolling(popup) {
       pageScrollingBlockers.delete(popup);
-
       if (pageScrollingBlockers.size !== 0) {
         return;
       }
-
       document.documentElement.classList.remove("ui5-popup-scroll-blocker");
     }
-
     _scroll(e) {
       this.fireEvent("scroll", {
         scrollTop: e.target.scrollTop,
         targetRef: e.target
       });
     }
-
     _onkeydown(e) {
       if (e.target === this._root && (0, _Keys.isTabPrevious)(e)) {
         e.preventDefault();
       }
     }
-
     _onfocusout(e) {
       // relatedTarget is the element, which will get focus. If no such element exists, focus the root.
       // This happens after the mouse is released in order to not interrupt text selection.
@@ -342,67 +298,58 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
         this._shouldFocusRoot = true;
       }
     }
-
     _onmousedown(e) {
       this._root.removeAttribute("tabindex");
-
       if (this.shadowRoot.contains(e.target)) {
         this._shouldFocusRoot = true;
       } else {
         this._shouldFocusRoot = false;
       }
     }
-
     _onmouseup() {
       this._root.tabIndex = -1;
-
       if (this._shouldFocusRoot) {
         if ((0, _Device.isChrome)()) {
           this._root.focus();
         }
-
         this._shouldFocusRoot = false;
       }
     }
+
     /**
      * Focus trapping
      * @private
      */
-
-
     async forwardToFirst() {
       const firstFocusable = await (0, _FocusableElements.getFirstFocusableElement)(this);
-
       if (firstFocusable) {
         firstFocusable.focus();
       } else {
         this._root.focus();
       }
     }
+
     /**
      * Focus trapping
      * @private
      */
-
-
     async forwardToLast() {
       const lastFocusable = await (0, _FocusableElements.getLastFocusableElement)(this);
-
       if (lastFocusable) {
         lastFocusable.focus();
       } else {
         this._root.focus();
       }
     }
+
     /**
      * Use this method to focus the element denoted by "initialFocus", if provided, or the first focusable element otherwise.
      * @protected
      */
-
-
     async applyInitialFocus() {
       await this.applyFocus();
     }
+
     /**
      * Focuses the element denoted by <code>initialFocus</code>, if provided,
      * or the first focusable element otherwise.
@@ -410,162 +357,133 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
      * @async
      * @returns {Promise} Promise that resolves when the focus is applied
      */
-
-
     async applyFocus() {
       await this._waitForDomRef();
-
       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();
       }
     }
+
     /**
      * Tells if the component is opened
      * @public
      * @returns {boolean}
      */
-
-
     isOpen() {
       return this.opened;
     }
-
     isFocusWithin() {
       return (0, _PopupUtils.isFocusedElementWithinNode)(this.shadowRoot.querySelector(".ui5-popup-root"));
     }
+
     /**
      * Shows the block layer (for modal popups only) and sets the correct z-index for the purpose of popup stacking
      * @protected
      */
-
-
     async _open(preventInitialFocus) {
       const prevented = !this.fireEvent("before-open", {}, true, false);
-
       if (prevented) {
         return;
       }
-
       if (this.isModal && !this.shouldHideBackdrop) {
         // create static area item ref for block layer
         this.getStaticAreaItemDomRef();
         this._blockLayerHidden = false;
         Popup.blockPageScrolling(this);
       }
-
       this._zIndex = (0, _PopupUtils.getNextZIndex)();
       this.style.zIndex = this._zIndex;
       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)();
       this.fireEvent("after-open", {}, false, false);
     }
+
     /**
      * Adds the popup to the "opened popups registry"
      * @protected
      */
-
-
     _addOpenedPopup() {
       (0, _OpenedPopupsRegistry.addOpenedPopup)(this);
     }
+
     /**
      * Hides the block layer (for modal popups only)
      * @public
      */
-
-
     close(escPressed = false, preventRegistryUpdate = false, preventFocusRestore = false) {
       if (!this.opened) {
         return;
       }
-
       const prevented = !this.fireEvent("before-close", {
         escPressed
       }, true, false);
-
       if (prevented) {
         return;
       }
-
       if (this.isModal) {
         this._blockLayerHidden = true;
         Popup.unblockPageScrolling(this);
       }
-
       this.hide();
       this.opened = false;
       this.open = false;
-
       if (!preventRegistryUpdate) {
         this._removeOpenedPopup();
       }
-
       if (!this.preventFocusRestore && !preventFocusRestore) {
         this.resetFocus();
       }
-
       this.fireEvent("after-close", {}, false, false);
     }
+
     /**
      * Removes the popup from the "opened popups registry"
      * @protected
      */
-
-
     _removeOpenedPopup() {
       (0, _OpenedPopupsRegistry.removeOpenedPopup)(this);
     }
+
     /**
      * Returns the focus to the previously focused element
      * @protected
      */
-
-
     resetFocus() {
       if (!this._focusedElementBeforeOpen) {
         return;
       }
-
       this._focusedElementBeforeOpen.focus();
-
       this._focusedElementBeforeOpen = null;
     }
+
     /**
      * Sets "block" display to the popup. The property can be overriden by derivatives of Popup.
      * @protected
      */
-
-
     _show() {
       this.style.display = this._displayProp;
     }
+
     /**
      * Sets "none" display to the popup
      * @protected
      */
-
-
     hide() {
       this.style.display = "none";
     }
+
     /**
      * Implement this getter with relevant logic regarding the modality of the popup (e.g. based on a public property)
      *
@@ -573,8 +491,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
      * @abstract
      * @returns {boolean}
      */
-
-
     get isModal() {} // eslint-disable-line
 
     /**
@@ -584,8 +500,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
      * @abstract
      * @returns {boolean}
      */
-
-
     get shouldHideBackdrop() {} // eslint-disable-line
 
     /**
@@ -595,8 +509,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
      * @abstract
      * @returns {string}
      */
-
-
     get _ariaLabelledBy() {} // eslint-disable-line
 
     /**
@@ -606,8 +518,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
      * @abstract
      * @returns {string}
      */
-
-
     get _ariaModal() {} // eslint-disable-line
 
     /**
@@ -615,20 +525,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
      * @returns {string|undefined}
      * @protected
      */
-
-
     get _ariaLabel() {
       return (0, _AriaLabelHelper.getEffectiveAriaLabelText)(this);
     }
-
     get _root() {
       return this.shadowRoot.querySelector(".ui5-popup-root");
     }
-
     get contentDOM() {
       return this.shadowRoot.querySelector(".ui5-popup-content");
     }
-
     get styles() {
       return {
         root: {},
@@ -638,7 +543,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
         }
       };
     }
-
     get classes() {
       return {
         root: {
@@ -649,9 +553,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Render", "sap/ui/w
         }
       };
     }
-
   }
-
   var _default = Popup;
   _exports.default = _default;
 });