diff options
| author | Allan Sandfeld Jensen <allan.jensen@qt.io> | 2017-09-18 14:34:04 +0200 |
|---|---|---|
| committer | Allan Sandfeld Jensen <allan.jensen@qt.io> | 2017-10-04 11:15:27 +0000 |
| commit | e6430e577f105ad8813c92e75c54660c4985026e (patch) | |
| tree | 88115e5d1fb471fea807111924dcccbeadbf9e4f /chromium/third_party/polymer | |
| parent | 53d399fe6415a96ea6986ec0d402a9c07da72453 (diff) | |
| download | qtwebengine-chromium-e6430e577f105ad8813c92e75c54660c4985026e.tar.gz | |
BASELINE: Update Chromium to 61.0.3163.99
Change-Id: I8452f34574d88ca2b27af9bd56fc9ff3f16b1367
Reviewed-by: Alexandru Croitor <alexandru.croitor@qt.io>
Diffstat (limited to 'chromium/third_party/polymer')
37 files changed, 255 insertions, 3048 deletions
diff --git a/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/compiled_resources2.gyp b/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/compiled_resources2.gyp deleted file mode 100644 index b1f81fe5a17..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/compiled_resources2.gyp +++ /dev/null @@ -1,20 +0,0 @@ -# Copyright 2017 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. -# -# NOTE: Created with generate_compiled_resources_gyp.py, please do not edit. -{ - 'targets': [ - { - 'target_name': 'iron-flex-layout-extracted', - 'dependencies': [ - 'iron-shadow-flex-layout-extracted', - ], - 'includes': ['../../../../../closure_compiler/compile_js2.gypi'], - }, - { - 'target_name': 'iron-shadow-flex-layout-extracted', - 'includes': ['../../../../../closure_compiler/compile_js2.gypi'], - }, - ], -} diff --git a/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/iron-flex-layout-extracted.js b/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/iron-flex-layout-extracted.js deleted file mode 100644 index 418f5a5e67f..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/iron-flex-layout-extracted.js +++ /dev/null @@ -1 +0,0 @@ -console.warn('This file is deprecated. Please use `iron-flex-layout/iron-flex-layout-classes.html`, and one of the specific dom-modules instead');
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/iron-flex-layout.html b/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/iron-flex-layout.html deleted file mode 100644 index 1d0cab5ee7d..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/iron-flex-layout.html +++ /dev/null @@ -1,306 +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 ---><html><head><link rel="import" href="iron-shadow-flex-layout.html"> - -<style> - - /******************************* - Flex Layout - *******************************/ - - .layout.horizontal, - .layout.horizontal-reverse, - .layout.vertical, - .layout.vertical-reverse { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - } - - .layout.inline { - display: -ms-inline-flexbox; - display: -webkit-inline-flex; - display: inline-flex; - } - - .layout.horizontal { - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - } - - .layout.horizontal-reverse { - -ms-flex-direction: row-reverse; - -webkit-flex-direction: row-reverse; - flex-direction: row-reverse; - } - - .layout.vertical { - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - } - - .layout.vertical-reverse { - -ms-flex-direction: column-reverse; - -webkit-flex-direction: column-reverse; - flex-direction: column-reverse; - } - - .layout.wrap { - -ms-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - } - - .layout.wrap-reverse { - -ms-flex-wrap: wrap-reverse; - -webkit-flex-wrap: wrap-reverse; - flex-wrap: wrap-reverse; - } - - .flex-auto { - -ms-flex: 1 1 auto; - -webkit-flex: 1 1 auto; - flex: 1 1 auto; - } - - .flex-none { - -ms-flex: none; - -webkit-flex: none; - flex: none; - } - - .flex, - .flex-1 { - -ms-flex: 1; - -webkit-flex: 1; - flex: 1; - } - - .flex-2 { - -ms-flex: 2; - -webkit-flex: 2; - flex: 2; - } - - .flex-3 { - -ms-flex: 3; - -webkit-flex: 3; - flex: 3; - } - - .flex-4 { - -ms-flex: 4; - -webkit-flex: 4; - flex: 4; - } - - .flex-5 { - -ms-flex: 5; - -webkit-flex: 5; - flex: 5; - } - - .flex-6 { - -ms-flex: 6; - -webkit-flex: 6; - flex: 6; - } - - .flex-7 { - -ms-flex: 7; - -webkit-flex: 7; - flex: 7; - } - - .flex-8 { - -ms-flex: 8; - -webkit-flex: 8; - flex: 8; - } - - .flex-9 { - -ms-flex: 9; - -webkit-flex: 9; - flex: 9; - } - - .flex-10 { - -ms-flex: 10; - -webkit-flex: 10; - flex: 10; - } - - .flex-11 { - -ms-flex: 11; - -webkit-flex: 11; - flex: 11; - } - - .flex-12 { - -ms-flex: 12; - -webkit-flex: 12; - flex: 12; - } - - /* alignment in cross axis */ - - .layout.start { - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; - } - - .layout.center, - .layout.center-center { - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - } - - .layout.end { - -ms-flex-align: end; - -webkit-align-items: flex-end; - align-items: flex-end; - } - - /* alignment in main axis */ - - .layout.start-justified { - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - } - - .layout.center-justified, - .layout.center-center { - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - } - - .layout.end-justified { - -ms-flex-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; - } - - .layout.around-justified { - -ms-flex-pack: around; - -webkit-justify-content: space-around; - justify-content: space-around; - } - - .layout.justified { - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - } - - /* self alignment */ - - .self-start { - -ms-align-self: flex-start; - -webkit-align-self: flex-start; - align-self: flex-start; - } - - .self-center { - -ms-align-self: center; - -webkit-align-self: center; - align-self: center; - } - - .self-end { - -ms-align-self: flex-end; - -webkit-align-self: flex-end; - align-self: flex-end; - } - - .self-stretch { - -ms-align-self: stretch; - -webkit-align-self: stretch; - align-self: stretch; - } - - /******************************* - Other Layout - *******************************/ - - .block { - display: block; - } - - /* IE 10 support for HTML5 hidden attr */ - [hidden] { - display: none !important; - } - - .invisible { - visibility: hidden !important; - } - - .relative { - position: relative; - } - - .fit { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - } - - body.fullbleed { - margin: 0; - height: 100vh; - } - - .scroll { - -webkit-overflow-scrolling: touch; - overflow: auto; - } - - /* fixed position */ - - .fixed-bottom, - .fixed-left, - .fixed-right, - .fixed-top { - position: fixed; - } - - .fixed-top { - top: 0; - left: 0; - right: 0; - } - - .fixed-right { - top: 0; - right: 0; - bottom: 0; - } - - .fixed-bottom { - right: 0; - bottom: 0; - left: 0; - } - - .fixed-left { - top: 0; - bottom: 0; - left: 0; - } - -</style> -</head><body><script src="iron-flex-layout-extracted.js"></script></body></html>
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/iron-shadow-flex-layout-extracted.js b/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/iron-shadow-flex-layout-extracted.js deleted file mode 100644 index 418f5a5e67f..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/iron-shadow-flex-layout-extracted.js +++ /dev/null @@ -1 +0,0 @@ -console.warn('This file is deprecated. Please use `iron-flex-layout/iron-flex-layout-classes.html`, and one of the specific dom-modules instead');
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/iron-shadow-flex-layout.html b/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/iron-shadow-flex-layout.html deleted file mode 100644 index ce7bb4e874b..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/iron-flex-layout/classes/iron-shadow-flex-layout.html +++ /dev/null @@ -1,302 +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 ---><html><head><style> - - /******************************* - Flex Layout - *******************************/ - - html /deep/ .layout.horizontal, - html /deep/ .layout.horizontal-reverse, - html /deep/ .layout.vertical, - html /deep/ .layout.vertical-reverse { - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - } - - html /deep/ .layout.inline { - display: -ms-inline-flexbox; - display: -webkit-inline-flex; - display: inline-flex; - } - - html /deep/ .layout.horizontal { - -ms-flex-direction: row; - -webkit-flex-direction: row; - flex-direction: row; - } - - html /deep/ .layout.horizontal-reverse { - -ms-flex-direction: row-reverse; - -webkit-flex-direction: row-reverse; - flex-direction: row-reverse; - } - - html /deep/ .layout.vertical { - -ms-flex-direction: column; - -webkit-flex-direction: column; - flex-direction: column; - } - - html /deep/ .layout.vertical-reverse { - -ms-flex-direction: column-reverse; - -webkit-flex-direction: column-reverse; - flex-direction: column-reverse; - } - - html /deep/ .layout.wrap { - -ms-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - flex-wrap: wrap; - } - - html /deep/ .layout.wrap-reverse { - -ms-flex-wrap: wrap-reverse; - -webkit-flex-wrap: wrap-reverse; - flex-wrap: wrap-reverse; - } - - html /deep/ .flex-auto { - -ms-flex: 1 1 auto; - -webkit-flex: 1 1 auto; - flex: 1 1 auto; - } - - html /deep/ .flex-none { - -ms-flex: none; - -webkit-flex: none; - flex: none; - } - - html /deep/ .flex, - html /deep/ .flex-1 { - -ms-flex: 1; - -webkit-flex: 1; - flex: 1; - } - - html /deep/ .flex-2 { - -ms-flex: 2; - -webkit-flex: 2; - flex: 2; - } - - html /deep/ .flex-3 { - -ms-flex: 3; - -webkit-flex: 3; - flex: 3; - } - - html /deep/ .flex-4 { - -ms-flex: 4; - -webkit-flex: 4; - flex: 4; - } - - html /deep/ .flex-5 { - -ms-flex: 5; - -webkit-flex: 5; - flex: 5; - } - - html /deep/ .flex-6 { - -ms-flex: 6; - -webkit-flex: 6; - flex: 6; - } - - html /deep/ .flex-7 { - -ms-flex: 7; - -webkit-flex: 7; - flex: 7; - } - - html /deep/ .flex-8 { - -ms-flex: 8; - -webkit-flex: 8; - flex: 8; - } - - html /deep/ .flex-9 { - -ms-flex: 9; - -webkit-flex: 9; - flex: 9; - } - - html /deep/ .flex-10 { - -ms-flex: 10; - -webkit-flex: 10; - flex: 10; - } - - html /deep/ .flex-11 { - -ms-flex: 11; - -webkit-flex: 11; - flex: 11; - } - - html /deep/ .flex-12 { - -ms-flex: 12; - -webkit-flex: 12; - flex: 12; - } - - /* alignment in cross axis */ - - html /deep/ .layout.start { - -ms-flex-align: start; - -webkit-align-items: flex-start; - align-items: flex-start; - } - - html /deep/ .layout.center, - html /deep/ .layout.center-center { - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - } - - html /deep/ .layout.end { - -ms-flex-align: end; - -webkit-align-items: flex-end; - align-items: flex-end; - } - - /* alignment in main axis */ - - html /deep/ .layout.start-justified { - -ms-flex-pack: start; - -webkit-justify-content: flex-start; - justify-content: flex-start; - } - - html /deep/ .layout.center-justified, - html /deep/ .layout.center-center { - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - } - - html /deep/ .layout.end-justified { - -ms-flex-pack: end; - -webkit-justify-content: flex-end; - justify-content: flex-end; - } - - html /deep/ .layout.around-justified { - -ms-flex-pack: around; - -webkit-justify-content: space-around; - justify-content: space-around; - } - - html /deep/ .layout.justified { - -ms-flex-pack: justify; - -webkit-justify-content: space-between; - justify-content: space-between; - } - - /* self alignment */ - - html /deep/ .self-start { - -ms-align-self: flex-start; - -webkit-align-self: flex-start; - align-self: flex-start; - } - - html /deep/ .self-center { - -ms-align-self: center; - -webkit-align-self: center; - align-self: center; - } - - html /deep/ .self-end { - -ms-align-self: flex-end; - -webkit-align-self: flex-end; - align-self: flex-end; - } - - html /deep/ .self-stretch { - -ms-align-self: stretch; - -webkit-align-self: stretch; - align-self: stretch; - } - - /******************************* - Other Layout - *******************************/ - - html /deep/ .block { - display: block; - } - - /* IE 10 support for HTML5 hidden attr */ - html /deep/ [hidden] { - display: none !important; - } - - html /deep/ .invisible { - visibility: hidden !important; - } - - html /deep/ .relative { - position: relative; - } - - html /deep/ .fit { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - } - - body.fullbleed { - margin: 0; - height: 100vh; - } - - html /deep/ .scroll { - -webkit-overflow-scrolling: touch; - overflow: auto; - } - - .fixed-bottom, - .fixed-left, - .fixed-right, - .fixed-top { - position: fixed; - } - - html /deep/ .fixed-top { - top: 0; - left: 0; - right: 0; - } - - html /deep/ .fixed-right { - top: 0; - right: 0; - bottom: 0; - } - - html /deep/ .fixed-bottom { - right: 0; - bottom: 0; - left: 0; - } - - html /deep/ .fixed-left { - top: 0; - bottom: 0; - left: 0; - } - -</style> -</head><body><script src="iron-shadow-flex-layout-extracted.js"></script></body></html>
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/iron-list/iron-list-extracted.js b/chromium/third_party/polymer/v1_0/components-chromium/iron-list/iron-list-extracted.js index 780e6cb4617..bb2f6aad64e 100644 --- a/chromium/third_party/polymer/v1_0/components-chromium/iron-list/iron-list-extracted.js +++ b/chromium/third_party/polymer/v1_0/components-chromium/iron-list/iron-list-extracted.js @@ -126,6 +126,14 @@ scrollOffset: { type: Number, value: 0 + }, + + /** + * If set to true, focus on an element will be preserved after rerender. + */ + preserveFocus: { + type: Boolean, + value: false } }, @@ -895,6 +903,15 @@ * to `items`, splices or updates to a single item. */ _itemsChanged: function(change) { + var rendering = /^items(\.splices){0,1}$/.test(change.path); + var lastFocusedIndex, focusedElement; + if (rendering && this.preserveFocus) { + lastFocusedIndex = this._focusedIndex; + focusedElement = this.querySelector('* /deep/ *:focus'); + } + + var preservingFocus = rendering && this.preserveFocus && focusedElement; + if (change.path === 'items') { this._virtualStart = 0; this._physicalTop = 0; @@ -907,12 +924,11 @@ this._physicalItems = this._physicalItems || []; this._physicalSizes = this._physicalSizes || []; this._physicalStart = 0; - if (this._scrollTop > this._scrollOffset) { + if (this._scrollTop > this._scrollOffset && !preservingFocus) { this._resetScrollPosition(0); } this._removeFocusedItem(); this._debounceTemplate(this._render); - } else if (change.path === 'items.splices') { this._adjustVirtualIndex(change.value.indexSplices); this._virtualCount = this.items ? this.items.length : 0; @@ -921,6 +937,17 @@ } else { this._forwardItemPath(change.path.split('.').slice(1).join('.'), change.value); } + + // If the list was in focus when updated, preserve the focus on item. + if (preservingFocus) { + Polymer.dom.flush(); + focusedElement.blur(); // paper- elements breaks when focused twice. + this._focusPhysicalItem( + Math.min(this.items.length - 1, lastFocusedIndex)); + if (!this._isIndexVisible(this._focusedIndex)) { + this.scrollToIndex(this._focusedIndex); + } + } }, /** diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/bower.json b/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/bower.json deleted file mode 100644 index cbe17d39c00..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/bower.json +++ /dev/null @@ -1,40 +0,0 @@ -{ - "name": "paper-dialog-behavior", - "version": "1.2.7", - "description": "Implements a behavior used for material design dialogs", - "authors": "The Polymer Authors", - "keywords": [ - "web-components", - "polymer", - "dialog", - "overlay", - "behavior" - ], - "main": "paper-dialog-behavior.html", - "private": true, - "repository": { - "type": "git", - "url": "git://github.com/PolymerElements/paper-dialog-behavior" - }, - "license": "http://polymer.github.io/LICENSE.txt", - "homepage": "https://github.com/PolymerElements/paper-dialog-behavior", - "ignore": [], - "dependencies": { - "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^1.0.0", - "paper-styles": "PolymerElements/paper-styles#^1.1.0", - "polymer": "Polymer/polymer#^1.1.0" - }, - "devDependencies": { - "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", - "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0", - "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0", - "paper-button": "PolymerElements/paper-button#^1.0.0", - "paper-dialog-scrollable": "PolymerElements/paper-dialog-scrollable#^1.0.0", - "paper-dropdown-menu": "PolymerElements/paper-dropdown-menu#^1.0.0", - "paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0", - "paper-item": "PolymerElements/paper-item#^1.0.0", - "paper-listbox": "PolymerElements/paper-listbox#^1.0.0", - "web-component-tester": "^4.0.0", - "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" - } -} diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/compiled_resources2.gyp b/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/compiled_resources2.gyp deleted file mode 100644 index d5a26fdda53..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/compiled_resources2.gyp +++ /dev/null @@ -1,16 +0,0 @@ -# Copyright 2017 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. -# -# NOTE: Created with generate_compiled_resources_gyp.py, please do not edit. -{ - 'targets': [ - { - 'target_name': 'paper-dialog-behavior-extracted', - 'dependencies': [ - '../iron-overlay-behavior/compiled_resources2.gyp:iron-overlay-behavior-extracted', - ], - 'includes': ['../../../../closure_compiler/compile_js2.gypi'], - }, - ], -} diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-behavior-extracted.js b/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-behavior-extracted.js deleted file mode 100644 index 0dd39eef79a..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-behavior-extracted.js +++ /dev/null @@ -1,123 +0,0 @@ -/** -Use `Polymer.PaperDialogBehavior` and `paper-dialog-shared-styles.html` to implement a Material Design -dialog. - -For example, if `<paper-dialog-impl>` implements this behavior: - - <paper-dialog-impl> - <h2>Header</h2> - <div>Dialog body</div> - <div class="buttons"> - <paper-button dialog-dismiss>Cancel</paper-button> - <paper-button dialog-confirm>Accept</paper-button> - </div> - </paper-dialog-impl> - -`paper-dialog-shared-styles.html` provide styles for a header, content area, and an action area for buttons. -Use the `<h2>` tag for the header and the `buttons` class for the action area. You can use the -`paper-dialog-scrollable` element (in its own repository) if you need a scrolling content area. - -Use the `dialog-dismiss` and `dialog-confirm` attributes on interactive controls to close the -dialog. If the user dismisses the dialog with `dialog-confirm`, the `closingReason` will update -to include `confirmed: true`. - -### Accessibility - -This element has `role="dialog"` by default. Depending on the context, it may be more appropriate -to override this attribute with `role="alertdialog"`. - -If `modal` is set, the element will prevent the focus from exiting the element. -It will also ensure that focus remains in the dialog. - -@hero hero.svg -@demo demo/index.html -@polymerBehavior Polymer.PaperDialogBehavior -*/ - - Polymer.PaperDialogBehaviorImpl = { - - hostAttributes: { - 'role': 'dialog', - 'tabindex': '-1' - }, - - properties: { - - /** - * If `modal` is true, this implies `no-cancel-on-outside-click`, `no-cancel-on-esc-key` and `with-backdrop`. - */ - modal: { - type: Boolean, - value: false - } - - }, - - observers: [ - '_modalChanged(modal, _readied)' - ], - - listeners: { - 'tap': '_onDialogClick' - }, - - ready: function () { - // Only now these properties can be read. - this.__prevNoCancelOnOutsideClick = this.noCancelOnOutsideClick; - this.__prevNoCancelOnEscKey = this.noCancelOnEscKey; - this.__prevWithBackdrop = this.withBackdrop; - }, - - _modalChanged: function(modal, readied) { - // modal implies noCancelOnOutsideClick, noCancelOnEscKey and withBackdrop. - // We need to wait for the element to be ready before we can read the - // properties values. - if (!readied) { - return; - } - - if (modal) { - this.__prevNoCancelOnOutsideClick = this.noCancelOnOutsideClick; - this.__prevNoCancelOnEscKey = this.noCancelOnEscKey; - this.__prevWithBackdrop = this.withBackdrop; - this.noCancelOnOutsideClick = true; - this.noCancelOnEscKey = true; - this.withBackdrop = true; - } else { - // If the value was changed to false, let it false. - this.noCancelOnOutsideClick = this.noCancelOnOutsideClick && - this.__prevNoCancelOnOutsideClick; - this.noCancelOnEscKey = this.noCancelOnEscKey && - this.__prevNoCancelOnEscKey; - this.withBackdrop = this.withBackdrop && this.__prevWithBackdrop; - } - }, - - _updateClosingReasonConfirmed: function(confirmed) { - this.closingReason = this.closingReason || {}; - this.closingReason.confirmed = confirmed; - }, - - /** - * Will dismiss the dialog if user clicked on an element with dialog-dismiss - * or dialog-confirm attribute. - */ - _onDialogClick: function(event) { - // Search for the element with dialog-confirm or dialog-dismiss, - // from the root target until this (excluded). - var path = Polymer.dom(event).path; - for (var i = 0; i < path.indexOf(this); i++) { - var target = path[i]; - if (target.hasAttribute && (target.hasAttribute('dialog-dismiss') || target.hasAttribute('dialog-confirm'))) { - this._updateClosingReasonConfirmed(target.hasAttribute('dialog-confirm')); - this.close(); - event.stopPropagation(); - break; - } - } - } - - }; - - /** @polymerBehavior */ - Polymer.PaperDialogBehavior = [Polymer.IronOverlayBehavior, Polymer.PaperDialogBehaviorImpl];
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-behavior.html b/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-behavior.html deleted file mode 100644 index 0400742f37b..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-behavior.html +++ /dev/null @@ -1,12 +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 ---><html><head><link rel="import" href="../polymer/polymer.html"> -<link rel="import" href="../iron-overlay-behavior/iron-overlay-behavior.html"> - -</head><body><script src="paper-dialog-behavior-extracted.js"></script></body></html>
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-common.css b/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-common.css deleted file mode 100644 index 560b0a56aa2..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-common.css +++ /dev/null @@ -1,57 +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 -*/ - -:host { - display: block; - margin: 24px 40px; - - background: var(--paper-dialog-background-color, --primary-background-color); - color: var(--paper-dialog-color, --primary-text-color); - - @apply(--paper-font-body1); - @apply(--shadow-elevation-16dp); - @apply(--paper-dialog); -} - -:host > ::content > * { - margin-top: 20px; - padding: 0 24px; -} - -:host > ::content > .no-padding { - padding: 0; -} - -:host > ::content > *:first-child { - margin-top: 24px; -} - -:host > ::content > *:last-child { - margin-bottom: 24px; -} - -:host > ::content h2 { - position: relative; - margin: 0; - @apply(--paper-font-title); - - @apply(--paper-dialog-title); -} - -:host > ::content .buttons { - position: relative; - padding: 8px 8px 8px 24px; - margin: 0; - - color: var(--paper-dialog-button-color, --primary-color); - - @apply(--layout-horizontal); - @apply(--layout-end-justified); -} diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-shared-styles.html b/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-shared-styles.html deleted file mode 100644 index 35ea74bd7fb..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog-behavior/paper-dialog-shared-styles.html +++ /dev/null @@ -1,83 +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"> -<link rel="import" href="../iron-flex-layout/iron-flex-layout.html"> -<link rel="import" href="../paper-styles/default-theme.html"> -<link rel="import" href="../paper-styles/typography.html"> -<link rel="import" href="../paper-styles/shadow.html"> - -<!-- -### Styling - -The following custom properties and mixins are available for styling. - -Custom property | Description | Default -----------------|-------------|---------- -`--paper-dialog-background-color` | Dialog background color | `--primary-background-color` -`--paper-dialog-color` | Dialog foreground color | `--primary-text-color` -`--paper-dialog` | Mixin applied to the dialog | `{}` -`--paper-dialog-title` | Mixin applied to the title (`<h2>`) element | `{}` -`--paper-dialog-button-color` | Button area foreground color | `--default-primary-color` ---> - -<dom-module id="paper-dialog-shared-styles"> - <template> - <style> - :host { - display: block; - margin: 24px 40px; - - background: var(--paper-dialog-background-color, --primary-background-color); - color: var(--paper-dialog-color, --primary-text-color); - - @apply(--paper-font-body1); - @apply(--shadow-elevation-16dp); - @apply(--paper-dialog); - } - - :host > ::content > * { - margin-top: 20px; - padding: 0 24px; - } - - :host > ::content > .no-padding { - padding: 0; - } - - :host > ::content > *:first-child { - margin-top: 24px; - } - - :host > ::content > *:last-child { - margin-bottom: 24px; - } - - :host > ::content h2 { - position: relative; - margin: 0; - @apply(--paper-font-title); - - @apply(--paper-dialog-title); - } - - :host > ::content .buttons { - position: relative; - padding: 8px 8px 8px 24px; - margin: 0; - - color: var(--paper-dialog-button-color, --primary-color); - - @apply(--layout-horizontal); - @apply(--layout-end-justified); - } - </style> - </template> -</dom-module> diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog/bower.json b/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog/bower.json deleted file mode 100644 index e7882a55e60..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog/bower.json +++ /dev/null @@ -1,40 +0,0 @@ -{ - "name": "paper-dialog", - "description": "A Material Design dialog", - "version": "1.1.0", - "authors": "The Polymer Authors", - "keywords": [ - "web-components", - "polymer", - "dialog", - "overlay" - ], - "main": "paper-dialog.html", - "private": true, - "repository": { - "type": "git", - "url": "git://github.com/PolymerElements/paper-dialog" - }, - "license": "http://polymer.github.io/LICENSE.txt", - "homepage": "https://github.com/PolymerElements/paper-dialog", - "ignore": [], - "dependencies": { - "neon-animation": "PolymerElements/neon-animation#^1.0.0", - "paper-dialog-behavior": "PolymerElements/paper-dialog-behavior#^1.0.0", - "iron-overlay-behavior": "PolymerElements/iron-overlay-behavior#^1.7.0", - "paper-styles": "PolymerElements/paper-styles#^1.0.0", - "polymer": "Polymer/polymer#^1.1.0" - }, - "devDependencies": { - "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", - "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0", - "paper-button": "PolymerElements/paper-button#^1.0.0", - "paper-dialog-scrollable": "PolymerElements/paper-dialog-scrollable#^1.0.0", - "paper-dropdown-menu": "PolymerElements/paper-dropdown-menu#^1.0.0", - "paper-item": "PolymerElements/paper-item#^1.0.0", - "paper-menu": "PolymerElements/paper-menu#^1.0.0", - "test-fixture": "PolymerElements/test-fixture#^1.0.0", - "web-component-tester": "^4.0.0", - "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" - } -} diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog/compiled_resources2.gyp b/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog/compiled_resources2.gyp deleted file mode 100644 index f7d3cd704e6..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog/compiled_resources2.gyp +++ /dev/null @@ -1,17 +0,0 @@ -# Copyright 2017 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. -# -# NOTE: Created with generate_compiled_resources_gyp.py, please do not edit. -{ - 'targets': [ - { - 'target_name': 'paper-dialog-extracted', - 'dependencies': [ - '../neon-animation/compiled_resources2.gyp:neon-animation-runner-behavior-extracted', - '../paper-dialog-behavior/compiled_resources2.gyp:paper-dialog-behavior-extracted', - ], - 'includes': ['../../../../closure_compiler/compile_js2.gypi'], - }, - ], -} diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog/paper-dialog-extracted.js b/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog/paper-dialog-extracted.js deleted file mode 100644 index 570cf42f255..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog/paper-dialog-extracted.js +++ /dev/null @@ -1,36 +0,0 @@ -(function() { - - Polymer({ - - is: 'paper-dialog', - - behaviors: [ - Polymer.PaperDialogBehavior, - Polymer.NeonAnimationRunnerBehavior - ], - - listeners: { - 'neon-animation-finish': '_onNeonAnimationFinish' - }, - - _renderOpened: function() { - this.cancelAnimation(); - this.playAnimation('entry'); - }, - - _renderClosed: function() { - this.cancelAnimation(); - this.playAnimation('exit'); - }, - - _onNeonAnimationFinish: function() { - if (this.opened) { - this._finishRenderOpened(); - } else { - this._finishRenderClosed(); - } - } - - }); - -})();
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog/paper-dialog.html b/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog/paper-dialog.html deleted file mode 100644 index 8c405514974..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dialog/paper-dialog.html +++ /dev/null @@ -1,76 +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 ---><html><head><link rel="import" href="../polymer/polymer.html"> -<link rel="import" href="../neon-animation/neon-animation-runner-behavior.html"> -<link rel="import" href="../paper-dialog-behavior/paper-dialog-behavior.html"> -<link rel="import" href="../paper-dialog-behavior/paper-dialog-shared-styles.html"> -<!-- -Material design: [Dialogs](https://www.google.com/design/spec/components/dialogs.html) - -`<paper-dialog>` is a dialog with Material Design styling and optional animations when it is -opened or closed. It provides styles for a header, content area, and an action area for buttons. -You can use the `<paper-dialog-scrollable>` element (in its own repository) if you need a scrolling -content area. To autofocus a specific child element after opening the dialog, give it the `autofocus` -attribute. See `Polymer.PaperDialogBehavior` and `Polymer.IronOverlayBehavior` for specifics. - -For example, the following code implements a dialog with a header, scrolling content area and -buttons. Focus will be given to the `dialog-confirm` button when the dialog is opened. - - <paper-dialog> - <h2>Header</h2> - <paper-dialog-scrollable> - Lorem ipsum... - </paper-dialog-scrollable> - <div class="buttons"> - <paper-button dialog-dismiss>Cancel</paper-button> - <paper-button dialog-confirm autofocus>Accept</paper-button> - </div> - </paper-dialog> - -### Styling - -See the docs for `Polymer.PaperDialogBehavior` for the custom properties available for styling -this element. - -### Animations - -Set the `entry-animation` and/or `exit-animation` attributes to add an animation when the dialog -is opened or closed. See the documentation in -[PolymerElements/neon-animation](https://github.com/PolymerElements/neon-animation) for more info. - -For example: - - <link rel="import" href="components/neon-animation/animations/scale-up-animation.html"> - <link rel="import" href="components/neon-animation/animations/fade-out-animation.html"> - - <paper-dialog entry-animation="scale-up-animation" - exit-animation="fade-out-animation"> - <h2>Header</h2> - <div>Dialog body</div> - </paper-dialog> - -### Accessibility - -See the docs for `Polymer.PaperDialogBehavior` for accessibility features implemented by this -element. - -@group Paper Elements -@element paper-dialog -@hero hero.svg -@demo demo/index.html ---> - -</head><body><dom-module id="paper-dialog"> - <template> - <style include="paper-dialog-shared-styles"></style> - <content></content> - </template> -</dom-module> - -<script src="paper-dialog-extracted.js"></script></body></html>
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/bower.json b/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/bower.json deleted file mode 100644 index 8e32f8fc02c..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/bower.json +++ /dev/null @@ -1,48 +0,0 @@ -{ - "name": "paper-dropdown-menu", - "version": "1.4.1", - "description": "An element that works similarly to a native browser select", - "authors": [ - "The Polymer Authors" - ], - "keywords": [ - "web-components", - "web-component", - "polymer", - "dropdown", - "select" - ], - "main": "paper-dropdown-menu.html", - "private": true, - "repository": { - "type": "git", - "url": "git://github.com/PolymerElements/paper-dropdown-menu.git" - }, - "license": "http://polymer.github.io/LICENSE.txt", - "homepage": "https://github.com/PolymerElements/paper-dropdown-menu", - "dependencies": { - "polymer": "Polymer/polymer#^1.1.0", - "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#^1.0.0", - "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0", - "iron-icon": "PolymerElements/iron-icon#^1.0.0", - "iron-iconset-svg": "polymerelements/iron-iconset-svg#^1.0.0", - "iron-validatable-behavior": "PolymerElements/iron-validatable-behavior#^1.0.0", - "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0", - "paper-input": "PolymerElements/paper-input#^1.0.9", - "paper-menu-button": "PolymerElements/paper-menu-button#^1.3.0", - "paper-ripple": "PolymerElements/paper-ripple#^1.0.0", - "paper-styles": "PolymerElements/paper-styles#^1.0.0" - }, - "devDependencies": { - "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", - "iron-demo-helpers": "PolymerElements/iron-demo-helpers#^1.0.0", - "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0", - "paper-item": "PolymerElements/paper-item#^1.0.0", - "paper-listbox": "PolymerElements/paper-listbox#^1.0.0", - "paper-tabs": "PolymerElements/paper-tabs#^1.0.0", - "test-fixture": "PolymerElements/test-fixture#^1.0.0", - "web-component-tester": "^4.0.0", - "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" - }, - "ignore": [] -} diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/compiled_resources2.gyp b/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/compiled_resources2.gyp deleted file mode 100644 index 65f01d75a25..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/compiled_resources2.gyp +++ /dev/null @@ -1,37 +0,0 @@ -# Copyright 2017 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. -# -# NOTE: Created with generate_compiled_resources_gyp.py, please do not edit. -{ - 'targets': [ - { - 'target_name': 'paper-dropdown-menu-extracted', - 'dependencies': [ - '../iron-a11y-keys-behavior/compiled_resources2.gyp:iron-a11y-keys-behavior-extracted', - '../iron-behaviors/compiled_resources2.gyp:iron-button-state-extracted', - '../iron-behaviors/compiled_resources2.gyp:iron-control-state-extracted', - '../iron-form-element-behavior/compiled_resources2.gyp:iron-form-element-behavior-extracted', - '../iron-icon/compiled_resources2.gyp:iron-icon-extracted', - '../iron-validatable-behavior/compiled_resources2.gyp:iron-validatable-behavior-extracted', - '../paper-input/compiled_resources2.gyp:paper-input-extracted', - '../paper-menu-button/compiled_resources2.gyp:paper-menu-button-extracted', - '../paper-ripple/compiled_resources2.gyp:paper-ripple-extracted', - ], - 'includes': ['../../../../closure_compiler/compile_js2.gypi'], - }, - { - 'target_name': 'paper-dropdown-menu-light-extracted', - 'dependencies': [ - '../iron-a11y-keys-behavior/compiled_resources2.gyp:iron-a11y-keys-behavior-extracted', - '../iron-behaviors/compiled_resources2.gyp:iron-button-state-extracted', - '../iron-behaviors/compiled_resources2.gyp:iron-control-state-extracted', - '../iron-form-element-behavior/compiled_resources2.gyp:iron-form-element-behavior-extracted', - '../iron-validatable-behavior/compiled_resources2.gyp:iron-validatable-behavior-extracted', - '../paper-behaviors/compiled_resources2.gyp:paper-ripple-behavior-extracted', - '../paper-menu-button/compiled_resources2.gyp:paper-menu-button-extracted', - ], - 'includes': ['../../../../closure_compiler/compile_js2.gypi'], - }, - ], -} diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-extracted.js b/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-extracted.js deleted file mode 100644 index ec9172366e7..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-extracted.js +++ /dev/null @@ -1,281 +0,0 @@ -(function() { - 'use strict'; - - Polymer({ - is: 'paper-dropdown-menu', - - behaviors: [ - Polymer.IronButtonState, - Polymer.IronControlState, - Polymer.IronFormElementBehavior, - Polymer.IronValidatableBehavior - ], - - properties: { - /** - * The derived "label" of the currently selected item. This value - * is the `label` property on the selected item if set, or else the - * trimmed text content of the selected item. - */ - selectedItemLabel: { - type: String, - notify: true, - readOnly: true - }, - - /** - * The last selected item. An item is selected if the dropdown menu has - * a child with class `dropdown-content`, and that child triggers an - * `iron-select` event with the selected `item` in the `detail`. - * - * @type {?Object} - */ - selectedItem: { - type: Object, - notify: true, - readOnly: true - }, - - /** - * The value for this element that will be used when submitting in - * a form. It is read only, and will always have the same value - * as `selectedItemLabel`. - */ - value: { - type: String, - notify: true, - readOnly: true - }, - - /** - * The label for the dropdown. - */ - label: { - type: String - }, - - /** - * The placeholder for the dropdown. - */ - placeholder: { - type: String - }, - - /** - * The error message to display when invalid. - */ - errorMessage: { - type: String - }, - - /** - * True if the dropdown is open. Otherwise, false. - */ - opened: { - type: Boolean, - notify: true, - value: false, - observer: '_openedChanged' - }, - - /** - * By default, the dropdown will constrain scrolling on the page - * to itself when opened. - * Set to true in order to prevent scroll from being constrained - * to the dropdown when it opens. - */ - allowOutsideScroll: { - type: Boolean, - value: false - }, - - /** - * Set to true to disable the floating label. Bind this to the - * `<paper-input-container>`'s `noLabelFloat` property. - */ - noLabelFloat: { - type: Boolean, - value: false, - reflectToAttribute: true - }, - - /** - * Set to true to always float the label. Bind this to the - * `<paper-input-container>`'s `alwaysFloatLabel` property. - */ - alwaysFloatLabel: { - type: Boolean, - value: false - }, - - /** - * Set to true to disable animations when opening and closing the - * dropdown. - */ - noAnimations: { - type: Boolean, - value: false - }, - - /** - * The orientation against which to align the menu dropdown - * horizontally relative to the dropdown trigger. - */ - horizontalAlign: { - type: String, - value: 'right' - }, - - /** - * The orientation against which to align the menu dropdown - * vertically relative to the dropdown trigger. - */ - verticalAlign: { - type: String, - value: 'top' - }, - - /** - * If true, the `horizontalAlign` and `verticalAlign` properties will - * be considered preferences instead of strict requirements when - * positioning the dropdown and may be changed if doing so reduces - * the area of the dropdown falling outside of `fitInto`. - */ - dynamicAlign: { - type: Boolean - }, - }, - - listeners: { - 'tap': '_onTap' - }, - - keyBindings: { - 'up down': 'open', - 'esc': 'close' - }, - - hostAttributes: { - role: 'combobox', - 'aria-autocomplete': 'none', - 'aria-haspopup': 'true' - }, - - observers: [ - '_selectedItemChanged(selectedItem)' - ], - - attached: function() { - // NOTE(cdata): Due to timing, a preselected value in a `IronSelectable` - // child will cause an `iron-select` event to fire while the element is - // still in a `DocumentFragment`. This has the effect of causing - // handlers not to fire. So, we double check this value on attached: - var contentElement = this.contentElement; - if (contentElement && contentElement.selectedItem) { - this._setSelectedItem(contentElement.selectedItem); - } - }, - - /** - * The content element that is contained by the dropdown menu, if any. - */ - get contentElement() { - return Polymer.dom(this.$.content).getDistributedNodes()[0]; - }, - - /** - * Show the dropdown content. - */ - open: function() { - this.$.menuButton.open(); - }, - - /** - * Hide the dropdown content. - */ - close: function() { - this.$.menuButton.close(); - }, - - /** - * A handler that is called when `iron-select` is fired. - * - * @param {CustomEvent} event An `iron-select` event. - */ - _onIronSelect: function(event) { - this._setSelectedItem(event.detail.item); - }, - - /** - * A handler that is called when `iron-deselect` is fired. - * - * @param {CustomEvent} event An `iron-deselect` event. - */ - _onIronDeselect: function(event) { - this._setSelectedItem(null); - }, - - /** - * A handler that is called when the dropdown is tapped. - * - * @param {CustomEvent} event A tap event. - */ - _onTap: function(event) { - if (Polymer.Gestures.findOriginalTarget(event) === this) { - this.open(); - } - }, - - /** - * Compute the label for the dropdown given a selected item. - * - * @param {Element} selectedItem A selected Element item, with an - * optional `label` property. - */ - _selectedItemChanged: function(selectedItem) { - var value = ''; - if (!selectedItem) { - value = ''; - } else { - value = selectedItem.label || selectedItem.getAttribute('label') || selectedItem.textContent.trim(); - } - - this._setValue(value); - this._setSelectedItemLabel(value); - }, - - /** - * Compute the vertical offset of the menu based on the value of - * `noLabelFloat`. - * - * @param {boolean} noLabelFloat True if the label should not float - * above the input, otherwise false. - */ - _computeMenuVerticalOffset: function(noLabelFloat) { - // NOTE(cdata): These numbers are somewhat magical because they are - // derived from the metrics of elements internal to `paper-input`'s - // template. The metrics will change depending on whether or not the - // input has a floating label. - return noLabelFloat ? -4 : 8; - }, - - /** - * Returns false if the element is required and does not have a selection, - * and true otherwise. - * @param {*=} _value Ignored. - * @return {boolean} true if `required` is false, or if `required` is true - * and the element has a valid selection. - */ - _getValidity: function(_value) { - return this.disabled || !this.required || (this.required && !!this.value); - }, - - _openedChanged: function() { - var openState = this.opened ? 'true' : 'false'; - var e = this.contentElement; - if (e) { - e.setAttribute('aria-expanded', openState); - } - } - }); - })();
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-icons.html b/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-icons.html deleted file mode 100644 index d8ca87c0a29..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-icons.html +++ /dev/null @@ -1,17 +0,0 @@ -<!-- -@license -Copyright (c) 2016 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="../iron-iconset-svg/iron-iconset-svg.html"> - -<iron-iconset-svg name="paper-dropdown-menu" size="24"> -<svg><defs> -<g id="arrow-drop-down"><path d="M7 10l5 5 5-5z"></path></g> -</defs></svg> -</iron-iconset-svg> diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-light-extracted.js b/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-light-extracted.js deleted file mode 100644 index 9271271646f..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-light-extracted.js +++ /dev/null @@ -1,292 +0,0 @@ -(function() { - 'use strict'; - - Polymer({ - is: 'paper-dropdown-menu-light', - - behaviors: [ - Polymer.IronButtonState, - Polymer.IronControlState, - Polymer.PaperRippleBehavior, - Polymer.IronFormElementBehavior, - Polymer.IronValidatableBehavior - ], - - properties: { - /** - * The derived "label" of the currently selected item. This value - * is the `label` property on the selected item if set, or else the - * trimmed text content of the selected item. - */ - selectedItemLabel: { - type: String, - notify: true, - readOnly: true - }, - - /** - * The last selected item. An item is selected if the dropdown menu has - * a child with class `dropdown-content`, and that child triggers an - * `iron-select` event with the selected `item` in the `detail`. - * - * @type {?Object} - */ - selectedItem: { - type: Object, - notify: true, - readOnly: true - }, - - /** - * The value for this element that will be used when submitting in - * a form. It is read only, and will always have the same value - * as `selectedItemLabel`. - */ - value: { - type: String, - notify: true, - readOnly: true, - observer: '_valueChanged', - }, - - /** - * The label for the dropdown. - */ - label: { - type: String - }, - - /** - * The placeholder for the dropdown. - */ - placeholder: { - type: String - }, - - /** - * True if the dropdown is open. Otherwise, false. - */ - opened: { - type: Boolean, - notify: true, - value: false, - observer: '_openedChanged' - }, - - /** - * By default, the dropdown will constrain scrolling on the page - * to itself when opened. - * Set to true in order to prevent scroll from being constrained - * to the dropdown when it opens. - */ - allowOutsideScroll: { - type: Boolean, - value: false - }, - - /** - * Set to true to disable the floating label. Bind this to the - * `<paper-input-container>`'s `noLabelFloat` property. - */ - noLabelFloat: { - type: Boolean, - value: false, - reflectToAttribute: true - }, - - /** - * Set to true to always float the label. Bind this to the - * `<paper-input-container>`'s `alwaysFloatLabel` property. - */ - alwaysFloatLabel: { - type: Boolean, - value: false - }, - - /** - * Set to true to disable animations when opening and closing the - * dropdown. - */ - noAnimations: { - type: Boolean, - value: false - }, - - /** - * The orientation against which to align the menu dropdown - * horizontally relative to the dropdown trigger. - */ - horizontalAlign: { - type: String, - value: 'right' - }, - - /** - * The orientation against which to align the menu dropdown - * vertically relative to the dropdown trigger. - */ - verticalAlign: { - type: String, - value: 'top' - }, - - hasContent: { - type: Boolean, - readOnly: true - } - }, - - listeners: { - 'tap': '_onTap' - }, - - keyBindings: { - 'up down': 'open', - 'esc': 'close' - }, - - hostAttributes: { - tabindex: 0, - role: 'combobox', - 'aria-autocomplete': 'none', - 'aria-haspopup': 'true' - }, - - observers: [ - '_selectedItemChanged(selectedItem)' - ], - - attached: function() { - // NOTE(cdata): Due to timing, a preselected value in a `IronSelectable` - // child will cause an `iron-select` event to fire while the element is - // still in a `DocumentFragment`. This has the effect of causing - // handlers not to fire. So, we double check this value on attached: - var contentElement = this.contentElement; - if (contentElement && contentElement.selectedItem) { - this._setSelectedItem(contentElement.selectedItem); - } - }, - - /** - * The content element that is contained by the dropdown menu, if any. - */ - get contentElement() { - return Polymer.dom(this.$.content).getDistributedNodes()[0]; - }, - - /** - * Show the dropdown content. - */ - open: function() { - this.$.menuButton.open(); - }, - - /** - * Hide the dropdown content. - */ - close: function() { - this.$.menuButton.close(); - }, - - /** - * A handler that is called when `iron-select` is fired. - * - * @param {CustomEvent} event An `iron-select` event. - */ - _onIronSelect: function(event) { - this._setSelectedItem(event.detail.item); - }, - - /** - * A handler that is called when `iron-deselect` is fired. - * - * @param {CustomEvent} event An `iron-deselect` event. - */ - _onIronDeselect: function(event) { - this._setSelectedItem(null); - }, - - /** - * A handler that is called when the dropdown is tapped. - * - * @param {CustomEvent} event A tap event. - */ - _onTap: function(event) { - if (Polymer.Gestures.findOriginalTarget(event) === this) { - this.open(); - } - }, - - /** - * Compute the label for the dropdown given a selected item. - * - * @param {Element} selectedItem A selected Element item, with an - * optional `label` property. - */ - _selectedItemChanged: function(selectedItem) { - var value = ''; - if (!selectedItem) { - value = ''; - } else { - value = selectedItem.label || selectedItem.getAttribute('label') || selectedItem.textContent.trim(); - } - - this._setValue(value); - this._setSelectedItemLabel(value); - }, - - /** - * Compute the vertical offset of the menu based on the value of - * `noLabelFloat`. - * - * @param {boolean} noLabelFloat True if the label should not float - * above the input, otherwise false. - */ - _computeMenuVerticalOffset: function(noLabelFloat) { - // NOTE(cdata): These numbers are somewhat magical because they are - // derived from the metrics of elements internal to `paper-input`'s - // template. The metrics will change depending on whether or not the - // input has a floating label. - return noLabelFloat ? -4 : 8; - }, - - /** - * Returns false if the element is required and does not have a selection, - * and true otherwise. - * @param {*=} _value Ignored. - * @return {boolean} true if `required` is false, or if `required` is true - * and the element has a valid selection. - */ - _getValidity: function(_value) { - return this.disabled || !this.required || (this.required && !!this.value); - }, - - _openedChanged: function() { - var openState = this.opened ? 'true' : 'false'; - var e = this.contentElement; - if (e) { - e.setAttribute('aria-expanded', openState); - } - }, - - _computeLabelClass: function(noLabelFloat, alwaysFloatLabel, hasContent) { - var cls = ''; - if (noLabelFloat === true) { - return hasContent ? 'label-is-hidden' : ''; - } - - if (hasContent || alwaysFloatLabel === true) { - cls += ' label-is-floating'; - } - return cls; - }, - - _valueChanged: function() { - // Only update if it's actually different. - if (this.$.input && this.$.input.textContent !== this.value) { - this.$.input.textContent = this.value; - } - this._setHasContent(!!this.value); - }, - }); - })();
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-light.html b/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-light.html deleted file mode 100644 index 7f77e09dd22..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-light.html +++ /dev/null @@ -1,290 +0,0 @@ -<!-- -@license -Copyright (c) 2016 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 ---><html><head><link rel="import" href="../polymer/polymer.html"> -<link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html"> -<link rel="import" href="../iron-behaviors/iron-button-state.html"> -<link rel="import" href="../iron-behaviors/iron-control-state.html"> -<link rel="import" href="../iron-form-element-behavior/iron-form-element-behavior.html"> -<link rel="import" href="../iron-validatable-behavior/iron-validatable-behavior.html"> -<link rel="import" href="../paper-menu-button/paper-menu-button.html"> -<link rel="import" href="../paper-behaviors/paper-ripple-behavior.html"> -<link rel="import" href="../paper-styles/default-theme.html"> - -<link rel="import" href="paper-dropdown-menu-icons.html"> -<link rel="import" href="paper-dropdown-menu-shared-styles.html"> - -<!-- -Material design: [Dropdown menus](https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons) - -This is a faster, lighter version of `paper-dropdown-menu`, that does not -use a `<paper-input>` internally. Use this element if you're concerned about -the performance of this element, i.e., if you plan on using many dropdowns on -the same page. Note that this element has a slightly different styling API -than `paper-dropdown-menu`. - -`paper-dropdown-menu-light` is similar to a native browser select element. -`paper-dropdown-menu-light` works with selectable content. The currently selected -item is displayed in the control. If no item is selected, the `label` is -displayed instead. - -Example: - - <paper-dropdown-menu-light label="Your favourite pastry"> - <paper-listbox class="dropdown-content"> - <paper-item>Croissant</paper-item> - <paper-item>Donut</paper-item> - <paper-item>Financier</paper-item> - <paper-item>Madeleine</paper-item> - </paper-listbox> - </paper-dropdown-menu-light> - -This example renders a dropdown menu with 4 options. - -The child element with the class `dropdown-content` is used as the dropdown -menu. This can be a [`paper-listbox`](paper-listbox), or any other or -element that acts like an [`iron-selector`](iron-selector). - -Specifically, the menu child must fire an -[`iron-select`](iron-selector#event-iron-select) event when one of its -children is selected, and an [`iron-deselect`](iron-selector#event-iron-deselect) -event when a child is deselected. The selected or deselected item must -be passed as the event's `detail.item` property. - -Applications can listen for the `iron-select` and `iron-deselect` events -to react when options are selected and deselected. - -### Styling - -The following custom properties and mixins are also available for styling: - -Custom property | Description | Default -----------------|-------------|---------- -`--paper-dropdown-menu` | A mixin that is applied to the element host | `{}` -`--paper-dropdown-menu-disabled` | A mixin that is applied to the element host when disabled | `{}` -`--paper-dropdown-menu-ripple` | A mixin that is applied to the internal ripple | `{}` -`--paper-dropdown-menu-button` | A mixin that is applied to the internal menu button | `{}` -`--paper-dropdown-menu-icon` | A mixin that is applied to the internal icon | `{}` -`--paper-dropdown-menu-disabled-opacity` | The opacity of the dropdown when disabled | `0.33` -`--paper-dropdown-menu-color` | The color of the input/label/underline when the dropdown is unfocused | `--primary-text-color` -`--paper-dropdown-menu-focus-color` | The color of the label/underline when the dropdown is focused | `--primary-color` -`--paper-dropdown-error-color` | The color of the label/underline when the dropdown is invalid | `--error-color` -`--paper-dropdown-menu-label` | Mixin applied to the label | `{}` -`--paper-dropdown-menu-input` | Mixin appled to the input | `{}` - -Note that in this element, the underline is just the bottom border of the "input". -To style it: - - <style is=custom-style> - paper-dropdown-menu-light.custom { - --paper-dropdown-menu-input: { - border-bottom: 2px dashed lavender; - }; - </style> - -@group Paper Elements -@element paper-dropdown-menu-light -@hero hero.svg -@demo demo/index.html ---> - -</head><body><dom-module id="paper-dropdown-menu-light"> - <template> - <style include="paper-dropdown-menu-shared-styles"> - :host(:focus) { - outline: none; - } - - :host { - width: 200px; /* Default size of an <input> */ - } - - /** - * All of these styles below are for styling the fake-input display - */ - .dropdown-trigger { - box-sizing: border-box; - position: relative; - width: 100%; - padding: 16px 0 8px 0; - } - - :host([disabled]) .dropdown-trigger { - pointer-events: none; - opacity: var(--paper-dropdown-menu-disabled-opacity, 0.33); - } - - :host([no-label-float]) .dropdown-trigger { - padding-top: 8px; /* If there's no label, we need less space up top. */ - } - - #input { - @apply(--paper-font-subhead); - @apply(--paper-font-common-nowrap); - line-height: 1.5; - border-bottom: 1px solid var(--paper-dropdown-menu-color, --secondary-text-color); - color: var(--paper-dropdown-menu-color, --primary-text-color); - width: 100%; - box-sizing: border-box; - padding: 12px 20px 0 0; /* Right padding so that text doesn't overlap the icon */ - outline: none; - @apply(--paper-dropdown-menu-input); - } - - :host-context([dir="rtl"]) #input { - padding-right: 0px; - padding-left: 20px; - } - - :host([disabled]) #input { - border-bottom: 1px dashed var(--paper-dropdown-menu-color, --secondary-text-color); - } - - :host([invalid]) #input { - border-bottom: 2px solid var(--paper-dropdown-error-color, --error-color); - } - - :host([no-label-float]) #input { - padding-top: 0; /* If there's no label, we need less space up top. */ - } - - label { - @apply(--paper-font-subhead); - @apply(--paper-font-common-nowrap); - display: block; - position: absolute; - bottom: 0; - left: 0; - right: 0; - /** - * The container has a 16px top padding, and there's 12px of padding - * between the input and the label (from the input's padding-top) - */ - top: 28px; - box-sizing: border-box; - width: 100%; - padding-right: 20px; /* Right padding so that text doesn't overlap the icon */ - text-align: left; - transition-duration: .2s; - transition-timing-function: cubic-bezier(.4,0,.2,1); - color: var(--paper-dropdown-menu-color, --secondary-text-color); - @apply(--paper-dropdown-menu-label); - } - - :host-context([dir="rtl"]) label { - padding-right: 0px; - padding-left: 20px; - } - - :host([no-label-float]) label { - top: 8px; - /* Since the label doesn't need to float, remove the animation duration - which slows down visibility changes (i.e. when a selection is made) */ - transition-duration: 0s; - } - - label.label-is-floating { - font-size: 12px; - top: 8px; - } - - label.label-is-hidden { - visibility: hidden; - } - - :host([focused]) label.label-is-floating { - color: var(--paper-dropdown-menu-focus-color, --primary-color); - } - - :host([invalid]) label.label-is-floating { - color: var(--paper-dropdown-error-color, --error-color); - } - - /** - * Sets up the focused underline. It's initially hidden, and becomes - * visible when it's focused. - */ - label:after { - background-color: var(--paper-dropdown-menu-focus-color, --primary-color); - bottom: 7px; /* The container has an 8px bottom padding */ - content: ''; - height: 2px; - left: 45%; - position: absolute; - transition-duration: .2s; - transition-timing-function: cubic-bezier(.4,0,.2,1); - visibility: hidden; - width: 8px; - z-index: 10; - } - - :host([invalid]) label:after { - background-color: var(--paper-dropdown-error-color, --error-color); - } - - :host([no-label-float]) label:after { - bottom: 7px; /* The container has a 8px bottom padding */ - } - - :host([focused]:not([disabled])) label:after { - left: 0; - visibility: visible; - width: 100%; - } - - iron-icon { - position: absolute; - right: 0px; - bottom: 8px; /* The container has an 8px bottom padding */ - @apply(--paper-font-subhead); - color: var(--disabled-text-color); - @apply(--paper-dropdown-menu-icon); - } - - :host-context([dir="rtl"]) iron-icon { - left: 0; - right: auto; - } - - :host([no-label-float]) iron-icon { - margin-top: 0px; - } - - .error { - display: inline-block; - visibility: hidden; - color: var(--paper-dropdown-error-color, --error-color); - @apply(--paper-font-caption); - position: absolute; - left:0; - right:0; - bottom: -12px; - } - - :host([invalid]) .error { - visibility: visible; - } - </style> - - <!-- this div fulfills an a11y requirement for combobox, do not remove --> - <span role="button"></span> - <paper-menu-button id="menuButton" vertical-align="[[verticalAlign]]" horizontal-align="[[horizontalAlign]]" vertical-offset="[[_computeMenuVerticalOffset(noLabelFloat)]]" disabled="[[disabled]]" no-animations="[[noAnimations]]" on-iron-select="_onIronSelect" on-iron-deselect="_onIronDeselect" opened="{{opened}}" close-on-activate="" allow-outside-scroll="[[allowOutsideScroll]]"> - <div class="dropdown-trigger"> - <label class$="[[_computeLabelClass(noLabelFloat,alwaysFloatLabel,hasContent)]]"> - [[label]] - </label> - <div id="input" tabindex="-1"> </div> - <iron-icon icon="paper-dropdown-menu:arrow-drop-down"></iron-icon> - <span class="error">[[errorMessage]]</span> - </div> - <content id="content" select=".dropdown-content"></content> - </paper-menu-button> - </template> - - </dom-module> -<script src="paper-dropdown-menu-light-extracted.js"></script></body></html>
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-shared-styles.html b/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-shared-styles.html deleted file mode 100644 index 1130805d91d..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu-shared-styles.html +++ /dev/null @@ -1,78 +0,0 @@ -<!-- -@license -Copyright (c) 2016 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="../paper-styles/default-theme.html"> - -<dom-module id="paper-dropdown-menu-shared-styles"> - <template> - <style> - :host { - display: inline-block; - position: relative; - text-align: left; - - /* NOTE(cdata): Both values are needed, since some phones require the - * value to be `transparent`. - */ - -webkit-tap-highlight-color: rgba(0,0,0,0); - -webkit-tap-highlight-color: transparent; - - --paper-input-container-input: { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; - max-width: 100%; - box-sizing: border-box; - cursor: pointer; - }; - - @apply(--paper-dropdown-menu); - } - - :host([disabled]) { - @apply(--paper-dropdown-menu-disabled); - } - - :host([noink]) paper-ripple { - display: none; - } - - :host([no-label-float]) paper-ripple { - top: 8px; - } - - paper-ripple { - top: 12px; - left: 0px; - bottom: 8px; - right: 0px; - - @apply(--paper-dropdown-menu-ripple); - } - - paper-menu-button { - display: block; - padding: 0; - - @apply(--paper-dropdown-menu-button); - } - - paper-input { - @apply(--paper-dropdown-menu-input); - } - - iron-icon { - color: var(--disabled-text-color); - - @apply(--paper-dropdown-menu-icon); - } - </style> - </template> -</dom-module> diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu.html b/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu.html deleted file mode 100644 index 09379ae8a23..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-dropdown-menu/paper-dropdown-menu.html +++ /dev/null @@ -1,100 +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 ---><html><head><link rel="import" href="../polymer/polymer.html"> -<link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html"> -<link rel="import" href="../iron-behaviors/iron-button-state.html"> -<link rel="import" href="../iron-behaviors/iron-control-state.html"> -<link rel="import" href="../iron-form-element-behavior/iron-form-element-behavior.html"> -<link rel="import" href="../iron-icon/iron-icon.html"> -<link rel="import" href="../iron-validatable-behavior/iron-validatable-behavior.html"> -<link rel="import" href="../paper-input/paper-input.html"> -<link rel="import" href="../paper-menu-button/paper-menu-button.html"> -<link rel="import" href="../paper-ripple/paper-ripple.html"> -<link rel="import" href="../paper-styles/default-theme.html"> - -<link rel="import" href="paper-dropdown-menu-icons.html"> -<link rel="import" href="paper-dropdown-menu-shared-styles.html"> - -<!-- -Material design: [Dropdown menus](https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons) - -`paper-dropdown-menu` is similar to a native browser select element. -`paper-dropdown-menu` works with selectable content. The currently selected -item is displayed in the control. If no item is selected, the `label` is -displayed instead. - -Example: - - <paper-dropdown-menu label="Your favourite pastry"> - <paper-listbox class="dropdown-content"> - <paper-item>Croissant</paper-item> - <paper-item>Donut</paper-item> - <paper-item>Financier</paper-item> - <paper-item>Madeleine</paper-item> - </paper-listbox> - </paper-dropdown-menu> - -This example renders a dropdown menu with 4 options. - -The child element with the class `dropdown-content` is used as the dropdown -menu. This can be a [`paper-listbox`](paper-listbox), or any other or -element that acts like an [`iron-selector`](iron-selector). - -Specifically, the menu child must fire an -[`iron-select`](iron-selector#event-iron-select) event when one of its -children is selected, and an [`iron-deselect`](iron-selector#event-iron-deselect) -event when a child is deselected. The selected or deselected item must -be passed as the event's `detail.item` property. - -Applications can listen for the `iron-select` and `iron-deselect` events -to react when options are selected and deselected. - -### Styling - -The following custom properties and mixins are also available for styling: - -Custom property | Description | Default -----------------|-------------|---------- -`--paper-dropdown-menu` | A mixin that is applied to the element host | `{}` -`--paper-dropdown-menu-disabled` | A mixin that is applied to the element host when disabled | `{}` -`--paper-dropdown-menu-ripple` | A mixin that is applied to the internal ripple | `{}` -`--paper-dropdown-menu-button` | A mixin that is applied to the internal menu button | `{}` -`--paper-dropdown-menu-input` | A mixin that is applied to the internal paper input | `{}` -`--paper-dropdown-menu-icon` | A mixin that is applied to the internal icon | `{}` - -You can also use any of the `paper-input-container` and `paper-menu-button` -style mixins and custom properties to style the internal input and menu button -respectively. - -@group Paper Elements -@element paper-dropdown-menu -@hero hero.svg -@demo demo/index.html ---> - -</head><body><dom-module id="paper-dropdown-menu"> - <template> - <style include="paper-dropdown-menu-shared-styles"></style> - - <!-- this div fulfills an a11y requirement for combobox, do not remove --> - <span role="button"></span> - <paper-menu-button id="menuButton" vertical-align="[[verticalAlign]]" horizontal-align="[[horizontalAlign]]" dynamic-align="[[dynamicAlign]]" vertical-offset="[[_computeMenuVerticalOffset(noLabelFloat)]]" disabled="[[disabled]]" no-animations="[[noAnimations]]" on-iron-select="_onIronSelect" on-iron-deselect="_onIronDeselect" opened="{{opened}}" close-on-activate="" allow-outside-scroll="[[allowOutsideScroll]]"> - <div class="dropdown-trigger"> - <paper-ripple></paper-ripple> - <!-- paper-input has type="text" for a11y, do not remove --> - <paper-input type="text" invalid="[[invalid]]" readonly="" disabled="[[disabled]]" value="[[selectedItemLabel]]" placeholder="[[placeholder]]" error-message="[[errorMessage]]" always-float-label="[[alwaysFloatLabel]]" no-label-float="[[noLabelFloat]]" label="[[label]]"> - <iron-icon icon="paper-dropdown-menu:arrow-drop-down" suffix=""></iron-icon> - </paper-input> - </div> - <content id="content" select=".dropdown-content"></content> - </paper-menu-button> - </template> - - </dom-module> -<script src="paper-dropdown-menu-extracted.js"></script></body></html>
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/bower.json b/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/bower.json deleted file mode 100644 index f930aaf88b0..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/bower.json +++ /dev/null @@ -1,47 +0,0 @@ -{ - "name": "paper-menu-button", - "version": "1.5.2", - "description": "A material design element that composes a trigger and a dropdown menu", - "authors": [ - "The Polymer Authors" - ], - "keywords": [ - "web-components", - "web-component", - "polymer", - "menu", - "button" - ], - "main": "paper-menu-button.html", - "private": true, - "repository": { - "type": "git", - "url": "git://github.com/PolymerElements/paper-menu-button.git" - }, - "license": "http://polymer.github.io/LICENSE.txt", - "homepage": "https://github.com/PolymerElements/paper-menu-button", - "dependencies": { - "polymer": "Polymer/polymer#^1.1.0", - "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#^1.0.0", - "iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0", - "iron-dropdown": "PolymerElements/iron-dropdown#^1.0.0", - "iron-fit-behavior": "PolymerElements/iron-fit-behavior#^1.2.0", - "neon-animation": "PolymerElements/neon-animation#^1.0.0", - "paper-styles": "PolymerElements/paper-styles#^1.0.0" - }, - "devDependencies": { - "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", - "iron-icon": "PolymerElements/iron-icon#^1.0.0", - "iron-icons": "PolymerElements/iron-icons#^1.0.0", - "iron-image": "PolymerElements/iron-image#^1.0.0", - "iron-test-helpers": "PolymerElements/iron-test-helpers#^1.0.0", - "paper-button": "PolymerElements/paper-button#^1.0.0", - "paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0", - "paper-item": "PolymerElements/paper-item#^1.0.0", - "paper-menu": "PolymerElements/paper-menu#^1.0.0", - "test-fixture": "PolymerElements/test-fixture#^1.0.0", - "web-component-tester": "^4.0.0", - "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" - }, - "ignore": [] -} diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/compiled_resources2.gyp b/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/compiled_resources2.gyp deleted file mode 100644 index 6c44ac7c16d..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/compiled_resources2.gyp +++ /dev/null @@ -1,29 +0,0 @@ -# Copyright 2017 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. -# -# NOTE: Created with generate_compiled_resources_gyp.py, please do not edit. -{ - 'targets': [ - { - 'target_name': 'paper-menu-button-animations-extracted', - 'dependencies': [ - '../neon-animation/compiled_resources2.gyp:neon-animation-behavior-extracted', - '<(EXTERNS_GYP):web_animations', - ], - 'includes': ['../../../../closure_compiler/compile_js2.gypi'], - }, - { - 'target_name': 'paper-menu-button-extracted', - 'dependencies': [ - '../iron-a11y-keys-behavior/compiled_resources2.gyp:iron-a11y-keys-behavior-extracted', - '../iron-behaviors/compiled_resources2.gyp:iron-control-state-extracted', - '../iron-dropdown/compiled_resources2.gyp:iron-dropdown-extracted', - '../neon-animation/animations/compiled_resources2.gyp:fade-in-animation-extracted', - '../neon-animation/animations/compiled_resources2.gyp:fade-out-animation-extracted', - 'paper-menu-button-animations-extracted', - ], - 'includes': ['../../../../closure_compiler/compile_js2.gypi'], - }, - ], -} diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button-animations-extracted.js b/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button-animations-extracted.js deleted file mode 100644 index abc1c367a95..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button-animations-extracted.js +++ /dev/null @@ -1,92 +0,0 @@ -Polymer({ - is: 'paper-menu-grow-height-animation', - - behaviors: [ - Polymer.NeonAnimationBehavior - ], - - configure: function(config) { - var node = config.node; - var rect = node.getBoundingClientRect(); - var height = rect.height; - - this._effect = new KeyframeEffect(node, [{ - height: (height / 2) + 'px' - }, { - height: height + 'px' - }], this.timingFromConfig(config)); - - return this._effect; - } - }); - - Polymer({ - is: 'paper-menu-grow-width-animation', - - behaviors: [ - Polymer.NeonAnimationBehavior - ], - - configure: function(config) { - var node = config.node; - var rect = node.getBoundingClientRect(); - var width = rect.width; - - this._effect = new KeyframeEffect(node, [{ - width: (width / 2) + 'px' - }, { - width: width + 'px' - }], this.timingFromConfig(config)); - - return this._effect; - } - }); - - Polymer({ - is: 'paper-menu-shrink-width-animation', - - behaviors: [ - Polymer.NeonAnimationBehavior - ], - - configure: function(config) { - var node = config.node; - var rect = node.getBoundingClientRect(); - var width = rect.width; - - this._effect = new KeyframeEffect(node, [{ - width: width + 'px' - }, { - width: width - (width / 20) + 'px' - }], this.timingFromConfig(config)); - - return this._effect; - } - }); - - Polymer({ - is: 'paper-menu-shrink-height-animation', - - behaviors: [ - Polymer.NeonAnimationBehavior - ], - - configure: function(config) { - var node = config.node; - var rect = node.getBoundingClientRect(); - var height = rect.height; - var top = rect.top; - - this.setPrefixedProperty(node, 'transformOrigin', '0 0'); - - this._effect = new KeyframeEffect(node, [{ - height: height + 'px', - transform: 'translateY(0)' - }, { - height: height / 2 + 'px', - transform: 'translateY(-20px)' - }], this.timingFromConfig(config)); - - return this._effect; - } - });
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button-animations.html b/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button-animations.html deleted file mode 100644 index 277ee84f812..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button-animations.html +++ /dev/null @@ -1,12 +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 ---><html><head><link rel="import" href="../polymer/polymer.html"> -<link rel="import" href="../neon-animation/web-animations.html"> -<link rel="import" href="../neon-animation/neon-animation-behavior.html"> -</head><body><script src="paper-menu-button-animations-extracted.js"></script></body></html>
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button-extracted.js b/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button-extracted.js deleted file mode 100644 index b83e2523dc1..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button-extracted.js +++ /dev/null @@ -1,338 +0,0 @@ -(function() { - 'use strict'; - - var config = { - ANIMATION_CUBIC_BEZIER: 'cubic-bezier(.3,.95,.5,1)', - MAX_ANIMATION_TIME_MS: 400 - }; - - var PaperMenuButton = Polymer({ - is: 'paper-menu-button', - - /** - * Fired when the dropdown opens. - * - * @event paper-dropdown-open - */ - - /** - * Fired when the dropdown closes. - * - * @event paper-dropdown-close - */ - - behaviors: [ - Polymer.IronA11yKeysBehavior, - Polymer.IronControlState - ], - - properties: { - /** - * True if the content is currently displayed. - */ - opened: { - type: Boolean, - value: false, - notify: true, - observer: '_openedChanged' - }, - - /** - * The orientation against which to align the menu dropdown - * horizontally relative to the dropdown trigger. - */ - horizontalAlign: { - type: String, - value: 'left', - reflectToAttribute: true - }, - - /** - * The orientation against which to align the menu dropdown - * vertically relative to the dropdown trigger. - */ - verticalAlign: { - type: String, - value: 'top', - reflectToAttribute: true - }, - - /** - * If true, the `horizontalAlign` and `verticalAlign` properties will - * be considered preferences instead of strict requirements when - * positioning the dropdown and may be changed if doing so reduces - * the area of the dropdown falling outside of `fitInto`. - */ - dynamicAlign: { - type: Boolean - }, - - /** - * A pixel value that will be added to the position calculated for the - * given `horizontalAlign`. Use a negative value to offset to the - * left, or a positive value to offset to the right. - */ - horizontalOffset: { - type: Number, - value: 0, - notify: true - }, - - /** - * A pixel value that will be added to the position calculated for the - * given `verticalAlign`. Use a negative value to offset towards the - * top, or a positive value to offset towards the bottom. - */ - verticalOffset: { - type: Number, - value: 0, - notify: true - }, - - /** - * If true, the dropdown will be positioned so that it doesn't overlap - * the button. - */ - noOverlap: { - type: Boolean - }, - - /** - * Set to true to disable animations when opening and closing the - * dropdown. - */ - noAnimations: { - type: Boolean, - value: false - }, - - /** - * Set to true to disable automatically closing the dropdown after - * a selection has been made. - */ - ignoreSelect: { - type: Boolean, - value: false - }, - - /** - * Set to true to enable automatically closing the dropdown after an - * item has been activated, even if the selection did not change. - */ - closeOnActivate: { - type: Boolean, - value: false - }, - - /** - * An animation config. If provided, this will be used to animate the - * opening of the dropdown. - */ - openAnimationConfig: { - type: Object, - value: function() { - return [{ - name: 'fade-in-animation', - timing: { - delay: 100, - duration: 200 - } - }, { - name: 'paper-menu-grow-width-animation', - timing: { - delay: 100, - duration: 150, - easing: config.ANIMATION_CUBIC_BEZIER - } - }, { - name: 'paper-menu-grow-height-animation', - timing: { - delay: 100, - duration: 275, - easing: config.ANIMATION_CUBIC_BEZIER - } - }]; - } - }, - - /** - * An animation config. If provided, this will be used to animate the - * closing of the dropdown. - */ - closeAnimationConfig: { - type: Object, - value: function() { - return [{ - name: 'fade-out-animation', - timing: { - duration: 150 - } - }, { - name: 'paper-menu-shrink-width-animation', - timing: { - delay: 100, - duration: 50, - easing: config.ANIMATION_CUBIC_BEZIER - } - }, { - name: 'paper-menu-shrink-height-animation', - timing: { - duration: 200, - easing: 'ease-in' - } - }]; - } - }, - - /** - * By default, the dropdown will constrain scrolling on the page - * to itself when opened. - * Set to true in order to prevent scroll from being constrained - * to the dropdown when it opens. - */ - allowOutsideScroll: { - type: Boolean, - value: false - }, - - /** - * Whether focus should be restored to the button when the menu closes. - */ - restoreFocusOnClose: { - type: Boolean, - value: true - }, - - /** - * This is the element intended to be bound as the focus target - * for the `iron-dropdown` contained by `paper-menu-button`. - */ - _dropdownContent: { - type: Object - } - }, - - hostAttributes: { - role: 'group', - 'aria-haspopup': 'true' - }, - - listeners: { - 'iron-activate': '_onIronActivate', - 'iron-select': '_onIronSelect' - }, - - /** - * The content element that is contained by the menu button, if any. - */ - get contentElement() { - return Polymer.dom(this.$.content).getDistributedNodes()[0]; - }, - - /** - * Toggles the drowpdown content between opened and closed. - */ - toggle: function() { - if (this.opened) { - this.close(); - } else { - this.open(); - } - }, - - /** - * Make the dropdown content appear as an overlay positioned relative - * to the dropdown trigger. - */ - open: function() { - if (this.disabled) { - return; - } - - this.$.dropdown.open(); - }, - - /** - * Hide the dropdown content. - */ - close: function() { - this.$.dropdown.close(); - }, - - /** - * When an `iron-select` event is received, the dropdown should - * automatically close on the assumption that a value has been chosen. - * - * @param {CustomEvent} event A CustomEvent instance with type - * set to `"iron-select"`. - */ - _onIronSelect: function(event) { - if (!this.ignoreSelect) { - this.close(); - } - }, - - /** - * Closes the dropdown when an `iron-activate` event is received if - * `closeOnActivate` is true. - * - * @param {CustomEvent} event A CustomEvent of type 'iron-activate'. - */ - _onIronActivate: function(event) { - if (this.closeOnActivate) { - this.close(); - } - }, - - /** - * When the dropdown opens, the `paper-menu-button` fires `paper-open`. - * When the dropdown closes, the `paper-menu-button` fires `paper-close`. - * - * @param {boolean} opened True if the dropdown is opened, otherwise false. - * @param {boolean} oldOpened The previous value of `opened`. - */ - _openedChanged: function(opened, oldOpened) { - if (opened) { - // TODO(cdata): Update this when we can measure changes in distributed - // children in an idiomatic way. - // We poke this property in case the element has changed. This will - // cause the focus target for the `iron-dropdown` to be updated as - // necessary: - this._dropdownContent = this.contentElement; - this.fire('paper-dropdown-open'); - } else if (oldOpened != null) { - this.fire('paper-dropdown-close'); - } - }, - - /** - * If the dropdown is open when disabled becomes true, close the - * dropdown. - * - * @param {boolean} disabled True if disabled, otherwise false. - */ - _disabledChanged: function(disabled) { - Polymer.IronControlState._disabledChanged.apply(this, arguments); - if (disabled && this.opened) { - this.close(); - } - }, - - __onIronOverlayCanceled: function(event) { - var uiEvent = event.detail; - var target = Polymer.dom(uiEvent).rootTarget; - var trigger = this.$.trigger; - var path = Polymer.dom(uiEvent).path; - - if (path.indexOf(trigger) > -1) { - event.preventDefault(); - } - } - }); - - Object.keys(config).forEach(function (key) { - PaperMenuButton[key] = config[key]; - }); - - Polymer.PaperMenuButton = PaperMenuButton; - })();
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button.html b/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button.html deleted file mode 100644 index b6449f3e434..00000000000 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-menu-button/paper-menu-button.html +++ /dev/null @@ -1,123 +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 ---><html><head><link rel="import" href="../polymer/polymer.html"> -<link rel="import" href="../iron-a11y-keys-behavior/iron-a11y-keys-behavior.html"> -<link rel="import" href="../iron-behaviors/iron-control-state.html"> -<link rel="import" href="../iron-dropdown/iron-dropdown.html"> -<link rel="import" href="../neon-animation/animations/fade-in-animation.html"> -<link rel="import" href="../neon-animation/animations/fade-out-animation.html"> -<link rel="import" href="../paper-styles/default-theme.html"> -<link rel="import" href="../paper-styles/shadow.html"> -<link rel="import" href="paper-menu-button-animations.html"> - -<!-- -Material design: [Dropdown buttons](https://www.google.com/design/spec/components/buttons.html#buttons-dropdown-buttons) - -`paper-menu-button` allows one to compose a designated "trigger" element with -another element that represents "content", to create a dropdown menu that -displays the "content" when the "trigger" is clicked. - -The child element with the class `dropdown-trigger` will be used as the -"trigger" element. The child element with the class `dropdown-content` will be -used as the "content" element. - -The `paper-menu-button` is sensitive to its content's `iron-select` events. If -the "content" element triggers an `iron-select` event, the `paper-menu-button` -will close automatically. - -Example: - - <paper-menu-button> - <paper-icon-button icon="menu" class="dropdown-trigger"></paper-icon-button> - <paper-menu class="dropdown-content"> - <paper-item>Share</paper-item> - <paper-item>Settings</paper-item> - <paper-item>Help</paper-item> - </paper-menu> - </paper-menu-button> - -### Styling - -The following custom properties and mixins are also available for styling: - -Custom property | Description | Default -----------------|-------------|---------- -`--paper-menu-button-dropdown-background` | Background color of the paper-menu-button dropdown | `--primary-background-color` -`--paper-menu-button` | Mixin applied to the paper-menu-button | `{}` -`--paper-menu-button-disabled` | Mixin applied to the paper-menu-button when disabled | `{}` -`--paper-menu-button-dropdown` | Mixin applied to the paper-menu-button dropdown | `{}` -`--paper-menu-button-content` | Mixin applied to the paper-menu-button content | `{}` - -@hero hero.svg -@demo demo/index.html ---> - -</head><body><dom-module id="paper-menu-button"> - <template> - <style> - :host { - display: inline-block; - position: relative; - padding: 8px; - outline: none; - - @apply(--paper-menu-button); - } - - :host([disabled]) { - cursor: auto; - color: var(--disabled-text-color); - - @apply(--paper-menu-button-disabled); - } - - iron-dropdown { - @apply(--paper-menu-button-dropdown); - } - - .dropdown-content { - @apply(--shadow-elevation-2dp); - - position: relative; - border-radius: 2px; - background-color: var(--paper-menu-button-dropdown-background, --primary-background-color); - - @apply(--paper-menu-button-content); - } - - :host([vertical-align="top"]) .dropdown-content { - margin-bottom: 20px; - margin-top: -10px; - top: 10px; - } - - :host([vertical-align="bottom"]) .dropdown-content { - bottom: 10px; - margin-bottom: -10px; - margin-top: 20px; - } - - #trigger { - cursor: pointer; - } - </style> - - <div id="trigger" on-tap="toggle"> - <content select=".dropdown-trigger"></content> - </div> - - <iron-dropdown id="dropdown" opened="{{opened}}" horizontal-align="[[horizontalAlign]]" vertical-align="[[verticalAlign]]" dynamic-align="[[dynamicAlign]]" horizontal-offset="[[horizontalOffset]]" vertical-offset="[[verticalOffset]]" no-overlap="[[noOverlap]]" open-animation-config="[[openAnimationConfig]]" close-animation-config="[[closeAnimationConfig]]" no-animations="[[noAnimations]]" focus-target="[[_dropdownContent]]" allow-outside-scroll="[[allowOutsideScroll]]" restore-focus-on-close="[[restoreFocusOnClose]]" on-iron-overlay-canceled="__onIronOverlayCanceled"> - <div class="dropdown-content"> - <content id="content" select=".dropdown-content"></content> - </div> - </iron-dropdown> - </template> - - </dom-module> -<script src="paper-menu-button-extracted.js"></script></body></html>
\ No newline at end of file diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-slider/bower.json b/chromium/third_party/polymer/v1_0/components-chromium/paper-slider/bower.json index 8062b3cee79..90650495ea5 100644 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-slider/bower.json +++ b/chromium/third_party/polymer/v1_0/components-chromium/paper-slider/bower.json @@ -1,6 +1,6 @@ { "name": "paper-slider", - "version": "1.0.15", + "version": "2.0.2", "description": "A material design-style slider", "license": "http://polymer.github.io/LICENSE.txt", "authors": "The Polymer Authors", @@ -17,22 +17,51 @@ }, "ignore": [], "dependencies": { - "polymer": "Polymer/polymer#^1.1.0", - "paper-input": "PolymerElements/paper-input#^1.0.0", - "paper-progress": "PolymerElements/paper-progress#^1.0.0", - "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", - "paper-styles": "PolymerElements/paper-styles#^1.0.0", - "iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0", - "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0", - "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#^1.0.0", - "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0" + "polymer": "Polymer/polymer#1.9 - 2", + "paper-input": "PolymerElements/paper-input#1 - 2", + "paper-progress": "PolymerElements/paper-progress#1 - 2", + "iron-flex-layout": "PolymerElements/iron-flex-layout#1 - 2", + "paper-styles": "PolymerElements/paper-styles#1 - 2", + "iron-behaviors": "PolymerElements/iron-behaviors#1 - 2", + "paper-behaviors": "PolymerElements/paper-behaviors#1 - 2", + "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#1 - 2", + "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#1 - 2" }, "devDependencies": { - "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", - "iron-demo-helpers": "polymerelements/iron-demo-helpers#^1.0.0", - "test-fixture": "PolymerElements/test-fixture#^1.0.0", - "iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0", - "web-component-tester": "^4.0.0", - "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" + "iron-component-page": "PolymerElements/iron-component-page#1 - 2", + "iron-demo-helpers": "polymerelements/iron-demo-helpers#1 - 2", + "iron-test-helpers": "polymerelements/iron-test-helpers#1 - 2", + "test-fixture": "PolymerElements/test-fixture#^3.0.0-rc.1", + "web-component-tester": "^6.0.0", + "webcomponentsjs": "webcomponents/webcomponentsjs#^1.0.0" + }, + "variants": { + "1.x": { + "dependencies": { + "polymer": "Polymer/polymer#^1.9", + "paper-input": "PolymerElements/paper-input#^1.0.0", + "paper-progress": "PolymerElements/paper-progress#^1.0.0", + "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", + "paper-styles": "PolymerElements/paper-styles#^1.0.0", + "iron-behaviors": "PolymerElements/iron-behaviors#^1.0.0", + "paper-behaviors": "PolymerElements/paper-behaviors#^1.0.0", + "iron-a11y-keys-behavior": "PolymerElements/iron-a11y-keys-behavior#^1.0.0", + "iron-form-element-behavior": "PolymerElements/iron-form-element-behavior#^1.0.0" + }, + "devDependencies": { + "iron-component-page": "PolymerElements/iron-component-page#^1.0.0", + "iron-demo-helpers": "polymerelements/iron-demo-helpers#^1.0.0", + "test-fixture": "PolymerElements/test-fixture#^1.0.0", + "iron-test-helpers": "polymerelements/iron-test-helpers#^1.0.0", + "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0", + "web-component-tester": "Polymer/web-component-tester#^4.0.0" + }, + "resolutions": { + "webcomponentsjs": "^0.7" + } + } + }, + "resolutions": { + "webcomponentsjs": "^1.0.0" } } diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider-extracted.js b/chromium/third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider-extracted.js index d5f02d65894..2e63d3731be 100644 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider-extracted.js +++ b/chromium/third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider-extracted.js @@ -141,16 +141,16 @@ Polymer({ this.setAttribute('aria-valuemax', max); this.setAttribute('aria-valuenow', value); - this._positionKnob(this._calcRatio(value)); + this._positionKnob(this._calcRatio(value) * 100); }, _valueChanged: function() { - this.fire('value-change'); + this.fire('value-change', {composed: true}); }, _immediateValueChanged: function() { if (this.dragging) { - this.fire('immediate-value-change'); + this.fire('immediate-value-change', {composed: true}); } else { this.value = this.immediateValue; } @@ -171,17 +171,17 @@ Polymer({ _positionKnob: function(ratio) { this._setImmediateValue(this._calcStep(this._calcKnobPosition(ratio))); - this._setRatio(this._calcRatio(this.immediateValue)); + this._setRatio(this._calcRatio(this.immediateValue) * 100); - this.$.sliderKnob.style.left = (this.ratio * 100) + '%'; + this.$.sliderKnob.style.left = this.ratio + '%'; if (this.dragging) { - this._knobstartx = this.ratio * this._w; + this._knobstartx = (this.ratio * this._w) / 100; this.translate3d(0, 0, 0, this.$.sliderKnob); } }, _calcKnobPosition: function(ratio) { - return (this.max - this.min) * ratio + this.min; + return (this.max - this.min) * ratio / 100 + this.min; }, _onTrack: function(event) { @@ -200,8 +200,9 @@ Polymer({ }, _trackStart: function(event) { + this._setTransiting(false); this._w = this.$.sliderBar.offsetWidth; - this._x = this.ratio * this._w; + this._x = this.ratio * this._w / 100; this._startx = this._x; this._knobstartx = this._startx; this._minx = - this._startx; @@ -220,7 +221,7 @@ Polymer({ this._maxx, Math.max(this._minx, event.detail.dx * direction)); this._x = this._startx + dx; - var immediateValue = this._calcStep(this._calcKnobPosition(this._x / this._w)); + var immediateValue = this._calcStep(this._calcKnobPosition(this._x / this._w * 100)); this._setImmediateValue(immediateValue); // update knob's position @@ -238,7 +239,7 @@ Polymer({ s.transform = s.webkitTransform = ''; - this.fire('change'); + this.fire('change', {composed: true}); }, _knobdown: function(event) { @@ -254,9 +255,9 @@ Polymer({ _bardown: function(event) { this._w = this.$.sliderBar.offsetWidth; var rect = this.$.sliderBar.getBoundingClientRect(); - var ratio = (event.detail.x - rect.left) / this._w; + var ratio = (event.detail.x - rect.left) / this._w * 100; if (this._isRTL) { - ratio = 1 - ratio; + ratio = 100 - ratio; } var prevRatio = this.ratio; @@ -275,7 +276,7 @@ Polymer({ } this.async(function() { - this.fire('change'); + this.fire('change', {composed: true}); }); // cancel selection @@ -372,7 +373,7 @@ Polymer({ _changeValue: function(event) { this.value = event.target.value; - this.fire('change'); + this.fire('change', {composed: true}); }, _inputKeyDown: function(event) { diff --git a/chromium/third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider.html b/chromium/third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider.html index ab7e2dc7b02..364fb01baea 100644 --- a/chromium/third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider.html +++ b/chromium/third_party/polymer/v1_0/components-chromium/paper-slider/paper-slider.html @@ -67,9 +67,9 @@ Custom property | Description | Default <template strip-whitespace=""> <style> :host { - @apply(--layout); - @apply(--layout-justified); - @apply(--layout-center); + @apply --layout; + @apply --layout-justified; + @apply --layout-center; width: 200px; cursor: default; -webkit-user-select: none; @@ -77,10 +77,10 @@ Custom property | Description | Default -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - --paper-progress-active-color: var(--paper-slider-active-color, --google-blue-700); - --paper-progress-secondary-color: var(--paper-slider-secondary-color, --google-blue-300); - --paper-progress-disabled-active-color: var(--paper-slider-disabled-active-color, --paper-grey-400); - --paper-progress-disabled-secondary-color: var(--paper-slider-disabled-secondary-color, --paper-grey-400); + --paper-progress-active-color: var(--paper-slider-active-color, var(--google-blue-700)); + --paper-progress-secondary-color: var(--paper-slider-secondary-color, var(--google-blue-300)); + --paper-progress-disabled-active-color: var(--paper-slider-disabled-active-color, var(--paper-grey-400)); + --paper-progress-disabled-secondary-color: var(--paper-slider-disabled-secondary-color, var(--paper-grey-400)); --calculated-paper-slider-height: var(--paper-slider-height, 2px); } @@ -88,12 +88,35 @@ Custom property | Description | Default :host(:focus) { outline: none; } - + + /** + * NOTE(keanulee): Though :host-context is not universally supported, some pages + * still rely on paper-slider being flipped when dir="rtl" is set on body. For full + * compatability, dir="rtl" must be explicitly set on paper-slider. + */ :host-context([dir="rtl"]) #sliderContainer { -webkit-transform: scaleX(-1); transform: scaleX(-1); } + /** + * NOTE(keanulee): This is separate from the rule above because :host-context may + * not be recognized. + */ + :host([dir="rtl"]) #sliderContainer { + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + } + + /** + * NOTE(keanulee): Needed to override the :host-context rule (where supported) + * to support LTR sliders in RTL pages. + */ + :host([dir="ltr"]) #sliderContainer { + -webkit-transform: scaleX(1); + transform: scaleX(1); + } + #sliderContainer { position: relative; width: 100%; @@ -137,7 +160,7 @@ Custom property | Description | Default padding: 15px 0; width: 100%; background-color: var(--paper-slider-bar-color, transparent); - --paper-progress-container-color: var(--paper-slider-container-color, --paper-grey-400); + --paper-progress-container-color: var(--paper-slider-container-color, var(--paper-grey-400)); --paper-progress-height: var(--calculated-paper-slider-height); } @@ -149,11 +172,11 @@ Custom property | Description | Default right: -1px; box-sizing: border-box; pointer-events: none; - @apply(--layout-horizontal); + @apply --layout-horizontal; } .slider-marker { - @apply(--layout-flex); + @apply --layout-flex; } .slider-markers::after, .slider-marker::after { @@ -196,8 +219,8 @@ Custom property | Description | Default margin: 10px; width: calc(100% - 20px); height: calc(100% - 20px); - background-color: var(--paper-slider-knob-color, --google-blue-700); - border: 2px solid var(--paper-slider-knob-color, --google-blue-700); + background-color: var(--paper-slider-knob-color, var(--google-blue-700)); + border: 2px solid var(--paper-slider-knob-color, var(--google-blue-700)); border-radius: 50%; -moz-box-sizing: border-box; @@ -216,11 +239,11 @@ Custom property | Description | Default .ring > .slider-knob > .slider-knob-inner { background-color: var(--paper-slider-knob-start-color, transparent); - border: 2px solid var(--paper-slider-knob-start-border-color, --paper-grey-400); + border: 2px solid var(--paper-slider-knob-start-border-color, var(--paper-grey-400)); } .slider-knob-inner::before { - background-color: var(--paper-slider-pin-color, --google-blue-700); + background-color: var(--paper-slider-pin-color, var(--google-blue-700)); } .pin > .slider-knob > .slider-knob-inner::before { @@ -244,7 +267,7 @@ Custom property | Description | Default } .pin.ring > .slider-knob > .slider-knob-inner::before { - background-color: var(--paper-slider-pin-start-color, --paper-grey-400); + background-color: var(--paper-slider-pin-start-color, var(--paper-grey-400)); } .pin.expand > .slider-knob > .slider-knob-inner::before { @@ -280,7 +303,7 @@ Custom property | Description | Default --paper-input-container-input: { text-align: center; }; - @apply(--paper-slider-input); + @apply --paper-slider-input; } /* disabled state */ @@ -289,19 +312,19 @@ Custom property | Description | Default } .disabled > .slider-knob > .slider-knob-inner { - background-color: var(--paper-slider-disabled-knob-color, --paper-grey-400); - border: 2px solid var(--paper-slider-disabled-knob-color, --paper-grey-400); + background-color: var(--paper-slider-disabled-knob-color, var(--paper-grey-400)); + border: 2px solid var(--paper-slider-disabled-knob-color, var(--paper-grey-400)); -webkit-transform: scale3d(0.75, 0.75, 1); transform: scale3d(0.75, 0.75, 1); } .disabled.ring > .slider-knob > .slider-knob-inner { background-color: var(--paper-slider-knob-start-color, transparent); - border: 2px solid var(--paper-slider-knob-start-border-color, --paper-grey-400); + border: 2px solid var(--paper-slider-knob-start-border-color, var(--paper-grey-400)); } paper-ripple { - color: var(--paper-slider-knob-color, --google-blue-700); + color: var(--paper-slider-knob-color, var(--google-blue-700)); } </style> diff --git a/chromium/third_party/polymer/v1_0/components-chromium/polymer/bower.json b/chromium/third_party/polymer/v1_0/components-chromium/polymer/bower.json index 41962a40d40..c49ba078e52 100644 --- a/chromium/third_party/polymer/v1_0/components-chromium/polymer/bower.json +++ b/chromium/third_party/polymer/v1_0/components-chromium/polymer/bower.json @@ -1,6 +1,6 @@ { "name": "polymer", - "version": "1.8.1", + "version": "1.9.1", "main": [ "polymer.html", "polymer-mini.html", diff --git a/chromium/third_party/polymer/v1_0/components-chromium/polymer/polymer-extracted.js b/chromium/third_party/polymer/v1_0/components-chromium/polymer/polymer-extracted.js index 0a223a3e9ef..8558fbdca5f 100644 --- a/chromium/third_party/polymer/v1_0/components-chromium/polymer/polymer-extracted.js +++ b/chromium/third_party/polymer/v1_0/components-chromium/polymer/polymer-extracted.js @@ -241,65 +241,6 @@ return root; } } }; -}());(function () { -function resolveCss(cssText, ownerDocument) { -return cssText.replace(CSS_URL_RX, function (m, pre, url, post) { -return pre + '\'' + resolve(url.replace(/["']/g, ''), ownerDocument) + '\'' + post; -}); -} -function resolveAttrs(element, ownerDocument) { -for (var name in URL_ATTRS) { -var a$ = URL_ATTRS[name]; -for (var i = 0, l = a$.length, a, at, v; i < l && (a = a$[i]); i++) { -if (name === '*' || element.localName === name) { -at = element.attributes[a]; -v = at && at.value; -if (v && v.search(BINDING_RX) < 0) { -at.value = a === 'style' ? resolveCss(v, ownerDocument) : resolve(v, ownerDocument); -} -} -} -} -} -function resolve(url, ownerDocument) { -if (url && ABS_URL.test(url)) { -return url; -} -var resolver = getUrlResolver(ownerDocument); -resolver.href = url; -return resolver.href || url; -} -var tempDoc; -var tempDocBase; -function resolveUrl(url, baseUri) { -if (!tempDoc) { -tempDoc = document.implementation.createHTMLDocument('temp'); -tempDocBase = tempDoc.createElement('base'); -tempDoc.head.appendChild(tempDocBase); -} -tempDocBase.href = baseUri; -return resolve(url, tempDoc); -} -function getUrlResolver(ownerDocument) { -return ownerDocument.body.__urlResolver || (ownerDocument.body.__urlResolver = ownerDocument.createElement('a')); -} -var CSS_URL_RX = /(url\()([^)]*)(\))/g; -var URL_ATTRS = { -'*': [ -'href', -'src', -'style', -'url' -], -form: ['action'] -}; -var ABS_URL = /(^\/)|(^#)|(^[\w-\d]*:)/; -var BINDING_RX = /\{\{|\[\[/; -Polymer.ResolveUrl = { -resolveCss: resolveCss, -resolveAttrs: resolveAttrs, -resolveUrl: resolveUrl -}; }());Polymer.Path = { root: function (path) { var dotIndex = path.indexOf('.'); @@ -2085,6 +2026,8 @@ node._configValue(name, value); } }, _afterClientsReady: function () { +this.importPath = this._importPath; +this.rootPath = Polymer.rootPath; this._executeStaticEffects(); this._applyConfig(this._config, this._aboveConfig); this._flushHandlers(); @@ -2423,13 +2366,7 @@ _getPathParts: Polymer.Base._getPathParts }); }());Polymer.Base._addFeature({ resolveUrl: function (url) { -var module = Polymer.DomModule.import(this.is); -var root = ''; -if (module) { -var assetPath = module.getAttribute('assetpath') || ''; -root = Polymer.ResolveUrl.resolveUrl(assetPath, module.ownerDocument.baseURI); -} -return Polymer.ResolveUrl.resolveUrl(url, root); +return Polymer.ResolveUrl.resolveUrl(url, this._importPath); } });Polymer.CssParse = function () { return { @@ -4754,9 +4691,17 @@ this._detachInstance(i); attached: function () { if (this.__isDetached) { this.__isDetached = false; -var parent = Polymer.dom(Polymer.dom(this).parentNode); +var refNode; +var parentNode = Polymer.dom(this).parentNode; +if (parentNode.localName == this.is) { +refNode = parentNode; +parentNode = Polymer.dom(parentNode).parentNode; +} else { +refNode = this; +} +var parent = Polymer.dom(parentNode); for (var i = 0; i < this._instances.length; i++) { -this._attachInstance(i, parent); +this._attachInstance(i, parent, refNode); } } }, @@ -5040,10 +4985,10 @@ Polymer.dom(inst.root).appendChild(el); return inst; } }, -_attachInstance: function (idx, parent) { +_attachInstance: function (idx, parent, refNode) { var inst = this._instances[idx]; if (!inst.isPlaceholder) { -parent.insertBefore(inst.root, this); +parent.insertBefore(inst.root, refNode); } }, _detachAndRemoveInstance: function (idx) { @@ -5076,6 +5021,12 @@ inst = this._stampInstance(idx, key); var beforeRow = this._instances[idx + 1]; var beforeNode = beforeRow && !beforeRow.isPlaceholder ? beforeRow._children[0] : this; var parentNode = Polymer.dom(this).parentNode; +if (parentNode.localName == this.is) { +if (beforeNode == this) { +beforeNode = parentNode; +} +parentNode = Polymer.dom(parentNode).parentNode; +} Polymer.dom(parentNode).insertBefore(inst.root, beforeNode); this._instances[idx] = inst; return inst; @@ -5271,7 +5222,11 @@ _queueRender: function () { this._debounceTemplate(this._render); }, detached: function () { -if (!this.parentNode || this.parentNode.nodeType == Node.DOCUMENT_FRAGMENT_NODE && (!Polymer.Settings.hasShadow || !(this.parentNode instanceof ShadowRoot))) { +var parentNode = this.parentNode; +if (parentNode && parentNode.localName == this.is) { +parentNode = Polymer.dom(parentNode).parentNode; +} +if (!parentNode || parentNode.nodeType == Node.DOCUMENT_FRAGMENT_NODE && (!Polymer.Settings.hasShadow || !(parentNode instanceof ShadowRoot))) { this._teardownInstance(); } }, @@ -5304,20 +5259,26 @@ this._lastIf = this.if; } }, _ensureInstance: function () { +var refNode; var parentNode = Polymer.dom(this).parentNode; +if (parentNode && parentNode.localName == this.is) { +refNode = parentNode; +parentNode = Polymer.dom(parentNode).parentNode; +} else { +refNode = this; +} if (parentNode) { -var parent = Polymer.dom(parentNode); if (!this._instance) { this._instance = this.stamp(); var root = this._instance.root; -parent.insertBefore(root, this); +Polymer.dom(parentNode).insertBefore(root, refNode); } else { var c$ = this._instance._children; if (c$ && c$.length) { -var lastChild = Polymer.dom(this).previousSibling; +var lastChild = Polymer.dom(refNode).previousSibling; if (lastChild !== c$[c$.length - 1]) { for (var i = 0, n; i < c$.length && (n = c$[i]); i++) { -parent.insertBefore(n, this); +Polymer.dom(parentNode).insertBefore(n, refNode); } } } @@ -5382,8 +5343,15 @@ _registerFeatures: function () { this._prepConstructor(); }, _insertChildren: function () { -var parentDom = Polymer.dom(Polymer.dom(this).parentNode); -parentDom.insertBefore(this.root, this); +var refNode; +var parentNode = Polymer.dom(this).parentNode; +if (parentNode.localName == this.is) { +refNode = parentNode; +parentNode = Polymer.dom(parentNode).parentNode; +} else { +refNode = this; +} +Polymer.dom(parentNode).insertBefore(this.root, refNode); }, _removeChildren: function () { if (this._children) { diff --git a/chromium/third_party/polymer/v1_0/components-chromium/polymer/polymer-micro-extracted.js b/chromium/third_party/polymer/v1_0/components-chromium/polymer/polymer-micro-extracted.js index 40fa73f7a2a..b3e3aa00528 100644 --- a/chromium/third_party/polymer/v1_0/components-chromium/polymer/polymer-micro-extracted.js +++ b/chromium/third_party/polymer/v1_0/components-chromium/polymer/polymer-micro-extracted.js @@ -782,7 +782,7 @@ default: return value != null ? value : undefined; } } -});Polymer.version = "1.8.1";Polymer.Base._addFeature({ +});Polymer.version = "1.9.1";Polymer.Base._addFeature({ _registerFeatures: function () { this._prepIs(); this._prepBehaviors(); diff --git a/chromium/third_party/polymer/v1_0/components-chromium/polymer/polymer-mini-extracted.js b/chromium/third_party/polymer/v1_0/components-chromium/polymer/polymer-mini-extracted.js index 143aa7a3426..1d21ad135a4 100644 --- a/chromium/third_party/polymer/v1_0/components-chromium/polymer/polymer-mini-extracted.js +++ b/chromium/third_party/polymer/v1_0/components-chromium/polymer/polymer-mini-extracted.js @@ -1,7 +1,80 @@ -Polymer.Base._addFeature({ +(function () { +function resolveCss(cssText, ownerDocument) { +return cssText.replace(CSS_URL_RX, function (m, pre, url, post) { +return pre + '\'' + resolve(url.replace(/["']/g, ''), ownerDocument) + '\'' + post; +}); +} +function resolveAttrs(element, ownerDocument) { +for (var name in URL_ATTRS) { +var a$ = URL_ATTRS[name]; +for (var i = 0, l = a$.length, a, at, v; i < l && (a = a$[i]); i++) { +if (name === '*' || element.localName === name) { +at = element.attributes[a]; +v = at && at.value; +if (v && v.search(BINDING_RX) < 0) { +at.value = a === 'style' ? resolveCss(v, ownerDocument) : resolve(v, ownerDocument); +} +} +} +} +} +function resolve(url, ownerDocument) { +if (url && ABS_URL.test(url)) { +return url; +} +var resolver = getUrlResolver(ownerDocument); +resolver.href = url; +return resolver.href || url; +} +var tempDoc; +var tempDocBase; +function resolveUrl(url, baseUri) { +if (!tempDoc) { +tempDoc = document.implementation.createHTMLDocument('temp'); +tempDocBase = tempDoc.createElement('base'); +tempDoc.head.appendChild(tempDocBase); +} +tempDocBase.href = baseUri; +return resolve(url, tempDoc); +} +function getUrlResolver(ownerDocument) { +return ownerDocument.body.__urlResolver || (ownerDocument.body.__urlResolver = ownerDocument.createElement('a')); +} +function pathFromUrl(url) { +return url.substring(0, url.lastIndexOf('/') + 1); +} +var CSS_URL_RX = /(url\()([^)]*)(\))/g; +var URL_ATTRS = { +'*': [ +'href', +'src', +'style', +'url' +], +form: ['action'] +}; +var ABS_URL = /(^\/)|(^#)|(^[\w-\d]*:)/; +var BINDING_RX = /\{\{|\[\[/; +Polymer.ResolveUrl = { +resolveCss: resolveCss, +resolveAttrs: resolveAttrs, +resolveUrl: resolveUrl, +pathFromUrl: pathFromUrl +}; +Polymer.rootPath = Polymer.Settings.rootPath || pathFromUrl(document.baseURI || window.location.href); +}());Polymer.Base._addFeature({ _prepTemplate: function () { +var module; if (this._template === undefined) { -this._template = Polymer.DomModule.import(this.is, 'template'); +module = Polymer.DomModule.import(this.is); +this._template = module && module.querySelector('template'); +} +if (module) { +var assetPath = module.getAttribute('assetpath') || ''; +var importURL = Polymer.ResolveUrl.resolveUrl(assetPath, module.ownerDocument.baseURI); +this._importPath = Polymer.ResolveUrl.pathFromUrl(importURL); +} else { +this._importPath = ''; } if (this._template && this._template.hasAttribute('is')) { this._warn(this._logf('_prepTemplate', 'top-level Polymer template ' + 'must not be a type-extension, found', this._template, 'Move inside simple <template>.')); |