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> |