diff --git a/bower_components/paper-spinner/.bower.json b/bower_components/paper-spinner/.bower.json old mode 100755 new mode 100644 index 9d2afae..2e69532 --- a/bower_components/paper-spinner/.bower.json +++ b/bower_components/paper-spinner/.bower.json @@ -1,6 +1,6 @@ { "name": "paper-spinner", - "version": "1.0.2", + "version": "1.2.0", "description": "A material design spinner", "authors": [ "The Polymer Authors" @@ -22,21 +22,27 @@ "dependencies": { "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", "paper-styles": "PolymerElements/paper-styles#^1.0.0", - "polymer": "Polymer/polymer#^1.0.0" + "polymer": "Polymer/polymer#^1.1.0" }, "devDependencies": { - "web-component-tester": "*", "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", + "web-component-tester": "^4.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" }, - "_release": "1.0.2", + "main": [ + "paper-spinner.html", + "paper-spinner-lite.html" + ], + "_release": "1.2.0", "_resolution": { "type": "version", - "tag": "v1.0.2", - "commit": "18bda194750ace719102d54c17ae1c6ce4a6793e" + "tag": "v1.2.0", + "commit": "66dc50a940aa9a3a067137defe1712aa85de6f35" }, - "_source": "git://github.com/PolymerElements/paper-spinner.git", - "_target": "^1.0.0", - "_originalSource": "PolymerElements/paper-spinner" + "_source": "https://github.com/PolymerElements/paper-spinner.git", + "_target": "~1.2.0", + "_originalSource": "paper-spinner", + "_direct": true } \ No newline at end of file diff --git a/bower_components/paper-spinner/.github/ISSUE_TEMPLATE.md b/bower_components/paper-spinner/.github/ISSUE_TEMPLATE.md new file mode 100644 index 0000000..f1a728a --- /dev/null +++ b/bower_components/paper-spinner/.github/ISSUE_TEMPLATE.md @@ -0,0 +1,33 @@ + +### Description + + +### Expected outcome + + + +### Actual outcome + + + +### Live Demo + + +### Steps to reproduce + + + +### Browsers Affected + +- [ ] Chrome +- [ ] Firefox +- [ ] Safari 9 +- [ ] Safari 8 +- [ ] Safari 7 +- [ ] Edge +- [ ] IE 11 +- [ ] IE 10 diff --git a/bower_components/paper-spinner/.gitignore b/bower_components/paper-spinner/.gitignore old mode 100755 new mode 100644 index fbe05fc..fbe05fc --- a/bower_components/paper-spinner/.gitignore +++ b/bower_components/paper-spinner/.gitignore diff --git a/bower_components/paper-spinner/.travis.yml b/bower_components/paper-spinner/.travis.yml new file mode 100644 index 0000000..2f5e400 --- /dev/null +++ b/bower_components/paper-spinner/.travis.yml @@ -0,0 +1,23 @@ +language: node_js +sudo: required +before_script: + - npm install -g bower polylint web-component-tester + - bower install + - polylint +env: + global: + - secure: dpHtK5BMl68o/D6cQO9VsQWBPVuTrFPC56NT6kBLbiQtmxG2E2FD8dN4cHuEWafZopwYSsLLmEIIK77FMaonTSmzos5EixIQyqGxWTyNTpthg0Jenzc+6vZEs3h+3LDodFjdZSu8FgKyxU8SFLLGjAsSy8aegUNBszy7/SY8FAM= + - secure: EASvFsWb/njjh3DOLD5Oz3nw4QPl4aIhDAIhU2qelb2UCp8Q/KGniU7VjNoQ7OSN05jh2ooz8Pu3cAhLmrWumJn2atXEXvRPKtT/+1Ciy3xFcvgmqM0RHB+7qSSOUwgvPW9bwdzVxxMjAW7Oqb7w3nVn9/mEv2sMPNSv7iEbiUI= +node_js: stable +addons: + firefox: latest + apt: + sources: + - google-chrome + packages: + - google-chrome-stable + sauce_connect: true +script: + - xvfb-run wct + - "if [ \"${TRAVIS_PULL_REQUEST}\" = \"false\" ]; then wct -s 'default'; fi" +dist: trusty diff --git a/bower_components/paper-spinner/CONTRIBUTING.md b/bower_components/paper-spinner/CONTRIBUTING.md new file mode 100644 index 0000000..093090d --- /dev/null +++ b/bower_components/paper-spinner/CONTRIBUTING.md @@ -0,0 +1,77 @@ + + +# Polymer Elements +## Guide for Contributors + +Polymer Elements are built in the open, and the Polymer authors eagerly encourage any and all forms of community contribution. When contributing, please follow these guidelines: + +### Filing Issues + +**If you are filing an issue to request a feature**, please provide a clear description of the feature. It can be helpful to describe answers to the following questions: + + 1. **Who will use the feature?** _“As someone filling out a form…”_ + 2. **When will they use the feature?** _“When I enter an invalid value…”_ + 3. **What is the user’s goal?** _“I want to be visually notified that the value needs to be corrected…”_ + +**If you are filing an issue to report a bug**, please provide: + + 1. **A clear description of the bug and related expectations.** Consider using the following example template for reporting a bug: + + ```markdown + The `paper-foo` element causes the page to turn pink when clicked. + + ## Expected outcome + + The page stays the same color. + + ## Actual outcome + + The page turns pink. + + ## Steps to reproduce + + 1. Put a `paper-foo` element in the page. + 2. Open the page in a web browser. + 3. Click the `paper-foo` element. + ``` + + 2. **A reduced test case that demonstrates the problem.** If possible, please include the test case as a JSBin. Start with this template to easily import and use relevant Polymer Elements: [https://jsbin.com/cagaye/edit?html,output](https://jsbin.com/cagaye/edit?html,output). + + 3. **A list of browsers where the problem occurs.** This can be skipped if the problem is the same across all browsers. + +### Submitting Pull Requests + +**Before creating a pull request**, please ensure that an issue exists for the corresponding change in the pull request that you intend to make. **If an issue does not exist, please create one per the guidelines above**. The goal is to discuss the design and necessity of the proposed change with Polymer authors and community before diving into a pull request. + +When submitting pull requests, please provide: + + 1. **A reference to the corresponding issue** or issues that will be closed by the pull request. Please refer to these issues in the pull request description using the following syntax: + + ```markdown + (For a single issue) + Fixes #20 + + (For multiple issues) + Fixes #32, fixes #40 + ``` + + 2. **A succinct description of the design** used to fix any related issues. For example: + + ```markdown + This fixes #20 by removing styles that leaked which would cause the page to turn pink whenever `paper-foo` is clicked. + ``` + + 3. **At least one test for each bug fixed or feature added** as part of the pull request. Pull requests that fix bugs or add features without accompanying tests will not be considered. + +If a proposed change contains multiple commits, please [squash commits](https://www.google.com/url?q=http://blog.steveklabnik.com/posts/2012-11-08-how-to-squash-commits-in-a-github-pull-request) to as few as is necessary to succinctly express the change. A Polymer author can help you squash commits, so don’t be afraid to ask us if you need help with that! diff --git a/bower_components/paper-spinner/README.md b/bower_components/paper-spinner/README.md old mode 100755 new mode 100644 index c447c8b..ad57a2f --- a/bower_components/paper-spinner/README.md +++ b/bower_components/paper-spinner/README.md @@ -1,45 +1,93 @@ -paper-spinner -============= -Element providing material design circular spinner. + + +[![Build status](https://travis-ci.org/PolymerElements/paper-spinner.svg?branch=master)](https://travis-ci.org/PolymerElements/paper-spinner) + +_[Demo and API docs](https://elements.polymer-project.org/elements/paper-spinner)_ + + +##<paper-spinner> + +Material design: [Progress & activity](https://www.google.com/design/spec/components/progress-activity.html) + +Element providing a multiple color material design circular spinner. ```html ``` The default spinner cycles between four layers of colors; by default they are -blue, red, yellow and green. It can be customized so that it uses one color only -by setting all the layer colors to the same value. +blue, red, yellow and green. It can be customized to cycle between four different +colors. Use for single color spinners. + +### Accessibility + +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). + +```html + +``` + +### Styling + +The following custom properties and mixins are available for styling: + +| Custom property | Description | Default | +| --- | --- | --- | +| `--paper-spinner-layer-1-color` | Color of the first spinner rotation | `--google-blue-500` | +| `--paper-spinner-layer-2-color` | Color of the second spinner rotation | `--google-red-500` | +| `--paper-spinner-layer-3-color` | Color of the third spinner rotation | `--google-yellow-500` | +| `--paper-spinner-layer-4-color` | Color of the fourth spinner rotation | `--google-green-500` | +| `--paper-spinner-stroke-width` | The width of the spinner stroke | 3px | + -##### Example + +##<paper-spinner-lite> + +Material design: [Progress & activity](https://www.google.com/design/spec/components/progress-activity.html) + +Element providing a single color material design circular spinner. ```html - + ``` +The default spinner is blue. It can be customized to be a different color. + +### Accessibility + 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 - ```html - + ``` + +### Styling + +The following custom properties and mixins are available for styling: + +| Custom property | Description | Default | +| --- | --- | --- | +| `--paper-spinner-color` | Color of the spinner | `--google-blue-500` | +| `--paper-spinner-stroke-width` | The width of the spinner stroke | 3px | + + + + diff --git a/bower_components/paper-spinner/bower.json b/bower_components/paper-spinner/bower.json old mode 100755 new mode 100644 index a8c31cf..7f8f09a --- a/bower_components/paper-spinner/bower.json +++ b/bower_components/paper-spinner/bower.json @@ -1,6 +1,6 @@ { "name": "paper-spinner", - "version": "1.0.2", + "version": "1.2.0", "description": "A material design spinner", "authors": [ "The Polymer Authors" @@ -22,12 +22,17 @@ "dependencies": { "iron-flex-layout": "PolymerElements/iron-flex-layout#^1.0.0", "paper-styles": "PolymerElements/paper-styles#^1.0.0", - "polymer": "Polymer/polymer#^1.0.0" + "polymer": "Polymer/polymer#^1.1.0" }, "devDependencies": { - "web-component-tester": "*", "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", + "web-component-tester": "^4.0.0", "webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0" - } + }, + "main": [ + "paper-spinner.html", + "paper-spinner-lite.html" + ] } diff --git a/bower_components/paper-spinner/demo/index.html b/bower_components/paper-spinner/demo/index.html old mode 100755 new mode 100644 index d64e6fc..d4c56f9 --- a/bower_components/paper-spinner/demo/index.html +++ b/bower_components/paper-spinner/demo/index.html @@ -9,89 +9,89 @@ 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 --> - - paper-spinner demo - - - - - - -
-
-

Default

-
- - +
+

Spinners can be deactivated or activated

+ + + + +

Spinners can be styled using custom properties

+ + +
- diff --git a/bower_components/paper-spinner/index.html b/bower_components/paper-spinner/index.html old mode 100755 new mode 100644 index 9874334..9874334 --- a/bower_components/paper-spinner/index.html +++ b/bower_components/paper-spinner/index.html diff --git a/bower_components/paper-spinner/paper-spinner-behavior.html b/bower_components/paper-spinner/paper-spinner-behavior.html new file mode 100644 index 0000000..ce3594b --- /dev/null +++ b/bower_components/paper-spinner/paper-spinner-behavior.html @@ -0,0 +1,87 @@ + + + + + diff --git a/bower_components/paper-spinner/paper-spinner-lite.html b/bower_components/paper-spinner/paper-spinner-lite.html new file mode 100644 index 0000000..5d123a7 --- /dev/null +++ b/bower_components/paper-spinner/paper-spinner-lite.html @@ -0,0 +1,71 @@ + + + + + + + + + + + + + + + diff --git a/bower_components/paper-spinner/paper-spinner-styles.html b/bower_components/paper-spinner/paper-spinner-styles.html new file mode 100644 index 0000000..0832929 --- /dev/null +++ b/bower_components/paper-spinner/paper-spinner-styles.html @@ -0,0 +1,341 @@ + + + + + diff --git a/bower_components/paper-spinner/paper-spinner.css b/bower_components/paper-spinner/paper-spinner.css deleted file mode 100755 index d295c3f..0000000 --- a/bower_components/paper-spinner/paper-spinner.css +++ /dev/null @@ -1,330 +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 - -*/ -/**************************/ -/* STYLES FOR THE SPINNER */ -/**************************/ - -/* - * Constants: - * STROKEWIDTH = 3px - * ARCSIZE = 270 degrees (amount of circle the arc takes up) - * ARCTIME = 1333ms (time it takes to expand and contract arc) - * ARCSTARTROT = 216 degrees (how much the start location of the arc - * should rotate each time, 216 gives us a - * 5 pointed star shape (it's 360/5 * 3). - * For a 7 pointed star, we might do - * 360/7 * 3 = 154.286) - * CONTAINERWIDTH = 28px - * SHRINK_TIME = 400ms - */ - -:host { - display: inline-block; - position: relative; - width: 28px; /* CONTAINERWIDTH */ - height: 28px; /* CONTAINERWIDTH */ -} - -#spinnerContainer { - width: 100%; - height: 100%; - - /* The spinner does not have any contents that would have to be - * flipped if the direction changes. Always use ltr so that the - * style works out correctly in both cases. */ - direction: ltr; -} - -#spinnerContainer.active { - /* duration: 360 * ARCTIME / (ARCSTARTROT + (360-ARCSIZE)) */ - -webkit-animation: container-rotate 1568ms linear infinite; - animation: container-rotate 1568ms linear infinite; -} - -@-webkit-keyframes container-rotate { - to { -webkit-transform: rotate(360deg) } -} - -@keyframes container-rotate { - to { transform: rotate(360deg) } -} - -.spinner-layer { - position: absolute; - width: 100%; - height: 100%; - opacity: 0; -} - -.layer-1 { - border-color: var(--paper-spinner-layer-1-color, --google-blue-500); -} - -.layer-2 { - border-color: var(--paper-spinner-layer-2-color, --google-red-500); -} - -.layer-3 { - border-color: var(--paper-spinner-layer-3-color, --google-yellow-500); -} - -.layer-4 { - border-color: var(--paper-spinner-layer-4-color, --google-blue-500); -} - -/** - * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee): - * - * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't - * guarantee that the animation will start _exactly_ after that value. So we avoid using - * animation-delay and instead set custom keyframes for each color (as layer-2undant as it - * seems). - * - * We write out each animation in full (instead of separating animation-name, - * animation-duration, etc.) because under the polyfill, Safari does not recognize those - * specific properties properly, treats them as -webkit-animation, and overrides the - * other animation rules. See https://github.com/Polymer/platform/issues/53. - */ -.active .spinner-layer.layer-1 { - /* durations: 4 * ARCTIME */ - -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both; - animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both; -} - -.active .spinner-layer.layer-2 { - /* durations: 4 * ARCTIME */ - -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both; - animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both; -} - -.active .spinner-layer.layer-3 { - /* durations: 4 * ARCTIME */ - -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both; - animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both; -} - -.active .spinner-layer.layer-4 { - /* durations: 4 * ARCTIME */ - -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both; - animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both; -} - -@-webkit-keyframes fill-unfill-rotate { - 12.5% { -webkit-transform: rotate(135deg); } /* 0.5 * ARCSIZE */ - 25% { -webkit-transform: rotate(270deg); } /* 1 * ARCSIZE */ - 37.5% { -webkit-transform: rotate(405deg); } /* 1.5 * ARCSIZE */ - 50% { -webkit-transform: rotate(540deg); } /* 2 * ARCSIZE */ - 62.5% { -webkit-transform: rotate(675deg); } /* 2.5 * ARCSIZE */ - 75% { -webkit-transform: rotate(810deg); } /* 3 * ARCSIZE */ - 87.5% { -webkit-transform: rotate(945deg); } /* 3.5 * ARCSIZE */ - to { -webkit-transform: rotate(1080deg); } /* 4 * ARCSIZE */ -} - -@keyframes fill-unfill-rotate { - 12.5% { transform: rotate(135deg); } /* 0.5 * ARCSIZE */ - 25% { transform: rotate(270deg); } /* 1 * ARCSIZE */ - 37.5% { transform: rotate(405deg); } /* 1.5 * ARCSIZE */ - 50% { transform: rotate(540deg); } /* 2 * ARCSIZE */ - 62.5% { transform: rotate(675deg); } /* 2.5 * ARCSIZE */ - 75% { transform: rotate(810deg); } /* 3 * ARCSIZE */ - 87.5% { transform: rotate(945deg); } /* 3.5 * ARCSIZE */ - to { transform: rotate(1080deg); } /* 4 * ARCSIZE */ -} - -/** - * HACK: Even though the intention is to have the current .spinner-layer at - * `opacity: 1`, we set it to `opacity: 0.99` instead since this forces Chrome - * to do proper subpixel rendering for the elements being animated. This is - * especially visible in Chrome 39 on Ubuntu 14.04. See: - * - * - https://github.com/Polymer/paper-spinner/issues/9 - * - https://code.google.com/p/chromium/issues/detail?id=436255 - */ -@-webkit-keyframes layer-1-fade-in-out { - from { opacity: 0.99; } - 25% { opacity: 0.99; } - 26% { opacity: 0; } - 89% { opacity: 0; } - 90% { opacity: 0.99; } - 100% { opacity: 0.99; } -} - -@keyframes layer-1-fade-in-out { - from { opacity: 0.99; } - 25% { opacity: 0.99; } - 26% { opacity: 0; } - 89% { opacity: 0; } - 90% { opacity: 0.99; } - 100% { opacity: 0.99; } -} - -@-webkit-keyframes layer-2-fade-in-out { - from { opacity: 0; } - 15% { opacity: 0; } - 25% { opacity: 0.99; } - 50% { opacity: 0.99; } - 51% { opacity: 0; } -} - -@keyframes layer-2-fade-in-out { - from { opacity: 0; } - 15% { opacity: 0; } - 25% { opacity: 0.99; } - 50% { opacity: 0.99; } - 51% { opacity: 0; } -} - -@-webkit-keyframes layer-3-fade-in-out { - from { opacity: 0; } - 40% { opacity: 0; } - 50% { opacity: 0.99; } - 75% { opacity: 0.99; } - 76% { opacity: 0; } -} - -@keyframes layer-3-fade-in-out { - from { opacity: 0; } - 40% { opacity: 0; } - 50% { opacity: 0.99; } - 75% { opacity: 0.99; } - 76% { opacity: 0; } -} - -@-webkit-keyframes layer-4-fade-in-out { - from { opacity: 0; } - 65% { opacity: 0; } - 75% { opacity: 0.99; } - 90% { opacity: 0.99; } - 100% { opacity: 0; } -} - -@keyframes layer-4-fade-in-out { - from { opacity: 0; } - 65% { opacity: 0; } - 75% { opacity: 0.99; } - 90% { opacity: 0.99; } - 100% { opacity: 0; } -} - -/** - * Patch the gap that appear between the two adjacent div.circle-clipper while the - * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11). - * - * Update: the gap no longer appears on Chrome when .spinner-layer's opacity is 0.99, - * but still does on Safari and IE. - */ -.gap-patch { - position: absolute; - box-sizing: border-box; - top: 0; - left: 45%; - width: 10%; - height: 100%; - overflow: hidden; - border-color: inherit; -} - -.gap-patch .circle { - width: 1000%; - left: -450%; -} - -.circle-clipper { - display: inline-block; - position: relative; - width: 50%; - height: 100%; - overflow: hidden; - border-color: inherit; -} - -.circle-clipper .circle { - width: 200%; -} - -.circle { - box-sizing: border-box; - height: 100%; - border-width: 3px; /* STROKEWIDTH */ - border-style: solid; - border-color: inherit; - border-bottom-color: transparent !important; - border-radius: 50%; - -webkit-animation: none; - animation: none; - - @apply(--layout-fit); -} - -.circle-clipper.left .circle { - border-right-color: transparent !important; - -webkit-transform: rotate(129deg); - transform: rotate(129deg); -} - -.circle-clipper.right .circle { - left: -100%; - border-left-color: transparent !important; - -webkit-transform: rotate(-129deg); - transform: rotate(-129deg); -} - -.active .circle-clipper.left .circle { - /* duration: ARCTIME */ - -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both; - animation: left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both; -} - -.active .circle-clipper.right .circle { - /* duration: ARCTIME */ - -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both; - animation: right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both; -} - -@-webkit-keyframes left-spin { - from { -webkit-transform: rotate(130deg); } - 50% { -webkit-transform: rotate(-5deg); } - to { -webkit-transform: rotate(130deg); } -} - -@keyframes left-spin { - from { transform: rotate(130deg); } - 50% { transform: rotate(-5deg); } - to { transform: rotate(130deg); } -} - -@-webkit-keyframes right-spin { - from { -webkit-transform: rotate(-130deg); } - 50% { -webkit-transform: rotate(5deg); } - to { -webkit-transform: rotate(-130deg); } -} - -@keyframes right-spin { - from { transform: rotate(-130deg); } - 50% { transform: rotate(5deg); } - to { transform: rotate(-130deg); } -} - -#spinnerContainer.cooldown { - /* duration: SHRINK_TIME */ - -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0.0, 0.2, 1); - animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0.0, 0.2, 1); -} - -@-webkit-keyframes fade-out { - from { opacity: 0.99; } - to { opacity: 0; } -} - -@keyframes fade-out { - from { opacity: 0.99; } - to { opacity: 0; } -} diff --git a/bower_components/paper-spinner/paper-spinner.html b/bower_components/paper-spinner/paper-spinner.html old mode 100755 new mode 100644 index 5a1f9ed..54ff8bc --- a/bower_components/paper-spinner/paper-spinner.html +++ b/bower_components/paper-spinner/paper-spinner.html @@ -9,17 +9,21 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN --> - + + + + + + + + + diff --git a/datalets/base-datalet/base-datalet.html b/datalets/base-datalet/base-datalet.html index ff0deb7..5583d82 100755 --- a/datalets/base-datalet/base-datalet.html +++ b/datalets/base-datalet/base-datalet.html @@ -31,6 +31,9 @@ + + +