Update bower.json for Polymer elements and add PRESUBMIT.py

third_party/polymer/v1_0/components-chromium/iron-fit-behavior/iron-fit-behavior-extracted.js

 
 
 /**
 Polymer.IronFitBehavior fits an element in another element using `max-height` and `max-width`, and
 optionally centers it in the window or another element.
 
 The element will only be sized and/or positioned if it has not already been sized and/or positioned
 by CSS.
 
 CSS properties               | Action
 -----------------------------|-------------------------------------------
 `position` set               | Element is not centered horizontally or vertically
 `top` or `bottom` set        | Element is not vertically centered
 `left` or `right` set        | Element is not horizontally centered
 `max-height` or `height` set | Element respects `max-height` or `height`
 `max-width` or `width` set   | Element respects `max-width` or `width`
 
 @demo demo/index.html
 @polymerBehavior
 */
 
   Polymer.IronFitBehavior = {
 
     properties: {
 
       /**
        * The element that will receive a `max-height`/`width`. By default it is the same as `this`,
        * but it can be set to a child element. This is useful, for example, for implementing a
        * scrolling region inside the element.
+       * @type {!Element}
        */
       sizingTarget: {
         type: Object,
         value: function() {
           return this;
         }
       },
 
       /**
        * The element to fit `this` into.
        */
       fitInto: {
         type: Object,
         value: window
       },
 
       /**
        * Set to true to auto-fit on attach.
        */
       autoFitOnAttach: {
         type: Boolean,
         value: false
       },
 
+      /** @type {?Object} */
       _fitInfo: {
         type: Object
       }
 
     },
 
     get _fitWidth() {
       var fitWidth;
       if (this.fitInto === window) {
         fitWidth = this.fitInto.innerWidth;
       } else {
         fitWidth = this.fitInto.getBoundingClientRect().width;
       }
       return fitWidth;
     },
 
     get _fitHeight() {
       var fitHeight;
       if (this.fitInto === window) {
         fitHeight = this.fitInto.innerHeight;
       } else {
         fitHeight = this.fitInto.getBoundingClientRect().height;
       }
       return fitHeight;
     },
 
+    get _fitLeft() {
+      var fitLeft;
+      if (this.fitInto === window) {
+        fitLeft = 0;
+      } else {
+        fitLeft = this.fitInto.getBoundingClientRect().left;
+      }
+      return fitLeft;
+    },
+
+    get _fitTop() {
+      var fitTop;
+      if (this.fitInto === window) {
+        fitTop = 0;
+      } else {
+        fitTop = this.fitInto.getBoundingClientRect().top;
+      }
+      return fitTop;
+    },
+
     attached: function() {
       if (this.autoFitOnAttach) {
         if (window.getComputedStyle(this).display === 'none') {
           setTimeout(function() {
             this.fit();
           }.bind(this));
         } else {
           this.fit();
         }
       }
@@ skipping 11 matching lines @@
     /**
      * Memoize information needed to position and size the target element.
      */
     _discoverInfo: function() {
       if (this._fitInfo) {
         return;
       }
       var target = window.getComputedStyle(this);
       var sizer = window.getComputedStyle(this.sizingTarget);
       this._fitInfo = {
+        inlineStyle: {
+          top: this.style.top || '',
+          left: this.style.left || ''
+        },
         positionedBy: {
           vertically: target.top !== 'auto' ? 'top' : (target.bottom !== 'auto' ?
             'bottom' : null),
           horizontally: target.left !== 'auto' ? 'left' : (target.right !== 'auto' ?
             'right' : null),
           css: target.position
         },
         sizedBy: {
           height: sizer.maxHeight !== 'none',
           width: sizer.maxWidth !== 'none'
         },
         margin: {
           top: parseInt(target.marginTop, 10) || 0,
           right: parseInt(target.marginRight, 10) || 0,
           bottom: parseInt(target.marginBottom, 10) || 0,
           left: parseInt(target.marginLeft, 10) || 0
         }
       };
     },
 
     /**
      * Resets the target element's position and size constraints, and clear
      * the memoized data.
      */
     resetFit: function() {
       if (!this._fitInfo || !this._fitInfo.sizedBy.height) {
         this.sizingTarget.style.maxHeight = '';
-        this.style.top = '';
+        this.style.top = this._fitInfo ? this._fitInfo.inlineStyle.top : '';
       }
       if (!this._fitInfo || !this._fitInfo.sizedBy.width) {
         this.sizingTarget.style.maxWidth = '';
-        this.style.left = '';
+        this.style.left = this._fitInfo ? this._fitInfo.inlineStyle.left : '';
       }
       if (this._fitInfo) {
         this.style.position = this._fitInfo.positionedBy.css;
       }
       this._fitInfo = null;
     },
 
     /**
      * Equivalent to calling `resetFit()` and `fit()`. Useful to call this after the element,
      * the window, or the `fitInfo` element has been resized.
@@ skipping 42 matching lines @@
     /**
      * Centers horizontally and vertically if not already positioned. This also sets
      * `position:fixed`.
      */
     center: function() {
       if (!this._fitInfo.positionedBy.vertically || !this._fitInfo.positionedBy.horizontally) {
         // need position:fixed to center
         this.style.position = 'fixed';
       }
       if (!this._fitInfo.positionedBy.vertically) {
-        var top = (this._fitHeight - this.offsetHeight) / 2;
+        var top = (this._fitHeight - this.offsetHeight) / 2 + this._fitTop;
         top -= this._fitInfo.margin.top;
         this.style.top = top + 'px';
       }
       if (!this._fitInfo.positionedBy.horizontally) {
-        var left = (this._fitWidth - this.offsetWidth) / 2;
+        var left = (this._fitWidth - this.offsetWidth) / 2 + this._fitLeft;
         left -= this._fitInfo.margin.left;
         this.style.left = left + 'px';
       }
     }
 
   };