From 124d50e6d63359ebac8b8e88dc58b8bb148411ac Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <paulus@paulusschoutsen.nl>
Date: Fri, 29 May 2015 20:15:29 -0700
Subject: [PATCH] Polymer 1.0: Update to latest version

---
 homeassistant/components/frontend/version.py  |   2 +-
 .../frontend/www_static/frontend.html         | 900 +++++++++++-------
 .../frontend/www_static/polymer/bower.json    |  55 +-
 .../www_static/polymer/html-minifier.conf     |  11 +
 .../resources/home-assistant-icons.html       |   2 +-
 scripts/build_frontend                        |  12 +-
 6 files changed, 592 insertions(+), 390 deletions(-)
 create mode 100644 homeassistant/components/frontend/www_static/polymer/html-minifier.conf

diff --git a/homeassistant/components/frontend/version.py b/homeassistant/components/frontend/version.py
index 4d785fdba69ed6..cd7ca59febb52d 100644
--- a/homeassistant/components/frontend/version.py
+++ b/homeassistant/components/frontend/version.py
@@ -1,2 +1,2 @@
 """ DO NOT MODIFY. Auto-generated by build_frontend script """
-VERSION = "98bb95f776cee5e6271373701c0322e6"
+VERSION = "c164af7349b4750365f03b190e11cc8d"
diff --git a/homeassistant/components/frontend/www_static/frontend.html b/homeassistant/components/frontend/www_static/frontend.html
index c9e04caebfce44..a2d42c0df711eb 100644
--- a/homeassistant/components/frontend/www_static/frontend.html
+++ b/homeassistant/components/frontend/www_static/frontend.html
@@ -537,7 +537,7 @@
 }
 });
 
-Polymer.version = "1.0.0";
+Polymer.version = "1.0.2";
 
 Polymer.Base._addFeature({
 _registerFeatures: function() {
@@ -2219,7 +2219,7 @@
 var TAP_DISTANCE = 25;
 var TRACK_DISTANCE = 5;
 var TRACK_LENGTH = 2;
-var MOUSE_TIMEOUT = 500;
+var MOUSE_TIMEOUT = 2500;
 var MOUSE_EVENTS = [ "mousedown", "mousemove", "mouseup", "click" ];
 var mouseCanceller = function(mouseEvent) {
 mouseEvent[HANDLED_OBJ] = {
@@ -2236,36 +2236,38 @@
 mouseEvent.stopPropagation();
 }
 };
-function ignoreMouse(set) {
-if (set && POINTERSTATE.touch.mouseIgnoreId !== -1) {
-return;
-}
+function setupTeardownMouseCanceller(setup) {
 for (var i = 0, en; i < MOUSE_EVENTS.length; i++) {
 en = MOUSE_EVENTS[i];
-if (set) {
+if (setup) {
 document.addEventListener(en, mouseCanceller, true);
 } else {
 document.removeEventListener(en, mouseCanceller, true);
 }
 }
-if (set) {
-POINTERSTATE.mouse.mouseIgnoreId = setTimeout(ignoreMouse, MOUSE_TIMEOUT);
-} else {
-POINTERSTATE.mouse.target = null;
-POINTERSTATE.touch.mouseIgnoreId = -1;
 }
+function ignoreMouse() {
+if (!POINTERSTATE.mouse.mouseIgnoreJob) {
+setupTeardownMouseCanceller(true);
+}
+var unset = function() {
+setupTeardownMouseCanceller();
+POINTERSTATE.mouse.target = null;
+POINTERSTATE.mouse.mouseIgnoreJob = null;
+};
+POINTERSTATE.mouse.mouseIgnoreJob = Polymer.Debounce(POINTERSTATE.mouse.mouseIgnoreJob, unset, MOUSE_TIMEOUT);
 }
 var POINTERSTATE = {
 tapPrevented: false,
 mouse: {
-target: null
+target: null,
+mouseIgnoreJob: null
 },
 touch: {
 x: 0,
 y: 0,
 id: -1,
-scrollDecided: false,
-mouseIgnoreId: -1
+scrollDecided: false
 }
 };
 function firstTouchAction(ev) {
@@ -2552,6 +2554,7 @@
 dy: dy,
 ddx: ddx,
 ddy: ddy,
+sourceEvent: touch,
 hover: function() {
 return Gestures.deepTargetFind(touch.clientX, touch.clientY);
 }
@@ -2563,12 +2566,12 @@
 deps: [ "mousedown", "click", "touchstart", "touchend" ],
 emits: [ "tap" ],
 start: {
-x: 0,
-y: 0
+x: NaN,
+y: NaN
 },
 reset: function() {
-this.start.x = 0;
-this.start.y = 0;
+this.start.x = NaN;
+this.start.y = NaN;
 },
 save: function(e) {
 this.start.x = e.clientX;
@@ -2591,7 +2594,7 @@
 forward: function(e) {
 var dx = Math.abs(e.clientX - this.start.x);
 var dy = Math.abs(e.clientY - this.start.y);
-if (isNaN(dx) || isNaN(dy) || dx <= TAP_DISTANCE || dy <= TAP_DISTANCE) {
+if (isNaN(dx) || isNaN(dy) || dx <= TAP_DISTANCE && dy <= TAP_DISTANCE) {
 if (!POINTERSTATE.tapPrevented) {
 Gestures.fire(e.target, "tap", {
 x: e.clientX,
@@ -5629,9 +5632,7 @@
 this._removeChildren();
 }
 });</script>
-<style>
-
-</style>
+<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic">
 
 <style is="custom-style">
 
@@ -10732,6 +10733,12 @@
      */
     var ARROW_KEY = /^arrow/;
 
+    /**
+     * Matches space keys everywhere (notably including IE10's exceptional name
+     * `spacebar`).
+     */
+    var SPACE_KEY = /^space(bar)?/;
+
     function transformKey(key) {
       var validKey = '';
       if (key) {
@@ -10742,6 +10749,8 @@
           }
         } else if (ARROW_KEY.test(lKey)) {
           validKey = lKey.replace('arrow', '');
+        } else if (SPACE_KEY.test(lKey)) {
+          validKey = 'space';
         } else if (lKey == 'multiply') {
           // numpad '*' can map to Multiply on IE/Windows
           validKey = '*';
@@ -11253,12 +11262,15 @@
       this._setReceivedFocusFromKeyboard(false);
     },
 
-    _upHandler: function(e) {
+    _upHandler: function() {
       this._setPointerDown(false);
       this._setPressed(false);
     },
 
-    _spaceKeyDownHandler: function() {
+    _spaceKeyDownHandler: function(event) {
+      var keyboardEvent = event.detail.keyboardEvent;
+      keyboardEvent.preventDefault();
+      keyboardEvent.stopImmediatePropagation();
       this._setPressed(true);
     },
 
@@ -12348,16 +12360,16 @@
     --paper-blue-grey-900: #263238;
 
     /* opacity for dark text on a light background */
-    --dark-divider-opacity: 12%;
-    --dark-disabled-opacity: 26%; /* or hint text */
-    --dark-secondary-opacity: 54%; /* or icon */
-    --dark-primary-opacity: 87%;
+    --dark-divider-opacity: 0.12;
+    --dark-disabled-opacity: 0.26; /* or hint text */
+    --dark-secondary-opacity: 0.54; /* or icon */
+    --dark-primary-opacity: 0.87;
 
     /* opacity for light text on a dark background */
-    --light-divider-opacity: 12%;
-    --light-disabled-opacity: 30%; /* or hint text */
-    --light-secondary-opacity: 70%; /* or icon */
-    --light-primary-opacity: 100%;
+    --light-divider-opacity: 0.12;
+    --light-disabled-opacity: 0.3; /* or hint text */
+    --light-secondary-opacity: 0.7; /* or icon */
+    --light-primary-opacity: 1.0;
 
   }
 
@@ -12365,13 +12377,12 @@
 
 <script>
 
-/*
-Use `Polymer.PaperInputAddonBehavior` to implement an add-on for `<paper-input-container>`. A
-add-on appears below the input, and may display information based on the input value and validity
-such as a character counter or an error message.
-@polymerBehavior
-*/
-
+  /**
+   * Use `Polymer.PaperInputAddonBehavior` to implement an add-on for `<paper-input-container>`. A
+   * add-on appears below the input, and may display information based on the input value and
+   * validity such as a character counter or an error message.
+   * @polymerBehavior
+   */
   Polymer.PaperInputAddonBehavior = {
 
     hostAttributes: {
@@ -12398,17 +12409,17 @@
 
 <script>
 
-/*
-Use `Polymer.IronValidatableBehavior` to implement an element that validates user input.
-
-### Accessiblity
-
-Changing the `invalid` property, either manually or by calling `validate()` will update the
-`aria-invalid` attribute.
-
-@polymerBehavior
-*/
-
+  /**
+   * Use `Polymer.IronValidatableBehavior` to implement an element that validates user input.
+   *
+   * ### Accessiblity
+   *
+   * Changing the `invalid` property, either manually or by calling `validate()` will update the
+   * `aria-invalid` attribute.
+   *
+   * @demo demo/index.html
+   * @polymerBehavior
+   */
   Polymer.IronValidatableBehavior = {
 
     properties: {
@@ -12514,6 +12525,9 @@
 
     <!-- only allow characters that match [0-9] -->
     <input is="iron-input" prevent-invaild-input allowed-pattern="[0-9]">
+
+@hero hero.svg
+@demo demo/index.html
 */
 
   Polymer({
@@ -12607,6 +12621,11 @@
       return printable;
     },
 
+    // convert printable numpad keys to number keys
+    _correctNumpadKeys: function(keyCode) {
+      return (keyCode > 95 && keyCode < 112) ? keyCode - 48 : keyCode;
+    },
+
     _onKeydown: function(event) {
       if (!this.preventInvalidInput && this.type !== 'number') {
         return;
@@ -12615,7 +12634,7 @@
       if (!regexp) {
         return;
       }
-      var thisChar = String.fromCharCode(event.keyCode);
+      var thisChar = String.fromCharCode(this._correctNumpadKeys(event.keyCode));
       if (this._isPrintable(event.keyCode) && !regexp.test(thisChar)) {
         event.preventDefault();
       }
@@ -12627,6 +12646,10 @@
      * @return {Boolean} True if the value is valid.
      */
     validate: function() {
+      // Empty, non-required input is valid.
+      if (!this.required && this.value == '')
+        return true;
+        
       var valid;
       if (this.hasValidator()) {
         valid = Polymer.IronValidatableBehavior.validate.call(this, this.value);
@@ -12860,11 +12883,11 @@
        *
        * @attribute activateEvent
        * @type {string}
-       * @default 'click'
+       * @default 'tap'
        */
       activateEvent: {
         type: String,
-        value: 'click',
+        value: 'tap',
         observer: '_activateEventChanged'
       },
 
@@ -12910,7 +12933,6 @@
     },
 
     created: function() {
-      this._bindActivateHandler = this._activateHandler.bind(this);
       this._bindFilterItem = this._filterItem.bind(this);
       this._selection = new Polymer.IronSelection(this._applySelection.bind(this));
     },
@@ -12984,11 +13006,13 @@
     },
 
     _addListener: function(eventName) {
-      this.addEventListener(eventName, this._bindActivateHandler);
+      this.listen(this, eventName, '_activateHandler');
     },
 
     _removeListener: function(eventName) {
-      this.removeEventListener(eventName, this._bindActivateHandler);
+      // There is no unlisten yet...
+      // https://github.com/Polymer/polymer/issues/1639
+      //this.removeEventListener(eventName, this._bindActivateHandler);
     },
 
     _activateEventChanged: function(eventName, old) {
@@ -13077,6 +13101,11 @@
     },
 
     _activateHandler: function(e) {
+      // TODO: remove this when https://github.com/Polymer/polymer/issues/1639 is fixed so we
+      // can just remove the old event listener.
+      if (e.type !== this.activateEvent) {
+        return;
+      }
       var t = e.target;
       var items = this.items;
       while (t && t != this) {
@@ -13101,16 +13130,12 @@
 
 </script>
 <script>
-
+  /** @polymerBehavior Polymer.IronMultiSelectableBehavior */
   Polymer.IronMultiSelectableBehaviorImpl = {
     properties: {
 
       /**
        * If true, multiple selections are allowed.
-       *
-       * @attribute multi
-       * @type Boolean
-       * @default false
        */
       multi: {
         type: Boolean,
@@ -13121,9 +13146,6 @@
       /**
        * Gets or sets the selected elements. This is used instead of `selected` when `multi`
        * is true.
-       *
-       * @attribute selectedValues
-       * @type Array
        */
       selectedValues: {
         type: Array,
@@ -13132,9 +13154,6 @@
 
       /**
        * Returns an array of currently selected items.
-       *
-       * @attribute selectedItems
-       * @type Array
        */
       selectedItems: {
         type: Array,
@@ -13261,6 +13280,7 @@
         <div>Item 3</div>
       </iron-selector>
 
+  @demo demo/index.html
   */
 
   Polymer({
@@ -13280,10 +13300,14 @@
 
 
 
-
-
 <script>
 
+  /**
+   * `Polymer.IronMenuBehavior` implements accessible menu behavior.
+   *
+   * @demo demo/index.html
+   * @polymerBehavior Polymer.IronMenuBehavior
+   */
   Polymer.IronMenuBehaviorImpl = {
 
     properties: {
@@ -13468,7 +13492,7 @@
 
   Polymer.IronMenuBehaviorImpl._shiftTabPressed = false;
 
-  /** @polymerBehavior */
+  /** @polymerBehavior Polymer.IronMenuBehavior */
   Polymer.IronMenuBehavior = [
     Polymer.IronMultiSelectableBehavior,
     Polymer.IronA11yKeysBehavior,
@@ -13490,9 +13514,23 @@
 
 
 
-
-
 <script>
+  /**
+   * `IronResizableBehavior` is a behavior that can be used in Polymer elements to
+   * coordinate the flow of resize events between "resizers" (elements that control the
+   * size or hidden state of their children) and "resizables" (elements that need to be
+   * notified when they are resized or un-hidden by their parents in order to take
+   * action on their new measurements).
+   * Elements that perform measurement should add the `IronResizableBehavior` behavior to
+   * their element definition and listen for the `iron-resize` event on themselves.
+   * This event will be fired when they become showing after having been hidden,
+   * when they are resized explicitly by another resizable, or when the window has been
+   * resized.
+   * Note, the `iron-resize` event is non-bubbling.
+   *
+   * @polymerBehavior Polymer.IronResizableBehavior
+   * @demo demo/index.html
+   **/
   Polymer.IronResizableBehavior = {
     properties: {
       _parentResizable: {
@@ -14190,6 +14228,12 @@
 
 <script>
 
+  /** 
+  
+  @demo demo/index.html
+  @polymerBehavior 
+  
+  */
   Polymer.IronFormElementBehavior = {
 
     properties: {
@@ -14219,16 +14263,16 @@
 </script>
 <script>
 
-/*
-Use `Polymer.PaperInputBehavior` to implement inputs with `<paper-input-container>`. This behavior
-is implemented by `<paper-input>`. It exposes a number of properties from `<paper-input-container>`
-and `<input is="iron-input">` and they should be bound in your template.
-
-The input element can be accessed by the `inputElement` property if you need to access properties
-or methods that are not exposed.
-@polymerBehavior
-*/
-
+  /**
+   * Use `Polymer.PaperInputBehavior` to implement inputs with `<paper-input-container>`. This
+   * behavior is implemented by `<paper-input>`. It exposes a number of properties from
+   * `<paper-input-container>` and `<input is="iron-input">` and they should be bound in your
+   * template.
+   *
+   * The input element can be accessed by the `inputElement` property if you need to access
+   * properties or methods that are not exposed.
+   * @polymerBehavior
+   */
   Polymer.PaperInputBehavior = {
 
     properties: {
@@ -14484,6 +14528,7 @@
       var label = Polymer.dom(this.root).querySelector('label');
       if (!label) {
         this._ariaLabelledBy = '';
+        return;
       }
       var labelledBy;
       if (label.id) {
@@ -14510,12 +14555,132 @@
 
 <script>
 
-/*
-`Polymer.NeonAnimatableBehavior` is implemented by elements containing animations for use with
-elements implementing `Polymer.NeonAnimationRunnerBehavior`.
-@polymerBehavior
-*/
+  /**
+   * Use `Polymer.NeonAnimationBehavior` to implement an animation.
+   * @polymerBehavior
+   */
+  Polymer.NeonAnimationBehavior = {
 
+    properties: {
+
+      /**
+       * Defines the animation timing.
+       */
+      animationTiming: {
+        type: Object,
+        value: function() {
+          return {
+            duration: 500,
+            easing: 'cubic-bezier(0.4, 0, 0.2, 1)',
+            fill: 'both'
+          }
+        }
+      }
+
+    },
+
+    registered: function() {
+      new Polymer.IronMeta({type: 'animation', key: this.is, value: this.constructor});
+    },
+
+    /**
+     * Do any animation configuration here.
+     */
+    // configure: function(config) {
+    // },
+
+    /**
+     * Returns the animation timing by mixing in properties from `config` to the defaults defined
+     * by the animation.
+     */
+    timingFromConfig: function(config) {
+      if (config.timing) {
+        for (var property in config.timing) {
+          this.animationTiming[property] = config.timing[property];
+        }
+      }
+      return this.animationTiming;
+    },
+
+    /**
+     * Sets `transform` and `transformOrigin` properties along with the prefixed versions.
+     */
+    setPrefixedProperty: function(node, property, value) {
+      var map = {
+        'transform': ['webkitTransform'],
+        'transformOrigin': ['mozTransformOrigin', 'webkitTransformOrigin']
+      };
+      var prefixes = map[property];
+      for (var prefix, index = 0; prefix = prefixes[index]; index++) {
+        node.style[prefix] = value;
+      }
+      node.style[property] = value;
+    },
+
+    /**
+     * Called when the animation finishes.
+     */
+    complete: function() {
+      // FIXME not sure about non-bubbling event
+      this.fire(this.animationEndEvent, null, {bubbles: false});
+    }
+
+  };
+
+</script>
+<script>// Copyright 2014 Google Inc. All rights reserved.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+//     You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+//     See the License for the specific language governing permissions and
+// limitations under the License.
+
+!function(a,b){b["true"]=a;var c={},d={},e={},f=null;!function(a){function b(b,c){var d={delay:0,endDelay:0,fill:c?"both":"none",iterationStart:0,iterations:1,duration:c?"auto":0,playbackRate:1,direction:"normal",easing:"linear"};return"number"!=typeof b||isNaN(b)?void 0!==b&&Object.getOwnPropertyNames(b).forEach(function(c){if("auto"!=b[c]){if(("number"==typeof d[c]||"duration"==c)&&("number"!=typeof b[c]||isNaN(b[c])))return;if("fill"==c&&-1==p.indexOf(b[c]))return;if("direction"==c&&-1==q.indexOf(b[c]))return;if("playbackRate"==c&&1!==b[c]&&a.isDeprecated("AnimationEffectTiming.playbackRate","2014-11-28","Use Animation.playbackRate instead."))return;d[c]=b[c]}}):d.duration=b,d}function c(a,c){var d=b(a,c);return d.easing=f(d.easing),d}function d(a,b,c,d){return 0>a||a>1||0>c||c>1?y:function(e){function f(a,b,c){return 3*a*(1-c)*(1-c)*c+3*b*(1-c)*c*c+c*c*c}for(var g=0,h=1;;){var i=(g+h)/2,j=f(a,c,i);if(Math.abs(e-j)<.001)return f(b,d,i);e>j?g=i:h=i}}}function e(a,b){return function(c){if(c>=1)return 1;var d=1/a;return c+=b*d,c-c%d}}function f(a){var b=w.exec(a);if(b)return d.apply(this,b.slice(1).map(Number));var c=x.exec(a);if(c)return e(Number(c[1]),{start:r,middle:s,end:t}[c[2]]);var f=u[a];return f?f:y}function g(a){return Math.abs(h(a)/a.playbackRate)}function h(a){return a.duration*a.iterations}function i(a,b,c){return null==b?z:b<c.delay?A:b>=c.delay+a?B:C}function j(a,b,c,d,e){switch(d){case A:return"backwards"==b||"both"==b?0:null;case C:return c-e;case B:return"forwards"==b||"both"==b?a:null;case z:return null}}function k(a,b,c,d){return(d.playbackRate<0?b-a:b)*d.playbackRate+c}function l(a,b,c,d,e){return 1/0===c||c===-1/0||c-d==b&&e.iterations&&(e.iterations+e.iterationStart)%1==0?a:c%a}function m(a,b,c,d){return 0===c?0:b==a?d.iterationStart+d.iterations-1:Math.floor(c/a)}function n(a,b,c,d){var e=a%2>=1,f="normal"==d.direction||d.direction==(e?"alternate-reverse":"alternate"),g=f?c:b-c,h=g/b;return b*d.easing(h)}function o(a,b,c){var d=i(a,b,c),e=j(a,c.fill,b,d,c.delay);if(null===e)return null;if(0===a)return d===A?0:1;var f=c.iterationStart*c.duration,g=k(a,e,f,c),o=l(c.duration,h(c),g,f,c),p=m(c.duration,o,g,c);return n(p,c.duration,o,c)/c.duration}var p="backwards|forwards|both|none".split("|"),q="reverse|alternate|alternate-reverse".split("|"),r=1,s=.5,t=0,u={ease:d(.25,.1,.25,1),"ease-in":d(.42,0,1,1),"ease-out":d(0,0,.58,1),"ease-in-out":d(.42,0,.58,1),"step-start":e(1,r),"step-middle":e(1,s),"step-end":e(1,t)},v="\\s*(-?\\d+\\.?\\d*|-?\\.\\d+)\\s*",w=new RegExp("cubic-bezier\\("+v+","+v+","+v+","+v+"\\)"),x=/steps\(\s*(\d+)\s*,\s*(start|middle|end)\s*\)/,y=function(a){return a},z=0,A=1,B=2,C=3;a.makeTiming=b,a.normalizeTimingInput=c,a.calculateActiveDuration=g,a.calculateTimeFraction=o,a.calculatePhase=i,a.toTimingFunction=f}(c,f),function(a){function b(a,b){return a in h?h[a][b]||b:b}function c(a,c,d){var g=e[a];if(g){f.style[a]=c;for(var h in g){var i=g[h],j=f.style[i];d[i]=b(i,j)}}else d[a]=b(a,c)}function d(b){function d(){var a=e.length;null==e[a-1].offset&&(e[a-1].offset=1),a>1&&null==e[0].offset&&(e[0].offset=0);for(var b=0,c=e[0].offset,d=1;a>d;d++){var f=e[d].offset;if(null!=f){for(var g=1;d-b>g;g++)e[b+g].offset=c+(f-c)*g/(d-b);b=d,c=f}}}if(!Array.isArray(b)&&null!==b)throw new TypeError("Keyframes must be null or an array of keyframes");if(null==b)return[];for(var e=b.map(function(b){var d={};for(var e in b){var f=b[e];if("offset"==e){if(null!=f&&(f=Number(f),!isFinite(f)))throw new TypeError("keyframe offsets must be numbers.")}else{if("composite"==e)throw{type:DOMException.NOT_SUPPORTED_ERR,name:"NotSupportedError",message:"add compositing is not supported"};f="easing"==e?a.toTimingFunction(f):""+f}c(e,f,d)}return void 0==d.offset&&(d.offset=null),void 0==d.easing&&(d.easing=a.toTimingFunction("linear")),d}),f=!0,g=-1/0,h=0;h<e.length;h++){var i=e[h].offset;if(null!=i){if(g>i)throw{code:DOMException.INVALID_MODIFICATION_ERR,name:"InvalidModificationError",message:"Keyframes are not loosely sorted by offset. Sort or specify offsets."};g=i}else f=!1}return e=e.filter(function(a){return a.offset>=0&&a.offset<=1}),f||d(),e}var e={background:["backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat","backgroundAttachment","backgroundOrigin","backgroundClip","backgroundColor"],border:["borderTopColor","borderTopStyle","borderTopWidth","borderRightColor","borderRightStyle","borderRightWidth","borderBottomColor","borderBottomStyle","borderBottomWidth","borderLeftColor","borderLeftStyle","borderLeftWidth"],borderBottom:["borderBottomWidth","borderBottomStyle","borderBottomColor"],borderColor:["borderTopColor","borderRightColor","borderBottomColor","borderLeftColor"],borderLeft:["borderLeftWidth","borderLeftStyle","borderLeftColor"],borderRadius:["borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius"],borderRight:["borderRightWidth","borderRightStyle","borderRightColor"],borderTop:["borderTopWidth","borderTopStyle","borderTopColor"],borderWidth:["borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth"],flex:["flexGrow","flexShrink","flexBasis"],font:["fontFamily","fontSize","fontStyle","fontVariant","fontWeight","lineHeight"],margin:["marginTop","marginRight","marginBottom","marginLeft"],outline:["outlineColor","outlineStyle","outlineWidth"],padding:["paddingTop","paddingRight","paddingBottom","paddingLeft"]},f=document.createElementNS("http://www.w3.org/1999/xhtml","div"),g={thin:"1px",medium:"3px",thick:"5px"},h={borderBottomWidth:g,borderLeftWidth:g,borderRightWidth:g,borderTopWidth:g,fontSize:{"xx-small":"60%","x-small":"75%",small:"89%",medium:"100%",large:"120%","x-large":"150%","xx-large":"200%"},fontWeight:{normal:"400",bold:"700"},outlineWidth:g,textShadow:{none:"0px 0px 0px transparent"},boxShadow:{none:"0px 0px 0px 0px transparent"}};a.normalizeKeyframes=d}(c,f),function(a){var b={};a.isDeprecated=function(a,c,d,e){var f=e?"are":"is",g=new Date,h=new Date(c);return h.setMonth(h.getMonth()+3),h>g?(a in b||console.warn("Web Animations: "+a+" "+f+" deprecated and will stop working on "+h.toDateString()+". "+d),b[a]=!0,!1):!0},a.deprecated=function(b,c,d,e){var f=e?"are":"is";if(a.isDeprecated(b,c,d,e))throw new Error(b+" "+f+" no longer supported. "+d)}}(c),function(){if(document.documentElement.animate){var a=document.documentElement.animate([],0),b=!0;if(a&&(b=!1,"play|currentTime|pause|reverse|playbackRate|cancel|finish|startTime|playState".split("|").forEach(function(c){void 0===a[c]&&(b=!0)})),!b)return}!function(a,b){function c(a){for(var b={},c=0;c<a.length;c++)for(var d in a[c])if("offset"!=d&&"easing"!=d&&"composite"!=d){var e={offset:a[c].offset,easing:a[c].easing,value:a[c][d]};b[d]=b[d]||[],b[d].push(e)}for(var f in b){var g=b[f];if(0!=g[0].offset||1!=g[g.length-1].offset)throw{type:DOMException.NOT_SUPPORTED_ERR,name:"NotSupportedError",message:"Partial keyframes are not supported"}}return b}function d(a){var c=[];for(var d in a)for(var e=a[d],f=0;f<e.length-1;f++){var g=e[f].offset,h=e[f+1].offset,i=e[f].value,j=e[f+1].value;g==h&&(1==h?i=j:j=i),c.push({startTime:g,endTime:h,easing:e[f].easing,property:d,interpolation:b.propertyInterpolation(d,i,j)})}return c.sort(function(a,b){return a.startTime-b.startTime}),c}b.convertEffectInput=function(e){var f=a.normalizeKeyframes(e),g=c(f),h=d(g);return function(a,c){if(null!=c)h.filter(function(a){return 0>=c&&0==a.startTime||c>=1&&1==a.endTime||c>=a.startTime&&c<=a.endTime}).forEach(function(d){var e=c-d.startTime,f=d.endTime-d.startTime,g=0==f?0:d.easing(e/f);b.apply(a,d.property,d.interpolation(g))});else for(var d in g)"offset"!=d&&"easing"!=d&&"composite"!=d&&b.clear(a,d)}}}(c,d,f),function(a){function b(a,b,c){e[c]=e[c]||[],e[c].push([a,b])}function c(a,c,d){for(var e=0;e<d.length;e++){var f=d[e];b(a,c,f),/-/.test(f)&&b(a,c,f.replace(/-(.)/g,function(a,b){return b.toUpperCase()}))}}function d(b,c,d){for(var f=c==d?[]:e[b],g=0;f&&g<f.length;g++){var h=f[g][0](c),i=f[g][0](d);if(void 0!==h&&void 0!==i){var j=f[g][1](h,i);if(j){var k=a.Interpolation.apply(null,j);return function(a){return 0==a?c:1==a?d:k(a)}}}}return a.Interpolation(!1,!0,function(a){return a?d:c})}var e={};a.addPropertiesHandler=c,a.propertyInterpolation=d}(d,f),function(a,b){function c(b){var c=a.calculateActiveDuration(b),d=function(d){return a.calculateTimeFraction(c,d,b)};return d._totalDuration=b.delay+c+b.endDelay,d._isCurrent=function(d){var e=a.calculatePhase(c,d,b);return e===PhaseActive||e===PhaseBefore},d}b.KeyframeEffect=function(d,e,f){var g,h=c(a.normalizeTimingInput(f)),i=b.convertEffectInput(e),j=function(){i(d,g)};return j._update=function(a){return g=h(a),null!==g},j._clear=function(){i(d,null)},j._hasSameTarget=function(a){return d===a},j._isCurrent=h._isCurrent,j._totalDuration=h._totalDuration,j},b.NullEffect=function(a){var b=function(){a&&(a(),a=null)};return b._update=function(){return null},b._totalDuration=0,b._isCurrent=function(){return!1},b._hasSameTarget=function(){return!1},b}}(c,d,f),function(a){a.apply=function(b,c,d){b.style[a.propertyName(c)]=d},a.clear=function(b,c){b.style[a.propertyName(c)]=""}}(d,f),function(a){window.Element.prototype.animate=function(b,c){return a.timeline._play(a.KeyframeEffect(this,b,c))}}(d),function(a){function b(a,c,d){if("number"==typeof a&&"number"==typeof c)return a*(1-d)+c*d;if("boolean"==typeof a&&"boolean"==typeof c)return.5>d?a:c;if(a.length==c.length){for(var e=[],f=0;f<a.length;f++)e.push(b(a[f],c[f],d));return e}throw"Mismatched interpolation arguments "+a+":"+c}a.Interpolation=function(a,c,d){return function(e){return d(b(a,c,e))}}}(d,f),function(a){var b=0,c=function(a,b,c){this.target=a,this.currentTime=b,this.timelineTime=c,this.type="finish",this.bubbles=!1,this.cancelable=!1,this.currentTarget=a,this.defaultPrevented=!1,this.eventPhase=Event.AT_TARGET,this.timeStamp=Date.now()};a.Animation=function(a){this._sequenceNumber=b++,this._currentTime=0,this._startTime=null,this.paused=!1,this._playbackRate=1,this._inTimeline=!0,this._finishedFlag=!1,this.onfinish=null,this._finishHandlers=[],this._effect=a,this._inEffect=this._effect._update(0),this._idle=!0,this._currentTimePending=!1},a.Animation.prototype={_ensureAlive:function(){this._inEffect=this._effect._update(this.playbackRate<0&&0===this.currentTime?-1:this.currentTime),this._inTimeline||!this._inEffect&&this._finishedFlag||(this._inTimeline=!0,a.timeline._animations.push(this))},_tickCurrentTime:function(a,b){a!=this._currentTime&&(this._currentTime=a,this.finished&&!b&&(this._currentTime=this._playbackRate>0?this._totalDuration:0),this._ensureAlive())},get currentTime(){return this._idle||this._currentTimePending?null:this._currentTime},set currentTime(b){b=+b,isNaN(b)||(a.restart(),this.paused||null==this._startTime||(this._startTime=this._timeline.currentTime-b/this._playbackRate),this._currentTimePending=!1,this._currentTime!=b&&(this._tickCurrentTime(b,!0),a.invalidateEffects()))},get startTime(){return this._startTime},set startTime(b){b=+b,isNaN(b)||this.paused||this._idle||(this._startTime=b,this._tickCurrentTime((this._timeline.currentTime-this._startTime)*this.playbackRate),a.invalidateEffects())},get playbackRate(){return this._playbackRate},set playbackRate(a){if(a!=this._playbackRate){var b=this.currentTime;this._playbackRate=a,this._startTime=null,"paused"!=this.playState&&"idle"!=this.playState&&this.play(),null!=b&&(this.currentTime=b)}},get finished(){return!this._idle&&(this._playbackRate>0&&this._currentTime>=this._totalDuration||this._playbackRate<0&&this._currentTime<=0)},get _totalDuration(){return this._effect._totalDuration},get playState(){return this._idle?"idle":null==this._startTime&&!this.paused&&0!=this.playbackRate||this._currentTimePending?"pending":this.paused?"paused":this.finished?"finished":"running"},play:function(){this.paused=!1,(this.finished||this._idle)&&(this._currentTime=this._playbackRate>0?0:this._totalDuration,this._startTime=null,a.invalidateEffects()),this._finishedFlag=!1,a.restart(),this._idle=!1,this._ensureAlive()},pause:function(){this.finished||this.paused||this._idle||(this._currentTimePending=!0),this._startTime=null,this.paused=!0},finish:function(){this._idle||(this.currentTime=this._playbackRate>0?this._totalDuration:0,this._startTime=this._totalDuration-this.currentTime,this._currentTimePending=!1)},cancel:function(){this._inEffect=!1,this._idle=!0,this.currentTime=0,this._startTime=null},reverse:function(){this.playbackRate*=-1,this.play()},addEventListener:function(a,b){"function"==typeof b&&"finish"==a&&this._finishHandlers.push(b)},removeEventListener:function(a,b){if("finish"==a){var c=this._finishHandlers.indexOf(b);c>=0&&this._finishHandlers.splice(c,1)}},_fireEvents:function(a){var b=this.finished;if((b||this._idle)&&!this._finishedFlag){var d=new c(this,this._currentTime,a),e=this._finishHandlers.concat(this.onfinish?[this.onfinish]:[]);setTimeout(function(){e.forEach(function(a){a.call(d.target,d)})},0)}this._finishedFlag=b},_tick:function(a){return this._idle||this.paused||(null==this._startTime?this.startTime=a-this._currentTime/this.playbackRate:this.finished||this._tickCurrentTime((a-this._startTime)*this.playbackRate)),this._currentTimePending=!1,this._fireEvents(a),!this._idle&&(this._inEffect||!this._finishedFlag)}}}(d,f),function(a,b){function c(a){var b=i;i=[],g(a),b.forEach(function(b){b[1](a)}),m&&g(a),f()}function d(a,b){return a._sequenceNumber-b._sequenceNumber}function e(){this._animations=[],this.currentTime=window.performance&&performance.now?performance.now():0}function f(){n.forEach(function(a){a()}),n.length=0}function g(a){l=!1;var c=b.timeline;c.currentTime=a,c._animations.sort(d),k=!1;var e=c._animations;c._animations=[];var f=[],g=[];e=e.filter(function(b){return b._inTimeline=b._tick(a),b._inEffect?g.push(b._effect):f.push(b._effect),b.finished||b.paused||b._idle||(k=!0),b._inTimeline}),n.push.apply(n,f),n.push.apply(n,g),c._animations.push.apply(c._animations,e),m=!1,k&&requestAnimationFrame(function(){})}var h=window.requestAnimationFrame,i=[],j=0;window.requestAnimationFrame=function(a){var b=j++;return 0==i.length&&h(c),i.push([b,a]),b},window.cancelAnimationFrame=function(a){i.forEach(function(b){b[0]==a&&(b[1]=function(){})})},e.prototype={_play:function(c){c._timing=a.normalizeTimingInput(c.timing);var d=new b.Animation(c);return d._idle=!1,d._timeline=this,this._animations.push(d),b.restart(),b.invalidateEffects(),d}};var k=!1,l=!1;b.restart=function(){return k||(k=!0,requestAnimationFrame(function(){}),l=!0),l};var m=!1;b.invalidateEffects=function(){m=!0};var n=[],o=window.getComputedStyle;Object.defineProperty(window,"getComputedStyle",{configurable:!0,enumerable:!0,value:function(){return m&&g(p.currentTime),f(),o.apply(this,arguments)}});var p=new e;b.timeline=p}(c,d,f),function(a){function b(a,b){var c=a.exec(b);return c?(c=a.ignoreCase?c[0].toLowerCase():c[0],[c,b.substr(c.length)]):void 0}function c(a,b){b=b.replace(/^\s*/,"");var c=a(b);return c?[c[0],c[1].replace(/^\s*/,"")]:void 0}function d(a,d,e){a=c.bind(null,a);for(var f=[];;){var g=a(e);if(!g)return[f,e];if(f.push(g[0]),e=g[1],g=b(d,e),!g||""==g[1])return[f,e];e=g[1]}}function e(a,b){for(var c=0,d=0;d<b.length&&(!/\s|,/.test(b[d])||0!=c);d++)if("("==b[d])c++;else if(")"==b[d]&&(c--,0==c&&d++,0>=c))break;var e=a(b.substr(0,d));return void 0==e?void 0:[e,b.substr(d)]}function f(a,b){for(var c=a,d=b;c&&d;)c>d?c%=d:d%=c;return c=a*b/(c+d)}function g(a){return function(b){var c=a(b);return c&&(c[0]=void 0),c}}function h(a,b){return function(c){var d=a(c);return d?d:[b,c]}}function i(b,c){for(var d=[],e=0;e<b.length;e++){var f=a.consumeTrimmed(b[e],c);if(!f||""==f[0])return;void 0!==f[0]&&d.push(f[0]),c=f[1]}return""==c?d:void 0}function j(a,b,c,d,e){for(var g=[],h=[],i=[],j=f(d.length,e.length),k=0;j>k;k++){var l=b(d[k%d.length],e[k%e.length]);if(!l)return;g.push(l[0]),h.push(l[1]),i.push(l[2])}return[g,h,function(b){var d=b.map(function(a,b){return i[b](a)}).join(c);return a?a(d):d}]}function k(a,b,c){for(var d=[],e=[],f=[],g=0,h=0;h<c.length;h++)if("function"==typeof c[h]){var i=c[h](a[g],b[g++]);d.push(i[0]),e.push(i[1]),f.push(i[2])}else!function(a){d.push(!1),e.push(!1),f.push(function(){return c[a]})}(h);return[d,e,function(a){for(var b="",c=0;c<a.length;c++)b+=f[c](a[c]);return b}]}a.consumeToken=b,a.consumeTrimmed=c,a.consumeRepeated=d,a.consumeParenthesised=e,a.ignore=g,a.optional=h,a.consumeList=i,a.mergeNestedRepeated=j.bind(null,null),a.mergeWrappedNestedRepeated=j,a.mergeList=k}(d),function(a){function b(b){function c(b){var c=a.consumeToken(/^inset/i,b);if(c)return d.inset=!0,c;var c=a.consumeLengthOrPercent(b);if(c)return d.lengths.push(c[0]),c;var c=a.consumeColor(b);return c?(d.color=c[0],c):void 0}var d={inset:!1,lengths:[],color:null},e=a.consumeRepeated(c,/^/,b);return e&&e[0].length?[d,e[1]]:void 0}function c(c){var d=a.consumeRepeated(b,/^,/,c);return d&&""==d[1]?d[0]:void 0}function d(b,c){for(;b.lengths.length<Math.max(b.lengths.length,c.lengths.length);)b.lengths.push({px:0});for(;c.lengths.length<Math.max(b.lengths.length,c.lengths.length);)c.lengths.push({px:0});if(b.inset==c.inset&&!!b.color==!!c.color){for(var d,e=[],f=[[],0],g=[[],0],h=0;h<b.lengths.length;h++){var i=a.mergeDimensions(b.lengths[h],c.lengths[h],2==h);f[0].push(i[0]),g[0].push(i[1]),e.push(i[2])}if(b.color&&c.color){var j=a.mergeColors(b.color,c.color);f[1]=j[0],g[1]=j[1],d=j[2]}return[f,g,function(a){for(var c=b.inset?"inset ":" ",f=0;f<e.length;f++)c+=e[f](a[0][f])+" ";return d&&(c+=d(a[1])),c}]}}function e(b,c,d,e){function f(a){return{inset:a,color:[0,0,0,0],lengths:[{px:0},{px:0},{px:0},{px:0}]}}for(var g=[],h=[],i=0;i<d.length||i<e.length;i++){var j=d[i]||f(e[i].inset),k=e[i]||f(d[i].inset);g.push(j),h.push(k)}return a.mergeNestedRepeated(b,c,g,h)}var f=e.bind(null,d,", ");a.addPropertiesHandler(c,f,["box-shadow","text-shadow"])}(d),function(a){function b(a){return a.toFixed(3).replace(".000","")}function c(a,b,c){return Math.min(b,Math.max(a,c))}function d(a){return/^\s*[-+]?(\d*\.)?\d+\s*$/.test(a)?Number(a):void 0}function e(a,c){return[a,c,b]}function f(a,b){return 0!=a?h(0,1/0)(a,b):void 0}function g(a,b){return[a,b,function(a){return Math.round(c(1,1/0,a))}]}function h(a,d){return function(e,f){return[e,f,function(e){return b(c(a,d,e))}]}}function i(a,b){return[a,b,Math.round]}a.clamp=c,a.addPropertiesHandler(d,h(0,1/0),["border-image-width","line-height"]),a.addPropertiesHandler(d,h(0,1),["opacity","shape-image-threshold"]),a.addPropertiesHandler(d,f,["flex-grow","flex-shrink"]),a.addPropertiesHandler(d,g,["orphans","widows"]),a.addPropertiesHandler(d,i,["z-index"]),a.parseNumber=d,a.mergeNumbers=e,a.numberToString=b}(d,f),function(a){function b(a,b){return"visible"==a||"visible"==b?[0,1,function(c){return 0>=c?a:c>=1?b:"visible"}]:void 0}a.addPropertiesHandler(String,b,["visibility"])}(d),function(a){function b(a){a=a.trim(),e.fillStyle="#000",e.fillStyle=a;var b=e.fillStyle;if(e.fillStyle="#fff",e.fillStyle=a,b==e.fillStyle){e.fillRect(0,0,1,1);var c=e.getImageData(0,0,1,1).data;e.clearRect(0,0,1,1);var d=c[3]/255;return[c[0]*d,c[1]*d,c[2]*d,d]}}function c(b,c){return[b,c,function(b){function c(a){return Math.max(0,Math.min(255,a))}if(b[3])for(var d=0;3>d;d++)b[d]=Math.round(c(b[d]/b[3]));return b[3]=a.numberToString(a.clamp(0,1,b[3])),"rgba("+b.join(",")+")"}]}var d=document.createElementNS("http://www.w3.org/1999/xhtml","canvas");d.width=d.height=1;var e=d.getContext("2d");a.addPropertiesHandler(b,c,["background-color","border-bottom-color","border-left-color","border-right-color","border-top-color","color","outline-color","text-decoration-color"]),a.consumeColor=a.consumeParenthesised.bind(null,b),a.mergeColors=c}(d,f),function(a,b){function c(a,b){if(b=b.trim().toLowerCase(),"0"==b&&"px".search(a)>=0)return{px:0};if(/^[^(]*$|^calc/.test(b)){b=b.replace(/calc\(/g,"(");var c={};b=b.replace(a,function(a){return c[a]=null,"U"+a});for(var d="U("+a.source+")",e=b.replace(/[-+]?(\d*\.)?\d+/g,"N").replace(new RegExp("N"+d,"g"),"D").replace(/\s[+-]\s/g,"O").replace(/\s/g,""),f=[/N\*(D)/g,/(N|D)[*/]N/g,/(N|D)O\1/g,/\((N|D)\)/g],g=0;g<f.length;)f[g].test(e)?(e=e.replace(f[g],"$1"),g=0):g++;if("D"==e){for(var h in c){var i=eval(b.replace(new RegExp("U"+h,"g"),"").replace(new RegExp(d,"g"),"*0"));if(!isFinite(i))return;c[h]=i}return c}}}function d(a,b){return e(a,b,!0)}function e(b,c,d){var e,f=[];for(e in b)f.push(e);for(e in c)f.indexOf(e)<0&&f.push(e);return b=f.map(function(a){return b[a]||0}),c=f.map(function(a){return c[a]||0}),[b,c,function(b){var c=b.map(function(c,e){return 1==b.length&&d&&(c=Math.max(c,0)),a.numberToString(c)+f[e]}).join(" + ");return b.length>1?"calc("+c+")":c}]}var f="px|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc",g=c.bind(null,new RegExp(f,"g")),h=c.bind(null,new RegExp(f+"|%","g")),i=c.bind(null,/deg|rad|grad|turn/g);a.parseLength=g,a.parseLengthOrPercent=h,a.consumeLengthOrPercent=a.consumeParenthesised.bind(null,h),a.parseAngle=i,a.mergeDimensions=e;var j=a.consumeParenthesised.bind(null,g),k=a.consumeRepeated.bind(void 0,j,/^/),l=a.consumeRepeated.bind(void 0,k,/^,/);a.consumeSizePairList=l;var m=function(a){var b=l(a);return b&&""==b[1]?b[0]:void 0},n=a.mergeNestedRepeated.bind(void 0,d," "),o=a.mergeNestedRepeated.bind(void 0,n,",");a.mergeNonNegativeSizePair=n,a.addPropertiesHandler(m,o,["background-size"]),a.addPropertiesHandler(h,d,["border-bottom-width","border-image-width","border-left-width","border-right-width","border-top-width","flex-basis","font-size","height","line-height","max-height","max-width","outline-width","width"]),a.addPropertiesHandler(h,e,["border-bottom-left-radius","border-bottom-right-radius","border-top-left-radius","border-top-right-radius","bottom","left","letter-spacing","margin-bottom","margin-left","margin-right","margin-top","min-height","min-width","outline-offset","padding-bottom","padding-left","padding-right","padding-top","perspective","right","shape-margin","text-indent","top","vertical-align","word-spacing"])}(d,f),function(a){function b(b){return a.consumeLengthOrPercent(b)||a.consumeToken(/^auto/,b)}function c(c){var d=a.consumeList([a.ignore(a.consumeToken.bind(null,/^rect/)),a.ignore(a.consumeToken.bind(null,/^\(/)),a.consumeRepeated.bind(null,b,/^,/),a.ignore(a.consumeToken.bind(null,/^\)/))],c);return d&&4==d[0].length?d[0]:void 0}function d(b,c){return"auto"==b||"auto"==c?[!0,!1,function(d){var e=d?b:c;if("auto"==e)return"auto";var f=a.mergeDimensions(e,e);return f[2](f[0])}]:a.mergeDimensions(b,c)}function e(a){return"rect("+a+")"}var f=a.mergeWrappedNestedRepeated.bind(null,e,d,", ");a.parseBox=c,a.mergeBoxes=f,a.addPropertiesHandler(c,f,["clip"])}(d,f),function(a){function b(a){return function(b){var c=0;return a.map(function(a){return a===j?b[c++]:a})}}function c(a){return a}function d(b){if(b=b.toLowerCase().trim(),"none"==b)return[];for(var c,d=/\s*(\w+)\(([^)]*)\)/g,e=[],f=0;c=d.exec(b);){if(c.index!=f)return;f=c.index+c[0].length;var g=c[1],h=m[g];if(!h)return;var i=c[2].split(","),j=h[0];if(j.length<i.length)return;for(var n=[],o=0;o<j.length;o++){var p,q=i[o],r=j[o];if(p=q?{A:function(b){return"0"==b.trim()?l:a.parseAngle(b)},N:a.parseNumber,T:a.parseLengthOrPercent,L:a.parseLength}[r.toUpperCase()](q):{a:l,n:n[0],t:k}[r],void 0===p)return;n.push(p)}if(e.push({t:g,d:n}),d.lastIndex==b.length)return e}}function e(a){return a.toFixed(6).replace(".000000","")}function f(b,c){if(b.decompositionPair!==c){b.decompositionPair=c;var d=a.makeMatrixDecomposition(b)}if(c.decompositionPair!==b){c.decompositionPair=b;var f=a.makeMatrixDecomposition(c)}return null==d[0]||null==f[0]?[[!1],[!0],function(a){return a?c[0].d:b[0].d}]:(d[0].push(0),f[0].push(1),[d,f,function(b){var c=a.quat(d[0][3],f[0][3],b[5]),g=a.composeMatrix(b[0],b[1],b[2],c,b[4]),h=g.map(e).join(",");return h}])}function g(a){return a.replace(/[xy]/,"")}function h(a){return a.replace(/(x|y|z|3d)?$/,"3d")}function i(b,c){var d=a.makeMatrixDecomposition&&!0,e=!1;if(!b.length||!c.length){b.length||(e=!0,b=c,c=[]);for(var i=0;i<b.length;i++){var j=b[i].t,k=b[i].d,l="scale"==j.substr(0,5)?1:0;c.push({t:j,d:k.map(function(a){if("number"==typeof a)return l;var b={};for(var c in a)b[c]=l;return b})})}}var n=function(a,b){return"perspective"==a&&"perspective"==b||("matrix"==a||"matrix3d"==a)&&("matrix"==b||"matrix3d"==b)},o=[],p=[],q=[];if(b.length!=c.length){if(!d)return;var r=f(b,c);o=[r[0]],p=[r[1]],q=[["matrix",[r[2]]]]}else for(var i=0;i<b.length;i++){var j,s=b[i].t,t=c[i].t,u=b[i].d,v=c[i].d,w=m[s],x=m[t];if(n(s,t)){if(!d)return;var r=f([b[i]],[c[i]]);o.push(r[0]),p.push(r[1]),q.push(["matrix",[r[2]]])}else{if(s==t)j=s;else if(w[2]&&x[2]&&g(s)==g(t))j=g(s),u=w[2](u),v=x[2](v);else{if(!w[1]||!x[1]||h(s)!=h(t)){if(!d)return;var r=f(b,c);o=[r[0]],p=[r[1]],q=[["matrix",[r[2]]]];break}j=h(s),u=w[1](u),v=x[1](v)}for(var y=[],z=[],A=[],B=0;B<u.length;B++){var C="number"==typeof u[B]?a.mergeNumbers:a.mergeDimensions,r=C(u[B],v[B]);y[B]=r[0],z[B]=r[1],A.push(r[2])}o.push(y),p.push(z),q.push([j,A])}}if(e){var D=o;o=p,p=D}return[o,p,function(a){return a.map(function(a,b){var c=a.map(function(a,c){return q[b][1][c](a)}).join(",");return"matrix"==q[b][0]&&16==c.split(",").length&&(q[b][0]="matrix3d"),q[b][0]+"("+c+")"}).join(" ")}]}var j=null,k={px:0},l={deg:0},m={matrix:["NNNNNN",[j,j,0,0,j,j,0,0,0,0,1,0,j,j,0,1],c],matrix3d:["NNNNNNNNNNNNNNNN",c],rotate:["A"],rotatex:["A"],rotatey:["A"],rotatez:["A"],rotate3d:["NNNA"],perspective:["L"],scale:["Nn",b([j,j,1]),c],scalex:["N",b([j,1,1]),b([j,1])],scaley:["N",b([1,j,1]),b([1,j])],scalez:["N",b([1,1,j])],scale3d:["NNN",c],skew:["Aa",null,c],skewx:["A",null,b([j,l])],skewy:["A",null,b([l,j])],translate:["Tt",b([j,j,k]),c],translatex:["T",b([j,k,k]),b([j,k])],translatey:["T",b([k,j,k]),b([k,j])],translatez:["L",b([k,k,j])],translate3d:["TTL",c]};a.addPropertiesHandler(d,i,["transform"])}(d,f),function(a){function b(a,b){b.concat([a]).forEach(function(b){b in document.documentElement.style&&(c[a]=b)})}var c={};b("transform",["webkitTransform","msTransform"]),b("transformOrigin",["webkitTransformOrigin"]),b("perspective",["webkitPerspective"]),b("perspectiveOrigin",["webkitPerspectiveOrigin"]),a.propertyName=function(a){return c[a]||a}}(d,f)}(),!function(a,b){function c(a){var b=window.document.timeline;b.currentTime=a,b._discardAnimations(),0==b._animations.length?d=!1:requestAnimationFrame(c)}b.AnimationTimeline=function(){this._animations=[],this.currentTime=void 0},b.AnimationTimeline.prototype={getAnimations:function(){return this._discardAnimations(),this._animations.slice()},getAnimationPlayers:function(){return a.deprecated("AnimationTimeline.getAnimationPlayers","2015-03-23","Use AnimationTimeline.getAnimations instead."),this.getAnimations()},_discardAnimations:function(){this._animations=this._animations.filter(function(a){return"finished"!=a.playState&&"idle"!=a.playState})},play:function(a){var c=new b.Animation(a);return this._animations.push(c),b.restartWebAnimationsNextTick(),c._animation.play(),c}};var d=!1;b.restartWebAnimationsNextTick=function(){d||(d=!0,requestAnimationFrame(c))};var e=new b.AnimationTimeline;b.timeline=e;try{Object.defineProperty(window.document,"timeline",{configurable:!0,get:function(){return e}})}catch(f){}try{window.document.timeline=e}catch(f){}}(c,e,f),function(a,b){b.Animation=function(a){this.effect=a,a&&(a.animation=this),this._isGroup=!1,this._animation=null,this._childAnimations=[],this._callback=null,this._rebuildUnderlyingAnimation(),this._animation.cancel()},b.Animation.prototype={_rebuildUnderlyingAnimation:function(){this._animation&&(this._animation.cancel(),this._animation=null),(!this.effect||this.effect instanceof window.KeyframeEffect)&&(this._animation=b.newUnderlyingAnimationForKeyframeEffect(this.effect),b.bindAnimationForKeyframeEffect(this)),(this.effect instanceof window.SequenceEffect||this.effect instanceof window.GroupEffect)&&(this._animation=b.newUnderlyingAnimationForGroup(this.effect),b.bindAnimationForGroup(this))},_updateChildren:function(){if(this.effect&&"idle"!=this.playState){var a=this.effect._timing.delay;this._childAnimations.forEach(function(c){this._arrangeChildren(c,a),this.effect instanceof window.SequenceEffect&&(a+=b.groupChildDuration(c.effect))}.bind(this))}},_setExternalAnimation:function(a){if(this.effect&&this._isGroup)for(var b=0;b<this.effect.children.length;b++)this.effect.children[b].animation=a,this._childAnimations[b]._setExternalAnimation(a)},_constructChildren:function(){if(this.effect&&this._isGroup){var a=this.effect._timing.delay;this.effect.children.forEach(function(c){var d=window.document.timeline.play(c);this._childAnimations.push(d),d.playbackRate=this.playbackRate,this.paused&&d.pause(),c.animation=this.effect.animation,this._arrangeChildren(d,a),this.effect instanceof window.SequenceEffect&&(a+=b.groupChildDuration(c))}.bind(this))}},_arrangeChildren:function(a,b){null===this.startTime?(a.currentTime=this.currentTime-b/this.playbackRate,a._startTime=null):a.startTime!==this.startTime+b/this.playbackRate&&(a.startTime=this.startTime+b/this.playbackRate)},get paused(){return this._animation.paused},get playState(){return this._animation.playState},get onfinish(){return this._onfinish},set onfinish(a){"function"==typeof a?(this._onfinish=a,this._animation.onfinish=function(b){b.target=this,a.call(this,b)}.bind(this)):(this._animation.onfinish=a,this.onfinish=this._animation.onfinish)},get currentTime(){return this._animation.currentTime},set currentTime(a){this._animation.currentTime=a,this._register(),this._forEachChild(function(b,c){b.currentTime=a-c})},get startTime(){return this._animation.startTime},set startTime(a){this._animation.startTime=a,this._register(),this._forEachChild(function(b,c){b.startTime=a+c})},get playbackRate(){return this._animation.playbackRate},set playbackRate(a){var b=this.currentTime;this._animation.playbackRate=a,this._forEachChild(function(b){b.playbackRate=a}),"paused"!=this.playState&&"idle"!=this.playState&&this.play(),null!==b&&(this.currentTime=b)},get finished(){return this._animation.finished},get source(){return a.deprecated("Animation.source","2015-03-23","Use Animation.effect instead."),this.effect},play:function(){this._animation.play(),this._register(),b.awaitStartTime(this),this._forEachChild(function(a){var b=a.currentTime;a.play(),a.currentTime=b})},pause:function(){this._animation.pause(),this._register(),this._forEachChild(function(a){a.pause()})},finish:function(){this._animation.finish(),this._register()},cancel:function(){this._animation.cancel(),this._register(),this._removeChildren()},reverse:function(){var a=this.currentTime;this._animation.reverse(),this._forEachChild(function(a){a.reverse()}),null!==a&&(this.currentTime=a)},addEventListener:function(a,b){var c=b;"function"==typeof b&&(c=function(a){a.target=this,b.call(this,a)}.bind(this),b._wrapper=c),this._animation.addEventListener(a,c)},removeEventListener:function(a,b){this._animation.removeEventListener(a,b&&b._wrapper||b)},_removeChildren:function(){for(;this._childAnimations.length;)this._childAnimations.pop().cancel()},_forEachChild:function(b){var c=0;if(this.effect.children&&this._childAnimations.length<this.effect.children.length&&this._constructChildren(),this._childAnimations.forEach(function(a){b.call(this,a,c),this.effect instanceof window.SequenceEffect&&(c+=a.effect.activeDuration)}.bind(this)),"pending"!=this._animation.playState){var d=this.effect._timing,e=this._animation.currentTime;null!==e&&(e=a.calculateTimeFraction(a.calculateActiveDuration(d),e,d)),(null==e||isNaN(e))&&this._removeChildren()}}}}(c,e,f),function(a,b){function c(b){this._frames=a.normalizeKeyframes(b)}function d(){for(var a=!1;g.length;)g.shift()._updateChildren(),a=!0;return a}b.KeyframeEffect=function(b,d,e){return this.target=b,this._timingInput=e,this._timing=a.normalizeTimingInput(e),this.timing=a.makeTiming(e),this._normalizedKeyframes="function"==typeof d?d:new c(d),this._keyframes=d,this.activeDuration=a.calculateActiveDuration(this._timing),this
+},b.KeyframeEffect.prototype={getFrames:function(){return"function"==typeof this._normalizedKeyframes?this._normalizedKeyframes:this._normalizedKeyframes._frames},get effect(){return a.deprecated("KeyframeEffect.effect","2015-03-23","Use KeyframeEffect.getFrames() instead."),this._normalizedKeyframes}};var e=Element.prototype.animate;Element.prototype.animate=function(a,c){return b.timeline.play(new b.KeyframeEffect(this,a,c))};var f=document.createElementNS("http://www.w3.org/1999/xhtml","div");b.newUnderlyingAnimationForKeyframeEffect=function(a){var b=a.target||f,c=a._keyframes;return"function"==typeof c&&(c=[]),e.apply(b,[c,a._timingInput])},b.bindAnimationForKeyframeEffect=function(a){a.effect&&"function"==typeof a.effect._normalizedKeyframes&&b.bindAnimationForCustomEffect(a)};var g=[];b.awaitStartTime=function(a){null===a.startTime&&a._isGroup&&(0==g.length&&requestAnimationFrame(d),g.push(a))};var h=window.getComputedStyle;Object.defineProperty(window,"getComputedStyle",{configurable:!0,enumerable:!0,value:function(){var a=h.apply(this,arguments);return d()&&(a=h.apply(this,arguments)),a}}),window.KeyframeEffect=b.KeyframeEffect,window.Element.prototype.getAnimations=function(){return document.timeline.getAnimations().filter(function(a){return null!==a.effect&&a.effect.target==this}.bind(this))},window.Element.prototype.getAnimationPlayers=function(){return a.deprecated("Element.getAnimationPlayers","2015-03-23","Use Element.getAnimations instead."),this.getAnimations()},window.Animation=function(){a.deprecated("window.Animation","2015-03-23","Use window.KeyframeEffect instead."),window.KeyframeEffect.apply(this,arguments)},window.Animation.prototype=Object.create(window.KeyframeEffect.prototype),window.Animation.prototype.constructor=window.Animation}(c,e,f),function(a,b){function c(a){a._registered||(a._registered=!0,f.push(a),g||(g=!0,requestAnimationFrame(d)))}function d(){var a=f;f=[],a.sort(function(a,b){return a._sequenceNumber-b._sequenceNumber}),a=a.filter(function(a){a();var b=a._animation?a._animation.playState:"idle";return"running"!=b&&"pending"!=b&&(a._registered=!1),a._registered}),f.push.apply(f,a),f.length?(g=!0,requestAnimationFrame(d)):g=!1}var e=(document.createElementNS("http://www.w3.org/1999/xhtml","div"),0);b.bindAnimationForCustomEffect=function(b){var d=b.effect.target,f=b.effect._normalizedKeyframes,g=b.effect.timing,h=null;g=a.normalizeTimingInput(g);var i=function(){var c=i._animation?i._animation.currentTime:null;null!==c&&(c=a.calculateTimeFraction(a.calculateActiveDuration(g),c,g),isNaN(c)&&(c=null)),c!==h&&f(c,d,b.effect),h=c};i._animation=b,i._registered=!1,i._sequenceNumber=e++,b._callback=i,c(i)};var f=[],g=!1;b.Animation.prototype._register=function(){this._callback&&c(this._callback)}}(c,e,f),function(a,b){function c(a){return a._timing.delay+a.activeDuration+a._timing.endDelay}function d(b,c){this.children=b||[],this._timing=a.normalizeTimingInput(c,!0),this.timing=a.makeTiming(c,!0),"auto"===this._timing.duration&&(this._timing.duration=this.activeDuration)}window.SequenceEffect=function(){d.apply(this,arguments)},window.GroupEffect=function(){d.apply(this,arguments)},window.SequenceEffect.prototype={get activeDuration(){var a=0;return this.children.forEach(function(b){a+=c(b)}),Math.max(a,0)}},window.GroupEffect.prototype={get activeDuration(){var a=0;return this.children.forEach(function(b){a=Math.max(a,c(b))}),a}},b.newUnderlyingAnimationForGroup=function(c){var d,e=null,f=function(b){var c=d._wrapper;return"pending"!=c.playState&&c.effect?null==b?void c._removeChildren():0==b&&c.playbackRate<0&&(e||(e=a.normalizeTimingInput(c.effect.timing)),b=a.calculateTimeFraction(a.calculateActiveDuration(e),-1,e),isNaN(b)||null==b)?(c._forEachChild(function(a){a.currentTime=-1}),void c._removeChildren()):void 0:void 0};return d=b.timeline.play(new b.KeyframeEffect(null,f,c._timing))},b.bindAnimationForGroup=function(a){a._animation._wrapper=a,a._isGroup=!0,b.awaitStartTime(a),a._constructChildren(),a._setExternalAnimation(a)},b.groupChildDuration=c,window.AnimationSequence=function(){a.deprecated("window.AnimationSequence","2015-03-23","Use window.SequenceEffect instead."),window.SequenceEffect.apply(this,arguments)},window.AnimationSequence.prototype=Object.create(window.SequenceEffect.prototype),window.AnimationSequence.prototype.constructor=window.AnimationSequence,window.AnimationGroup=function(){a.deprecated("window.AnimationGroup","2015-03-23","Use window.GroupEffect instead."),window.GroupEffect.apply(this,arguments)},window.AnimationGroup.prototype=Object.create(window.GroupEffect.prototype),window.AnimationGroup.prototype.constructor=window.AnimationGroup}(c,e,f)}({},function(){return this}());
+//# sourceMappingURL=web-animations-next-lite.min.js.map</script>
+
+
+<script>
+
+  Polymer({
+
+    is: 'opaque-animation',
+
+    behaviors: [
+      Polymer.NeonAnimationBehavior
+    ],
+
+    configure: function(config) {
+      var node = config.node;
+      node.style.opacity = '0';
+      this._effect = new KeyframeEffect(node, [
+        {'opacity': '1'},
+        {'opacity': '1'}
+      ], this.timingFromConfig(config));
+      return this._effect;
+    },
+
+    complete: function(config) {
+      config.node.style.opacity = '';
+    }
+
+  });
+
+</script>
+<script>
+
+  /**
+   * `Polymer.NeonAnimatableBehavior` is implemented by elements containing animations for use with
+   * elements implementing `Polymer.NeonAnimationRunnerBehavior`.
+   * @polymerBehavior
+   */
   Polymer.NeonAnimatableBehavior = {
 
     properties: {
@@ -14549,10 +14714,21 @@
 
     _entryAnimationChanged: function() {
       this.animationConfig = this.animationConfig || {};
-      this.animationConfig['entry'] = [{
-        name: this.entryAnimation,
-        node: this
-      }];
+      if (this.entryAnimation !== 'fade-in-animation') {
+        // insert polyfill hack
+        this.animationConfig['entry'] = [{
+          name: 'opaque-animation',
+          node: this
+        }, {
+          name: this.entryAnimation,
+          node: this
+        }];
+      } else {
+        this.animationConfig['entry'] = [{
+          name: this.entryAnimation,
+          node: this
+        }];
+      }
     },
 
     _exitAnimationChanged: function() {
@@ -14644,11 +14820,10 @@
 </script>
 <script>
 
-/*
-`Polymer.NeonAnimationRunnerBehavior` adds a method to run animations.
-@polymerBehavior
-*/
-
+  /**
+   * `Polymer.NeonAnimationRunnerBehavior` adds a method to run animations.
+   * @polymerBehavior
+   */
   Polymer.NeonAnimationRunnerBehavior = [Polymer.NeonAnimatableBehavior, {
 
     properties: {
@@ -14743,7 +14918,7 @@
 </script>
 <script>
 
-/*
+/**
 Polymer.IronFitBehavior fits an element in another element using `max-height` and `max-width`, and
 optionally centers it in the window or another element.
 
@@ -14758,6 +14933,7 @@
 `max-height` or `height` set | Element respects `max-height` or `height`
 `max-width` or `width` set   | Element respects `max-width` or `width`
 
+@demo demo/index.html
 @polymerBehavior
 */
 
@@ -15088,6 +15264,7 @@
 must ensure no element has a stacking context with a higher `z-index` than its parent stacking
 context. You should place this element as a child of `<body>` whenever possible.
 
+@demo demo/index.html
 @polymerBehavior Polymer.IronOverlayBehavior
 */
 
@@ -15455,19 +15632,19 @@
 
   };
 
+  /** @polymerBehavior */
   Polymer.IronOverlayBehavior = [Polymer.IronFitBehavior, Polymer.IronResizableBehavior, Polymer.IronOverlayBehaviorImpl];
 
 /*
-Fired after the `iron-overlay` opens.
-@event iron-overlay-opened
-*/
+ * Fired after the `iron-overlay` opens.
+ * @event iron-overlay-opened
+ */
 
 /*
-Fired after the `iron-overlay` closes.
-@event iron-overlay-closed
-@param {Object} detail
-@param {Object} detail.canceled True if the overlay was canceled
-*/
+ * Fired after the `iron-overlay` closes.
+ * @event iron-overlay-closed {{canceled: boolean}} detail -
+ *     canceled: True if the overlay was canceled.
+ */
 
 </script>
 <script>
@@ -15688,6 +15865,7 @@ <h2>Header</h2>
 
   };
 
+  /** @polymerBehavior */
   Polymer.PaperDialogBehavior = [Polymer.IronOverlayBehavior, Polymer.PaperDialogBehaviorImpl];
 
 </script>
@@ -15698,6 +15876,12 @@ <h2>Header</h2>
 
 <script>
 
+ /** 
+ * `iron-range-behavior` provides the behavior for something with a minimum to maximum range.
+ *
+ * @demo demo/index.html
+ * @polymerBehavior 
+ */
  Polymer.IronRangeBehavior = {
 
   properties: {
@@ -15782,6 +15966,7 @@ <h2>Header</h2>
 
 
 
+
 <script>
 
 /**
@@ -16739,7 +16924,7 @@ <h2>Header</h2>
       return 'social:pages';
 
     default:
-      return "bookmark-outline";
+      return "bookmark";
   }
 };
 </script>
@@ -18309,6 +18494,16 @@ <h2>Header</h2>
 <dom-module id="paper-spinner" assetpath="bower_components/paper-spinner/">
 
   <style>
+/**
+@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 */
 /**************************/
@@ -18709,7 +18904,7 @@ <h2>Header</h2>
            * @default false
            */
           active: {
-            observer: 'activeChanged',
+            observer: '_activeChanged',
             type: Boolean,
             value: false
           },
@@ -18724,7 +18919,7 @@ <h2>Header</h2>
            * @default 'loading'
            */
           alt: {
-            observer: 'altChanged',
+            observer: '_altChanged',
             type: String,
             value: 'loading'
           },
@@ -18734,16 +18929,18 @@ <h2>Header</h2>
            * to 0% opacity to the user.
            */
           _coolingDown: {
+            type: Boolean,
             value: false
           },
 
           _spinnerContainerClassName: {
-            computed: 'computeSpinnerContainerClassName(active, _coolingDown)'
+            type: String,
+            computed: '_computeSpinnerContainerClassName(active, _coolingDown)'
           }
 
         },
 
-        computeSpinnerContainerClassName: function(active, _coolingDown) {
+        _computeSpinnerContainerClassName: function(active, _coolingDown) {
           return classNames({
             active: active || _coolingDown,
             cooldown: _coolingDown
@@ -18763,7 +18960,7 @@ <h2>Header</h2>
           }
         },
 
-        activeChanged: function() {
+        _activeChanged: function() {
           if (this.active) {
             this.removeAttribute('aria-hidden');
           } else {
@@ -18772,7 +18969,7 @@ <h2>Header</h2>
           }
         },
 
-        altChanged: function() {
+        _altChanged: function() {
           if (this.alt === '') {
             this.setAttribute('aria-hidden', 'true');
           } else {
@@ -20858,7 +21055,7 @@ <h1>Home Assistant</h1>
       if (this.condenses && this._prevScrollTop >= sTop && sTop > this._headerMargin) {
         y = Math.max(y, this._headerMargin);
       }
-      
+
       if (!event || !this.fixed && y !== this._y) {
         this._transformHeader(y);
       }
@@ -20887,7 +21084,6 @@ <h1>Home Assistant</h1>
 })();
 
 </script>
-
 <dom-module id="partial-base" assetpath="layouts/">
   <template>
     <paper-scroll-header-panel class="fit">
@@ -22140,7 +22336,13 @@ <h1>Home Assistant</h1>
 </script>
 <dom-module id="partial-states" assetpath="layouts/">
   <style>
-    .listening {
+    .content-wrapper {
+      position: relative;
+      height: 100%;
+      background-color: #E5E5E5;
+    }
+
+    .content-wrapper ::content .listening {
       position: absolute;
       top: 0;
       left: 0;
@@ -22162,11 +22364,6 @@ <h1>Home Assistant</h1>
     .listening paper-spinner {
       float: right;
     }
-
-    state-cards {
-      height: 100%;
-      background-color: #E5E5E5;
-    }
   </style>
 
   <template>
@@ -22178,21 +22375,23 @@ <h1>Home Assistant</h1>
         <paper-icon-button icon="[[listenButtonIcon]]" hidden$="{{!canListen}}" on-click="handleListenClick"></paper-icon-button>
       </span>
 
-      <div class="listening" hidden$="[[!showListenInterface]]" on-click="handleListenClick">
-        <iron-icon icon="av:hearing"></iron-icon> <span>{{finalTranscript}}</span>
-        <span class="interimTranscript">[[interimTranscript]]</span>
-        <paper-spinner active$="[[isTransmitting]]" alt="Sending voice command to Home Assistant"></paper-spinner>
-      </div>
+      <div class="content-wrapper">
+        <div class="listening" hidden$="[[!showListenInterface]]" on-click="handleListenClick">
+          <iron-icon icon="av:hearing"></iron-icon> <span>{{finalTranscript}}</span>
+          <span class="interimTranscript">[[interimTranscript]]</span>
+          <paper-spinner active$="[[isTransmitting]]" alt="Sending voice command to Home Assistant"></paper-spinner>
+        </div>
 
-      <state-cards states="[[states]]">
-        <h3>Hi there!</h3>
-        <p>
-          It looks like we have nothing to show you right now. It could be that we have not yet discovered all your devices but it is more likely that you have not configured Home Assistant yet.
-        </p>
-        <p>
-          Please see the <a href="https://home-assistant.io/getting-started/" target="_blank">Getting Started</a> section on how to setup your devices.
-        </p>
-      </state-cards>
+        <state-cards states="[[states]]">
+          <h3>Hi there!</h3>
+          <p>
+            It looks like we have nothing to show you right now. It could be that we have not yet discovered all your devices but it is more likely that you have not configured Home Assistant yet.
+          </p>
+          <p>
+            Please see the <a href="https://home-assistant.io/getting-started/" target="_blank">Getting Started</a> section on how to setup your devices.
+          </p>
+        </state-cards>
+      </div>
     </partial-base>
   </template>
 
@@ -22426,6 +22625,7 @@ <h3>Hi there!</h3>
         </template>
         <template is="dom-if" if="[[entryObj.entityId]]">
           <a href="#" on-click="entityClicked" class="name">[[entryObj.name]]</a>
+          <span> </span>
         </template>
         <span>[[entryObj.message]]</span>
       </div>
@@ -23648,7 +23848,6 @@ <h4>Current entities:</h4>
 
   </script>
 </dom-module>
-
 <dom-module id="paper-toast" assetpath="bower_components/paper-toast/">
   <style>
     :host {
@@ -23764,7 +23963,6 @@ <h4>Current entities:</h4>
 
     /**
      * Hide the toast
-     * @return {[type]} [description]
      */
     hide: function() {
       this.setAttribute('aria-hidden', 'true');
@@ -23958,7 +24156,7 @@ <h4>Current entities:</h4>
   background: var(--paper-dialog-background-color, --primary-background-color);
   color: var(--paper-dialog-color, --primary-text-color);
 
-  @apply(--paper-font-body1)
+  @apply(--paper-font-body1);
   @apply(--shadow-elevation-16dp);
   @apply(--paper-dialog);
 }
@@ -24585,250 +24783,259 @@ <h4>Current entities:</h4>
 </script>
 <dom-module id="paper-slider" assetpath="bower_components/paper-slider/">
   <style>
-    :host {
-      display: inline-block;
-      width: 200px;
-      cursor: default;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      -webkit-tap-highlight-color: rgba(0, 0, 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
+The complete set of authors may be found at http://polymer.github.io/AUTHORS
+The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
+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
+*/
 
-    :host(:not([disabled])) #sliderBar::shadow #activeProgress {
-      background-color: var(--paper-slider-active-color, --google-blue-700);
-    }
+:host {
+  display: inline-block;
+  width: 200px;
+  cursor: default;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
 
-    :host(:not([disabled])) #sliderBar::shadow #secondaryProgress {
-      background-color: var(--paper-slider-secondary-color, --google-blue-300);
-    }
+:host(:not([disabled])) #sliderBar::shadow #activeProgress {
+  background-color: var(--paper-slider-active-color, --google-blue-700);
+}
 
-    :host([disabled]) #sliderBar::shadow #activeProgress {
-      background-color: var(--paper-slider-disabled-active-color, --google-grey-500);
-    }
+:host(:not([disabled])) #sliderBar::shadow #secondaryProgress {
+  background-color: var(--paper-slider-secondary-color, --google-blue-300);
+}
 
-    :host([disabled]) #sliderBar::shadow #secondaryProgress {
-      background-color: var(--paper-slider-disabled-secondary-color, --google-grey-300);
-    }
+:host([disabled]) #sliderBar::shadow #activeProgress {
+  background-color: var(--paper-slider-disabled-active-color, --google-grey-500);
+}
 
-    :host(:focus) {
-      outline: none;
-    }
+:host([disabled]) #sliderBar::shadow #secondaryProgress {
+  background-color: var(--paper-slider-disabled-secondary-color, --google-grey-300);
+}
 
-    #sliderContainer {
-      position: relative;
-      width: calc(100% - 32px);
-      height: 32px;
-    }
+:host(:focus) {
+  outline: none;
+}
 
-    #sliderContainer.editable {
-      float: left;
-      width: calc(100% - 72px);
-      margin: 12px 0;
-    }
+#sliderContainer {
+  position: relative;
+  width: calc(100% - 32px);
+  height: 32px;
+}
 
-    .bar-container {
-      position: absolute;
-      top: 0;
-      left: 16px;
-      height: 100%;
-      width: 100%;
-      overflow: hidden;
-    }
+#sliderContainer.editable {
+  float: left;
+  width: calc(100% - 72px);
+  margin: 12px 0;
+}
 
-    .ring > .bar-container {
-      left: 20px;
-      width: calc(100% - 4px);
-      transition: left 0.18s ease, width 0.18s ease;
-    }
+.bar-container {
+  position: absolute;
+  top: 0;
+  left: 16px;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
 
-    .ring.expand:not(.pin) > .bar-container {
-      left: 30px;
-      width: calc(100% - 14px);
-    }
+.ring > .bar-container {
+  left: 20px;
+  width: calc(100% - 4px);
+  transition: left 0.18s ease, width 0.18s ease;
+}
 
-    .ring.expand.dragging > .bar-container {
-      transition: none;
-    }
+.ring.expand:not(.pin) > .bar-container {
+  left: 30px;
+  width: calc(100% - 14px);
+}
 
-    #sliderBar {
-      position: absolute;
-      top: 15px;
-      left: 0;
-      height: 2px;
-      width: 100%;
-      padding: 8px 0;
-      margin: -8px 0;
-    }
+.ring.expand.dragging > .bar-container {
+  transition: none;
+}
 
-    .ring #sliderBar {
-      left: -4px;
-      width: calc(100% + 4px);
-    }
+#sliderBar {
+  position: absolute;
+  top: 15px;
+  left: 0;
+  height: 2px;
+  width: 100%;
+  padding: 8px 0;
+  margin: -8px 0;
+}
 
-    .ring.expand:not(.pin) #sliderBar {
-      left: -14px;
-      width: calc(100% + 14px);
-    }
+.ring #sliderBar {
+  left: -4px;
+  width: calc(100% + 4px);
+}
 
-    .slider-markers {
-      position: absolute;
-      top: 15px;
-      left: 15px;
-      height: 2px;
-      width: calc(100% + 2px);
-      box-sizing: border-box;
-      pointer-events: none;
-    }
+.ring.expand:not(.pin) #sliderBar {
+  left: -14px;
+  width: calc(100% + 14px);
+}
 
-    .slider-markers::after,
-    .slider-marker::after {
-      content: "";
-      display: block;
-      width: 2px;
-      height: 2px;
-      border-radius: 50%;
-      background-color: black;
-    }
+.slider-markers {
+  position: absolute;
+  top: 15px;
+  left: 15px;
+  height: 2px;
+  width: calc(100% + 2px);
+  box-sizing: border-box;
+  pointer-events: none;
+}
 
-    .transiting #sliderBar::shadow #activeProgress {
-      transition: -webkit-transform 0.08s ease;
-      transition: transform 0.08s ease;
-    }
+.slider-markers::after,
+.slider-marker::after {
+  content: "";
+  display: block;
+  width: 2px;
+  height: 2px;
+  border-radius: 50%;
+  background-color: black;
+}
 
-    #sliderKnob {
-      @apply(--layout-center-justified);
-      @apply(--layout-center);
-      @apply(--layout-horizontal);
+.transiting #sliderBar::shadow #activeProgress {
+  transition: -webkit-transform 0.08s ease;
+  transition: transform 0.08s ease;
+}
 
-      position: absolute;
-      left: 0;
-      top: 0;
-      width: 32px;
-      height: 32px;
-    }
+#sliderKnob {
+  @apply(--layout-center-justified);
+  @apply(--layout-center);
+  @apply(--layout-horizontal);
 
-    .transiting > #sliderKnob {
-      transition: left 0.08s ease;
-    }
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 32px;
+  height: 32px;
+}
 
-    #sliderKnob:focus {
-      outline: none;
-    }
+.transiting > #sliderKnob {
+  transition: left 0.08s ease;
+}
 
-    #sliderKnob.dragging {
-      transition: none;
-    }
+#sliderKnob:focus {
+  outline: none;
+}
 
-    .snaps > #sliderKnob.dragging {
-      transition: -webkit-transform 0.08s ease;
-      transition: transform 0.08s ease;
-    }
+#sliderKnob.dragging {
+  transition: none;
+}
 
-    #sliderKnobInner {
-      width: 12px;
-      height: 12px;
-      box-sizing: border-box;
-      -moz-box-sizing: border-box;
-      border-radius: 50%;
-      background-color: var(--paper-slider-knob-color, --google-blue-700);
-      transition-property: height, width, background-color, border;
-      transition-duration: 0.1s;
-      transition-timing-function: ease;
-    }
+.snaps > #sliderKnob.dragging {
+  transition: -webkit-transform 0.08s ease;
+  transition: transform 0.08s ease;
+}
 
-    .expand:not(.pin) > #sliderKnob > #sliderKnobInner {
-      width: 100%;
-      height: 100%;
-      -webkit-transform: translateZ(0);
-      transform: translateZ(0);
-    }
+#sliderKnobInner {
+  width: 12px;
+  height: 12px;
+  box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  border-radius: 50%;
+  background-color: var(--paper-slider-knob-color, --google-blue-700);
+  transition-property: height, width, background-color, border;
+  transition-duration: 0.1s;
+  transition-timing-function: ease;
+}
 
-    .ring > #sliderKnob > #sliderKnobInner {
-      background-color: transparent;
-      border: 2px solid #c8c8c8;
-    }
+.expand:not(.pin) > #sliderKnob > #sliderKnobInner {
+  width: 100%;
+  height: 100%;
+  -webkit-transform: translateZ(0);
+  transform: translateZ(0);
+}
 
-    #sliderKnobInner::before {
-      background-color: var(--paper-slider-pin-color, --google-blue-700);
-    }
+.ring > #sliderKnob > #sliderKnobInner {
+  background-color: transparent;
+  border: 2px solid #c8c8c8;
+}
 
-    .pin > #sliderKnob > #sliderKnobInner::before {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 26px;
-      height: 26px;
-      margin-left: 3px;
-      border-radius: 50% 50% 50% 0;
-      -webkit-transform: rotate(-45deg) scale(0) translate(0);
-      transform: rotate(-45deg) scale(0) translate(0);
-    }
+#sliderKnobInner::before {
+  background-color: var(--paper-slider-pin-color, --google-blue-700);
+}
 
-    #sliderKnobInner::before,
-    #sliderKnobInner::after {
-      transition: -webkit-transform .2s ease, background-color .18s ease;
-      transition: transform .2s ease, background-color .18s ease;
-    }
+.pin > #sliderKnob > #sliderKnobInner::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 26px;
+  height: 26px;
+  margin-left: 3px;
+  border-radius: 50% 50% 50% 0;
+  -webkit-transform: rotate(-45deg) scale(0) translate(0);
+  transform: rotate(-45deg) scale(0) translate(0);
+}
 
-    .pin.ring > #sliderKnob > #sliderKnobInner::before {
-      background-color: #c8c8c8;
-    }
+#sliderKnobInner::before,
+#sliderKnobInner::after {
+  transition: -webkit-transform .2s ease, background-color .18s ease;
+  transition: transform .2s ease, background-color .18s ease;
+}
 
-    .pin.expand > #sliderKnob > #sliderKnobInner::before {
-      -webkit-transform: rotate(-45deg) scale(1) translate(17px, -17px);
-      transform: rotate(-45deg) scale(1) translate(17px, -17px);
-    }
+.pin.ring > #sliderKnob > #sliderKnobInner::before {
+  background-color: #c8c8c8;
+}
 
-    .pin > #sliderKnob > #sliderKnobInner::after {
-      content: attr(value);
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 32px;
-      height: 26px;
-      text-align: center;
-      color: var(--paper-slider-font-color, #fff);
-      font-size: 10px;
-      -webkit-transform: scale(0) translate(0);
-      transform: scale(0) translate(0);
-    }
+.pin.expand > #sliderKnob > #sliderKnobInner::before {
+  -webkit-transform: rotate(-45deg) scale(1) translate(17px, -17px);
+  transform: rotate(-45deg) scale(1) translate(17px, -17px);
+}
 
-    .pin.expand > #sliderKnob > #sliderKnobInner::after {
-      -webkit-transform: scale(1) translate(0, -17px);
-      transform: scale(1) translate(0, -17px);
-    }
+.pin > #sliderKnob > #sliderKnobInner::after {
+  content: attr(value);
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 32px;
+  height: 26px;
+  text-align: center;
+  color: var(--paper-slider-font-color, #fff);
+  font-size: 10px;
+  -webkit-transform: scale(0) translate(0);
+  transform: scale(0) translate(0);
+}
 
-    /* editable: paper-input */
-    .slider-input {
-      width: 40px;
-      float: right;
-      overflow: hidden;
-    }
+.pin.expand > #sliderKnob > #sliderKnobInner::after {
+  -webkit-transform: scale(1) translate(0, -17px);
+  transform: scale(1) translate(0, -17px);
+}
 
-    .slider-input::shadow input {
-      /* FIXME(ffu): should one be able set text-align directly on paper-input? */
-      text-align: center;
-    }
+/* editable: paper-input */
+.slider-input {
+  width: 40px;
+  float: right;
+  overflow: hidden;
+}
 
-    /* disabled state */
-    #sliderContainer.disabled {
-      pointer-events: none;
-    }
+.slider-input::shadow input {
+  /* FIXME(ffu): should one be able set text-align directly on paper-input? */
+  text-align: center;
+}
 
-    .disabled > #sliderKnob > #sliderKnobInner {
-      width: 8px;
-      height: 8px;
-      background-color: var(--paper-slider-disabled-knob-color, --google-grey-500);
-    }
+/* disabled state */
+#sliderContainer.disabled {
+  pointer-events: none;
+}
 
-    .disabled.ring > #sliderKnob > #sliderKnobInner {
-      background-color: transparent;
-    }
-  </style>
+.disabled > #sliderKnob > #sliderKnobInner {
+  width: 8px;
+  height: 8px;
+  background-color: var(--paper-slider-disabled-knob-color, --google-grey-500);
+}
 
+.disabled.ring > #sliderKnob > #sliderKnobInner {
+  background-color: transparent;
+}
+</style>
   <template>
     <template is="dom-if" if="{{!disabled}}">
     </template>
@@ -24962,16 +25169,13 @@ <h4>Current entities:</h4>
       /**
        * True when the user is dragging the slider.
        */
-      transiting: {
+      dragging: {
         type: Boolean,
         value: false,
         readOnly: true
       },
 
-      /**
-       * True when the user is dragging the slider.
-       */
-      dragging: {
+      transiting: {
         type: Boolean,
         value: false,
         readOnly: true
diff --git a/homeassistant/components/frontend/www_static/polymer/bower.json b/homeassistant/components/frontend/www_static/polymer/bower.json
index 3efccba76feee6..b5ee548776c7a5 100644
--- a/homeassistant/components/frontend/www_static/polymer/bower.json
+++ b/homeassistant/components/frontend/www_static/polymer/bower.json
@@ -11,44 +11,35 @@
     "bower_components"
   ],
   "devDependencies": {
-    "polymer": "Polymer/polymer#^1.0",
+    "polymer": "Polymer/polymer#^1.0.0",
     "webcomponentsjs": "Polymer/webcomponentsjs#^0.7",
-    "paper-header-panel": "PolymerElements/paper-header-panel#^1.0",
-    "paper-toolbar": "PolymerElements/paper-toolbar#^1.0",
-    "paper-menu": "PolymerElements/paper-menu#^0.9",
-    "iron-input": "PolymerElements/iron-input#^0.9",
-    "iron-icons": "PolymerElements/iron-icons#^1.0",
-    "iron-image": "PolymerElements/iron-image#^1.0",
-    "paper-toast": "PolymerElements/paper-toast#^0.9",
-    "paper-dialog": "PolymerElements/paper-dialog#^0.9",
-    "paper-dialog-scrollable": "polymerelements/paper-dialog-scrollable#^0.9",
-    "paper-spinner": "PolymerElements/paper-spinner#^0.9",
-    "paper-button": "PolymerElements/paper-button#^0.9",
-    "paper-input": "PolymerElements/paper-input#^0.9",
-    "paper-toggle-button": "PolymerElements/paper-toggle-button#^0.9",
-    "paper-icon-button": "PolymerElements/paper-icon-button#^1.0",
-    "paper-item": "PolymerElements/paper-item#^0.9",
-    "paper-slider": "PolymerElements/paper-slider#^0.9",
-    "paper-checkbox": "PolymerElements/paper-checkbox#^0.9",
-    "paper-drawer-panel": "PolymerElements/paper-drawer-panel#^0.9",
-    "paper-scroll-header-panel": "polymerelements/paper-scroll-header-panel#~0.9",
+    "paper-header-panel": "PolymerElements/paper-header-panel#^1.0.0",
+    "paper-toolbar": "PolymerElements/paper-toolbar#^1.0.0",
+    "paper-menu": "PolymerElements/paper-menu#^1.0.0",
+    "iron-input": "PolymerElements/iron-input#^1.0.0",
+    "iron-icons": "PolymerElements/iron-icons#^1.0.0",
+    "iron-image": "PolymerElements/iron-image#^1.0.0",
+    "paper-toast": "PolymerElements/paper-toast#^1.0.0",
+    "paper-dialog": "PolymerElements/paper-dialog#^1.0.0",
+    "paper-dialog-scrollable": "polymerelements/paper-dialog-scrollable#^1.0.0",
+    "paper-spinner": "PolymerElements/paper-spinner#^1.0.0",
+    "paper-button": "PolymerElements/paper-button#^1.0.0",
+    "paper-input": "PolymerElements/paper-input#^1.0.0",
+    "paper-toggle-button": "PolymerElements/paper-toggle-button#^1.0.0",
+    "paper-icon-button": "PolymerElements/paper-icon-button#^1.0.0",
+    "paper-item": "PolymerElements/paper-item#^1.0.0",
+    "paper-slider": "PolymerElements/paper-slider#^1.0.0",
+    "paper-checkbox": "PolymerElements/paper-checkbox#^1.0.0",
+    "paper-drawer-panel": "PolymerElements/paper-drawer-panel#^1.0.0",
+    "paper-scroll-header-panel": "polymerelements/paper-scroll-header-panel#~1.0",
     "google-apis": "GoogleWebComponents/google-apis#0.8-preview",
     "moment": "^2.10.3",
     "layout": "Polymer/layout",
     "color-picker-element": "~0.0.3",
-    "paper-styles": "polymerelements/paper-styles#~1.0.1"
+    "paper-styles": "polymerelements/paper-styles#~1.0"
   },
   "resolutions": {
-    "polymer": "^1.0",
-    "webcomponentsjs": "^0.7.2",
-    "iron-flex-layout": "^1.0",
-    "paper-styles": "~1.0.1",
-    "iron-a11y-keys-behavior": "^1.0.0",
-    "iron-meta": "^1.0.0",
-    "paper-ripple": "^1.0.0",
-    "paper-behaviors": "^1.0.0",
-    "iron-behaviors": "^1.0.0",
-    "paper-toolbar": "^1.0",
-    "iron-icons": "^1.0.0"
+    "polymer": "^1.0.0",
+    "webcomponentsjs": "^0.7.0"
   }
 }
diff --git a/homeassistant/components/frontend/www_static/polymer/html-minifier.conf b/homeassistant/components/frontend/www_static/polymer/html-minifier.conf
new file mode 100644
index 00000000000000..2e6dbb9538b11e
--- /dev/null
+++ b/homeassistant/components/frontend/www_static/polymer/html-minifier.conf
@@ -0,0 +1,11 @@
+{
+  "removeComments": true,
+  "removeCommentsFromCDATA": true,
+  "removeCDATASectionsFromCDATA": true,
+  "collapseWhitespace": true,
+  "collapseBooleanAttributes": true,
+  "removeScriptTypeAttributes": true,
+  "removeStyleLinkTypeAttributes": true,
+  "minifyJS": true,
+  "minifyCSS": true
+}
diff --git a/homeassistant/components/frontend/www_static/polymer/resources/home-assistant-icons.html b/homeassistant/components/frontend/www_static/polymer/resources/home-assistant-icons.html
index d130cf9fca589c..a7b007c5b5aced 100644
--- a/homeassistant/components/frontend/www_static/polymer/resources/home-assistant-icons.html
+++ b/homeassistant/components/frontend/www_static/polymer/resources/home-assistant-icons.html
@@ -85,7 +85,7 @@
       return 'social:pages';
 
     default:
-      return "bookmark-outline";
+      return "bookmark";
   }
 };
 </script>
diff --git a/scripts/build_frontend b/scripts/build_frontend
index 7801e1fed6f70d..2bf80d28541ed5 100755
--- a/scripts/build_frontend
+++ b/scripts/build_frontend
@@ -8,8 +8,8 @@ fi
 
 scripts/build_js $1
 
-# To build the frontend, you need node, bower and vulcanize
-# npm install -g bower vulcanize
+# To build the frontend, you need node, bower, vulcanize and html-minifier
+# npm install -g bower vulcanize html-minifier
 
 # Install dependencies
 cd homeassistant/components/frontend/www_static/polymer
@@ -17,14 +17,10 @@ bower install
 cd ..
 cp polymer/bower_components/webcomponentsjs/webcomponents-lite.min.js .
 
-# Prevent vulcanize choking on a url starting with //
-sed -i.bak 's/"\/\/fonts/"https:\/\/fonts/' polymer/bower_components/paper-styles/typography.html
-
 vulcanize --inline-css --inline-scripts --strip-comments polymer/home-assistant.html > frontend.html
 
-# Revert back the change to the paper-styles component
-rm polymer/bower_components/paper-styles/typography.html
-mv polymer/bower_components/paper-styles/typography.html.bak polymer/bower_components/paper-styles/typography.html
+# html-minifier crashes on frontend, minimize kills the CSS
+# html-minifier --config-file polymer/html-minifier.conf -o frontend.html frontend.html
 
 # Generate the MD5 hash of the new frontend
 cd ..