DevTools: move from Common module - Geometry and CSSShadowModel

third_party/WebKit/Source/devtools/front_end/emulation/DeviceModeView.js

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 /**
  * @unrestricted
  */
 Emulation.DeviceModeView = class extends UI.VBox {
   constructor() {
     super(true);
     this.setMinimumSize(150, 150);
@@ skipping 114 matching lines @@
         UI.ResizerWidget.Events.ResizeUpdate, this._onResizeUpdate.bind(this, widthFactor, heightFactor));
     resizer.addEventListener(UI.ResizerWidget.Events.ResizeEnd, this._onResizeEnd, this);
     return resizer;
   }
 
   /**
    * @param {!Common.Event} event
    */
   _onResizeStart(event) {
     this._slowPositionStart = null;
-    /** @type {!Size} */
+    /** @type {!UI.Size} */
     this._resizeStart = this._model.screenRect().size();
   }
 
   /**
    * @param {number} widthFactor
    * @param {number} heightFactor
    * @param {!Common.Event} event
    */
   _onResizeUpdate(widthFactor, heightFactor, event) {
     if (event.data.shiftKey !== !!this._slowPositionStart)
@@ skipping 29 matching lines @@
    * @param {!Common.Event} event
    */
   _onResizeEnd(event) {
     delete this._resizeStart;
     Host.userMetrics.actionTaken(Host.UserMetrics.Action.ResizedViewInResponsiveMode);
   }
 
   _updateUI() {
     /**
      * @param {!Element} element
-     * @param {!Common.Rect} rect
+     * @param {!UI.Rect} rect
      */
     function applyRect(element, rect) {
       element.style.left = rect.left + 'px';
       element.style.top = rect.top + 'px';
       element.style.width = rect.width + 'px';
       element.style.height = rect.height + 'px';
     }
 
     if (!this.isShowing())
       return;
@@ skipping 107 matching lines @@
    * @param {!Element} element
    * @param {boolean} success
    */
   _onImageLoaded(element, success) {
     element.classList.toggle('hidden', !success);
   }
 
   _contentAreaResized() {
     var zoomFactor = UI.zoomManager.zoomFactor();
     var rect = this._contentArea.getBoundingClientRect();
-    var availableSize = new Size(Math.max(rect.width * zoomFactor, 1), Math.max(rect.height * zoomFactor, 1));
-    var preferredSize = new Size(
+    var availableSize = new UI.Size(Math.max(rect.width * zoomFactor, 1), Math.max(rect.height * zoomFactor, 1));
+    var preferredSize = new UI.Size(
         Math.max((rect.width - 2 * this._handleWidth) * zoomFactor, 1),
         Math.max((rect.height - this._handleHeight) * zoomFactor, 1));
     this._model.setAvailableSize(availableSize, preferredSize);
   }
 
   _measureHandles() {
     var hidden = this._rightResizerElement.classList.contains('hidden');
     this._rightResizerElement.classList.toggle('hidden', false);
     this._bottomResizerElement.classList.toggle('hidden', false);
     this._handleWidth = this._rightResizerElement.offsetWidth;
@@ skipping 35 matching lines @@
   }
 
   captureScreenshot() {
     var mainTarget = SDK.targetManager.mainTarget();
     if (!mainTarget)
       return;
     SDK.DOMModel.muteHighlight();
 
     var zoomFactor = UI.zoomManager.zoomFactor();
     var rect = this._contentArea.getBoundingClientRect();
-    var availableSize = new Size(Math.max(rect.width * zoomFactor, 1), Math.max(rect.height * zoomFactor, 1));
+    var availableSize = new UI.Size(Math.max(rect.width * zoomFactor, 1), Math.max(rect.height * zoomFactor, 1));
     var outlineVisible = this._model.deviceOutlineSetting().get();
 
     if (availableSize.width < this._model.screenRect().width ||
         availableSize.height < this._model.screenRect().height) {
       UI.inspectorView.minimize();
       this._model.deviceOutlineSetting().set(false);
     }
 
     mainTarget.pageAgent().captureScreenshot(screenshotCaptured.bind(this));
 
@@ skipping 33 matching lines @@
       var promise = Promise.resolve();
       if (this._model.outlineImage())
         promise = promise.then(paintImage.bind(null, this._model.outlineImage(), outlineRect));
       promise = promise.then(drawBorder);
       if (this._model.screenImage())
         promise = promise.then(paintImage.bind(null, this._model.screenImage(), screenRect));
       promise.then(paintScreenshot.bind(this));
 
       /**
        * @param {string} src
-       * @param {!Common.Rect} rect
+       * @param {!UI.Rect} rect
        * @return {!Promise<undefined>}
        */
       function paintImage(src, rect) {
         var callback;
         var promise = new Promise(fulfill => callback = fulfill);
         var image = new Image();
         image.crossOrigin = 'Anonymous';
         image.srcset = src;
         image.onload = onImageLoad;
         image.onerror = callback;
@@ skipping 130 matching lines @@
     return Promise.resolve();
   }
 
   /**
    * @param {number} size
    */
   _onMarkerClick(size) {
     this._applyCallback.call(null, size);
   }
 };