Update require -> import

src/cards/ha-badges-card.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('../components/entity/ha-state-label-badge');
+import '../components/entity/ha-state-label-badge';
 
 export default new Polymer({
   is: 'ha-badges-card',

src/cards/ha-card-chooser.js

@@ -2,9 +2,9 @@ import Polymer from '../polymer';
 
 import dynamicContentUpdater from '../util/dynamic-content-updater';
 
-require('./ha-camera-card');
-require('./ha-entities-card');
-require('./ha-media_player-card');
+import './ha-camera-card';
+import './ha-entities-card';
+import './ha-media_player-card';
 
 export default new Polymer({
   is: 'ha-card-chooser',

src/cards/ha-entities-card.js

@@ -1,8 +1,8 @@
 import Polymer from '../polymer';
 import canToggle from '../util/can-toggle';
 
-require('../components/entity/ha-entity-toggle');
-require('../state-summary/state-card-content');
+import '../components/entity/ha-entity-toggle';
+import '../state-summary/state-card-content';
 
 export default new Polymer({
   is: 'ha-entities-card',

src/components/entity/state-badge.js

@@ -1,6 +1,6 @@
 import Polymer from '../../polymer';
 
-require('./ha-state-icon');
+import './ha-state-icon';
 
 export default new Polymer({
   is: 'state-badge',

src/components/ha-cards.js

@@ -1,7 +1,7 @@
 import Polymer from '../polymer';
 
-require('../cards/ha-badges-card');
-require('../cards/ha-card-chooser');
+import '../cards/ha-badges-card';
+import '../cards/ha-card-chooser';
 
 // mapping domain to size of the card.
 const DOMAINS_WITH_CARD = {

src/components/logbook-entry.js

@@ -1,7 +1,7 @@
 import Polymer from '../polymer';
 
-require('./domain-icon');
-require('./display-time');
+import './domain-icon';
+import './display-time';
 
 export default new Polymer({
   is: 'logbook-entry',

src/components/services-list.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('./domain-icon');
+import './domain-icon';
 
 export default new Polymer({
   is: 'services-list',

src/components/state-history-charts.js

@@ -1,7 +1,7 @@
 import Polymer from '../polymer';
 
-require('./state-history-chart-timeline');
-require('./state-history-chart-line');
+import './state-history-chart-timeline';
+import './state-history-chart-line';
 
 export default new Polymer({
   is: 'state-history-charts',

src/components/state-info.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('./entity/state-badge');
+import './entity/state-badge';
 
 export default new Polymer({
   is: 'state-info',

src/dialogs/more-info-dialog.js

@@ -1,8 +1,8 @@
 import Polymer from '../polymer';
 
-require('../state-summary/state-card-content');
-require('../components/state-history-charts');
-require('../more-infos/more-info-content');
+import '../state-summary/state-card-content';
+import '../components/state-history-charts';
+import '../more-infos/more-info-content';
 
 const DOMAINS_WITH_NO_HISTORY = ['camera', 'configurator', 'scene'];
 

src/home-assistant.js

@@ -1,5 +1,5 @@
 import moment from 'moment';
 
-require('./layouts/home-assistant-main');
+import './layouts/home-assistant-main';
 
 window.moment = moment;

src/layouts/home-assistant-main.js

@@ -1,17 +1,17 @@
 import Polymer from '../polymer';
 
-require('../layouts/partial-cards');
-require('../layouts/partial-logbook');
-require('../layouts/partial-history');
-require('../layouts/partial-map');
-require('../layouts/partial-dev-call-service');
-require('../layouts/partial-dev-fire-event');
-require('../layouts/partial-dev-set-state');
-require('../layouts/partial-dev-template');
-require('../layouts/partial-dev-info');
-require('../managers/notification-manager');
-require('../dialogs/more-info-dialog');
-require('../dialogs/ha-voice-command-dialog');
+import '../layouts/partial-cards';
+import '../layouts/partial-logbook';
+import '../layouts/partial-history';
+import '../layouts/partial-map';
+import '../layouts/partial-dev-call-service';
+import '../layouts/partial-dev-fire-event';
+import '../layouts/partial-dev-set-state';
+import '../layouts/partial-dev-template';
+import '../layouts/partial-dev-info';
+import '../managers/notification-manager';
+import '../dialogs/more-info-dialog';
+import '../dialogs/ha-voice-command-dialog';
 
 export default new Polymer({
   is: 'home-assistant-main',

src/layouts/partial-cards.js

@@ -1,7 +1,7 @@
 import Polymer from '../polymer';
 
-require('./partial-base');
-require('../components/ha-cards');
+import './partial-base';
+import '../components/ha-cards';
 
 export default new Polymer({
   is: 'partial-cards',

src/layouts/partial-dev-call-service.js

@@ -1,7 +1,7 @@
 import Polymer from '../polymer';
 
-require('./partial-base');
-require('../components/services-list');
+import './partial-base';
+import '../components/services-list';
 
 export default new Polymer({
   is: 'partial-dev-call-service',

src/layouts/partial-dev-fire-event.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('./partial-base');
+import './partial-base';
 
 export default new Polymer({
   is: 'partial-dev-fire-event',

src/layouts/partial-dev-info.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('./partial-base');
+import './partial-base';
 
 export default new Polymer({
   is: 'partial-dev-info',

src/layouts/partial-dev-set-state.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('./partial-base');
+import './partial-base';
 
 export default new Polymer({
   is: 'partial-dev-set-state',

src/layouts/partial-dev-template.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('./partial-base');
+import './partial-base';
 
 export default new Polymer({
   is: 'partial-dev-template',

src/layouts/partial-history.js

@@ -1,7 +1,7 @@
 import Polymer from '../polymer';
 
-require('./partial-base');
-require('../components/state-history-charts');
+import './partial-base';
+import '../components/state-history-charts';
 
 export default new Polymer({
   is: 'partial-history',

src/layouts/partial-logbook.js

@@ -1,7 +1,7 @@
 import Polymer from '../polymer';
 
-require('./partial-base');
-require('../components/logbook-entry');
+import './partial-base';
+import '../components/logbook-entry';
 
 export default new Polymer({
   is: 'partial-logbook',

src/layouts/partial-map.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('../components/entity/ha-entity-marker');
+import '../components/entity/ha-entity-marker';
 
 window.L.Icon.Default.imagePath = '/static/images/leaflet';
 

src/more-infos/more-info-content.js

@@ -3,18 +3,18 @@ import Polymer from '../polymer';
 import dynamicContentUpdater from '../util/dynamic-content-updater';
 import stateMoreInfoType from '../util/state-more-info-type';
 
-require('./more-info-default');
-require('./more-info-group');
-require('./more-info-sun');
-require('./more-info-configurator');
-require('./more-info-thermostat');
-require('./more-info-script');
-require('./more-info-light');
-require('./more-info-media_player');
-require('./more-info-updater');
-require('./more-info-alarm_control_panel');
-require('./more-info-lock');
-require('./more-info-hvac');
+import './more-info-default';
+import './more-info-group';
+import './more-info-sun';
+import './more-info-configurator';
+import './more-info-thermostat';
+import './more-info-script';
+import './more-info-light';
+import './more-info-media_player';
+import './more-info-updater';
+import './more-info-alarm_control_panel';
+import './more-info-lock';
+import './more-info-hvac';
 
 export default new Polymer({
   is: 'more-info-content',

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

@@ -2,7 +2,7 @@ import Polymer from '../polymer';
 import dynamicContentUpdater from '../util/dynamic-content-updater';
 import stateMoreInfoType from '../util/state-more-info-type';
 
-require('../state-summary/state-card-content');
+import '../state-summary/state-card-content';
 
 export default new Polymer({
   is: 'more-info-group',

src/state-summary/state-card-configurator.js

@@ -1,7 +1,7 @@
 import Polymer from '../polymer';
 
-require('../components/state-info');
-require('./state-card-display');
+import '../components/state-info';
+import './state-card-display';
 
 export default new Polymer({
   is: 'state-card-configurator',

src/state-summary/state-card-content.js

@@ -3,18 +3,18 @@ import Polymer from '../polymer';
 import stateCardType from '../util/state-card-type';
 import dynamicContentUpdater from '../util/dynamic-content-updater';
 
-require('./state-card-configurator');
-require('./state-card-display');
-require('./state-card-hvac');
-require('./state-card-input_select');
-require('./state-card-input_slider');
-require('./state-card-media_player');
-require('./state-card-scene');
-require('./state-card-script');
-require('./state-card-rollershutter');
-require('./state-card-thermostat');
-require('./state-card-toggle');
-require('./state-card-weblink');
+import './state-card-configurator';
+import './state-card-display';
+import './state-card-hvac';
+import './state-card-input_select';
+import './state-card-input_slider';
+import './state-card-media_player';
+import './state-card-scene';
+import './state-card-script';
+import './state-card-rollershutter';
+import './state-card-thermostat';
+import './state-card-toggle';
+import './state-card-weblink';
 
 export default new Polymer({
   is: 'state-card-content',

src/state-summary/state-card-display.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('../components/state-info');
+import '../components/state-info';
 
 export default new Polymer({
   is: 'state-card-display',

src/state-summary/state-card-hvac.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('../components/state-info');
+import '../components/state-info';
 
 export default new Polymer({
   is: 'state-card-hvac',

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

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('../components/state-info');
+import '../components/state-info';
 
 export default new Polymer({
   is: 'state-card-input_select',

src/state-summary/state-card-input_slider.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('../components/state-info');
+import '../components/state-info';
 
 export default new Polymer({
   is: 'state-card-input_slider',

src/state-summary/state-card-media_player.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('../components/state-info');
+import '../components/state-info';
 
 const PLAYING_STATES = ['playing', 'paused'];
 

src/state-summary/state-card-rollershutter.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('../components/state-info');
+import '../components/state-info';
 
 export default new Polymer({
   is: 'state-card-rollershutter',

src/state-summary/state-card-scene.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('../components/state-info.js');
+import '../components/state-info.js';
 
 export default new Polymer({
   is: 'state-card-scene',

src/state-summary/state-card-script.js

@@ -1,7 +1,7 @@
 import Polymer from '../polymer';
 
-require('../components/state-info');
-require('../components/entity/ha-entity-toggle');
+import '../components/state-info';
+import '../components/entity/ha-entity-toggle';
 
 export default new Polymer({
   is: 'state-card-script',

src/state-summary/state-card-thermostat.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('../components/state-info');
+import '../components/state-info';
 
 export default new Polymer({
   is: 'state-card-thermostat',

src/state-summary/state-card-toggle.js

@@ -1,7 +1,7 @@
 import Polymer from '../polymer';
 
-require('../components/state-info');
-require('../components/entity/ha-entity-toggle');
+import '../components/state-info';
+import '../components/entity/ha-entity-toggle';
 
 export default new Polymer({
   is: 'state-card-toggle',

src/state-summary/state-card-weblink.js

@@ -1,6 +1,6 @@
 import Polymer from '../polymer';
 
-require('../components/state-info');
+import '../components/state-info';
 
 export default new Polymer({
   is: 'state-card-weblink',