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

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

@@ -12,25 +12,22 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
   _BrowserScrollbar = _interopRequireDefault(_BrowserScrollbar);
   _PopupsCommon = _interopRequireDefault(_PopupsCommon);
   _Dialog = _interopRequireDefault(_Dialog);
-
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
   // Template
+
   // Styles
 
   /**
    * Defines the step size at which this component would change by when being dragged or resized with the keyboard.
    */
   const STEP_SIZE = 16;
+
   /**
    * @public
    */
-
   const metadata = {
     tag: "ui5-dialog",
-    slots:
-    /** @lends sap.ui.webcomponents.main.Dialog.prototype */
-    {
+    slots: /** @lends sap.ui.webcomponents.main.Dialog.prototype */{
       /**
        * Defines the header HTML Element.
        * <br><br>
@@ -44,7 +41,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       header: {
         type: HTMLElement
       },
-
       /**
        * Defines the footer HTML Element.
        *
@@ -56,9 +52,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
         type: HTMLElement
       }
     },
-    properties:
-    /** @lends sap.ui.webcomponents.main.Dialog.prototype */
-    {
+    properties: /** @lends sap.ui.webcomponents.main.Dialog.prototype */{
       /**
        * Defines the header text.
        * <br><br>
@@ -71,7 +65,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       headerText: {
         type: String
       },
-
       /**
        * Determines whether the component should be stretched to fullscreen.
        * <br><br>
@@ -85,7 +78,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       stretch: {
         type: Boolean
       },
-
       /**
        * Determines whether the component is draggable.
        * If this property is set to true, the Dialog will be draggable by its header.
@@ -99,7 +91,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       draggable: {
         type: Boolean
       },
-
       /**
        * Configures the component to be resizable.
        * If this property is set to true, the Dialog will have a resize handle in its bottom right corner in LTR languages.
@@ -116,14 +107,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       resizable: {
         type: Boolean
       },
-
       /**
        * @private
        */
       onPhone: {
         type: Boolean
       },
-
       /**
        * @private
        */
@@ -132,6 +121,7 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       }
     }
   };
+
   /**
    * @class
    * <h3 class="comment-api-title">Overview</h3>
@@ -184,7 +174,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
    * @tagname ui5-dialog
    * @public
    */
-
   class Dialog extends _Popup.default {
     constructor() {
       super();
@@ -194,26 +183,22 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       this._resizeMouseMoveHandler = this._onResizeMouseMove.bind(this);
       this._resizeMouseUpHandler = this._onResizeMouseUp.bind(this);
     }
-
     static get metadata() {
       return metadata;
     }
-
     static get dependencies() {
       return [_Icon.default];
     }
-
     static get template() {
       return _DialogTemplate.default;
     }
-
     static get styles() {
       return [_BrowserScrollbar.default, _PopupsCommon.default, _Dialog.default];
     }
-
     static _isHeader(element) {
       return element.classList.contains("ui5-popup-header-root") || element.getAttribute("slot") === "header";
     }
+
     /**
      * Shows the dialog.
      *
@@ -222,92 +207,69 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
      * @returns {Promise} Resolves when the dialog is open
      * @public
      */
-
-
     async show(preventInitialFocus = false) {
       await super._open(preventInitialFocus);
     }
-
     get isModal() {
       // Required by Popup.js
       return true;
     }
-
     get shouldHideBackdrop() {
       // Required by Popup.js
       return false;
     }
-
     get _ariaLabelledBy() {
       // Required by Popup.js
       let ariaLabelledById;
-
       if (this.headerText !== "" && !this._ariaLabel) {
         ariaLabelledById = "ui5-popup-header-text";
       }
-
       return ariaLabelledById;
     }
-
     get _ariaModal() {
       // Required by Popup.js
       return true;
     }
-
     get _displayProp() {
       return "flex";
     }
+
     /**
      * Determines if the header should be shown.
      */
-
-
     get _displayHeader() {
       return this.header.length || this.headerText || this.draggable || this.resizable;
     }
-
     get _movable() {
       return !this.stretch && this.onDesktop && (this.draggable || this.resizable);
     }
-
     get _headerTabIndex() {
       return this._movable ? "0" : undefined;
     }
-
     get _showResizeHandle() {
       return this.resizable && this.onDesktop;
     }
-
     get _minHeight() {
       let minHeight = Number.parseInt(window.getComputedStyle(this.contentDOM).minHeight);
-
       const header = this._root.querySelector(".ui5-popup-header-root");
-
       if (header) {
         minHeight += header.offsetHeight;
       }
-
       const footer = this._root.querySelector(".ui5-popup-footer-root");
-
       if (footer) {
         minHeight += footer.offsetHeight;
       }
-
       return minHeight;
     }
-
     _show() {
       super._show();
-
       this._center();
     }
-
     onBeforeRendering() {
       this._isRTL = this.effectiveDir === "rtl";
       this.onPhone = (0, _Device.isPhone)();
       this.onDesktop = (0, _Device.isDesktop)();
     }
-
     onAfterRendering() {
       if (!this.isOpen() && this.open) {
         this.show();
@@ -315,38 +277,30 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
         this.close();
       }
     }
-
     onEnterDOM() {
       super.onEnterDOM();
-
       this._attachScreenResizeHandler();
     }
-
     onExitDOM() {
       super.onExitDOM();
-
       this._detachScreenResizeHandler();
     }
+
     /**
      * @override
      */
-
-
     _resize() {
       super._resize();
-
       if (this._screenResizeHandlerAttached) {
         this._center();
       }
     }
-
     _attachScreenResizeHandler() {
       if (!this._screenResizeHandlerAttached) {
         window.addEventListener("resize", this._screenResizeHandler);
         this._screenResizeHandlerAttached = true;
       }
     }
-
     _detachScreenResizeHandler() {
       if (this._screenResizeHandlerAttached) {
         window.removeEventListener("resize", this._screenResizeHandler);
@@ -356,13 +310,12 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
 
     _center() {
       const height = window.innerHeight - this.offsetHeight,
-            width = window.innerWidth - this.offsetWidth;
+        width = window.innerWidth - this.offsetWidth;
       Object.assign(this.style, {
         top: `${Math.round(height / 2)}px`,
         left: `${Math.round(width / 2)}px`
       });
     }
-
     _revertSize() {
       Object.assign(this.style, {
         top: "",
@@ -372,17 +325,15 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       });
       this.removeEventListener("ui5-before-close", this._revertSize);
     }
+
     /**
      * Event handlers
      */
-
-
     _onDragMouseDown(event) {
       // allow dragging only on the header
       if (!this._movable || !this.draggable || !Dialog._isHeader(event.target)) {
         return;
       }
-
       event.preventDefault();
       const {
         top,
@@ -400,10 +351,8 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       });
       this._x = event.clientX;
       this._y = event.clientY;
-
       this._attachMouseDragHandlers();
     }
-
     _onDragMouseMove(event) {
       event.preventDefault();
       const calcX = this._x - event.clientX;
@@ -419,30 +368,23 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       this._x = event.clientX;
       this._y = event.clientY;
     }
-
     _onDragMouseUp() {
       this._x = null;
       this._y = null;
-
       this._detachMouseDragHandlers();
     }
-
     _onDragOrResizeKeyDown(event) {
       if (!this._movable || !Dialog._isHeader(event.target)) {
         return;
       }
-
       if (this.draggable && [_Keys.isUp, _Keys.isDown, _Keys.isLeft, _Keys.isRight].some(key => key(event))) {
         this._dragWithEvent(event);
-
         return;
       }
-
       if (this.resizable && [_Keys.isUpShift, _Keys.isDownShift, _Keys.isLeftShift, _Keys.isRightShift].some(key => key(event))) {
         this._resizeWithEvent(event);
       }
     }
-
     _dragWithEvent(event) {
       const {
         top,
@@ -451,66 +393,54 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
         height
       } = this.getBoundingClientRect();
       let newPos, posDirection;
-
       switch (true) {
         case (0, _Keys.isUp)(event):
           newPos = top - STEP_SIZE;
           posDirection = "top";
           break;
-
         case (0, _Keys.isDown)(event):
           newPos = top + STEP_SIZE;
           posDirection = "top";
           break;
-
         case (0, _Keys.isLeft)(event):
           newPos = left - STEP_SIZE;
           posDirection = "left";
           break;
-
         case (0, _Keys.isRight)(event):
           newPos = left + STEP_SIZE;
           posDirection = "left";
           break;
       }
-
       newPos = (0, _clamp.default)(newPos, 0, posDirection === "left" ? window.innerWidth - width : window.innerHeight - height);
       this.style[posDirection] = `${newPos}px`;
     }
-
     _resizeWithEvent(event) {
       this._detachScreenResizeHandler();
-
       this.addEventListener("ui5-before-close", this._revertSize);
       const {
-        top,
-        left
-      } = this.getBoundingClientRect(),
-            style = window.getComputedStyle(this),
-            minWidth = Number.parseFloat(style.minWidth),
-            maxWidth = window.innerWidth - left,
-            maxHeight = window.innerHeight - top;
+          top,
+          left
+        } = this.getBoundingClientRect(),
+        style = window.getComputedStyle(this),
+        minWidth = Number.parseFloat(style.minWidth),
+        maxWidth = window.innerWidth - left,
+        maxHeight = window.innerHeight - top;
       let width = Number.parseFloat(style.width),
-          height = Number.parseFloat(style.height);
-
+        height = Number.parseFloat(style.height);
       switch (true) {
         case (0, _Keys.isUpShift)(event):
           height -= STEP_SIZE;
           break;
-
         case (0, _Keys.isDownShift)(event):
           height += STEP_SIZE;
           break;
-
         case (0, _Keys.isLeftShift)(event):
           width -= STEP_SIZE;
           break;
-
         case (0, _Keys.isRightShift)(event):
           width += STEP_SIZE;
           break;
       }
-
       width = (0, _clamp.default)(width, minWidth, maxWidth);
       height = (0, _clamp.default)(height, this._minHeight, maxHeight);
       Object.assign(this.style, {
@@ -518,24 +448,19 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
         height: `${height}px`
       });
     }
-
     _attachMouseDragHandlers() {
       this._detachScreenResizeHandler();
-
       window.addEventListener("mousemove", this._dragMouseMoveHandler);
       window.addEventListener("mouseup", this._dragMouseUpHandler);
     }
-
     _detachMouseDragHandlers() {
       window.removeEventListener("mousemove", this._dragMouseMoveHandler);
       window.removeEventListener("mouseup", this._dragMouseUpHandler);
     }
-
     _onResizeMouseDown(event) {
       if (!this._movable || !this.resizable) {
         return;
       }
-
       event.preventDefault();
       const {
         top,
@@ -558,24 +483,20 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
         top: `${top}px`,
         left: `${left}px`
       });
-
       this._attachMouseResizeHandlers();
     }
-
     _onResizeMouseMove(event) {
       const {
         clientX,
         clientY
       } = event;
       let newWidth, newLeft;
-
       if (this._isRTL) {
         newWidth = (0, _clamp.default)(this._initialWidth - (clientX - this._initialX), this._minWidth, this._initialLeft + this._initialWidth);
         newLeft = (0, _clamp.default)(this._initialLeft + (clientX - this._initialX), 0, this._initialX + this._initialWidth - this._minWidth);
       } else {
         newWidth = (0, _clamp.default)(this._initialWidth + (clientX - this._initialX), this._minWidth, window.innerWidth - this._initialLeft);
       }
-
       const newHeight = (0, _clamp.default)(this._initialHeight + (clientY - this._initialY), this._cachedMinHeight, window.innerHeight - this._initialTop);
       Object.assign(this.style, {
         height: `${newHeight}px`,
@@ -583,7 +504,6 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
         left: newLeft ? `${newLeft}px` : undefined
       });
     }
-
     _onResizeMouseUp() {
       delete this._initialX;
       delete this._initialY;
@@ -593,25 +513,19 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/Device", "sap/ui/w
       delete this._initialLeft;
       delete this._minWidth;
       delete this._cachedMinHeight;
-
       this._detachMouseResizeHandlers();
     }
-
     _attachMouseResizeHandlers() {
       this._detachScreenResizeHandler();
-
       window.addEventListener("mousemove", this._resizeMouseMoveHandler);
       window.addEventListener("mouseup", this._resizeMouseUpHandler);
       this.addEventListener("ui5-before-close", this._revertSize);
     }
-
     _detachMouseResizeHandlers() {
       window.removeEventListener("mousemove", this._resizeMouseMoveHandler);
       window.removeEventListener("mouseup", this._resizeMouseUpHandler);
     }
-
   }
-
   Dialog.define();
   var _default = Dialog;
   _exports.default = _default;