| Index: third_party/polymer/v1_0/components/iron-fit-behavior/iron-fit-behavior.html
|
| diff --git a/third_party/polymer/v1_0/components/iron-fit-behavior/iron-fit-behavior.html b/third_party/polymer/v1_0/components/iron-fit-behavior/iron-fit-behavior.html
|
| deleted file mode 100644
|
| index aa776c7a2459a83197996d3433e0f8262e5b865f..0000000000000000000000000000000000000000
|
| --- a/third_party/polymer/v1_0/components/iron-fit-behavior/iron-fit-behavior.html
|
| +++ /dev/null
|
| @@ -1,256 +0,0 @@
|
| -<!--
|
| -@license
|
| -Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
| -This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
| -The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
| -The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
| -Code distributed by Google as part of the polymer project is also
|
| -subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
| --->
|
| -
|
| -<link rel="import" href="../polymer/polymer.html">
|
| -
|
| -<script>
|
| -
|
| -/**
|
| -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();
|
| - }
|
| - }
|
| - },
|
| -
|
| - /**
|
| - * Fits and optionally centers the element into the window, or `fitInfo` if specified.
|
| - */
|
| - fit: function() {
|
| - this._discoverInfo();
|
| - this.constrain();
|
| - this.center();
|
| - },
|
| -
|
| - /**
|
| - * 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._fitInfo ? this._fitInfo.inlineStyle.top : '';
|
| - }
|
| - if (!this._fitInfo || !this._fitInfo.sizedBy.width) {
|
| - this.sizingTarget.style.maxWidth = '';
|
| - 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.
|
| - */
|
| - refit: function() {
|
| - this.resetFit();
|
| - this.fit();
|
| - },
|
| -
|
| - /**
|
| - * Constrains the size of the element to the window or `fitInfo` by setting `max-height`
|
| - * and/or `max-width`.
|
| - */
|
| - constrain: function() {
|
| - var info = this._fitInfo;
|
| - // position at (0px, 0px) if not already positioned, so we can measure the natural size.
|
| - if (!this._fitInfo.positionedBy.vertically) {
|
| - this.style.top = '0px';
|
| - }
|
| - if (!this._fitInfo.positionedBy.horizontally) {
|
| - this.style.left = '0px';
|
| - }
|
| - // need border-box for margin/padding
|
| - this.sizingTarget.style.boxSizing = 'border-box';
|
| - // constrain the width and height if not already set
|
| - var rect = this.getBoundingClientRect();
|
| - if (!info.sizedBy.height) {
|
| - this._sizeDimension(rect, info.positionedBy.vertically, 'top', 'bottom', 'Height');
|
| - }
|
| - if (!info.sizedBy.width) {
|
| - this._sizeDimension(rect, info.positionedBy.horizontally, 'left', 'right', 'Width');
|
| - }
|
| - },
|
| -
|
| - _sizeDimension: function(rect, positionedBy, start, end, extent) {
|
| - var info = this._fitInfo;
|
| - var max = extent === 'Width' ? this._fitWidth : this._fitHeight;
|
| - var flip = (positionedBy === end);
|
| - var offset = flip ? max - rect[end] : rect[start];
|
| - var margin = info.margin[flip ? start : end];
|
| - var offsetExtent = 'offset' + extent;
|
| - var sizingOffset = this[offsetExtent] - this.sizingTarget[offsetExtent];
|
| - this.sizingTarget.style['max' + extent] = (max - margin - offset - sizingOffset) + 'px';
|
| - },
|
| -
|
| - /**
|
| - * 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 + this._fitTop;
|
| - top -= this._fitInfo.margin.top;
|
| - this.style.top = top + 'px';
|
| - }
|
| - if (!this._fitInfo.positionedBy.horizontally) {
|
| - var left = (this._fitWidth - this.offsetWidth) / 2 + this._fitLeft;
|
| - left -= this._fitInfo.margin.left;
|
| - this.style.left = left + 'px';
|
| - }
|
| - }
|
| -
|
| - };
|
| -
|
| -</script>
|
|
|