third_party/polymer/components-chromium/core-dropdown/core-dropdown-extracted.js - Issue 1215543002: Remove Polymer 0.5.

Unified Diff: third_party/polymer/components-chromium/core-dropdown/core-dropdown-extracted.js

Issue 1215543002: Remove Polymer 0.5. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: fix unit test Created 5 years, 6 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

« no previous file with comments | « third_party/polymer/components-chromium/core-dropdown/core-dropdown-base-extracted.js ('k') | third_party/polymer/components-chromium/core-dropdown/demo.html » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: third_party/polymer/components-chromium/core-dropdown/core-dropdown-extracted.js

diff --git a/third_party/polymer/components-chromium/core-dropdown/core-dropdown-extracted.js b/third_party/polymer/components-chromium/core-dropdown/core-dropdown-extracted.js

deleted file mode 100644

index 4f68d5b68a5d185aaf6a6749c1dcdc24bbb75ea0..0000000000000000000000000000000000000000

--- a/third_party/polymer/components-chromium/core-dropdown/core-dropdown-extracted.js

+++ /dev/null

@@ -1,211 +0,0 @@

-(function() {

- function docElem(property) {

- var t;

- return ((t = document.documentElement) || (t = document.body.parentNode)) && (typeof t[property] === 'number') ? t : document.body;

- }

- // View width and height excluding any visible scrollbars

- // http://www.highdots.com/forums/javascript/faq-topic-how-do-i-296669.html

- // 1) document.client[Width|Height] always reliable when available, including Safari2

- // 2) document.documentElement.client[Width|Height] reliable in standards mode DOCTYPE, except for Safari2, Opera<9.5

- // 3) document.body.client[Width|Height] is gives correct result when #2 does not, except for Safari2

- // 4) When document.documentElement.client[Width|Height] is unreliable, it will be size of <html> element either greater or less than desired view size

- // https://bugzilla.mozilla.org/show_bug.cgi?id=156388#c7

- // 5) When document.body.client[Width|Height] is unreliable, it will be size of <body> element less than desired view size

- function viewSize() {

- // This algorithm avoids creating test page to determine if document.documentElement.client[Width|Height] is greater then view size,

- // will succeed where such test page wouldn't detect dynamic unreliability,

- // and will only fail in the case the right or bottom edge is within the width of a scrollbar from edge of the viewport that has visible scrollbar(s).

- var doc = docElem('clientWidth');

- var body = document.body;

- var w, h;

- return typeof document.clientWidth === 'number' ?

- {w: document.clientWidth, h: document.clientHeight} :

- doc === body || (w = Math.max( doc.clientWidth, body.clientWidth )) > self.innerWidth || (h = Math.max( doc.clientHeight, body.clientHeight )) > self.innerHeight ?

- {w: body.clientWidth, h: body.clientHeight} : {w: w, h: h };

- }

- Polymer('core-dropdown',{

- publish: {

- /**

- * The element associated with this dropdown, usually the element that triggers

- * the menu. If unset, this property will default to the target's parent node

- * or shadow host.

- *

- * @attribute relatedTarget

- * @type Node

- */

- relatedTarget: null,

- /**

- * The horizontal alignment of the popup relative to `relatedTarget`. `left`

- * means the left edges are aligned together. `right` means the right edges

- * are aligned together.

- *

- * @attribute halign

- * @type 'left' | 'right'

- * @default 'left'

- */

- halign: 'left',

- /**

- * The vertical alignment of the popup relative to `relatedTarget`. `top` means

- * the top edges are aligned together. `bottom` means the bottom edges are

- * aligned together.

- *

- * @attribute valign

- * @type 'top' | 'bottom'

- * @default 'top'

- */

- valign: 'top',

- },

- measure: function() {

- var target = this.target;

- // remember position, because core-overlay may have set the property

- var pos = target.style.position;

- // get the size of the target as if it's positioned in the top left

- // corner of the screen

- target.style.position = 'fixed';

- target.style.left = '0px';

- target.style.top = '0px';

- var rect = target.getBoundingClientRect();

- target.style.position = pos;

- target.style.left = null;

- target.style.top = null;

- return rect;

- },

- resetTargetDimensions: function() {

- var dims = this.dimensions;

- var style = this.target.style;

- if (dims.position.h_by === this.localName) {

- style[dims.position.h] = null;

- dims.position.h_by = null;

- }

- if (dims.position.v_by === this.localName) {

- style[dims.position.v] = null;

- dims.position.v_by = null;

- }

- style.width = null;

- style.height = null;

- this.super();

- },

- positionTarget: function() {

- if (!this.relatedTarget) {

- this.relatedTarget = this.target.parentElement || (this.target.parentNode && this.target.parentNode.host);

- if (!this.relatedTarget) {

- this.super();

- return;

- }

- // explicitly set width/height, because we don't want it constrained

- // to the offsetParent

- var target = this.sizingTarget;

- var rect = this.measure();

- target.style.width = Math.ceil(rect.width) + 'px';

- target.style.height = Math.ceil(rect.height) + 'px';

- if (this.layered) {

- this.positionLayeredTarget();

- } else {

- this.positionNestedTarget();

- }

- },

- positionLayeredTarget: function() {

- var target = this.target;

- var rect = this.relatedTarget.getBoundingClientRect();

- var dims = this.dimensions;

- var margin = dims.margin;

- var vp = viewSize();

- if (!dims.position.h) {

- if (this.halign === 'right') {

- target.style.right = vp.w - rect.right - margin.right + 'px';

- dims.position.h = 'right';

- } else {

- target.style.left = rect.left - margin.left + 'px';

- dims.position.h = 'left';

- }

- dims.position.h_by = this.localName;

- }

- if (!dims.position.v) {

- if (this.valign === 'bottom') {

- target.style.bottom = vp.h - rect.bottom - margin.bottom + 'px';

- dims.position.v = 'bottom';

- } else {

- target.style.top = rect.top - margin.top + 'px';

- dims.position.v = 'top';

- }

- dims.position.v_by = this.localName;

- }

- if (dims.position.h_by || dims.position.v_by) {

- target.style.position = 'fixed';

- }

- },

- positionNestedTarget: function() {

- var target = this.target;

- var related = this.relatedTarget;

- var t_op = target.offsetParent;

- var r_op = related.offsetParent;

- if (window.ShadowDOMPolyfill) {

- t_op = wrap(t_op);

- r_op = wrap(r_op);

- }

- if (t_op !== r_op && t_op !== related) {

- console.warn('core-dropdown-overlay: dropdown\'s offsetParent must be the relatedTarget or the relatedTarget\'s offsetParent!');

- }

- // Don't use CSS to handle halign/valign so we can use

- // dimensions.position to detect custom positioning

- var dims = this.dimensions;

- var margin = dims.margin;

- var inside = t_op === related;

- if (!dims.position.h) {

- if (this.halign === 'right') {

- target.style.right = ((inside ? 0 : t_op.offsetWidth - related.offsetLeft - related.offsetWidth) - margin.right) + 'px';

- dims.position.h = 'right';

- } else {

- target.style.left = ((inside ? 0 : related.offsetLeft) - margin.left) + 'px';

- dims.position.h = 'left';

- }

- dims.position.h_by = this.localName;

- }

- if (!dims.position.v) {

- if (this.valign === 'bottom') {

- target.style.bottom = ((inside ? 0 : t_op.offsetHeight - related.offsetTop - related.offsetHeight) - margin.bottom) + 'px';

- dims.position.v = 'bottom';

- } else {

- target.style.top = ((inside ? 0 : related.offsetTop) - margin.top) + 'px';

- dims.position.v = 'top';

- }

- dims.position.v_by = this.localName;

- }

- });

-})();