Move style into template and fix polylint

src/cards/ha-camera-card.html

@@ -37,7 +37,7 @@
       }
     </style>
 
-    <img src='[[cameraFeedSrc]]' class='camera-feed' hidden='[[!imageLoaded]]'
+    <img src='[[cameraFeedSrc]]' class='camera-feed' hidden$='[[!imageLoaded]]'
       on-load='imageLoadSuccess' on-error='imageLoadFail' alt='[[stateObj.entityDisplay]]'>
     <div class='caption'>
       [[stateObj.entityDisplay]]

src/components/ha-menu-button.html

@@ -1,3 +1,6 @@
+<link rel='import' href='../../bower_components/polymer/polymer.html'>
+<link rel='import' href='../../bower_components/paper-icon-button/paper-icon-button.html'>
+
 <dom-module id='ha-menu-button'>
   <template>
     <style>

src/components/ha-sidebar.html

@@ -8,6 +8,7 @@
 <link rel='import' href='../../bower_components/paper-icon-button/paper-icon-button.html'>
 
 <link rel='import' href='../components/stream-status.html'>
+<link rel='import' href='../util/hass-behavior.html'>
 
 <dom-module id='ha-sidebar'>
   <template>

src/components/ha-view-tabs.html

@@ -1,5 +1,7 @@
 <link rel="import" href="../../bower_components/paper-tabs/paper-tabs.html">
 
+<link rel='import' href='../util/hass-behavior.html'>
+
 <dom-module id="ha-view-tabs">
   <template>
     <style>

src/components/state-info.html

@@ -66,6 +66,10 @@ Polymer({
     stateObj: {
       type: Object,
     },
+
+    inDialog: {
+      type: Boolean,
+    },
   },
 });
 </script>

src/components/stream-status.html

@@ -3,6 +3,8 @@
 <link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
 <link rel="import" href="../../bower_components/paper-toggle-button/paper-toggle-button.html">
 
+<link rel='import' href='../util/hass-behavior.html'>
+
 <dom-module id="stream-status">
   <template>
     <style>

src/dialogs/ha-voice-command-dialog.html

@@ -5,6 +5,8 @@
 <link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
 <link rel="import" href="../../bower_components/paper-spinner/paper-spinner.html">
 
+<link rel='import' href='../util/hass-behavior.html'>
+
 <dom-module id="ha-voice-command-dialog">
   <template>
     <style>

src/dialogs/more-info-dialog.html

@@ -9,6 +9,8 @@
 <link rel="import" href="../components/state-history-charts.html">
 <link rel="import" href="../more-infos/more-info-content.html">
 
+<link rel='import' href='../util/hass-behavior.html'>
+
 <dom-module id="more-info-dialog">
   <template>
     <style>

src/layouts/login-form.html

@@ -7,6 +7,8 @@
 <link rel="import" href="../../bower_components/iron-input/iron-input.html">
 <link rel="import" href="../../bower_components/paper-spinner/paper-spinner.html">
 
+<link rel='import' href='../util/hass-behavior.html'>
+
 <dom-module id="login-form">
   <template>
     <style is="custom-style" include="iron-flex iron-positioning"></style>

src/layouts/partial-cards.html

@@ -2,6 +2,7 @@
 <link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
 <link rel="import" href="../../bower_components/paper-scroll-header-panel/paper-scroll-header-panel.html">
 <link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
+<link rel='import' href='../../bower_components/paper-toolbar/paper-toolbar.html'>
 
 <link rel="import" href="../components/ha-cards.html">
 <link rel="import" href="../components/ha-view-tabs.html">

src/layouts/partial-panel-resolver.html

@@ -1,3 +1,5 @@
+<link rel='import' href='../util/hass-behavior.html'>
+
 <script>
 Polymer({
   is: 'partial-panel-resolver',

src/managers/notification-manager.html

@@ -2,6 +2,8 @@
 
 <link rel="import" href="../../bower_components/paper-toast/paper-toast.html">
 
+<link rel='import' href='../util/hass-behavior.html'>
+
 <dom-module id="notification-manager">
   <template>
     <style>

src/more-infos/more-info-alarm_control_panel.html

@@ -8,12 +8,29 @@
     <style is="custom-style" include="iron-flex"></style>
 
     <div class='layout horizontal'>
-      <paper-input label='code' value='{{enteredCode}}' pattern='[[codeFormat]]' type='password' hidden='[[!codeInputVisible]]' disabled='[[!codeInputEnabled]]'></paper-input>
+      <paper-input
+        label='code'
+        value='{{enteredCode}}'
+        pattern='[[codeFormat]]'
+        type='password'
+        hidden$='[[!codeInputVisible]]'
+        disabled='[[!codeInputEnabled]]'
+      ></paper-input>
     </div>
     <div class='layout horizontal'>
-      <paper-button on-tap='handleDisarmTap' hidden='[[!disarmButtonVisible]]' disabled='[[!codeValid]]'>Disarm</paper-button>
-      <paper-button on-tap='handleHomeTap' hidden='[[!armHomeButtonVisible]]' disabled=[[!codeValid]]>Arm Home</paper-button>
-      <paper-button on-tap='handleAwayTap' hidden='[[!armAwayButtonVisible]]' disabled='[[!codeValid]]'>Arm Away</paper-button>
+      <paper-button
+        on-tap='handleDisarmTap'
+        hidden$='[[!disarmButtonVisible]]'
+        disabled='[[!codeValid]]'
+      >Disarm</paper-button>
+      <paper-button
+        on-tap='handleHomeTap'
+        hidden$='[[!armHomeButtonVisible]]'
+        disabled=[[!codeValid]]>Arm Home</paper-button>
+      <paper-button
+        on-tap='handleAwayTap'
+        hidden$='[[!armAwayButtonVisible]]'
+        disabled='[[!codeValid]]'>Arm Away</paper-button>
     </div>
   </template>
 </dom-module>

src/more-infos/more-info-configurator.html

@@ -1,8 +1,11 @@
 <link rel='import' href='../../bower_components/polymer/polymer.html'>
 <link rel='import' href='../../bower_components/paper-button/paper-button.html'>
+<link rel='import' href='../../bower_components/paper-input/paper-input-container.html'>
 
 <link rel='import' href='../components/loading-box.html'>
 
+<link rel='import' href='../util/hass-behavior.html'>
+
 <dom-module id='more-info-configurator'>
   <template>
     <style is="custom-style" include="iron-flex"></style>

src/more-infos/more-info-group.html

@@ -2,6 +2,8 @@
 
 <link rel="import" href="../state-summary/state-card-content.html">
 
+<link rel='import' href='../util/hass-behavior.html'>
+
 <dom-module id="more-info-group">
   <template>
     <style>

src/more-infos/more-info-hvac.html

@@ -1,5 +1,8 @@
 <link rel='import' href='../../bower_components/polymer/polymer.html'>
 <link rel='import' href='../../bower_components/paper-slider/paper-slider.html'>
+<link rel='import' href='../../bower_components/paper-menu/paper-menu.html'>
+<link rel='import' href='../../bower_components/paper-item/paper-item.html'>
+<link rel='import' href='../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html'>
 <link rel='import' href='../../bower_components/paper-toggle-button/paper-toggle-button.html'>
 
 <dom-module id='more-info-hvac'>

src/more-infos/more-info-lock.html

@@ -11,7 +11,7 @@
       }
     </style>
 
-    <div hidden='[[!stateObj.attributes.code_format]]'>
+    <div hidden$='[[!stateObj.attributes.code_format]]'>
       <paper-input label='code' value='{{enteredCode}}' pattern='[[stateObj.attributes.code_format]]' type='password'></paper-input>
       <paper-button on-tap='handleUnlockTap' hidden$='[[!isLocked]]'>Unlock</paper-button>
       <paper-button on-tap='handleLockTap' hidden$=[[isLocked]]>Lock</paper-button>

src/more-infos/more-info-media_player.html

@@ -1,6 +1,10 @@
 <link rel='import' href='../../bower_components/polymer/polymer.html'>
 
 <link rel='import' href='../../bower_components/paper-icon-button/paper-icon-button.html'>
+<link rel='import' href='../../bower_components/paper-slider/paper-slider.html'>
+<link rel='import' href='../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html'>
+<link rel='import' href='../../bower_components/paper-menu/paper-menu.html'>
+<link rel='import' href='../../bower_components/paper-item/paper-item.html'>
 
 <dom-module id='more-info-media_player'>
   <template>

src/state-summary/state-card-input_select.html

@@ -1,5 +1,7 @@
 <link rel="import" href="../../bower_components/polymer/polymer.html">
 <link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
+<link rel='import' href='../../bower_components/paper-menu/paper-menu.html'>
+<link rel='import' href='../../bower_components/paper-item/paper-item.html'>
 
 <link rel="import" href="../components/entity/state-badge.html">
 

src/util/hass-behavior.html

@@ -1,4 +1,5 @@
 <script>
+/** @polymerBehavior NameSpace.Behavior */
 window.hassBehavior = {
   attached: function attached() {
     var hass = this.hass;