feat(ui5-popover): implement hide-block-layer property

packages/main/src/Dialog.js

@@ -174,6 +174,10 @@ class Dialog extends Popup {
 		return true;
 	}
 
+	get shouldHideBlockLayer() { // Required by Popup.js
+		return false;
+	}
+
 	get _ariaLabelledBy() { // Required by Popup.js
 		return this.ariaLabel ? undefined : "ui5-popup-header";
 	}

packages/main/src/Popover.js

@@ -106,6 +106,17 @@ const metadata = {
 			type: Boolean,
 		},
 
+		/**
+		 * Defines whether the block layer will be shown if modal property is set to true.
+		 * @type {Boolean}
+		 * @defaultvalue false
+		 * @public
+		 * @since 1.0.0-rc.10
+		 */
+		hideBlockLayer: {
+			type: Boolean,
+		},
+
 		/**
 		 * Determines whether the <code>ui5-popover</code> arrow is hidden.
 		 *
@@ -620,6 +631,10 @@ class Popover extends Popup {
 		return this.modal;
 	}
 
+	get shouldHideBlockLayer() { // Required by Popup.js
+		return this.hideBlockLayer;
+	}
+
 	get _ariaLabelledBy() { // Required by Popup.js
 		return this.ariaLabel ? undefined : "ui5-popup-header";
 	}

packages/main/src/Popup.js

@@ -66,7 +66,7 @@ const metadata = {
 		 * Defines the aria-label attribute for the popup
 		 *
 		 * @type {String}
-		 * @defaultvalue: ""
+		 * @defaultvalue ""
 		 * @private
 		 * @since 1.0.0-rc.8
 		 */
@@ -308,7 +308,7 @@ class Popup extends UI5Element {
 			return;
 		}
 
-		if (this.isModal) {
+		if (this.isModal && !this.hideBlockLayer) {
 			// create static area item ref for block layer
 			this.getStaticAreaItemDomRef();
 			this._blockLayerHidden = false;
@@ -425,6 +425,15 @@ class Popup extends UI5Element {
 	 */
 	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 shouldHideBlockLayer() {} // eslint-disable-line
+
 	/**
 	 * Return the ID of an element in the shadow DOM that is going to label this popup
 	 *