@ui5/webcomponents 0.0.0-e0658a650 → 0.0.0-e55c2cec6

package/dist/Popup.js

@@ -1,4 +1,14 @@
+var __decorate = (this && this.__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;
 import { renderFinished } from "@ui5/webcomponents-base/dist/Render.js";
+import event from "@ui5/webcomponents-base/dist/decorators/event.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import { isChrome } from "@ui5/webcomponents-base/dist/Device.js";
@@ -13,184 +23,17 @@ import MediaRange from "@ui5/webcomponents-base/dist/MediaRange.js";
 import PopupTemplate from "./generated/templates/PopupTemplate.lit.js";
 import PopupBlockLayer from "./generated/templates/PopupBlockLayerTemplate.lit.js";
 import { addOpenedPopup, removeOpenedPopup } from "./popup-utils/OpenedPopupsRegistry.js";
-
 // Styles
 import styles from "./generated/themes/Popup.css.js";
 import staticAreaStyles from "./generated/themes/PopupStaticAreaStyles.css.js";
 import globalStyles from "./generated/themes/PopupGlobal.css.js";
-
-/**
- * @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": {},
-	},
-};
-
 const createBlockingStyle = () => {
-	if (!hasStyle("data-ui5-popup-scroll-blocker")) {
-		createStyle(globalStyles, "data-ui5-popup-scroll-blocker");
-	}
+    if (!hasStyle("data-ui5-popup-scroll-blocker")) {
+        createStyle(globalStyles, "data-ui5-popup-scroll-blocker");
+    }
 };
-
 createBlockingStyle();
-
 const pageScrollingBlockers = new Set();
-
 /**
  * @class
  * <h3 class="comment-api-title">Overview</h3>
@@ -220,412 +63,397 @@ const pageScrollingBlockers = new Set();
  *
  * @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 {
-	constructor() {
-		super();
-
-		this._resizeHandler = this._resize.bind(this);
-	}
-
-	static get metadata() {
-		return metadata;
-	}
-
-	static get render() {
-		return litRender;
-	}
-
-	static get styles() {
-		return styles;
-	}
-
-	static get template() {
-		return PopupTemplate;
-	}
-
-	static get staticAreaTemplate() {
-		return PopupBlockLayer;
-	}
-
-	static get staticAreaStyles() {
-		return staticAreaStyles;
-	}
-
-	onEnterDOM() {
-		if (!this.isOpen()) {
-			this._blockLayerHidden = true;
-		}
-
-		ResizeHandler.register(this, this._resizeHandler);
-	}
-
-	onExitDOM() {
-		if (this.isOpen()) {
-			Popup.unblockPageScrolling(this);
-			this._removeOpenedPopup();
-		}
-
-		ResizeHandler.deregister(this, this._resizeHandler);
-	}
-
-	get _displayProp() {
-		return "block";
-	}
-
-	_resize() {
-		this.mediaRange = MediaRange.getCurrentRange(MediaRange.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) {
-		const isTabOutAttempt = e.target === this._root && 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 = isEnter(e) && !this.isOpen();
-
-		if (isTabOutAttempt || isEnterOnClosedPopupChild) {
-			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.
-		if (!e.relatedTarget) {
-			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 (isChrome()) {
-				this._root.focus();
-			}
-			this._shouldFocusRoot = false;
-		}
-	}
-
-	/**
-	 * Focus trapping
-	 * @private
-	 */
-	async forwardToFirst() {
-		const firstFocusable = await getFirstFocusableElement(this);
-
-		if (firstFocusable) {
-			firstFocusable.focus();
-		} else {
-			this._root.focus();
-		}
-	}
-
-	/**
-	 * Focus trapping
-	 * @private
-	 */
-	async forwardToLast() {
-		const lastFocusable = await 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.
-	 * @public
-	 * @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 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 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 = getNextZIndex();
-		this.style.zIndex = this._zIndex;
-
-		this._focusedElementBeforeOpen = getFocusedElement();
-
-		this._show();
-
-		if (!this._disableInitialFocus && !preventInitialFocus) {
-			this.applyInitialFocus();
-		}
-
-		this._addOpenedPopup();
-
-		this.opened = true;
-		this.open = true;
-
-		await renderFinished();
-		this.fireEvent("after-open", {}, false, false);
-	}
-
-	/**
-	 * Adds the popup to the "opened popups registry"
-	 * @protected
-	 */
-	_addOpenedPopup() {
-		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() {
-		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)
-	 *
-	 * @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}
-	 * @protected
-	 */
-	get _ariaLabel() {
-		return getEffectiveAriaLabelText(this);
-	}
-
-	get _root() {
-		return this.shadowRoot.querySelector(".ui5-popup-root");
-	}
-
-	get _role() {
-		return "dialog";
-	}
-
-	get contentDOM() {
-		return this.shadowRoot.querySelector(".ui5-popup-content");
-	}
-
-	get styles() {
-		return {
-			root: {},
-			content: {},
-			blockLayer: {
-				"zIndex": (this._zIndex - 1),
-			},
-		};
-	}
-
-	get classes() {
-		return {
-			root: {
-				"ui5-popup-root": true,
-				"ui5-content-native-scrollbars": getEffectiveScrollbarStyle(),
-			},
-			content: {
-				"ui5-popup-content": true,
-			},
-		};
-	}
-}
-
+/**
+ * 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
+ */
+let Popup = Popup_1 = class Popup extends UI5Element {
+    constructor() {
+        super();
+        this._resizeHandler = this._resize.bind(this);
+    }
+    static get render() {
+        return litRender;
+    }
+    static get styles() {
+        return styles;
+    }
+    static get template() {
+        return PopupTemplate;
+    }
+    static get staticAreaTemplate() {
+        return PopupBlockLayer;
+    }
+    static get staticAreaStyles() {
+        return staticAreaStyles;
+    }
+    onBeforeRendering() {
+        this._blockLayerHidden = !this.isOpen() || !this.isTopModalPopup;
+    }
+    onEnterDOM() {
+        ResizeHandler.register(this, this._resizeHandler);
+    }
+    onExitDOM() {
+        if (this.isOpen()) {
+            Popup_1.unblockPageScrolling(this);
+            this._removeOpenedPopup();
+        }
+        ResizeHandler.deregister(this, this._resizeHandler);
+    }
+    get _displayProp() {
+        return "block";
+    }
+    _resize() {
+        this.mediaRange = MediaRange.getCurrentRange(MediaRange.RANGESETS.RANGE_4STEPS, this.getDomRef().offsetWidth);
+    }
+    /**
+     * Prevents the user from interacting with the content under the block layer
+     */
+    _preventBlockLayerFocus(e) {
+        e.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) {
+        const isTabOutAttempt = e.target === this._root && 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 = isEnter(e) && !this.isOpen();
+        if (isTabOutAttempt || isEnterOnClosedPopupChild) {
+            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.
+        if (!e.relatedTarget) {
+            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 (isChrome()) {
+                this._root.focus();
+            }
+            this._shouldFocusRoot = false;
+        }
+    }
+    /**
+     * Focus trapping
+     * @private
+     */
+    async forwardToFirst() {
+        const firstFocusable = await getFirstFocusableElement(this);
+        if (firstFocusable) {
+            firstFocusable.focus({ focusVisible: true });
+        }
+        else {
+            this._root.focus();
+        }
+    }
+    /**
+     * Focus trapping
+     * @private
+     */
+    async forwardToLast() {
+        const lastFocusable = await getLastFocusableElement(this);
+        if (lastFocusable) {
+            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
+     */
+    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();
+        const element = this.getRootNode().getElementById(this.initialFocus)
+            || document.getElementById(this.initialFocus)
+            || await getFirstFocusableElement(this)
+            || this._root; // in case of no focusable content focus the root
+        if (element) {
+            if (element === this._root) {
+                element.tabIndex = -1;
+            }
+            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 isFocusedElementWithinNode(this._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_1.blockPageScrolling(this);
+        }
+        this._zIndex = getNextZIndex();
+        this.style.zIndex = this._zIndex?.toString() || "";
+        this._focusedElementBeforeOpen = getFocusedElement();
+        this._show();
+        if (!this._disableInitialFocus && !preventInitialFocus) {
+            this.applyInitialFocus();
+        }
+        this._addOpenedPopup();
+        this.opened = true;
+        this.open = true;
+        await renderFinished();
+        this.fireEvent("after-open", {}, false, false);
+    }
+    /**
+     * Adds the popup to the "opened popups registry"
+     * @protected
+     */
+    _addOpenedPopup() {
+        addOpenedPopup(this);
+    }
+    /**
+     * Hides the block layer (for modal popups only)
+     * @public
+     * @method
+     * @name sap.ui.webc.main.Popup#close
+     * @returns {void}
+     */
+    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_1.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() {
+        removeOpenedPopup(this);
+    }
+    /**
+     * Returns the focus to the previously focused element
+     * @protected
+     */
+    resetFocus() {
+        if (!this._focusedElementBeforeOpen) {
+            return;
+        }
+        this._focusedElementBeforeOpen.focus({ focusVisible: true });
+        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";
+    }
+    /**
+     * Ensures ariaLabel is never null or empty string
+     * @returns {string|undefined}
+     * @protected
+     */
+    get _ariaLabel() {
+        return getEffectiveAriaLabelText(this);
+    }
+    get _root() {
+        return this.shadowRoot.querySelector(".ui5-popup-root");
+    }
+    get _role() {
+        return "dialog";
+    }
+    get contentDOM() {
+        return this.shadowRoot.querySelector(".ui5-popup-content");
+    }
+    get styles() {
+        return {
+            root: {},
+            content: {},
+            blockLayer: {
+                "zIndex": this._zIndex ? this._zIndex - 1 : "",
+            },
+        };
+    }
+    get classes() {
+        return {
+            root: {
+                "ui5-popup-root": true,
+                "ui5-content-native-scrollbars": getEffectiveScrollbarStyle(),
+            },
+            content: {
+                "ui5-popup-content": true,
+            },
+        };
+    }
+};
+__decorate([
+    property()
+], Popup.prototype, "initialFocus", void 0);
+__decorate([
+    property({ type: Boolean })
+], Popup.prototype, "preventFocusRestore", void 0);
+__decorate([
+    property({ type: Boolean })
+], Popup.prototype, "open", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], Popup.prototype, "opened", void 0);
+__decorate([
+    property({ defaultValue: undefined })
+], Popup.prototype, "accessibleName", void 0);
+__decorate([
+    property({ defaultValue: "" })
+], Popup.prototype, "accessibleNameRef", void 0);
+__decorate([
+    property()
+], Popup.prototype, "mediaRange", void 0);
+__decorate([
+    property({ type: Boolean })
+], Popup.prototype, "_disableInitialFocus", void 0);
+__decorate([
+    property({ type: Boolean })
+], Popup.prototype, "_blockLayerHidden", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], Popup.prototype, "isTopModalPopup", void 0);
+__decorate([
+    slot({ type: HTMLElement, "default": true })
+], Popup.prototype, "content", void 0);
+Popup = Popup_1 = __decorate([
+    event("before-open")
+    /**
+     * Fired after the component is opened. <b>This event does not bubble.</b>
+     *
+     * @public
+     * @event sap.ui.webc.main.Popup#after-open
+     */
+    ,
+    event("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.
+     */
+    ,
+    event("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
+     */
+    ,
+    event("after-close")
+    /**
+     * Fired whenever the popup content area is scrolled
+     *
+     * @private
+     * @event sap.ui.webc.main.Popup#scroll
+     */
+    ,
+    event("scroll")
+], Popup);
 export default Popup;
+//# sourceMappingURL=Popup.js.map