Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1625)

Unified Diff: third_party/polymer/components/paper-spinner/paper-spinner.html

Issue 1215543002: Remove Polymer 0.5. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: fix unit test Created 5 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/polymer/components/paper-spinner/paper-spinner.html
diff --git a/third_party/polymer/components/paper-spinner/paper-spinner.html b/third_party/polymer/components/paper-spinner/paper-spinner.html
deleted file mode 100644
index 78ce901489da42a6a2710dc6422addb0fa1ae6ac..0000000000000000000000000000000000000000
--- a/third_party/polymer/components/paper-spinner/paper-spinner.html
+++ /dev/null
@@ -1,157 +0,0 @@
-<!--
- @license
- Copyright (c) 2014 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">
-
-<!--
-Element providing material design circular spinner.
-
-##### Example
-
- <paper-spinner active></paper-spinner>
-
-The default spinner cycles between blue, red, yellow and green. It can be customized so
-that it uses one color only.
-
-##### Example
-
- <style shim-shadowdom>
- paper-spinner.blue::shadow .circle {
- border-color: #4285f4;
- }
- </style>
-
- <paper-spinner class="blue" active></paper-spinner>
-
-Alt attribute should be set to provide adequate context for accessibility. If not provided,
-it defaults to 'loading'.
-Empty alt can be provided to mark the element as decorative if alternative content is provided
-in another form (e.g. a text block following the spinner).
-
-##### Example
- <paper-spinner alt="Loading contacts list" active></paper-spinner>
-
-@element paper-spinner
-@blurb Element providing material design circular spinner.
-@status alpha
-@homepage http://polymerlabs.github.io/paper-spinner
--->
-
-<polymer-element name="paper-spinner" attributes="active alt" role="progressbar">
- <template>
- <link rel="stylesheet" href="paper-spinner.css">
-
- <div id="spinnerContainer">
- <div class="spinner-layer blue">
- <div class="circle-clipper left">
- <div class="circle" fit></div>
- </div><div class="gap-patch">
- <div class="circle" fit></div>
- </div><div class="circle-clipper right">
- <div class="circle" fit></div>
- </div>
- </div>
-
- <div class="spinner-layer red">
- <div class="circle-clipper left">
- <div class="circle" fit></div>
- </div><div class="gap-patch">
- <div class="circle" fit></div>
- </div><div class="circle-clipper right">
- <div class="circle" fit></div>
- </div>
- </div>
-
- <div class="spinner-layer yellow">
- <div class="circle-clipper left">
- <div class="circle" fit></div>
- </div><div class="gap-patch">
- <div class="circle" fit></div>
- </div><div class="circle-clipper right">
- <div class="circle" fit></div>
- </div>
- </div>
-
- <div class="spinner-layer green">
- <div class="circle-clipper left">
- <div class="circle" fit></div>
- </div><div class="gap-patch">
- <div class="circle" fit></div>
- </div><div class="circle-clipper right">
- <div class="circle" fit></div>
- </div>
- </div>
- </div>
- </template>
-
- <script>
- Polymer({
- eventDelegates: {
- 'animationend': 'reset',
- 'webkitAnimationEnd': 'reset'
- },
- publish: {
- /**
- * Displays the spinner.
- *
- * @attribute active
- * @type boolean
- * @default false
- */
- active: {value: false, reflect: true},
-
- /**
- * Alternative text content for accessibility support.
- * If alt is present, it will add an aria-label whose content matches alt when active.
- * If alt is not present, it will default to 'loading' as the alt value.
- * @attribute alt
- * @type string
- * @default 'loading'
- */
- alt: {value: 'loading', reflect: true}
- },
-
- ready: function() {
- // Allow user-provided `aria-label` take preference to any other text alternative.
- if (this.hasAttribute('aria-label')) {
- this.alt = this.getAttribute('aria-label');
- } else {
- this.setAttribute('aria-label', this.alt);
- }
- if (!this.active) {
- this.setAttribute('aria-hidden', 'true');
- }
- },
-
- activeChanged: function() {
- if (this.active) {
- this.$.spinnerContainer.classList.remove('cooldown');
- this.$.spinnerContainer.classList.add('active');
- this.removeAttribute('aria-hidden');
- } else {
- this.$.spinnerContainer.classList.add('cooldown');
- this.setAttribute('aria-hidden', 'true');
- }
- },
-
- altChanged: function() {
- if (this.alt === '') {
- this.setAttribute('aria-hidden', 'true');
- } else {
- this.removeAttribute('aria-hidden');
- }
- this.setAttribute('aria-label', this.alt);
- },
-
- reset: function() {
- this.$.spinnerContainer.classList.remove('active', 'cooldown');
- }
- });
- </script>
-</polymer-element>
« no previous file with comments | « third_party/polymer/components/paper-spinner/paper-spinner.css ('k') | third_party/polymer/components/paper-tabs/.bower.json » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698