diff --git a/src/auth/ha-auth-flow.js b/src/auth/ha-auth-flow.js
index be44f10a9372..22f4435c8312 100644
--- a/src/auth/ha-auth-flow.js
+++ b/src/auth/ha-auth-flow.js
@@ -1,8 +1,8 @@
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import "@polymer/paper-button/paper-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import "../components/ha-form.js";
-import LocalizeLiteMixin from "../mixins/localize-lite-mixin.js";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import "@polymer/paper-button/paper-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import "../components/ha-form";
+import LocalizeLiteMixin from "../mixins/localize-lite-mixin";
class HaAuthFlow extends LocalizeLiteMixin(PolymerElement) {
static get template() {
diff --git a/src/auth/ha-authorize.js b/src/auth/ha-authorize.js
index 41ed02450548..dfc266898eca 100644
--- a/src/auth/ha-authorize.js
+++ b/src/auth/ha-authorize.js
@@ -1,13 +1,13 @@
-import "@polymer/polymer/lib/elements/dom-if.js";
-import "@polymer/polymer/lib/elements/dom-repeat.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/polymer/lib/elements/dom-if";
+import "@polymer/polymer/lib/elements/dom-repeat";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/ha-markdown.js";
+import "../components/ha-markdown";
-import LocalizeLiteMixin from "../mixins/localize-lite-mixin.js";
+import LocalizeLiteMixin from "../mixins/localize-lite-mixin";
-import "./ha-auth-flow.js";
+import "./ha-auth-flow";
class HaAuthorize extends LocalizeLiteMixin(PolymerElement) {
static get template() {
@@ -87,7 +87,7 @@ class HaAuthorize extends LocalizeLiteMixin(PolymerElement) {
if (query.state) props.oauth2State = query.state;
this.setProperties(props);
- import(/* webpackChunkName: "pick-auth-provider" */ "../auth/ha-pick-auth-provider.js");
+ import(/* webpackChunkName: "pick-auth-provider" */ "../auth/ha-pick-auth-provider");
// Fetch auth providers
try {
diff --git a/src/auth/ha-pick-auth-provider.js b/src/auth/ha-pick-auth-provider.js
index cbf188015c73..378e656ad57f 100644
--- a/src/auth/ha-pick-auth-provider.js
+++ b/src/auth/ha-pick-auth-provider.js
@@ -1,10 +1,10 @@
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-item/paper-item-body.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-item/paper-item-body";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../mixins/events-mixin.js";
-import LocalizeLiteMixin from "../mixins/localize-lite-mixin.js";
+import EventsMixin from "../mixins/events-mixin";
+import LocalizeLiteMixin from "../mixins/localize-lite-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/cards/ha-badges-card.js b/src/cards/ha-badges-card.js
index 35bd6ea490bc..47e8327eb06a 100644
--- a/src/cards/ha-badges-card.js
+++ b/src/cards/ha-badges-card.js
@@ -1,7 +1,7 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/ha-state-label-badge.js";
+import "../components/entity/ha-state-label-badge";
class HaBadgesCard extends PolymerElement {
static get template() {
diff --git a/src/cards/ha-camera-card.js b/src/cards/ha-camera-card.js
index 76fb22ce3712..424867052e90 100644
--- a/src/cards/ha-camera-card.js
+++ b/src/cards/ha-camera-card.js
@@ -1,10 +1,10 @@
-import "@polymer/paper-styles/element-styles/paper-material-styles.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-styles/element-styles/paper-material-styles";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import computeStateName from "../common/entity/compute_state_name.js";
-import EventsMixin from "../mixins/events-mixin.js";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import computeStateName from "../common/entity/compute_state_name";
+import EventsMixin from "../mixins/events-mixin";
+import LocalizeMixin from "../mixins/localize-mixin";
const UPDATE_INTERVAL = 10000; // ms
/*
diff --git a/src/cards/ha-card-chooser.js b/src/cards/ha-card-chooser.js
index 15e9896df171..d1b875964f5c 100644
--- a/src/cards/ha-card-chooser.js
+++ b/src/cards/ha-card-chooser.js
@@ -1,14 +1,14 @@
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./ha-camera-card.js";
-import "./ha-entities-card.js";
-import "./ha-history_graph-card.js";
-import "./ha-media_player-card.js";
-import "./ha-persistent_notification-card.js";
-import "./ha-plant-card.js";
-import "./ha-weather-card.js";
+import "./ha-camera-card";
+import "./ha-entities-card";
+import "./ha-history_graph-card";
+import "./ha-media_player-card";
+import "./ha-persistent_notification-card";
+import "./ha-plant-card";
+import "./ha-weather-card";
-import dynamicContentUpdater from "../common/dom/dynamic_content_updater.js";
+import dynamicContentUpdater from "../common/dom/dynamic_content_updater";
class HaCardChooser extends PolymerElement {
static get properties() {
diff --git a/src/cards/ha-entities-card.js b/src/cards/ha-entities-card.js
index 1cd7092bdc2e..b1ce669fd773 100644
--- a/src/cards/ha-entities-card.js
+++ b/src/cards/ha-entities-card.js
@@ -1,17 +1,17 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../components/entity/ha-entity-toggle.js";
-import "../components/ha-card.js";
-import "../state-summary/state-card-content.js";
-
-import computeStateDomain from "../common/entity/compute_state_domain.js";
-import computeStateName from "../common/entity/compute_state_name.js";
-import stateMoreInfoType from "../common/entity/state_more_info_type.js";
-import canToggleState from "../common/entity/can_toggle_state.js";
-import EventsMixin from "../mixins/events-mixin.js";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../components/entity/ha-entity-toggle";
+import "../components/ha-card";
+import "../state-summary/state-card-content";
+
+import computeStateDomain from "../common/entity/compute_state_domain";
+import computeStateName from "../common/entity/compute_state_name";
+import stateMoreInfoType from "../common/entity/state_more_info_type";
+import canToggleState from "../common/entity/can_toggle_state";
+import EventsMixin from "../mixins/events-mixin";
+import LocalizeMixin from "../mixins/localize-mixin";
class HaEntitiesCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
static get template() {
diff --git a/src/cards/ha-history_graph-card.js b/src/cards/ha-history_graph-card.js
index ca2e3aad7b74..2b1e79a863a8 100644
--- a/src/cards/ha-history_graph-card.js
+++ b/src/cards/ha-history_graph-card.js
@@ -1,12 +1,12 @@
-import "@polymer/paper-card/paper-card.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-card/paper-card";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/state-history-charts.js";
+import "../components/state-history-charts";
import "../data/ha-state-history-data";
-import computeStateName from "../common/entity/compute_state_name.js";
-import EventsMixin from "../mixins/events-mixin.js";
+import computeStateName from "../common/entity/compute_state_name";
+import EventsMixin from "../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/cards/ha-media_player-card.js b/src/cards/ha-media_player-card.js
index 08c6141f7f39..804ccb27804a 100644
--- a/src/cards/ha-media_player-card.js
+++ b/src/cards/ha-media_player-card.js
@@ -1,15 +1,15 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-progress/paper-progress.js";
-import "@polymer/paper-styles/element-styles/paper-material-styles.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import HassMediaPlayerEntity from "../util/hass-media-player-model.js";
-
-import computeStateName from "../common/entity/compute_state_name.js";
-import EventsMixin from "../mixins/events-mixin.js";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-progress/paper-progress";
+import "@polymer/paper-styles/element-styles/paper-material-styles";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import HassMediaPlayerEntity from "../util/hass-media-player-model";
+
+import computeStateName from "../common/entity/compute_state_name";
+import EventsMixin from "../mixins/events-mixin";
+import LocalizeMixin from "../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/cards/ha-persistent_notification-card.js b/src/cards/ha-persistent_notification-card.js
index e6ed980f2942..9592c05699c5 100644
--- a/src/cards/ha-persistent_notification-card.js
+++ b/src/cards/ha-persistent_notification-card.js
@@ -1,12 +1,12 @@
-import "@polymer/paper-button/paper-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-button/paper-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/ha-card.js";
-import "../components/ha-markdown.js";
+import "../components/ha-card";
+import "../components/ha-markdown";
-import computeStateName from "../common/entity/compute_state_name.js";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import computeStateName from "../common/entity/compute_state_name";
+import LocalizeMixin from "../mixins/localize-mixin";
import computeObjectId from "../common/entity/compute_object_id";
/*
diff --git a/src/cards/ha-plant-card.js b/src/cards/ha-plant-card.js
index 63152f94376a..93862dece09e 100644
--- a/src/cards/ha-plant-card.js
+++ b/src/cards/ha-plant-card.js
@@ -1,11 +1,11 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/ha-card.js";
-import "../components/ha-icon.js";
+import "../components/ha-card";
+import "../components/ha-icon";
-import computeStateName from "../common/entity/compute_state_name.js";
-import EventsMixin from "../mixins/events-mixin.js";
+import computeStateName from "../common/entity/compute_state_name";
+import EventsMixin from "../mixins/events-mixin";
class HaPlantCard extends EventsMixin(PolymerElement) {
static get template() {
diff --git a/src/cards/ha-weather-card.js b/src/cards/ha-weather-card.js
index 90b49d97a397..f8a1c219da25 100644
--- a/src/cards/ha-weather-card.js
+++ b/src/cards/ha-weather-card.js
@@ -1,11 +1,11 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/ha-card.js";
-import "../components/ha-icon.js";
+import "../components/ha-card";
+import "../components/ha-icon";
-import EventsMixin from "../mixins/events-mixin.js";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import EventsMixin from "../mixins/events-mixin";
+import LocalizeMixin from "../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/common/entity/can_toggle_state.js b/src/common/entity/can_toggle_state.js
index cd056caaa827..8b7a1eaee070 100644
--- a/src/common/entity/can_toggle_state.js
+++ b/src/common/entity/can_toggle_state.js
@@ -1,5 +1,5 @@
-import canToggleDomain from "./can_toggle_domain.js";
-import computeStateDomain from "./compute_state_domain.js";
+import canToggleDomain from "./can_toggle_domain";
+import computeStateDomain from "./compute_state_domain";
export default function canToggleState(hass, stateObj) {
const domain = computeStateDomain(stateObj);
diff --git a/src/common/entity/compute_state_display.js b/src/common/entity/compute_state_display.js
index d383b3b5e881..56f5d28c48f2 100644
--- a/src/common/entity/compute_state_display.js
+++ b/src/common/entity/compute_state_display.js
@@ -1,7 +1,7 @@
-import computeStateDomain from "./compute_state_domain.js";
-import formatDateTime from "../datetime/format_date_time.js";
-import formatDate from "../datetime/format_date.js";
-import formatTime from "../datetime/format_time.js";
+import computeStateDomain from "./compute_state_domain";
+import formatDateTime from "../datetime/format_date_time";
+import formatDate from "../datetime/format_date";
+import formatTime from "../datetime/format_time";
export default function computeStateDisplay(localize, stateObj, language) {
if (!stateObj._stateDisplay) {
diff --git a/src/common/entity/compute_state_domain.js b/src/common/entity/compute_state_domain.js
index 64687a9f115c..492b700eaadc 100644
--- a/src/common/entity/compute_state_domain.js
+++ b/src/common/entity/compute_state_domain.js
@@ -1,4 +1,4 @@
-import computeDomain from "./compute_domain.js";
+import computeDomain from "./compute_domain";
export default function computeStateDomain(stateObj) {
return computeDomain(stateObj.entity_id);
diff --git a/src/common/entity/cover_icon.js b/src/common/entity/cover_icon.js
index 1db6b1a750fd..78876025b462 100644
--- a/src/common/entity/cover_icon.js
+++ b/src/common/entity/cover_icon.js
@@ -1,5 +1,5 @@
/** Return an icon representing a cover state. */
-import domainIcon from "./domain_icon.js";
+import domainIcon from "./domain_icon";
export default function coverIcon(state) {
var open = state.state && state.state !== "closed";
diff --git a/src/common/entity/domain_icon.js b/src/common/entity/domain_icon.js
index 22b357d7e5cf..a50fcb943e9d 100644
--- a/src/common/entity/domain_icon.js
+++ b/src/common/entity/domain_icon.js
@@ -3,7 +3,7 @@
*
* Optionally pass in a state to influence the domain icon.
*/
-import { DEFAULT_DOMAIN_ICON } from "../const.js";
+import { DEFAULT_DOMAIN_ICON } from "../const";
const fixedIcons = {
alert: "hass:alert",
diff --git a/src/common/entity/extract_views.js b/src/common/entity/extract_views.js
index e5705ea6e3c9..c3b794991193 100644
--- a/src/common/entity/extract_views.js
+++ b/src/common/entity/extract_views.js
@@ -1,4 +1,4 @@
-import { DEFAULT_VIEW_ENTITY_ID } from "../const.js";
+import { DEFAULT_VIEW_ENTITY_ID } from "../const";
// Return an ordered array of available views
export default function extractViews(entities) {
diff --git a/src/common/entity/get_view_entities.js b/src/common/entity/get_view_entities.js
index 67a435ef0701..00b21ee30e20 100644
--- a/src/common/entity/get_view_entities.js
+++ b/src/common/entity/get_view_entities.js
@@ -1,5 +1,5 @@
-import computeDomain from "./compute_domain.js";
-import getGroupEntities from "./get_group_entities.js";
+import computeDomain from "./compute_domain";
+import getGroupEntities from "./get_group_entities";
// Return an object containing all entities that the view will show
// including embedded groups.
diff --git a/src/common/entity/input_dateteime_icon.js b/src/common/entity/input_dateteime_icon.js
index b14163c3938f..8418226e90b7 100644
--- a/src/common/entity/input_dateteime_icon.js
+++ b/src/common/entity/input_dateteime_icon.js
@@ -1,5 +1,5 @@
/** Return an icon representing an input datetime state. */
-import domainIcon from "./domain_icon.js";
+import domainIcon from "./domain_icon";
export default function inputDateTimeIcon(state) {
if (!state.attributes.has_date) {
diff --git a/src/common/entity/sensor_icon.js b/src/common/entity/sensor_icon.js
index 9f555a56584c..44e6f3ce0979 100644
--- a/src/common/entity/sensor_icon.js
+++ b/src/common/entity/sensor_icon.js
@@ -1,6 +1,6 @@
/** Return an icon representing a sensor state. */
-import { UNIT_C, UNIT_F } from "../const.js";
-import domainIcon from "./domain_icon.js";
+import { UNIT_C, UNIT_F } from "../const";
+import domainIcon from "./domain_icon";
const fixedDeviceClassIcons = {
humidity: "hass:water-percent",
diff --git a/src/common/entity/split_by_groups.js b/src/common/entity/split_by_groups.js
index ac4b60bbf6bf..e0631dfddac2 100644
--- a/src/common/entity/split_by_groups.js
+++ b/src/common/entity/split_by_groups.js
@@ -1,4 +1,4 @@
-import computeDomain from "./compute_domain.js";
+import computeDomain from "./compute_domain";
// Split a collection into a list of groups and a 'rest' list of ungrouped
// entities.
diff --git a/src/common/entity/state_card_type.js b/src/common/entity/state_card_type.js
index 76bb4eda7bcb..170ca9cb8bf2 100644
--- a/src/common/entity/state_card_type.js
+++ b/src/common/entity/state_card_type.js
@@ -1,6 +1,6 @@
-import canToggleState from "./can_toggle_state.js";
-import computeStateDomain from "./compute_state_domain.js";
-import { DOMAINS_WITH_CARD } from "../const.js";
+import canToggleState from "./can_toggle_state";
+import computeStateDomain from "./compute_state_domain";
+import { DOMAINS_WITH_CARD } from "../const";
export default function stateCardType(hass, stateObj) {
if (stateObj.state === "unavailable") {
diff --git a/src/common/entity/state_icon.js b/src/common/entity/state_icon.js
index 3b5196cc8cf7..928d7bc1868c 100644
--- a/src/common/entity/state_icon.js
+++ b/src/common/entity/state_icon.js
@@ -1,13 +1,13 @@
/** Return an icon representing a state. */
-import { DEFAULT_DOMAIN_ICON } from "../const.js";
+import { DEFAULT_DOMAIN_ICON } from "../const";
-import computeDomain from "./compute_domain.js";
-import domainIcon from "./domain_icon.js";
+import computeDomain from "./compute_domain";
+import domainIcon from "./domain_icon";
-import binarySensorIcon from "./binary_sensor_icon.js";
-import coverIcon from "./cover_icon.js";
-import sensorIcon from "./sensor_icon.js";
-import inputDateTimeIcon from "./input_dateteime_icon.js";
+import binarySensorIcon from "./binary_sensor_icon";
+import coverIcon from "./cover_icon";
+import sensorIcon from "./sensor_icon";
+import inputDateTimeIcon from "./input_dateteime_icon";
const domainIcons = {
binary_sensor: binarySensorIcon,
diff --git a/src/common/entity/state_more_info_type.js b/src/common/entity/state_more_info_type.js
index 7b31701c14bc..a35ad61f352f 100644
--- a/src/common/entity/state_more_info_type.js
+++ b/src/common/entity/state_more_info_type.js
@@ -1,5 +1,5 @@
-import computeStateDomain from "./compute_state_domain.js";
-import { DOMAINS_HIDE_MORE_INFO, DOMAINS_WITH_MORE_INFO } from "../const.js";
+import computeStateDomain from "./compute_state_domain";
+import { DOMAINS_HIDE_MORE_INFO, DOMAINS_WITH_MORE_INFO } from "../const";
export default function stateMoreInfoType(stateObj) {
const domain = computeStateDomain(stateObj);
diff --git a/src/common/entity/states_sort_by_name.js b/src/common/entity/states_sort_by_name.js
index 8d28db1dc53b..f4b67fe2b4c3 100644
--- a/src/common/entity/states_sort_by_name.js
+++ b/src/common/entity/states_sort_by_name.js
@@ -5,7 +5,7 @@
* const states = [state1, state2]
* states.sort(statesSortByName);
*/
-import computeStateName from "./compute_state_name.js";
+import computeStateName from "./compute_state_name";
export default function sortStatesByName(entityA, entityB) {
const nameA = computeStateName(entityA);
diff --git a/src/common/entity/timer_time_remaining.js b/src/common/entity/timer_time_remaining.js
index c61c7f548320..100c55a88c32 100644
--- a/src/common/entity/timer_time_remaining.js
+++ b/src/common/entity/timer_time_remaining.js
@@ -1,4 +1,4 @@
-import durationToSeconds from "../datetime/duration_to_seconds.js";
+import durationToSeconds from "../datetime/duration_to_seconds";
export default function timerTimeRemaining(stateObj) {
let timeRemaining = durationToSeconds(stateObj.attributes.remaining);
diff --git a/src/common/navigate.ts b/src/common/navigate.ts
index 6c9675a246ff..155cef6b693c 100644
--- a/src/common/navigate.ts
+++ b/src/common/navigate.ts
@@ -1,4 +1,4 @@
-import { fireEvent } from "./dom/fire_event.js";
+import { fireEvent } from "./dom/fire_event";
export const navigate = (
node: HTMLElement,
diff --git a/src/components/buttons/ha-call-api-button.js b/src/components/buttons/ha-call-api-button.js
index cc1984bd58d1..01de64a64de9 100644
--- a/src/components/buttons/ha-call-api-button.js
+++ b/src/components/buttons/ha-call-api-button.js
@@ -1,7 +1,7 @@
import { LitElement, html } from "@polymer/lit-element";
-import "./ha-progress-button.js";
-import { fireEvent } from "../../common/dom/fire_event.js";
+import "./ha-progress-button";
+import { fireEvent } from "../../common/dom/fire_event";
class HaCallApiButton extends LitElement {
render() {
diff --git a/src/components/buttons/ha-call-service-button.js b/src/components/buttons/ha-call-service-button.js
index fd64489c02fb..3f3b02860fe3 100644
--- a/src/components/buttons/ha-call-service-button.js
+++ b/src/components/buttons/ha-call-service-button.js
@@ -1,8 +1,8 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./ha-progress-button.js";
-import EventsMixin from "../../mixins/events-mixin.js";
+import "./ha-progress-button";
+import EventsMixin from "../../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/components/buttons/ha-progress-button.js b/src/components/buttons/ha-progress-button.js
index 30468267f0d6..f45a8a0c8842 100644
--- a/src/components/buttons/ha-progress-button.js
+++ b/src/components/buttons/ha-progress-button.js
@@ -1,7 +1,7 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-spinner/paper-spinner.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-spinner/paper-spinner";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
class HaProgressButton extends PolymerElement {
static get template() {
diff --git a/src/components/entity/ha-chart-base.js b/src/components/entity/ha-chart-base.js
index 6ae433eda7cc..511a94021ce8 100644
--- a/src/components/entity/ha-chart-base.js
+++ b/src/components/entity/ha-chart-base.js
@@ -1,12 +1,12 @@
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import { IronResizableBehavior } from "@polymer/iron-resizable-behavior/iron-resizable-behavior.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { Debouncer } from "@polymer/polymer/lib/utils/debounce.js";
-import { timeOut } from "@polymer/polymer/lib/utils/async.js";
-import { mixinBehaviors } from "@polymer/polymer/lib/legacy/class.js";
-
-import formatTime from "../../common/datetime/format_time.js";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import { IronResizableBehavior } from "@polymer/iron-resizable-behavior/iron-resizable-behavior";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { Debouncer } from "@polymer/polymer/lib/utils/debounce";
+import { timeOut } from "@polymer/polymer/lib/utils/async";
+import { mixinBehaviors } from "@polymer/polymer/lib/legacy/class";
+
+import formatTime from "../../common/datetime/format_time";
// eslint-disable-next-line no-unused-vars
/* global Chart moment Color */
@@ -198,7 +198,7 @@ class HaChartBase extends mixinBehaviors(
}
if (scriptsLoaded === null) {
- scriptsLoaded = import(/* webpackChunkName: "load_chart" */ "../../resources/ha-chart-scripts.js");
+ scriptsLoaded = import(/* webpackChunkName: "load_chart" */ "../../resources/ha-chart-scripts");
}
scriptsLoaded.then((ChartModule) => {
this.ChartClass = ChartModule.default;
diff --git a/src/components/entity/ha-entity-picker.js b/src/components/entity/ha-entity-picker.js
index 3e1a2e4ecb02..d3e71eff98f3 100644
--- a/src/components/entity/ha-entity-picker.js
+++ b/src/components/entity/ha-entity-picker.js
@@ -1,16 +1,16 @@
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-item/paper-icon-item.js";
-import "@polymer/paper-item/paper-item-body.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import "@vaadin/vaadin-combo-box/vaadin-combo-box-light.js";
-
-import "./state-badge.js";
-
-import computeStateName from "../../common/entity/compute_state_name.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
-import EventsMixin from "../../mixins/events-mixin.js";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-item/paper-icon-item";
+import "@polymer/paper-item/paper-item-body";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import "@vaadin/vaadin-combo-box/vaadin-combo-box-light";
+
+import "./state-badge";
+
+import computeStateName from "../../common/entity/compute_state_name";
+import LocalizeMixin from "../../mixins/localize-mixin";
+import EventsMixin from "../../mixins/events-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/components/entity/ha-entity-toggle.js b/src/components/entity/ha-entity-toggle.js
index 646570140f95..729def5660d9 100644
--- a/src/components/entity/ha-entity-toggle.js
+++ b/src/components/entity/ha-entity-toggle.js
@@ -1,10 +1,10 @@
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-toggle-button/paper-toggle-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-toggle-button/paper-toggle-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import { STATES_OFF } from "../../common/const.js";
-import computeStateDomain from "../../common/entity/compute_state_domain.js";
+import { STATES_OFF } from "../../common/const";
+import computeStateDomain from "../../common/entity/compute_state_domain";
class HaEntityToggle extends PolymerElement {
static get template() {
diff --git a/src/components/entity/ha-state-icon.js b/src/components/entity/ha-state-icon.js
index 9f76108abcb2..a70bd8d29946 100644
--- a/src/components/entity/ha-state-icon.js
+++ b/src/components/entity/ha-state-icon.js
@@ -1,8 +1,8 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../ha-icon.js";
-import stateIcon from "../../common/entity/state_icon.js";
+import "../ha-icon";
+import stateIcon from "../../common/entity/state_icon";
class HaStateIcon extends PolymerElement {
static get template() {
diff --git a/src/components/entity/ha-state-label-badge.js b/src/components/entity/ha-state-label-badge.js
index f192237b3481..f40f24f0de09 100644
--- a/src/components/entity/ha-state-label-badge.js
+++ b/src/components/entity/ha-state-label-badge.js
@@ -1,18 +1,18 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../ha-label-badge.js";
+import "../ha-label-badge";
-import computeStateDomain from "../../common/entity/compute_state_domain.js";
-import computeStateName from "../../common/entity/compute_state_name.js";
-import domainIcon from "../../common/entity/domain_icon.js";
-import stateIcon from "../../common/entity/state_icon.js";
-import timerTimeRemaining from "../../common/entity/timer_time_remaining.js";
-import attributeClassNames from "../../common/entity/attribute_class_names.js";
-import secondsToDuration from "../../common/datetime/seconds_to_duration.js";
+import computeStateDomain from "../../common/entity/compute_state_domain";
+import computeStateName from "../../common/entity/compute_state_name";
+import domainIcon from "../../common/entity/domain_icon";
+import stateIcon from "../../common/entity/state_icon";
+import timerTimeRemaining from "../../common/entity/timer_time_remaining";
+import attributeClassNames from "../../common/entity/attribute_class_names";
+import secondsToDuration from "../../common/datetime/seconds_to_duration";
-import EventsMixin from "../../mixins/events-mixin.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
+import EventsMixin from "../../mixins/events-mixin";
+import LocalizeMixin from "../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/components/entity/state-badge.js b/src/components/entity/state-badge.js
index 2b4134be8b82..c20fd31465e0 100644
--- a/src/components/entity/state-badge.js
+++ b/src/components/entity/state-badge.js
@@ -1,9 +1,9 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../ha-icon.js";
-import computeStateDomain from "../../common/entity/compute_state_domain.js";
-import stateIcon from "../../common/entity/state_icon.js";
+import "../ha-icon";
+import computeStateDomain from "../../common/entity/compute_state_domain";
+import stateIcon from "../../common/entity/state_icon";
class StateBadge extends PolymerElement {
static get template() {
diff --git a/src/components/entity/state-info.js b/src/components/entity/state-info.js
index f307fb5918d1..1b2f79208885 100644
--- a/src/components/entity/state-info.js
+++ b/src/components/entity/state-info.js
@@ -1,9 +1,9 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../ha-relative-time.js";
-import "./state-badge.js";
-import computeStateName from "../../common/entity/compute_state_name.js";
+import "../ha-relative-time";
+import "./state-badge";
+import computeStateName from "../../common/entity/compute_state_name";
class StateInfo extends PolymerElement {
static get template() {
diff --git a/src/components/ha-attributes.js b/src/components/ha-attributes.js
index 7e0e8d844d2f..4197fd0ca13e 100644
--- a/src/components/ha-attributes.js
+++ b/src/components/ha-attributes.js
@@ -1,8 +1,8 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import hassAttributeUtil from "../util/hass-attributes-util.js";
+import hassAttributeUtil from "../util/hass-attributes-util";
class HaAttributes extends PolymerElement {
static get template() {
diff --git a/src/components/ha-card.js b/src/components/ha-card.js
index b7cb4fb2fc68..785b48077b3f 100644
--- a/src/components/ha-card.js
+++ b/src/components/ha-card.js
@@ -1,6 +1,6 @@
-import "@polymer/paper-styles/element-styles/paper-material-styles.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-styles/element-styles/paper-material-styles";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
class HaCard extends PolymerElement {
static get template() {
diff --git a/src/components/ha-cards.js b/src/components/ha-cards.js
index a81b40ff0f69..a3ad11d92d70 100644
--- a/src/components/ha-cards.js
+++ b/src/components/ha-cards.js
@@ -1,16 +1,16 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { timeOut } from "@polymer/polymer/lib/utils/async.js";
-import { Debouncer } from "@polymer/polymer/lib/utils/debounce.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../cards/ha-badges-card.js";
-import "../cards/ha-card-chooser.js";
-import "./ha-demo-badge.js";
-
-import computeStateDomain from "../common/entity/compute_state_domain.js";
-import splitByGroups from "../common/entity/split_by_groups.js";
-import getGroupEntities from "../common/entity/get_group_entities.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { timeOut } from "@polymer/polymer/lib/utils/async";
+import { Debouncer } from "@polymer/polymer/lib/utils/debounce";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../cards/ha-badges-card";
+import "../cards/ha-card-chooser";
+import "./ha-demo-badge";
+
+import computeStateDomain from "../common/entity/compute_state_domain";
+import splitByGroups from "../common/entity/split_by_groups";
+import getGroupEntities from "../common/entity/get_group_entities";
// mapping domain to size of the card.
const DOMAINS_WITH_CARD = {
diff --git a/src/components/ha-climate-control.js b/src/components/ha-climate-control.js
index eb791852c4fd..e9515affb656 100644
--- a/src/components/ha-climate-control.js
+++ b/src/components/ha-climate-control.js
@@ -1,9 +1,9 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../mixins/events-mixin.js";
+import EventsMixin from "../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/components/ha-climate-state.js b/src/components/ha-climate-state.js
index 79462114d8a3..8cdc2e37d9a0 100644
--- a/src/components/ha-climate-state.js
+++ b/src/components/ha-climate-state.js
@@ -1,7 +1,7 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import LocalizeMixin from "../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/components/ha-color-picker.js b/src/components/ha-color-picker.js
index 1429afce33fa..fb363636e52a 100644
--- a/src/components/ha-color-picker.js
+++ b/src/components/ha-color-picker.js
@@ -1,7 +1,7 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../mixins/events-mixin.js";
+import EventsMixin from "../mixins/events-mixin";
/**
* Color-picker custom element
diff --git a/src/components/ha-combo-box.js b/src/components/ha-combo-box.js
index 29e3d0b2022b..51c75a0a9903 100644
--- a/src/components/ha-combo-box.js
+++ b/src/components/ha-combo-box.js
@@ -1,11 +1,11 @@
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-item/paper-item.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import "@vaadin/vaadin-combo-box/vaadin-combo-box-light.js";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-item/paper-item";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import "@vaadin/vaadin-combo-box/vaadin-combo-box-light";
-import EventsMixin from "../mixins/events-mixin.js";
+import EventsMixin from "../mixins/events-mixin";
class HaComboBox extends EventsMixin(PolymerElement) {
static get template() {
diff --git a/src/components/ha-cover-controls.js b/src/components/ha-cover-controls.js
index 5fdf73d78104..d1f1c088a0f3 100644
--- a/src/components/ha-cover-controls.js
+++ b/src/components/ha-cover-controls.js
@@ -1,8 +1,8 @@
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import CoverEntity from "../util/cover-model.js";
+import CoverEntity from "../util/cover-model";
class HaCoverControls extends PolymerElement {
static get template() {
diff --git a/src/components/ha-cover-tilt-controls.js b/src/components/ha-cover-tilt-controls.js
index 610d2b2fbf2a..8791793fa19c 100644
--- a/src/components/ha-cover-tilt-controls.js
+++ b/src/components/ha-cover-tilt-controls.js
@@ -1,9 +1,9 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import CoverEntity from "../util/cover-model.js";
+import CoverEntity from "../util/cover-model";
class HaCoverTiltControls extends PolymerElement {
static get template() {
diff --git a/src/components/ha-demo-badge.js b/src/components/ha-demo-badge.js
index f75210898d21..76ab85f550eb 100644
--- a/src/components/ha-demo-badge.js
+++ b/src/components/ha-demo-badge.js
@@ -1,7 +1,7 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./ha-label-badge.js";
+import "./ha-label-badge";
class HaDemoBadge extends PolymerElement {
static get template() {
diff --git a/src/components/ha-form.js b/src/components/ha-form.js
index a581babd444a..71f4c0cdbe4b 100644
--- a/src/components/ha-form.js
+++ b/src/components/ha-form.js
@@ -1,14 +1,14 @@
-import "@polymer/paper-checkbox/paper-checkbox.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "./ha-paper-slider.js";
-import EventsMixin from "../mixins/events-mixin.js";
+import "@polymer/paper-checkbox/paper-checkbox";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "./ha-paper-slider";
+import EventsMixin from "../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/components/ha-icon.js b/src/components/ha-icon.js
index bdef41d4fb11..29cb8b88b187 100644
--- a/src/components/ha-icon.js
+++ b/src/components/ha-icon.js
@@ -1,4 +1,4 @@
-import "@polymer/iron-icon/iron-icon.js";
+import "@polymer/iron-icon/iron-icon";
const IronIconClass = customElements.get("iron-icon");
@@ -10,7 +10,7 @@ class HaIcon extends IronIconClass {
if (!loaded && this._iconsetName === "mdi") {
loaded = true;
- import(/* webpackChunkName: "mdi-icons" */ "../resources/mdi-icons.js");
+ import(/* webpackChunkName: "mdi-icons" */ "../resources/mdi-icons");
}
}
}
diff --git a/src/components/ha-iconset-svg.js b/src/components/ha-iconset-svg.js
index d2cedd78deab..ae2b414a25d5 100644
--- a/src/components/ha-iconset-svg.js
+++ b/src/components/ha-iconset-svg.js
@@ -1,4 +1,4 @@
-import "@polymer/iron-iconset-svg/iron-iconset-svg.js";
+import "@polymer/iron-iconset-svg/iron-iconset-svg";
const IronIconsetClass = customElements.get("iron-iconset-svg");
diff --git a/src/components/ha-label-badge.js b/src/components/ha-label-badge.js
index be672f0163f7..bad3c7dd5b13 100644
--- a/src/components/ha-label-badge.js
+++ b/src/components/ha-label-badge.js
@@ -1,6 +1,6 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import "./ha-icon.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import "./ha-icon";
class HaLabelBadge extends PolymerElement {
static get template() {
diff --git a/src/components/ha-labeled-slider.js b/src/components/ha-labeled-slider.js
index d8b2691651a2..f91500a31338 100644
--- a/src/components/ha-labeled-slider.js
+++ b/src/components/ha-labeled-slider.js
@@ -1,8 +1,8 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./ha-paper-slider.js";
-import "./ha-icon.js";
+import "./ha-paper-slider";
+import "./ha-icon";
class HaLabeledSlider extends PolymerElement {
static get template() {
diff --git a/src/components/ha-markdown.js b/src/components/ha-markdown.js
index a23ad01761af..ed15dac150f9 100644
--- a/src/components/ha-markdown.js
+++ b/src/components/ha-markdown.js
@@ -1,5 +1,5 @@
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import EventsMixin from "../mixins/events-mixin.js";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import EventsMixin from "../mixins/events-mixin";
let loaded = null;
@@ -34,7 +34,7 @@ class HaMarkdown extends EventsMixin(PolymerElement) {
this._resize = () => this.fire("iron-resize");
if (!loaded) {
- loaded = import(/* webpackChunkName: "load_markdown" */ "../resources/load_markdown.js");
+ loaded = import(/* webpackChunkName: "load_markdown" */ "../resources/load_markdown");
}
loaded
.then(
diff --git a/src/components/ha-menu-button.js b/src/components/ha-menu-button.js
index 9437eea702c4..2313e75197a2 100644
--- a/src/components/ha-menu-button.js
+++ b/src/components/ha-menu-button.js
@@ -1,8 +1,8 @@
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../mixins/events-mixin.js";
+import EventsMixin from "../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/components/ha-paper-slider.js b/src/components/ha-paper-slider.js
index fae25e62981b..f7cad5fec220 100644
--- a/src/components/ha-paper-slider.js
+++ b/src/components/ha-paper-slider.js
@@ -1,4 +1,4 @@
-import "@polymer/paper-slider/paper-slider.js";
+import "@polymer/paper-slider/paper-slider";
/**
* @polymer
diff --git a/src/components/ha-push-notifications-toggle.js b/src/components/ha-push-notifications-toggle.js
index 77cc9696613c..0974b5b82c36 100644
--- a/src/components/ha-push-notifications-toggle.js
+++ b/src/components/ha-push-notifications-toggle.js
@@ -1,8 +1,8 @@
-import "@polymer/paper-toggle-button/paper-toggle-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-toggle-button/paper-toggle-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../mixins/events-mixin.js";
+import EventsMixin from "../mixins/events-mixin";
export const pushSupported =
"serviceWorker" in navigator &&
diff --git a/src/components/ha-relative-time.js b/src/components/ha-relative-time.js
index caca4052b5d4..0d6128552481 100644
--- a/src/components/ha-relative-time.js
+++ b/src/components/ha-relative-time.js
@@ -1,9 +1,9 @@
-import { dom } from "@polymer/polymer/lib/legacy/polymer.dom.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { dom } from "@polymer/polymer/lib/legacy/polymer.dom";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import relativeTime from "../common/datetime/relative_time.js";
+import relativeTime from "../common/datetime/relative_time";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import LocalizeMixin from "../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/components/ha-service-description.js b/src/components/ha-service-description.js
index ee769db5864a..dc0af4a04d37 100644
--- a/src/components/ha-service-description.js
+++ b/src/components/ha-service-description.js
@@ -1,5 +1,5 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
class HaServiceDescription extends PolymerElement {
static get template() {
diff --git a/src/components/ha-service-picker.js b/src/components/ha-service-picker.js
index e87eed968409..bb52246a3cfd 100644
--- a/src/components/ha-service-picker.js
+++ b/src/components/ha-service-picker.js
@@ -1,9 +1,9 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./ha-combo-box.js";
+import "./ha-combo-box";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import LocalizeMixin from "../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/components/ha-sidebar.js b/src/components/ha-sidebar.js
index 0d63fba06b98..a3d87db4c745 100644
--- a/src/components/ha-sidebar.js
+++ b/src/components/ha-sidebar.js
@@ -1,16 +1,16 @@
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-item/paper-icon-item.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import "./ha-icon.js";
-
-import "../util/hass-translation.js";
-import LocalizeMixin from "../mixins/localize-mixin.js";
-import isComponentLoaded from "../common/config/is_component_loaded.js";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-item/paper-icon-item";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import "./ha-icon";
+
+import "../util/hass-translation";
+import LocalizeMixin from "../mixins/localize-mixin";
+import isComponentLoaded from "../common/config/is_component_loaded";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/components/ha-start-voice-button.js b/src/components/ha-start-voice-button.js
index 193839f1c56b..31e6427e0054 100644
--- a/src/components/ha-start-voice-button.js
+++ b/src/components/ha-start-voice-button.js
@@ -1,10 +1,10 @@
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../mixins/events-mixin.js";
+import EventsMixin from "../mixins/events-mixin";
-import isComponentLoaded from "../common/config/is_component_loaded.js";
+import isComponentLoaded from "../common/config/is_component_loaded";
/*
* @appliesMixin EventsMixin
diff --git a/src/components/ha-textarea.js b/src/components/ha-textarea.js
index 4de27c8abe58..8146aa71e17e 100644
--- a/src/components/ha-textarea.js
+++ b/src/components/ha-textarea.js
@@ -9,9 +9,9 @@ paper-textarea issue: https://github.com/PolymerElements/paper-input/issues/556
WebKit issue: https://bugs.webkit.org/show_bug.cgi?id=174629
*/
-import "@polymer/paper-input/paper-textarea.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-input/paper-textarea";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
class HaTextarea extends PolymerElement {
static get template() {
diff --git a/src/components/ha-toast.js b/src/components/ha-toast.js
index 2371afb711ac..ba14c6a3920c 100644
--- a/src/components/ha-toast.js
+++ b/src/components/ha-toast.js
@@ -1,4 +1,4 @@
-import "@polymer/paper-toast/paper-toast.js";
+import "@polymer/paper-toast/paper-toast";
const PaperToast = customElements.get("paper-toast");
diff --git a/src/components/ha-vacuum-state.js b/src/components/ha-vacuum-state.js
index 0fb8faf46b3c..c6ad7e98a642 100644
--- a/src/components/ha-vacuum-state.js
+++ b/src/components/ha-vacuum-state.js
@@ -1,8 +1,8 @@
-import "@polymer/paper-button/paper-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-button/paper-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import LocalizeMixin from "../mixins/localize-mixin";
const STATES_INTERCEPTABLE = {
cleaning: {
diff --git a/src/components/ha-water_heater-control.js b/src/components/ha-water_heater-control.js
index 3517a4aa5fab..c65506ce5d80 100644
--- a/src/components/ha-water_heater-control.js
+++ b/src/components/ha-water_heater-control.js
@@ -1,9 +1,9 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../mixins/events-mixin.js";
+import EventsMixin from "../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/components/ha-water_heater-state.js b/src/components/ha-water_heater-state.js
index 9133b67da47d..c116f5eaea95 100644
--- a/src/components/ha-water_heater-state.js
+++ b/src/components/ha-water_heater-state.js
@@ -1,7 +1,7 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import LocalizeMixin from "../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/components/paper-time-input.js b/src/components/paper-time-input.js
index 30075398df8b..402f8807b6e0 100644
--- a/src/components/paper-time-input.js
+++ b/src/components/paper-time-input.js
@@ -16,12 +16,12 @@ Custom property | Description | Default
`--paper-time-input-cotnainer` | Mixin applied to the inputs | `{}`
`--paper-time-dropdown-input-cotnainer` | Mixin applied to the dropdown input | `{}`
*/
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-listbox/paper-listbox";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
class PaperTimeInput extends PolymerElement {
static get template() {
diff --git a/src/components/state-history-chart-line.js b/src/components/state-history-chart-line.js
index 5981b68c9b70..3e36e9a9a42a 100644
--- a/src/components/state-history-chart-line.js
+++ b/src/components/state-history-chart-line.js
@@ -1,11 +1,11 @@
-import "@polymer/polymer/lib/utils/debounce.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/polymer/lib/utils/debounce";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./entity/ha-chart-base.js";
+import "./entity/ha-chart-base";
-import LocalizeMixin from "../mixins/localize-mixin.js";
-import formatDateTime from "../common/datetime/format_date_time.js";
+import LocalizeMixin from "../mixins/localize-mixin";
+import formatDateTime from "../common/datetime/format_date_time";
class StateHistoryChartLine extends LocalizeMixin(PolymerElement) {
static get template() {
diff --git a/src/components/state-history-chart-timeline.js b/src/components/state-history-chart-timeline.js
index 7aae50b7f89f..45ff9646ccd3 100644
--- a/src/components/state-history-chart-timeline.js
+++ b/src/components/state-history-chart-timeline.js
@@ -1,10 +1,10 @@
-import "@polymer/polymer/lib/utils/debounce.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/polymer/lib/utils/debounce";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import LocalizeMixin from "../mixins/localize-mixin";
-import "./entity/ha-chart-base.js";
+import "./entity/ha-chart-base";
import formatDateTime from "../common/datetime/format_date_time";
diff --git a/src/components/state-history-charts.js b/src/components/state-history-charts.js
index 2701eee073e7..fcb014de44ab 100644
--- a/src/components/state-history-charts.js
+++ b/src/components/state-history-charts.js
@@ -1,11 +1,11 @@
-import "@polymer/paper-spinner/paper-spinner.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-spinner/paper-spinner";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./state-history-chart-line.js";
-import "./state-history-chart-timeline.js";
+import "./state-history-chart-line";
+import "./state-history-chart-timeline";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import LocalizeMixin from "../mixins/localize-mixin";
class StateHistoryCharts extends LocalizeMixin(PolymerElement) {
static get template() {
diff --git a/src/data/ha-state-history-data.js b/src/data/ha-state-history-data.js
index f366b1039dfa..bd97a759b273 100644
--- a/src/data/ha-state-history-data.js
+++ b/src/data/ha-state-history-data.js
@@ -1,8 +1,8 @@
-import { timeOut } from "@polymer/polymer/lib/utils/async.js";
-import { Debouncer } from "@polymer/polymer/lib/utils/debounce.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { timeOut } from "@polymer/polymer/lib/utils/async";
+import { Debouncer } from "@polymer/polymer/lib/utils/debounce";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import LocalizeMixin from "../mixins/localize-mixin";
import { computeHistory, fetchDate } from "./history";
import { getRecent, getRecentWithCache } from "./cached-history";
diff --git a/src/data/history.ts b/src/data/history.ts
index de28f78cff88..76990944544b 100644
--- a/src/data/history.ts
+++ b/src/data/history.ts
@@ -1,9 +1,9 @@
-import computeStateName from "../common/entity/compute_state_name.js";
-import computeStateDomain from "../common/entity/compute_state_domain.js";
-import computeStateDisplay from "../common/entity/compute_state_display.js";
+import computeStateName from "../common/entity/compute_state_name";
+import computeStateDomain from "../common/entity/compute_state_domain";
+import computeStateDisplay from "../common/entity/compute_state_display";
import { HassEntity } from "home-assistant-js-websocket";
-import { LocalizeFunc } from "../mixins/localize-base-mixin.js";
-import { HomeAssistant } from "../types.js";
+import { LocalizeFunc } from "../mixins/localize-base-mixin";
+import { HomeAssistant } from "../types";
const DOMAINS_USE_LAST_UPDATED = ["climate", "water_heater"];
const LINE_ATTRIBUTES_TO_KEEP = [
diff --git a/src/dialogs/ha-more-info-dialog.js b/src/dialogs/ha-more-info-dialog.js
index b4000f4960d5..c8d7efdcbf53 100644
--- a/src/dialogs/ha-more-info-dialog.js
+++ b/src/dialogs/ha-more-info-dialog.js
@@ -1,17 +1,17 @@
-import "@polymer/paper-dialog-behavior/paper-dialog-shared-styles.js";
-import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-dialog-behavior/paper-dialog-shared-styles";
+import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../resources/ha-style.js";
+import "../resources/ha-style";
-import "./more-info/more-info-controls.js";
-import "./more-info/more-info-settings.js";
+import "./more-info/more-info-controls";
+import "./more-info/more-info-settings";
import computeStateDomain from "../common/entity/compute_state_domain";
-import isComponentLoaded from "../common/config/is_component_loaded.js";
+import isComponentLoaded from "../common/config/is_component_loaded";
-import DialogMixin from "../mixins/dialog-mixin.js";
+import DialogMixin from "../mixins/dialog-mixin";
/*
* @appliesMixin DialogMixin
diff --git a/src/dialogs/ha-store-auth-card.js b/src/dialogs/ha-store-auth-card.js
index ebeb73ac8886..c1f6a2bd26fd 100644
--- a/src/dialogs/ha-store-auth-card.js
+++ b/src/dialogs/ha-store-auth-card.js
@@ -1,11 +1,11 @@
-import "@polymer/paper-card/paper-card.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-card/paper-card";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import { enableWrite } from "../common/auth/token_storage.js";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import { enableWrite } from "../common/auth/token_storage";
+import LocalizeMixin from "../mixins/localize-mixin";
-import "../resources/ha-style.js";
+import "../resources/ha-style";
class HaStoreAuth extends LocalizeMixin(PolymerElement) {
static get template() {
diff --git a/src/dialogs/ha-voice-command-dialog.js b/src/dialogs/ha-voice-command-dialog.js
index bab4a97a2aac..abc5029cca0b 100644
--- a/src/dialogs/ha-voice-command-dialog.js
+++ b/src/dialogs/ha-voice-command-dialog.js
@@ -1,10 +1,10 @@
-import "@polymer/iron-icon/iron-icon.js";
-import "@polymer/paper-dialog-behavior/paper-dialog-shared-styles.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-icon/iron-icon";
+import "@polymer/paper-dialog-behavior/paper-dialog-shared-styles";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import DialogMixin from "../mixins/dialog-mixin.js";
+import DialogMixin from "../mixins/dialog-mixin";
/*
* @appliesMixin DialogMixin
diff --git a/src/dialogs/more-info/controls/more-info-alarm_control_panel.js b/src/dialogs/more-info/controls/more-info-alarm_control_panel.js
index dd27860f1186..5d92024fd0e3 100644
--- a/src/dialogs/more-info/controls/more-info-alarm_control_panel.js
+++ b/src/dialogs/more-info/controls/more-info-alarm_control_panel.js
@@ -1,11 +1,11 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-input/paper-input.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-input/paper-input";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
class MoreInfoAlarmControlPanel extends LocalizeMixin(
EventsMixin(PolymerElement)
diff --git a/src/dialogs/more-info/controls/more-info-automation.js b/src/dialogs/more-info/controls/more-info-automation.js
index f225bf3376b5..311ba9a3179f 100644
--- a/src/dialogs/more-info/controls/more-info-automation.js
+++ b/src/dialogs/more-info/controls/more-info-automation.js
@@ -1,10 +1,10 @@
-import "@polymer/paper-button/paper-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-button/paper-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/ha-relative-time.js";
+import "../../../components/ha-relative-time";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../../mixins/localize-mixin";
class MoreInfoAutomation extends LocalizeMixin(PolymerElement) {
static get template() {
diff --git a/src/dialogs/more-info/controls/more-info-camera.js b/src/dialogs/more-info/controls/more-info-camera.js
index 607c7b95c06f..d82ac7034c36 100644
--- a/src/dialogs/more-info/controls/more-info-camera.js
+++ b/src/dialogs/more-info/controls/more-info-camera.js
@@ -1,9 +1,9 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import computeStateName from "../../../common/entity/compute_state_name.js";
-import emptyImageBase64 from "../../../common/empty_image_base64.js";
-import EventsMixin from "../../../mixins/events-mixin.js";
+import computeStateName from "../../../common/entity/compute_state_name";
+import emptyImageBase64 from "../../../common/empty_image_base64";
+import EventsMixin from "../../../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/dialogs/more-info/controls/more-info-climate.js b/src/dialogs/more-info/controls/more-info-climate.js
index eaa391305633..bd769921b569 100644
--- a/src/dialogs/more-info/controls/more-info-climate.js
+++ b/src/dialogs/more-info/controls/more-info-climate.js
@@ -1,21 +1,21 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import "@polymer/paper-toggle-button/paper-toggle-button.js";
-import { timeOut } from "@polymer/polymer/lib/utils/async.js";
-import { Debouncer } from "@polymer/polymer/lib/utils/debounce.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/ha-climate-control.js";
-import "../../../components/ha-paper-slider.js";
-
-import attributeClassNames from "../../../common/entity/attribute_class_names.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import "@polymer/paper-toggle-button/paper-toggle-button";
+import { timeOut } from "@polymer/polymer/lib/utils/async";
+import { Debouncer } from "@polymer/polymer/lib/utils/debounce";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/ha-climate-control";
+import "../../../components/ha-paper-slider";
+
+import attributeClassNames from "../../../common/entity/attribute_class_names";
import featureClassNames from "../../../common/entity/feature_class_names";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/dialogs/more-info/controls/more-info-configurator.js b/src/dialogs/more-info/controls/more-info-configurator.js
index 03a6b465e461..c3dcdad2d1ad 100644
--- a/src/dialogs/more-info/controls/more-info-configurator.js
+++ b/src/dialogs/more-info/controls/more-info-configurator.js
@@ -1,12 +1,12 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/iron-input/iron-input.js";
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-spinner/paper-spinner.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/ha-markdown.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/iron-input/iron-input";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-spinner/paper-spinner";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/ha-markdown";
class MoreInfoConfigurator extends PolymerElement {
static get template() {
diff --git a/src/dialogs/more-info/controls/more-info-content.js b/src/dialogs/more-info/controls/more-info-content.js
index f2f1473fe11c..2d4f20a7c148 100644
--- a/src/dialogs/more-info/controls/more-info-content.js
+++ b/src/dialogs/more-info/controls/more-info-content.js
@@ -1,28 +1,28 @@
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./more-info-alarm_control_panel.js";
-import "./more-info-automation.js";
-import "./more-info-camera.js";
-import "./more-info-climate.js";
-import "./more-info-configurator.js";
-import "./more-info-cover.js";
-import "./more-info-default.js";
-import "./more-info-fan.js";
-import "./more-info-group.js";
-import "./more-info-history_graph.js";
-import "./more-info-input_datetime.js";
-import "./more-info-light.js";
-import "./more-info-lock.js";
-import "./more-info-media_player.js";
-import "./more-info-script.js";
-import "./more-info-sun.js";
-import "./more-info-updater.js";
-import "./more-info-vacuum.js";
-import "./more-info-water_heater.js";
-import "./more-info-weather.js";
+import "./more-info-alarm_control_panel";
+import "./more-info-automation";
+import "./more-info-camera";
+import "./more-info-climate";
+import "./more-info-configurator";
+import "./more-info-cover";
+import "./more-info-default";
+import "./more-info-fan";
+import "./more-info-group";
+import "./more-info-history_graph";
+import "./more-info-input_datetime";
+import "./more-info-light";
+import "./more-info-lock";
+import "./more-info-media_player";
+import "./more-info-script";
+import "./more-info-sun";
+import "./more-info-updater";
+import "./more-info-vacuum";
+import "./more-info-water_heater";
+import "./more-info-weather";
-import stateMoreInfoType from "../../../common/entity/state_more_info_type.js";
-import dynamicContentUpdater from "../../../common/dom/dynamic_content_updater.js";
+import stateMoreInfoType from "../../../common/entity/state_more_info_type";
+import dynamicContentUpdater from "../../../common/dom/dynamic_content_updater";
class MoreInfoContent extends PolymerElement {
static get properties() {
diff --git a/src/dialogs/more-info/controls/more-info-cover.js b/src/dialogs/more-info/controls/more-info-cover.js
index 4dcdae677309..fcec33fd45a6 100644
--- a/src/dialogs/more-info/controls/more-info-cover.js
+++ b/src/dialogs/more-info/controls/more-info-cover.js
@@ -1,16 +1,16 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/ha-cover-tilt-controls.js";
-import "../../../components/ha-labeled-slider.js";
-import CoverEntity from "../../../util/cover-model.js";
+import "../../../components/ha-cover-tilt-controls";
+import "../../../components/ha-labeled-slider";
+import CoverEntity from "../../../util/cover-model";
import attributeClassNames from "../../../common/entity/attribute_class_names";
import featureClassNames from "../../../common/entity/feature_class_names";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../../mixins/localize-mixin";
const FEATURE_CLASS_NAMES = {
128: "has-set_tilt_position",
diff --git a/src/dialogs/more-info/controls/more-info-default.js b/src/dialogs/more-info/controls/more-info-default.js
index a2e97d61d8e6..f9062ecef455 100644
--- a/src/dialogs/more-info/controls/more-info-default.js
+++ b/src/dialogs/more-info/controls/more-info-default.js
@@ -1,7 +1,7 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/ha-attributes.js";
+import "../../../components/ha-attributes";
class MoreInfoDefault extends PolymerElement {
static get template() {
diff --git a/src/dialogs/more-info/controls/more-info-fan.js b/src/dialogs/more-info/controls/more-info-fan.js
index 0d7bbfc31d42..f1a95a61bc5b 100644
--- a/src/dialogs/more-info/controls/more-info-fan.js
+++ b/src/dialogs/more-info/controls/more-info-fan.js
@@ -1,17 +1,17 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import "@polymer/paper-toggle-button/paper-toggle-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import "@polymer/paper-toggle-button/paper-toggle-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/ha-attributes.js";
+import "../../../components/ha-attributes";
import attributeClassNames from "../../../common/entity/attribute_class_names";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/dialogs/more-info/controls/more-info-group.js b/src/dialogs/more-info/controls/more-info-group.js
index 0c93ab21f7fc..d551efc6b294 100644
--- a/src/dialogs/more-info/controls/more-info-group.js
+++ b/src/dialogs/more-info/controls/more-info-group.js
@@ -1,11 +1,11 @@
-import { dom } from "@polymer/polymer/lib/legacy/polymer.dom.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { dom } from "@polymer/polymer/lib/legacy/polymer.dom";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../state-summary/state-card-content.js";
+import "../../../state-summary/state-card-content";
import computeStateDomain from "../../../common/entity/compute_state_domain";
-import dynamicContentUpdater from "../../../common/dom/dynamic_content_updater.js";
+import dynamicContentUpdater from "../../../common/dom/dynamic_content_updater";
class MoreInfoGroup extends PolymerElement {
static get template() {
diff --git a/src/dialogs/more-info/controls/more-info-history_graph.js b/src/dialogs/more-info/controls/more-info-history_graph.js
index 168022816222..713b17f57351 100644
--- a/src/dialogs/more-info/controls/more-info-history_graph.js
+++ b/src/dialogs/more-info/controls/more-info-history_graph.js
@@ -1,8 +1,8 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../cards/ha-history_graph-card.js";
-import "../../../components/ha-attributes.js";
+import "../../../cards/ha-history_graph-card";
+import "../../../components/ha-attributes";
class MoreInfoHistoryGraph extends PolymerElement {
static get template() {
diff --git a/src/dialogs/more-info/controls/more-info-input_datetime.js b/src/dialogs/more-info/controls/more-info-input_datetime.js
index 0cc236a871dd..aa112ef38be2 100644
--- a/src/dialogs/more-info/controls/more-info-input_datetime.js
+++ b/src/dialogs/more-info/controls/more-info-input_datetime.js
@@ -1,14 +1,14 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-input/paper-input.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import "@polymer/polymer/polymer-legacy.js";
-import "@vaadin/vaadin-date-picker/vaadin-date-picker.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-input/paper-input";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import "@polymer/polymer/polymer-legacy";
+import "@vaadin/vaadin-date-picker/vaadin-date-picker";
-import "../../../components/ha-relative-time.js";
-import "../../../components/paper-time-input.js";
+import "../../../components/ha-relative-time";
+import "../../../components/paper-time-input";
-import attributeClassNames from "../../../common/entity/attribute_class_names.js";
+import attributeClassNames from "../../../common/entity/attribute_class_names";
class DatetimeInput extends PolymerElement {
static get template() {
diff --git a/src/dialogs/more-info/controls/more-info-light.js b/src/dialogs/more-info/controls/more-info-light.js
index 7aff5eb1e7ba..403db8efe436 100644
--- a/src/dialogs/more-info/controls/more-info-light.js
+++ b/src/dialogs/more-info/controls/more-info-light.js
@@ -1,17 +1,17 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/ha-attributes.js";
-import "../../../components/ha-color-picker.js";
-import "../../../components/ha-labeled-slider.js";
+import "../../../components/ha-attributes";
+import "../../../components/ha-color-picker";
+import "../../../components/ha-labeled-slider";
import featureClassNames from "../../../common/entity/feature_class_names";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
const FEATURE_CLASS_NAMES = {
1: "has-brightness",
diff --git a/src/dialogs/more-info/controls/more-info-lock.js b/src/dialogs/more-info/controls/more-info-lock.js
index 5c5a232790e5..c4f8adda6816 100644
--- a/src/dialogs/more-info/controls/more-info-lock.js
+++ b/src/dialogs/more-info/controls/more-info-lock.js
@@ -1,11 +1,11 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-input/paper-input.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-input/paper-input";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/ha-attributes.js";
+import "../../../components/ha-attributes";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/dialogs/more-info/controls/more-info-media_player.js b/src/dialogs/more-info/controls/more-info-media_player.js
index 7c23250852dd..a7164ee92fa0 100644
--- a/src/dialogs/more-info/controls/more-info-media_player.js
+++ b/src/dialogs/more-info/controls/more-info-media_player.js
@@ -1,19 +1,19 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/iron-icon/iron-icon.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/ha-paper-slider.js";
-import HassMediaPlayerEntity from "../../../util/hass-media-player-model.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/iron-icon/iron-icon";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/ha-paper-slider";
+import HassMediaPlayerEntity from "../../../util/hass-media-player-model";
import attributeClassNames from "../../../common/entity/attribute_class_names";
-import isComponentLoaded from "../../../common/config/is_component_loaded.js";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import isComponentLoaded from "../../../common/config/is_component_loaded";
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/dialogs/more-info/controls/more-info-script.js b/src/dialogs/more-info/controls/more-info-script.js
index af6f3f1115dd..93a7e7552d33 100644
--- a/src/dialogs/more-info/controls/more-info-script.js
+++ b/src/dialogs/more-info/controls/more-info-script.js
@@ -1,6 +1,6 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
class MoreInfoScript extends PolymerElement {
static get template() {
diff --git a/src/dialogs/more-info/controls/more-info-sun.js b/src/dialogs/more-info/controls/more-info-sun.js
index 46a8d6cab5f9..3104fdf18897 100644
--- a/src/dialogs/more-info/controls/more-info-sun.js
+++ b/src/dialogs/more-info/controls/more-info-sun.js
@@ -1,11 +1,11 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/ha-relative-time.js";
+import "../../../components/ha-relative-time";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
-import formatTime from "../../../common/datetime/format_time.js";
+import LocalizeMixin from "../../../mixins/localize-mixin";
+import formatTime from "../../../common/datetime/format_time";
class MoreInfoSun extends LocalizeMixin(PolymerElement) {
static get template() {
diff --git a/src/dialogs/more-info/controls/more-info-updater.js b/src/dialogs/more-info/controls/more-info-updater.js
index c6ab55002583..7b687fa82314 100644
--- a/src/dialogs/more-info/controls/more-info-updater.js
+++ b/src/dialogs/more-info/controls/more-info-updater.js
@@ -1,5 +1,5 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
class MoreInfoUpdater extends PolymerElement {
static get template() {
diff --git a/src/dialogs/more-info/controls/more-info-vacuum.js b/src/dialogs/more-info/controls/more-info-vacuum.js
index bdf1704abb76..293180b84d0f 100644
--- a/src/dialogs/more-info/controls/more-info-vacuum.js
+++ b/src/dialogs/more-info/controls/more-info-vacuum.js
@@ -1,13 +1,13 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/iron-icon/iron-icon.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/iron-icon/iron-icon";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/ha-attributes.js";
+import "../../../components/ha-attributes";
class MoreInfoVacuum extends PolymerElement {
static get template() {
@@ -54,7 +54,7 @@ class MoreInfoVacuum extends PolymerElement {
-
+
diff --git a/src/dialogs/more-info/controls/more-info-water_heater.js b/src/dialogs/more-info/controls/more-info-water_heater.js
index 757f8791b2f8..49a15e24fdd7 100644
--- a/src/dialogs/more-info/controls/more-info-water_heater.js
+++ b/src/dialogs/more-info/controls/more-info-water_heater.js
@@ -1,20 +1,20 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import "@polymer/paper-toggle-button/paper-toggle-button.js";
-import { timeOut } from "@polymer/polymer/lib/utils/async.js";
-import { Debouncer } from "@polymer/polymer/lib/utils/debounce.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/ha-water_heater-control.js";
-import "../../../components/ha-paper-slider.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import "@polymer/paper-toggle-button/paper-toggle-button";
+import { timeOut } from "@polymer/polymer/lib/utils/async";
+import { Debouncer } from "@polymer/polymer/lib/utils/debounce";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/ha-water_heater-control";
+import "../../../components/ha-paper-slider";
import featureClassNames from "../../../common/entity/feature_class_names";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/dialogs/more-info/controls/more-info-weather.js b/src/dialogs/more-info/controls/more-info-weather.js
index eb787675c2d9..118c2ca234ca 100644
--- a/src/dialogs/more-info/controls/more-info-weather.js
+++ b/src/dialogs/more-info/controls/more-info-weather.js
@@ -1,8 +1,8 @@
-import "@polymer/iron-icon/iron-icon.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-icon/iron-icon";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/dialogs/more-info/more-info-controls.js b/src/dialogs/more-info/more-info-controls.js
index a23cf38be834..dcfb91414eba 100644
--- a/src/dialogs/more-info/more-info-controls.js
+++ b/src/dialogs/more-info/more-info-controls.js
@@ -1,21 +1,21 @@
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../components/state-history-charts.js";
+import "../../components/state-history-charts";
import "../../data/ha-state-history-data";
-import "../../resources/ha-style.js";
-import "../../state-summary/state-card-content.js";
+import "../../resources/ha-style";
+import "../../state-summary/state-card-content";
-import "./controls/more-info-content.js";
+import "./controls/more-info-content";
-import computeStateName from "../../common/entity/compute_state_name.js";
-import computeStateDomain from "../../common/entity/compute_state_domain.js";
-import isComponentLoaded from "../../common/config/is_component_loaded.js";
-import { DOMAINS_MORE_INFO_NO_HISTORY } from "../../common/const.js";
-import EventsMixin from "../../mixins/events-mixin.js";
+import computeStateName from "../../common/entity/compute_state_name";
+import computeStateDomain from "../../common/entity/compute_state_domain";
+import isComponentLoaded from "../../common/config/is_component_loaded";
+import { DOMAINS_MORE_INFO_NO_HISTORY } from "../../common/const";
+import EventsMixin from "../../mixins/events-mixin";
const DOMAINS_NO_INFO = ["camera", "configurator", "history_graph"];
/*
diff --git a/src/dialogs/more-info/more-info-settings.js b/src/dialogs/more-info/more-info-settings.js
index 11a36f03f883..484b76eb7c58 100644
--- a/src/dialogs/more-info/more-info-settings.js
+++ b/src/dialogs/more-info/more-info-settings.js
@@ -1,16 +1,16 @@
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-input/paper-input.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import EventsMixin from "../../mixins/events-mixin.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
-
-import computeStateName from "../../common/entity/compute_state_name.js";
-import computeDomain from "../../common/entity/compute_domain.js";
-import isComponentLoaded from "../../common/config/is_component_loaded.js";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-input/paper-input";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import EventsMixin from "../../mixins/events-mixin";
+import LocalizeMixin from "../../mixins/localize-mixin";
+
+import computeStateName from "../../common/entity/compute_state_name";
+import computeDomain from "../../common/entity/compute_domain";
+import isComponentLoaded from "../../common/config/is_component_loaded";
/*
* @appliesMixin EventsMixin
diff --git a/src/entrypoints/app.js b/src/entrypoints/app.js
index 5f5226349c60..12dc9c588a6c 100644
--- a/src/entrypoints/app.js
+++ b/src/entrypoints/app.js
@@ -1,25 +1,25 @@
// Load polyfill first so HTML imports start resolving
/* eslint-disable import/first */
-import "../resources/html-import/polyfill.js";
-import "@polymer/app-route/app-location.js";
-import "@polymer/app-route/app-route.js";
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-styles/typography.js";
-import { setPassiveTouchGestures } from "@polymer/polymer/lib/utils/settings.js";
+import "../resources/html-import/polyfill";
+import "@polymer/app-route/app-location";
+import "@polymer/app-route/app-route";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-styles/typography";
+import { setPassiveTouchGestures } from "@polymer/polymer/lib/utils/settings";
import "../util/legacy-support";
-import "../resources/roboto.js";
+import "../resources/roboto";
// For MDI icons. Needs to be part of main bundle or else it won't hook
// properly into iron-meta, which is used to transfer iconsets to iron-icon.
-import "../components/ha-iconset-svg.js";
+import "../components/ha-iconset-svg";
-import "../layouts/app/home-assistant.js";
+import "../layouts/app/home-assistant";
/* polyfill for paper-dropdown */
setTimeout(
() =>
- import(/* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min.js"),
+ import(/* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min"),
2000
);
diff --git a/src/entrypoints/authorize.js b/src/entrypoints/authorize.js
index a4b7fb67d365..c6147479e846 100644
--- a/src/entrypoints/authorize.js
+++ b/src/entrypoints/authorize.js
@@ -1,15 +1,15 @@
-import "@polymer/polymer/lib/elements/dom-if.js";
-import "@polymer/polymer/lib/elements/dom-repeat.js";
+import "@polymer/polymer/lib/elements/dom-if";
+import "@polymer/polymer/lib/elements/dom-repeat";
-import "../components/ha-iconset-svg.js";
-import "../resources/ha-style.js";
-import "../resources/roboto.js";
+import "../components/ha-iconset-svg";
+import "../resources/ha-style";
+import "../resources/roboto";
-import "../auth/ha-authorize.js";
+import "../auth/ha-authorize";
/* polyfill for paper-dropdown */
setTimeout(
() =>
- import(/* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min.js"),
+ import(/* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min"),
2000
);
diff --git a/src/entrypoints/core.js b/src/entrypoints/core.js
index 2890c0ef5f57..560fb8c96c19 100644
--- a/src/entrypoints/core.js
+++ b/src/entrypoints/core.js
@@ -7,17 +7,17 @@ import {
ERR_INVALID_AUTH,
} from "home-assistant-js-websocket";
-import { loadTokens, saveTokens } from "../common/auth/token_storage.js";
-import { subscribePanels } from "../data/ws-panels.js";
-import { subscribeThemes } from "../data/ws-themes.js";
-import { subscribeUser } from "../data/ws-user.js";
+import { loadTokens, saveTokens } from "../common/auth/token_storage";
+import { subscribePanels } from "../data/ws-panels";
+import { subscribeThemes } from "../data/ws-themes";
+import { subscribeUser } from "../data/ws-user";
const hassUrl = `${location.protocol}//${location.host}`;
const isExternal = location.search.includes("external_auth=1");
const authProm = isExternal
? () =>
- import("../common/auth/external_auth.js").then(
+ import("../common/auth/external_auth").then(
(mod) => new mod.default(hassUrl)
)
: () =>
diff --git a/src/entrypoints/custom-panel.js b/src/entrypoints/custom-panel.js
index 2a6fe2ccbbd5..0aa651f92326 100644
--- a/src/entrypoints/custom-panel.js
+++ b/src/entrypoints/custom-panel.js
@@ -1,7 +1,7 @@
-import { loadJS } from "../common/dom/load_resource.js";
-import loadCustomPanel from "../util/custom-panel/load-custom-panel.js";
-import createCustomPanelElement from "../util/custom-panel/create-custom-panel-element.js";
-import setCustomPanelProperties from "../util/custom-panel/set-custom-panel-properties.js";
+import { loadJS } from "../common/dom/load_resource";
+import loadCustomPanel from "../util/custom-panel/load-custom-panel";
+import createCustomPanelElement from "../util/custom-panel/create-custom-panel-element";
+import setCustomPanelProperties from "../util/custom-panel/set-custom-panel-properties";
const webComponentsSupported =
"customElements" in window &&
@@ -13,8 +13,8 @@ let es5Loaded = null;
window.loadES5Adapter = () => {
if (!es5Loaded) {
es5Loaded = Promise.all([
- loadJS(`${__STATIC_PATH__}custom-elements-es5-adapter.js`).catch(),
- import(/* webpackChunkName: "compat" */ "./compatibility.js"),
+ loadJS(`${__STATIC_PATH__}custom-elements-es5-adapter`).catch(),
+ import(/* webpackChunkName: "compat" */ "./compatibility"),
]);
}
return es5Loaded;
@@ -36,7 +36,7 @@ function initialize(panel, properties) {
let start = Promise.resolve();
if (!webComponentsSupported) {
- start = start.then(() => loadJS("/static/webcomponents-bundle.js"));
+ start = start.then(() => loadJS("/static/webcomponents-bundle"));
}
if (__BUILD__ === "es5") {
diff --git a/src/entrypoints/hass-icons.js b/src/entrypoints/hass-icons.js
index ee033f31524d..dcb7c48fc8be 100644
--- a/src/entrypoints/hass-icons.js
+++ b/src/entrypoints/hass-icons.js
@@ -1 +1 @@
-import "../resources/hass-icons.js";
+import "../resources/hass-icons";
diff --git a/src/entrypoints/onboarding.js b/src/entrypoints/onboarding.js
index 256b61a7c84b..ab286de092f8 100644
--- a/src/entrypoints/onboarding.js
+++ b/src/entrypoints/onboarding.js
@@ -1,3 +1,3 @@
-import "../components/ha-iconset-svg.js";
-import "../resources/roboto.js";
-import "../onboarding/ha-onboarding.js";
+import "../components/ha-iconset-svg";
+import "../resources/roboto";
+import "../onboarding/ha-onboarding";
diff --git a/src/entrypoints/service-worker-bootstrap.js b/src/entrypoints/service-worker-bootstrap.js
index e296139be7c3..e565864fa9fd 100644
--- a/src/entrypoints/service-worker-bootstrap.js
+++ b/src/entrypoints/service-worker-bootstrap.js
@@ -1,2 +1,2 @@
/* global importScripts */
-importScripts("/static/service-worker-hass.js");
+importScripts("/static/service-worker-hass");
diff --git a/src/entrypoints/service-worker-hass.js b/src/entrypoints/service-worker-hass.js
index 8ad475d80e49..ab73f84d3759 100644
--- a/src/entrypoints/service-worker-hass.js
+++ b/src/entrypoints/service-worker-hass.js
@@ -18,7 +18,7 @@ function initRouting() {
// Get manifest and service worker from network.
workbox.routing.registerRoute(
new RegExp(
- `${location.host}/(service_worker.js|service_worker_es5.js|manifest.json)`
+ `${location.host}/(service_worker|service_worker_es5|manifest.json)`
),
workbox.strategies.networkOnly()
);
diff --git a/src/html/authorize.html.template b/src/html/authorize.html.template
index 83133b6e0e5f..701c5c1cd5f7 100644
--- a/src/html/authorize.html.template
+++ b/src/html/authorize.html.template
@@ -34,7 +34,7 @@
Initializing
<% if (!latestBuild) { %>
-
+
<% } %>
diff --git a/src/html/index.html.template b/src/html/index.html.template
index c6f1a653af0c..7f1c28311025 100644
--- a/src/html/index.html.template
+++ b/src/html/index.html.template
@@ -44,7 +44,7 @@
<% if (!latestBuild) { %>
-
+
<% } %>
+
<% } %>
diff --git a/src/layouts/app/auth-mixin.js b/src/layouts/app/auth-mixin.js
index 41452068f65d..b913bac7ea9c 100644
--- a/src/layouts/app/auth-mixin.js
+++ b/src/layouts/app/auth-mixin.js
@@ -1,8 +1,8 @@
-import { afterNextRender } from "@polymer/polymer/lib/utils/render-status.js";
+import { afterNextRender } from "@polymer/polymer/lib/utils/render-status";
import { getUser } from "home-assistant-js-websocket";
-import { clearState } from "../../util/ha-pref-storage.js";
-import { askWrite } from "../../common/auth/token_storage.js";
-import { subscribeUser } from "../../data/ws-user.js";
+import { clearState } from "../../util/ha-pref-storage";
+import { askWrite } from "../../common/auth/token_storage";
+import { subscribeUser } from "../../data/ws-user";
export default (superClass) =>
class extends superClass {
@@ -24,7 +24,7 @@ export default (superClass) =>
const el = document.createElement("ha-store-auth-card");
this.shadowRoot.appendChild(el);
this.provideHass(el);
- import(/* webpackChunkName: "ha-store-auth-card" */ "../../dialogs/ha-store-auth-card.js");
+ import(/* webpackChunkName: "ha-store-auth-card" */ "../../dialogs/ha-store-auth-card");
}
});
}
diff --git a/src/layouts/app/connection-mixin.js b/src/layouts/app/connection-mixin.js
index e12b19bc33f1..222d1b4ea234 100644
--- a/src/layouts/app/connection-mixin.js
+++ b/src/layouts/app/connection-mixin.js
@@ -8,14 +8,14 @@ import {
import translationMetadata from "../../../build-translations/translationMetadata.json";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
-import EventsMixin from "../../mixins/events-mixin.js";
-
-import { getState } from "../../util/ha-pref-storage.js";
-import { getActiveTranslation } from "../../util/hass-translation.js";
-import { fetchWithAuth } from "../../util/fetch-with-auth.js";
-import hassCallApi from "../../util/hass-call-api.js";
-import computeStateName from "../../common/entity/compute_state_name.js";
+import LocalizeMixin from "../../mixins/localize-mixin";
+import EventsMixin from "../../mixins/events-mixin";
+
+import { getState } from "../../util/ha-pref-storage";
+import { getActiveTranslation } from "../../util/hass-translation";
+import { fetchWithAuth } from "../../util/fetch-with-auth";
+import hassCallApi from "../../util/hass-call-api";
+import computeStateName from "../../common/entity/compute_state_name";
import { subscribePanels } from "../../data/ws-panels";
export default (superClass) =>
diff --git a/src/layouts/app/disconnect-toast-mixin.js b/src/layouts/app/disconnect-toast-mixin.js
index 0e0b5aaf00ef..42f160592ecf 100644
--- a/src/layouts/app/disconnect-toast-mixin.js
+++ b/src/layouts/app/disconnect-toast-mixin.js
@@ -1,11 +1,11 @@
-import LocalizeMixin from "../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../mixins/localize-mixin";
export default (superClass) =>
class extends LocalizeMixin(superClass) {
hassConnected() {
super.hassConnected();
// Need to load in advance because when disconnected, can't dynamically load code.
- import(/* webpackChunkName: "ha-toast" */ "../../components/ha-toast.js");
+ import(/* webpackChunkName: "ha-toast" */ "../../components/ha-toast");
}
hassReconnected() {
diff --git a/src/layouts/app/home-assistant.js b/src/layouts/app/home-assistant.js
index e3818099e33d..bf1a3e26777f 100644
--- a/src/layouts/app/home-assistant.js
+++ b/src/layouts/app/home-assistant.js
@@ -1,25 +1,25 @@
-import "@polymer/app-route/app-location.js";
-import "@polymer/app-route/app-route.js";
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import { afterNextRender } from "@polymer/polymer/lib/utils/render-status.js";
+import "@polymer/app-route/app-location";
+import "@polymer/app-route/app-route";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import { afterNextRender } from "@polymer/polymer/lib/utils/render-status";
-import "../home-assistant-main.js";
-import "../ha-init-page.js";
-import "../../resources/ha-style.js";
-import registerServiceWorker from "../../util/register-service-worker.js";
+import "../home-assistant-main";
+import "../ha-init-page";
+import "../../resources/ha-style";
+import registerServiceWorker from "../../util/register-service-worker";
-import HassBaseMixin from "./hass-base-mixin.js";
-import AuthMixin from "./auth-mixin.js";
-import TranslationsMixin from "./translations-mixin.js";
-import ThemesMixin from "./themes-mixin.js";
-import MoreInfoMixin from "./more-info-mixin.js";
-import SidebarMixin from "./sidebar-mixin.js";
-import DialogManagerMixin from "./dialog-manager-mixin.js";
-import ConnectionMixin from "./connection-mixin.js";
-import NotificationMixin from "./notification-mixin.js";
-import DisconnectToastMixin from "./disconnect-toast-mixin.js";
+import HassBaseMixin from "./hass-base-mixin";
+import AuthMixin from "./auth-mixin";
+import TranslationsMixin from "./translations-mixin";
+import ThemesMixin from "./themes-mixin";
+import MoreInfoMixin from "./more-info-mixin";
+import SidebarMixin from "./sidebar-mixin";
+import DialogManagerMixin from "./dialog-manager-mixin";
+import ConnectionMixin from "./connection-mixin";
+import NotificationMixin from "./notification-mixin";
+import DisconnectToastMixin from "./disconnect-toast-mixin";
const ext = (baseClass, mixins) =>
mixins.reduceRight((base, mixin) => mixin(base), baseClass);
diff --git a/src/layouts/app/more-info-mixin.js b/src/layouts/app/more-info-mixin.js
index 1a373027e08f..a15ce2f0e956 100644
--- a/src/layouts/app/more-info-mixin.js
+++ b/src/layouts/app/more-info-mixin.js
@@ -1,4 +1,4 @@
-import { afterNextRender } from "@polymer/polymer/lib/utils/render-status.js";
+import { afterNextRender } from "@polymer/polymer/lib/utils/render-status";
export default (superClass) =>
class extends superClass {
@@ -8,7 +8,7 @@ export default (superClass) =>
// Load it once we are having the initial rendering done.
afterNextRender(null, () =>
- import(/* webpackChunkName: "more-info-dialog" */ "../../dialogs/ha-more-info-dialog.js")
+ import(/* webpackChunkName: "more-info-dialog" */ "../../dialogs/ha-more-info-dialog")
);
}
diff --git a/src/layouts/app/notification-mixin.js b/src/layouts/app/notification-mixin.js
index cf4492e69cc3..c1fba46902c0 100644
--- a/src/layouts/app/notification-mixin.js
+++ b/src/layouts/app/notification-mixin.js
@@ -6,7 +6,7 @@ export default (superClass) =>
dialogShowEvent: "hass-notification",
dialogTag: "notification-manager",
dialogImport: () =>
- import(/* webpackChunkName: "notification-manager" */ "../../managers/notification-manager.js"),
+ import(/* webpackChunkName: "notification-manager" */ "../../managers/notification-manager"),
});
}
};
diff --git a/src/layouts/app/sidebar-mixin.js b/src/layouts/app/sidebar-mixin.js
index 304a4433c431..c0ff17804fcc 100644
--- a/src/layouts/app/sidebar-mixin.js
+++ b/src/layouts/app/sidebar-mixin.js
@@ -1,4 +1,4 @@
-import { storeState } from "../../util/ha-pref-storage.js";
+import { storeState } from "../../util/ha-pref-storage";
export default (superClass) =>
class extends superClass {
diff --git a/src/layouts/app/themes-mixin.js b/src/layouts/app/themes-mixin.js
index ff8f33b385c2..7698dc074638 100644
--- a/src/layouts/app/themes-mixin.js
+++ b/src/layouts/app/themes-mixin.js
@@ -1,6 +1,6 @@
-import applyThemesOnElement from "../../common/dom/apply_themes_on_element.js";
-import { storeState } from "../../util/ha-pref-storage.js";
-import { subscribeThemes } from "../../data/ws-themes.js";
+import applyThemesOnElement from "../../common/dom/apply_themes_on_element";
+import { storeState } from "../../util/ha-pref-storage";
+import { subscribeThemes } from "../../data/ws-themes";
export default (superClass) =>
class extends superClass {
diff --git a/src/layouts/app/translations-mixin.js b/src/layouts/app/translations-mixin.js
index a623aab06954..4414f2a03d13 100644
--- a/src/layouts/app/translations-mixin.js
+++ b/src/layouts/app/translations-mixin.js
@@ -1,7 +1,7 @@
import translationMetadata from "../../../build-translations/translationMetadata.json";
-import { getTranslation } from "../../util/hass-translation.js";
+import { getTranslation } from "../../util/hass-translation";
-import { storeState } from "../../util/ha-pref-storage.js";
+import { storeState } from "../../util/ha-pref-storage";
/*
* superClass needs to contain `this.hass` and `this._updateHass`.
diff --git a/src/layouts/ha-app-layout.js b/src/layouts/ha-app-layout.js
index 712a08be56e7..3b2e0a12aa7e 100644
--- a/src/layouts/ha-app-layout.js
+++ b/src/layouts/ha-app-layout.js
@@ -17,9 +17,9 @@ transform: translate(0) is added.
from HTML and may be out of place here. Review them and
then delete this comment!
*/
-import "@polymer/app-layout/app-header-layout/app-header-layout.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import "@polymer/polymer/polymer-element.js";
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import "@polymer/polymer/polymer-element";
class HaAppLayout extends customElements.get("app-header-layout") {
static get template() {
diff --git a/src/layouts/ha-init-page.js b/src/layouts/ha-init-page.js
index c4d605bee277..893af7b40cf5 100644
--- a/src/layouts/ha-init-page.js
+++ b/src/layouts/ha-init-page.js
@@ -1,11 +1,11 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-spinner/paper-spinner.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-spinner/paper-spinner";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import LocalizeMixin from "../mixins/localize-mixin.js";
-import EventsMixin from "../mixins/events-mixin.js";
+import LocalizeMixin from "../mixins/localize-mixin";
+import EventsMixin from "../mixins/events-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/layouts/hass-error-screen.js b/src/layouts/hass-error-screen.js
index e6177a962235..52e5ff97d394 100644
--- a/src/layouts/hass-error-screen.js
+++ b/src/layouts/hass-error-screen.js
@@ -1,8 +1,8 @@
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-button/paper-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-button/paper-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
class HassErrorScreen extends PolymerElement {
static get template() {
diff --git a/src/layouts/hass-loading-screen.js b/src/layouts/hass-loading-screen.js
index d49f8e6153e0..fabd6b74dbfd 100644
--- a/src/layouts/hass-loading-screen.js
+++ b/src/layouts/hass-loading-screen.js
@@ -1,10 +1,10 @@
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-spinner/paper-spinner.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-spinner/paper-spinner";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/ha-menu-button.js";
+import "../components/ha-menu-button";
class HassLoadingScreen extends PolymerElement {
static get template() {
diff --git a/src/layouts/hass-subpage.js b/src/layouts/hass-subpage.js
index fca7ad8254f5..f36b57271c14 100644
--- a/src/layouts/hass-subpage.js
+++ b/src/layouts/hass-subpage.js
@@ -1,9 +1,9 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout.js";
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
class HassSubpage extends PolymerElement {
static get template() {
diff --git a/src/layouts/home-assistant-main.js b/src/layouts/home-assistant-main.js
index c15c58ec6eb5..aed68ad85cec 100644
--- a/src/layouts/home-assistant-main.js
+++ b/src/layouts/home-assistant-main.js
@@ -1,20 +1,20 @@
-import "@polymer/app-layout/app-drawer-layout/app-drawer-layout.js";
-import "@polymer/app-layout/app-drawer/app-drawer.js";
-import "@polymer/app-route/app-route.js";
-import "@polymer/iron-media-query/iron-media-query.js";
-import "@polymer/iron-pages/iron-pages.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../util/ha-url-sync.js";
-
-import "./partial-cards.js";
-import "./partial-panel-resolver.js";
-import EventsMixin from "../mixins/events-mixin.js";
-import NavigateMixin from "../mixins/navigate-mixin.js";
-
-import(/* webpackChunkName: "ha-sidebar" */ "../components/ha-sidebar.js");
-import(/* webpackChunkName: "voice-command-dialog" */ "../dialogs/ha-voice-command-dialog.js");
+import "@polymer/app-layout/app-drawer-layout/app-drawer-layout";
+import "@polymer/app-layout/app-drawer/app-drawer";
+import "@polymer/app-route/app-route";
+import "@polymer/iron-media-query/iron-media-query";
+import "@polymer/iron-pages/iron-pages";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../util/ha-url-sync";
+
+import "./partial-cards";
+import "./partial-panel-resolver";
+import EventsMixin from "../mixins/events-mixin";
+import NavigateMixin from "../mixins/navigate-mixin";
+
+import(/* webpackChunkName: "ha-sidebar" */ "../components/ha-sidebar");
+import(/* webpackChunkName: "voice-command-dialog" */ "../dialogs/ha-voice-command-dialog");
const NON_SWIPABLE_PANELS = ["kiosk", "map"];
diff --git a/src/layouts/partial-cards.js b/src/layouts/partial-cards.js
index c9c68a1c4063..bf0c6b807121 100644
--- a/src/layouts/partial-cards.js
+++ b/src/layouts/partial-cards.js
@@ -1,28 +1,28 @@
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-scroll-effects/effects/waterfall.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/app-route/app-route.js";
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/iron-pages/iron-pages.js";
-import "@polymer/paper-tabs/paper-tab.js";
-import "@polymer/paper-tabs/paper-tabs.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../components/ha-cards.js";
-import "../components/ha-icon.js";
-import "../components/ha-menu-button.js";
-import "../components/ha-start-voice-button.js";
-
-import "./ha-app-layout.js";
-
-import extractViews from "../common/entity/extract_views.js";
-import getViewEntities from "../common/entity/get_view_entities.js";
-import computeStateName from "../common/entity/compute_state_name.js";
-import computeStateDomain from "../common/entity/compute_state_domain.js";
-import computeLocationName from "../common/config/location_name.js";
-import NavigateMixin from "../mixins/navigate-mixin.js";
-import EventsMixin from "../mixins/events-mixin.js";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-scroll-effects/effects/waterfall";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/app-route/app-route";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/iron-pages/iron-pages";
+import "@polymer/paper-tabs/paper-tab";
+import "@polymer/paper-tabs/paper-tabs";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../components/ha-cards";
+import "../components/ha-icon";
+import "../components/ha-menu-button";
+import "../components/ha-start-voice-button";
+
+import "./ha-app-layout";
+
+import extractViews from "../common/entity/extract_views";
+import getViewEntities from "../common/entity/get_view_entities";
+import computeStateName from "../common/entity/compute_state_name";
+import computeStateDomain from "../common/entity/compute_state_domain";
+import computeLocationName from "../common/config/location_name";
+import NavigateMixin from "../mixins/navigate-mixin";
+import EventsMixin from "../mixins/events-mixin";
const DEFAULT_VIEW_ENTITY_ID = "group.default_view";
const ALWAYS_SHOW_DOMAIN = ["persistent_notification", "configurator"];
diff --git a/src/layouts/partial-panel-resolver.js b/src/layouts/partial-panel-resolver.js
index 4a32702374f8..6f5fb81f9a18 100644
--- a/src/layouts/partial-panel-resolver.js
+++ b/src/layouts/partial-panel-resolver.js
@@ -1,14 +1,14 @@
-import "@polymer/app-route/app-route.js";
-import { dom } from "@polymer/polymer/lib/legacy/polymer.dom.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-route/app-route";
+import { dom } from "@polymer/polymer/lib/legacy/polymer.dom";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./hass-loading-screen.js";
-import "./hass-error-screen.js";
+import "./hass-loading-screen";
+import "./hass-error-screen";
import { importHref } from "../resources/html-import/import-href";
-import dynamicContentUpdater from "../common/dom/dynamic_content_updater.js";
-import NavigateMixin from "../mixins/navigate-mixin.js";
+import dynamicContentUpdater from "../common/dom/dynamic_content_updater";
+import NavigateMixin from "../mixins/navigate-mixin";
const loaded = {};
@@ -19,75 +19,75 @@ function ensureLoaded(panel) {
// Name each panel we support here, that way Webpack knows about it.
switch (panel) {
case "config":
- imported = import(/* webpackChunkName: "panel-config" */ "../panels/config/ha-panel-config.js");
+ imported = import(/* webpackChunkName: "panel-config" */ "../panels/config/ha-panel-config");
break;
case "custom":
- imported = import(/* webpackChunkName: "panel-custom" */ "../panels/custom/ha-panel-custom.js");
+ imported = import(/* webpackChunkName: "panel-custom" */ "../panels/custom/ha-panel-custom");
break;
case "dev-event":
- imported = import(/* webpackChunkName: "panel-dev-event" */ "../panels/dev-event/ha-panel-dev-event.js");
+ imported = import(/* webpackChunkName: "panel-dev-event" */ "../panels/dev-event/ha-panel-dev-event");
break;
case "dev-info":
- imported = import(/* webpackChunkName: "panel-dev-info" */ "../panels/dev-info/ha-panel-dev-info.js");
+ imported = import(/* webpackChunkName: "panel-dev-info" */ "../panels/dev-info/ha-panel-dev-info");
break;
case "dev-mqtt":
- imported = import(/* webpackChunkName: "panel-dev-mqtt" */ "../panels/dev-mqtt/ha-panel-dev-mqtt.js");
+ imported = import(/* webpackChunkName: "panel-dev-mqtt" */ "../panels/dev-mqtt/ha-panel-dev-mqtt");
break;
case "dev-service":
- imported = import(/* webpackChunkName: "panel-dev-service" */ "../panels/dev-service/ha-panel-dev-service.js");
+ imported = import(/* webpackChunkName: "panel-dev-service" */ "../panels/dev-service/ha-panel-dev-service");
break;
case "dev-state":
- imported = import(/* webpackChunkName: "panel-dev-state" */ "../panels/dev-state/ha-panel-dev-state.js");
+ imported = import(/* webpackChunkName: "panel-dev-state" */ "../panels/dev-state/ha-panel-dev-state");
break;
case "dev-template":
- imported = import(/* webpackChunkName: "panel-dev-template" */ "../panels/dev-template/ha-panel-dev-template.js");
+ imported = import(/* webpackChunkName: "panel-dev-template" */ "../panels/dev-template/ha-panel-dev-template");
break;
case "lovelace":
- imported = import(/* webpackChunkName: "panel-lovelace" */ "../panels/lovelace/ha-panel-lovelace.js");
+ imported = import(/* webpackChunkName: "panel-lovelace" */ "../panels/lovelace/ha-panel-lovelace");
break;
case "history":
- imported = import(/* webpackChunkName: "panel-history" */ "../panels/history/ha-panel-history.js");
+ imported = import(/* webpackChunkName: "panel-history" */ "../panels/history/ha-panel-history");
break;
case "iframe":
- imported = import(/* webpackChunkName: "panel-iframe" */ "../panels/iframe/ha-panel-iframe.js");
+ imported = import(/* webpackChunkName: "panel-iframe" */ "../panels/iframe/ha-panel-iframe");
break;
case "kiosk":
- imported = import(/* webpackChunkName: "panel-kiosk" */ "../panels/kiosk/ha-panel-kiosk.js");
+ imported = import(/* webpackChunkName: "panel-kiosk" */ "../panels/kiosk/ha-panel-kiosk");
break;
case "logbook":
- imported = import(/* webpackChunkName: "panel-logbook" */ "../panels/logbook/ha-panel-logbook.js");
+ imported = import(/* webpackChunkName: "panel-logbook" */ "../panels/logbook/ha-panel-logbook");
break;
case "mailbox":
- imported = import(/* webpackChunkName: "panel-mailbox" */ "../panels/mailbox/ha-panel-mailbox.js");
+ imported = import(/* webpackChunkName: "panel-mailbox" */ "../panels/mailbox/ha-panel-mailbox");
break;
case "map":
- imported = import(/* webpackChunkName: "panel-map" */ "../panels/map/ha-panel-map.js");
+ imported = import(/* webpackChunkName: "panel-map" */ "../panels/map/ha-panel-map");
break;
case "profile":
- imported = import(/* webpackChunkName: "panel-profile" */ "../panels/profile/ha-panel-profile.js");
+ imported = import(/* webpackChunkName: "panel-profile" */ "../panels/profile/ha-panel-profile");
break;
case "shopping-list":
- imported = import(/* webpackChunkName: "panel-shopping-list" */ "../panels/shopping-list/ha-panel-shopping-list.js");
+ imported = import(/* webpackChunkName: "panel-shopping-list" */ "../panels/shopping-list/ha-panel-shopping-list");
break;
case "calendar":
- imported = import(/* webpackChunkName: "panel-calendar" */ "../panels/calendar/ha-panel-calendar.js");
+ imported = import(/* webpackChunkName: "panel-calendar" */ "../panels/calendar/ha-panel-calendar");
break;
default:
diff --git a/src/managers/notification-manager.js b/src/managers/notification-manager.js
index 727c29b99dc7..d2451dfe87df 100644
--- a/src/managers/notification-manager.js
+++ b/src/managers/notification-manager.js
@@ -1,7 +1,7 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import LocalizeMixin from "../mixins/localize-mixin";
class NotificationManager extends LocalizeMixin(PolymerElement) {
static get template() {
@@ -32,7 +32,7 @@ class NotificationManager extends LocalizeMixin(PolymerElement) {
ready() {
super.ready();
- import(/* webpackChunkName: "ha-toast" */ "../components/ha-toast.js");
+ import(/* webpackChunkName: "ha-toast" */ "../components/ha-toast");
}
showDialog({ message }) {
diff --git a/src/mixins/dialog-mixin.js b/src/mixins/dialog-mixin.js
index 4acecbcc759b..61e6da06de43 100644
--- a/src/mixins/dialog-mixin.js
+++ b/src/mixins/dialog-mixin.js
@@ -1,6 +1,6 @@
-import { dedupingMixin } from "@polymer/polymer/lib/utils/mixin.js";
-import { PaperDialogBehavior } from "@polymer/paper-dialog-behavior/paper-dialog-behavior.js";
-import { mixinBehaviors } from "@polymer/polymer/lib/legacy/class.js";
+import { dedupingMixin } from "@polymer/polymer/lib/utils/mixin";
+import { PaperDialogBehavior } from "@polymer/paper-dialog-behavior/paper-dialog-behavior";
+import { mixinBehaviors } from "@polymer/polymer/lib/legacy/class";
import EventsMixin from "./events-mixin";
/**
* @polymerMixin
diff --git a/src/mixins/events-mixin.js b/src/mixins/events-mixin.js
index 81cea3bfe40b..80b5d33e7d2c 100644
--- a/src/mixins/events-mixin.js
+++ b/src/mixins/events-mixin.js
@@ -1,6 +1,6 @@
-import { dedupingMixin } from "@polymer/polymer/lib/utils/mixin.js";
+import { dedupingMixin } from "@polymer/polymer/lib/utils/mixin";
-import { fireEvent } from "../common/dom/fire_event.js";
+import { fireEvent } from "../common/dom/fire_event";
// Polymer legacy event helpers used courtesy of the Polymer project.
//
diff --git a/src/mixins/localize-base-mixin.ts b/src/mixins/localize-base-mixin.ts
index 9214c0d6f2ff..f7084902e8fd 100644
--- a/src/mixins/localize-base-mixin.ts
+++ b/src/mixins/localize-base-mixin.ts
@@ -1,4 +1,4 @@
-import IntlMessageFormat from "intl-messageformat/src/main.js";
+import IntlMessageFormat from "intl-messageformat/src/main";
/**
* Adapted from Polymer app-localize-behavior.
diff --git a/src/mixins/localize-lite-mixin.js b/src/mixins/localize-lite-mixin.js
index 6f2aec4b962d..8df031b522ef 100644
--- a/src/mixins/localize-lite-mixin.js
+++ b/src/mixins/localize-lite-mixin.js
@@ -1,12 +1,9 @@
/**
* Lite mixin to add localization without depending on the Hass object.
*/
-import { dedupingMixin } from "@polymer/polymer/lib/utils/mixin.js";
+import { dedupingMixin } from "@polymer/polymer/lib/utils/mixin";
import { localizeBaseMixin } from "./localize-base-mixin";
-import {
- getActiveTranslation,
- getTranslation,
-} from "../util/hass-translation.js";
+import { getActiveTranslation, getTranslation } from "../util/hass-translation";
/**
* @polymerMixin
diff --git a/src/mixins/localize-mixin.js b/src/mixins/localize-mixin.js
index 5928fb36db74..06884ddbcf70 100644
--- a/src/mixins/localize-mixin.js
+++ b/src/mixins/localize-mixin.js
@@ -1,4 +1,4 @@
-import { dedupingMixin } from "@polymer/polymer/lib/utils/mixin.js";
+import { dedupingMixin } from "@polymer/polymer/lib/utils/mixin";
import { localizeBaseMixin } from "./localize-base-mixin";
/**
* Polymer Mixin to enable a localize function powered by language/resources from hass object.
diff --git a/src/mixins/navigate-mixin.js b/src/mixins/navigate-mixin.js
index c00a502b00a3..7b8764c65bfe 100644
--- a/src/mixins/navigate-mixin.js
+++ b/src/mixins/navigate-mixin.js
@@ -1,4 +1,4 @@
-import { dedupingMixin } from "@polymer/polymer/lib/utils/mixin.js";
+import { dedupingMixin } from "@polymer/polymer/lib/utils/mixin";
import { navigate } from "../common/navigate";
/*
diff --git a/src/onboarding/ha-onboarding.js b/src/onboarding/ha-onboarding.js
index 8c5350ef7ab0..3a30c3c8c570 100644
--- a/src/onboarding/ha-onboarding.js
+++ b/src/onboarding/ha-onboarding.js
@@ -1,10 +1,10 @@
-import "@polymer/polymer/lib/elements/dom-if.js";
-import "@polymer/polymer/lib/elements/dom-repeat.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-button/paper-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import localizeLiteMixin from "../mixins/localize-lite-mixin.js";
+import "@polymer/polymer/lib/elements/dom-if";
+import "@polymer/polymer/lib/elements/dom-repeat";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-button/paper-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import localizeLiteMixin from "../mixins/localize-lite-mixin";
class HaOnboarding extends localizeLiteMixin(PolymerElement) {
static get template() {
diff --git a/src/panels/calendar/ha-big-calendar.js b/src/panels/calendar/ha-big-calendar.js
index 50572a2ec2aa..80bf29598f4f 100644
--- a/src/panels/calendar/ha-big-calendar.js
+++ b/src/panels/calendar/ha-big-calendar.js
@@ -1,5 +1,5 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
/* eslint-disable */
import { render } from "react-dom";
@@ -7,9 +7,9 @@ import React from "react";
/* eslint-enable */
import BigCalendar from "react-big-calendar";
import moment from "moment";
-import EventsMixin from "../../mixins/events-mixin.js";
+import EventsMixin from "../../mixins/events-mixin";
-import "../../resources/ha-style.js";
+import "../../resources/ha-style";
BigCalendar.setLocalizer(BigCalendar.momentLocalizer(moment));
diff --git a/src/panels/calendar/ha-panel-calendar.js b/src/panels/calendar/ha-panel-calendar.js
index 2c69f198f409..a806315c5486 100644
--- a/src/panels/calendar/ha-panel-calendar.js
+++ b/src/panels/calendar/ha-panel-calendar.js
@@ -1,20 +1,20 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout.js";
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-checkbox/paper-checkbox.js";
-import "@polymer/paper-item/paper-item.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-listbox/paper-listbox";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-checkbox/paper-checkbox";
+import "@polymer/paper-item/paper-item";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
import moment from "moment";
import dates from "react-big-calendar/lib/utils/dates";
-import "../../components/ha-menu-button.js";
-import "../../resources/ha-style.js";
-import "./ha-big-calendar.js";
+import "../../components/ha-menu-button";
+import "../../resources/ha-style";
+import "./ha-big-calendar";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../mixins/localize-mixin";
const DEFAULT_VIEW = "month";
diff --git a/src/panels/config/automation/ha-automation-editor.js b/src/panels/config/automation/ha-automation-editor.js
index 047da257c9d0..35d3ee342541 100644
--- a/src/panels/config/automation/ha-automation-editor.js
+++ b/src/panels/config/automation/ha-automation-editor.js
@@ -1,19 +1,19 @@
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-fab/paper-fab.js";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-fab/paper-fab";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
import { h, render } from "preact";
-import "../../../layouts/ha-app-layout.js";
+import "../../../layouts/ha-app-layout";
-import Automation from "../js/automation.js";
-import unmountPreact from "../../../common/preact/unmount.js";
-import computeStateName from "../../../common/entity/compute_state_name.js";
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import Automation from "../js/automation";
+import unmountPreact from "../../../common/preact/unmount";
+import computeStateName from "../../../common/entity/compute_state_name";
+import NavigateMixin from "../../../mixins/navigate-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
function AutomationEditor(mountEl, props, mergeEl) {
return render(h(Automation, props), mountEl, mergeEl);
diff --git a/src/panels/config/automation/ha-automation-picker.js b/src/panels/config/automation/ha-automation-picker.js
index 6e8e234d26a2..c393ecff097d 100644
--- a/src/panels/config/automation/ha-automation-picker.js
+++ b/src/panels/config/automation/ha-automation-picker.js
@@ -1,21 +1,21 @@
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-fab/paper-fab.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-item/paper-item-body.js";
-import "@polymer/paper-item/paper-item.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/ha-markdown.js";
-import "../../../layouts/ha-app-layout.js";
-
-import "../ha-config-section.js";
-
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
-import computeStateName from "../../../common/entity/compute_state_name.js";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-fab/paper-fab";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-item/paper-item-body";
+import "@polymer/paper-item/paper-item";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/ha-markdown";
+import "../../../layouts/ha-app-layout";
+
+import "../ha-config-section";
+
+import NavigateMixin from "../../../mixins/navigate-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
+import computeStateName from "../../../common/entity/compute_state_name";
/*
* @appliesMixin LocalizeMixin
* @appliesMixin NavigateMixin
diff --git a/src/panels/config/automation/ha-config-automation.js b/src/panels/config/automation/ha-config-automation.js
index 02dd8e59a4a6..f9bf17bc9ffa 100644
--- a/src/panels/config/automation/ha-config-automation.js
+++ b/src/panels/config/automation/ha-config-automation.js
@@ -1,11 +1,11 @@
-import "@polymer/app-route/app-route.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-route/app-route";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./ha-automation-editor.js";
-import "./ha-automation-picker.js";
+import "./ha-automation-editor";
+import "./ha-automation-picker";
-import computeStateDomain from "../../../common/entity/compute_state_domain.js";
+import computeStateDomain from "../../../common/entity/compute_state_domain";
class HaConfigAutomation extends PolymerElement {
static get template() {
diff --git a/src/panels/config/cloud/ha-config-cloud-account.js b/src/panels/config/cloud/ha-config-cloud-account.js
index 8c5a0b634a61..3aabd609de62 100644
--- a/src/panels/config/cloud/ha-config-cloud-account.js
+++ b/src/panels/config/cloud/ha-config-cloud-account.js
@@ -1,19 +1,19 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-item/paper-item-body.js";
-import "@polymer/paper-toggle-button/paper-toggle-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/buttons/ha-call-api-button.js";
-import "../../../layouts/hass-subpage.js";
-import "../../../resources/ha-style.js";
-
-import "../ha-config-section.js";
-
-import formatDateTime from "../../../common/datetime/format_date_time.js";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-item/paper-item-body";
+import "@polymer/paper-toggle-button/paper-toggle-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/buttons/ha-call-api-button";
+import "../../../layouts/hass-subpage";
+import "../../../resources/ha-style";
+
+import "../ha-config-section";
+
+import formatDateTime from "../../../common/datetime/format_date_time";
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/panels/config/cloud/ha-config-cloud-forgot-password.js b/src/panels/config/cloud/ha-config-cloud-forgot-password.js
index bf7aa9c52e58..4d425785cdb6 100644
--- a/src/panels/config/cloud/ha-config-cloud-forgot-password.js
+++ b/src/panels/config/cloud/ha-config-cloud-forgot-password.js
@@ -1,12 +1,12 @@
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-input/paper-input.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-input/paper-input";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/buttons/ha-progress-button.js";
-import "../../../layouts/hass-subpage.js";
-import "../../../resources/ha-style.js";
-import EventsMixin from "../../../mixins/events-mixin.js";
+import "../../../components/buttons/ha-progress-button";
+import "../../../layouts/hass-subpage";
+import "../../../resources/ha-style";
+import EventsMixin from "../../../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/panels/config/cloud/ha-config-cloud-login.js b/src/panels/config/cloud/ha-config-cloud-login.js
index 5f25789207b6..ed4230ef4fd2 100644
--- a/src/panels/config/cloud/ha-config-cloud-login.js
+++ b/src/panels/config/cloud/ha-config-cloud-login.js
@@ -1,20 +1,20 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-item/paper-item-body.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-ripple/paper-ripple.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-item/paper-item-body";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-ripple/paper-ripple";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/buttons/ha-progress-button.js";
-import "../../../layouts/hass-subpage.js";
-import "../../../resources/ha-style.js";
+import "../../../components/buttons/ha-progress-button";
+import "../../../layouts/hass-subpage";
+import "../../../resources/ha-style";
-import "../ha-config-section.js";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
+import "../ha-config-section";
+import EventsMixin from "../../../mixins/events-mixin";
+import NavigateMixin from "../../../mixins/navigate-mixin";
/*
* @appliesMixin NavigateMixin
diff --git a/src/panels/config/cloud/ha-config-cloud-register.js b/src/panels/config/cloud/ha-config-cloud-register.js
index c0f6d4fea4ef..05c4f8982927 100644
--- a/src/panels/config/cloud/ha-config-cloud-register.js
+++ b/src/panels/config/cloud/ha-config-cloud-register.js
@@ -1,13 +1,13 @@
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-input/paper-input.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/buttons/ha-progress-button.js";
-import "../../../layouts/hass-subpage.js";
-import "../../../resources/ha-style.js";
-import "../ha-config-section.js";
-import EventsMixin from "../../../mixins/events-mixin.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-input/paper-input";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/buttons/ha-progress-button";
+import "../../../layouts/hass-subpage";
+import "../../../resources/ha-style";
+import "../ha-config-section";
+import EventsMixin from "../../../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/panels/config/cloud/ha-config-cloud.js b/src/panels/config/cloud/ha-config-cloud.js
index ab0d85e9ee0a..62947dd828bd 100644
--- a/src/panels/config/cloud/ha-config-cloud.js
+++ b/src/panels/config/cloud/ha-config-cloud.js
@@ -1,15 +1,15 @@
-import "@polymer/app-route/app-route.js";
-import { timeOut } from "@polymer/polymer/lib/utils/async.js";
-import { Debouncer } from "@polymer/polymer/lib/utils/debounce.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../ha-config-section.js";
-import "./ha-config-cloud-account.js";
-import "./ha-config-cloud-forgot-password.js";
-import "./ha-config-cloud-login.js";
-import "./ha-config-cloud-register.js";
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
+import "@polymer/app-route/app-route";
+import { timeOut } from "@polymer/polymer/lib/utils/async";
+import { Debouncer } from "@polymer/polymer/lib/utils/debounce";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../ha-config-section";
+import "./ha-config-cloud-account";
+import "./ha-config-cloud-forgot-password";
+import "./ha-config-cloud-login";
+import "./ha-config-cloud-register";
+import NavigateMixin from "../../../mixins/navigate-mixin";
const LOGGED_IN_URLS = ["/cloud/account"];
const NOT_LOGGED_IN_URLS = [
diff --git a/src/panels/config/config-entries/ha-ce-entities-card.js b/src/panels/config/config-entries/ha-ce-entities-card.js
index 78719c584add..9f4faafa169a 100644
--- a/src/panels/config/config-entries/ha-ce-entities-card.js
+++ b/src/panels/config/config-entries/ha-ce-entities-card.js
@@ -1,15 +1,15 @@
-import "@polymer/paper-item/paper-icon-item.js";
-import "@polymer/paper-item/paper-item-body.js";
-import "@polymer/paper-card/paper-card.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-item/paper-icon-item";
+import "@polymer/paper-item/paper-item-body";
+import "@polymer/paper-card/paper-card";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../layouts/hass-subpage.js";
+import "../../../layouts/hass-subpage";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixIn from "../../../mixins/localize-mixin.js";
-import computeStateName from "../../../common/entity/compute_state_name.js";
-import "../../../components/entity/state-badge.js";
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixIn from "../../../mixins/localize-mixin";
+import computeStateName from "../../../common/entity/compute_state_name";
+import "../../../components/entity/state-badge";
function computeEntityName(hass, entity) {
if (entity.name) return entity.name;
diff --git a/src/panels/config/config-entries/ha-config-entries-dashboard.js b/src/panels/config/config-entries/ha-config-entries-dashboard.js
index 1149e6ddbfbd..de6b2ec56a4f 100644
--- a/src/panels/config/config-entries/ha-config-entries-dashboard.js
+++ b/src/panels/config/config-entries/ha-config-entries-dashboard.js
@@ -1,21 +1,21 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-tooltip/paper-tooltip.js";
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/iron-icon/iron-icon.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-item/paper-item-body.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/entity/ha-state-icon.js";
-import "../../../layouts/hass-subpage.js";
-import "../../../resources/ha-style.js";
-
-import "../ha-config-section.js";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
-import computeStateName from "../../../common/entity/compute_state_name.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-tooltip/paper-tooltip";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-card/paper-card";
+import "@polymer/iron-icon/iron-icon";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-item/paper-item-body";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/entity/ha-state-icon";
+import "../../../layouts/hass-subpage";
+import "../../../resources/ha-style";
+
+import "../ha-config-section";
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
+import computeStateName from "../../../common/entity/compute_state_name";
let registeredDialog = false;
@@ -153,7 +153,7 @@ class HaConfigManagerDashboard extends LocalizeMixin(
this.fire("register-dialog", {
dialogShowEvent: "show-config-flow",
dialogTag: "ha-config-flow",
- dialogImport: () => import("./ha-config-flow.js"),
+ dialogImport: () => import("./ha-config-flow"),
});
}
}
diff --git a/src/panels/config/config-entries/ha-config-entries.js b/src/panels/config/config-entries/ha-config-entries.js
index 85804246f340..0826e0fed2ab 100644
--- a/src/panels/config/config-entries/ha-config-entries.js
+++ b/src/panels/config/config-entries/ha-config-entries.js
@@ -1,13 +1,13 @@
-import "@polymer/app-route/app-route.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import { Debouncer } from "@polymer/polymer/lib/utils/debounce.js";
-import { timeOut } from "@polymer/polymer/lib/utils/async.js";
-
-import "./ha-config-entries-dashboard.js";
-import "./ha-config-entry-page.js";
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
-import compare from "../../../common/string/compare.js";
+import "@polymer/app-route/app-route";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import { Debouncer } from "@polymer/polymer/lib/utils/debounce";
+import { timeOut } from "@polymer/polymer/lib/utils/async";
+
+import "./ha-config-entries-dashboard";
+import "./ha-config-entry-page";
+import NavigateMixin from "../../../mixins/navigate-mixin";
+import compare from "../../../common/string/compare";
class HaConfigEntries extends NavigateMixin(PolymerElement) {
static get template() {
diff --git a/src/panels/config/config-entries/ha-config-entry-page.js b/src/panels/config/config-entries/ha-config-entry-page.js
index 6851c90096c0..621be450e2d6 100644
--- a/src/panels/config/config-entries/ha-config-entry-page.js
+++ b/src/panels/config/config-entries/ha-config-entry-page.js
@@ -1,17 +1,17 @@
-import "@polymer/paper-card/paper-card.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-card/paper-card";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../layouts/hass-subpage.js";
+import "../../../layouts/hass-subpage";
-import "../../../components/entity/state-badge.js";
-import compare from "../../../common/string/compare.js";
+import "../../../components/entity/state-badge";
+import compare from "../../../common/string/compare";
-import "./ha-device-card.js";
-import "./ha-ce-entities-card.js";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
+import "./ha-device-card";
+import "./ha-ce-entities-card";
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
+import NavigateMixin from "../../../mixins/navigate-mixin";
class HaConfigEntryPage extends NavigateMixin(
EventsMixin(LocalizeMixin(PolymerElement))
diff --git a/src/panels/config/config-entries/ha-config-flow.js b/src/panels/config/config-entries/ha-config-flow.js
index e60ac2338c45..94a1a3bac4c7 100644
--- a/src/panels/config/config-entries/ha-config-flow.js
+++ b/src/panels/config/config-entries/ha-config-flow.js
@@ -1,17 +1,17 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js";
-import "@polymer/paper-dialog/paper-dialog.js";
-import "@polymer/paper-tooltip/paper-tooltip.js";
-import "@polymer/paper-spinner/paper-spinner.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/ha-form.js";
-import "../../../components/ha-markdown.js";
-import "../../../resources/ha-style.js";
-
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable";
+import "@polymer/paper-dialog/paper-dialog";
+import "@polymer/paper-tooltip/paper-tooltip";
+import "@polymer/paper-spinner/paper-spinner";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/ha-form";
+import "../../../components/ha-markdown";
+import "../../../resources/ha-style";
+
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
let instance = 0;
diff --git a/src/panels/config/config-entries/ha-device-card.js b/src/panels/config/config-entries/ha-device-card.js
index decb637e83e5..5816098066cb 100644
--- a/src/panels/config/config-entries/ha-device-card.js
+++ b/src/panels/config/config-entries/ha-device-card.js
@@ -1,16 +1,16 @@
-import "@polymer/paper-item/paper-icon-item.js";
-import "@polymer/paper-item/paper-item-body.js";
-import "@polymer/paper-card/paper-card.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-item/paper-icon-item";
+import "@polymer/paper-item/paper-item-body";
+import "@polymer/paper-card/paper-card";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../layouts/hass-subpage.js";
+import "../../../layouts/hass-subpage";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
-import computeStateName from "../../../common/entity/compute_state_name.js";
-import "../../../components/entity/state-badge.js";
-import compare from "../../../common/string/compare.js";
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
+import computeStateName from "../../../common/entity/compute_state_name";
+import "../../../components/entity/state-badge";
+import compare from "../../../common/string/compare";
function computeEntityName(hass, entity) {
if (entity.name) return entity.name;
diff --git a/src/panels/config/core/ha-config-core.js b/src/panels/config/core/ha-config-core.js
index 1d3bae2b2501..1a960b6abfcc 100644
--- a/src/panels/config/core/ha-config-core.js
+++ b/src/panels/config/core/ha-config-core.js
@@ -1,15 +1,15 @@
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../layouts/hass-subpage.js";
-import "../../../resources/ha-style.js";
+import "../../../layouts/hass-subpage";
+import "../../../resources/ha-style";
-import "./ha-config-section-core.js";
+import "./ha-config-section-core";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/config/core/ha-config-section-core.js b/src/panels/config/core/ha-config-section-core.js
index 946b5699b5d5..c70d767e08ea 100644
--- a/src/panels/config/core/ha-config-section-core.js
+++ b/src/panels/config/core/ha-config-section-core.js
@@ -1,16 +1,16 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-input/paper-input.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-input/paper-input";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/buttons/ha-call-service-button.js";
-import "../../../resources/ha-style.js";
+import "../../../components/buttons/ha-call-service-button";
+import "../../../resources/ha-style";
-import "../ha-config-section.js";
+import "../ha-config-section";
-import isComponentLoaded from "../../../common/config/is_component_loaded.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import isComponentLoaded from "../../../common/config/is_component_loaded";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/config/customize/ha-config-customize.js b/src/panels/config/customize/ha-config-customize.js
index 965891df1d73..d37674ed6478 100644
--- a/src/panels/config/customize/ha-config-customize.js
+++ b/src/panels/config/customize/ha-config-customize.js
@@ -1,20 +1,20 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout.js";
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../resources/ha-style.js";
+import "../../../resources/ha-style";
-import "../ha-config-section.js";
-import "../ha-entity-config.js";
-import "./ha-form-customize.js";
+import "../ha-config-section";
+import "../ha-entity-config";
+import "./ha-form-customize";
-import computeStateName from "../../../common/entity/compute_state_name.js";
-import computeStateDomain from "../../../common/entity/compute_state_domain.js";
-import sortByName from "../../../common/entity/states_sort_by_name.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import computeStateName from "../../../common/entity/compute_state_name";
+import computeStateDomain from "../../../common/entity/compute_state_domain";
+import sortByName from "../../../common/entity/states_sort_by_name";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/config/customize/ha-customize-attribute.js b/src/panels/config/customize/ha-customize-attribute.js
index dda62ab8131d..072e649a9a9a 100644
--- a/src/panels/config/customize/ha-customize-attribute.js
+++ b/src/panels/config/customize/ha-customize-attribute.js
@@ -1,14 +1,14 @@
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import hassAttributeUtil from "../../../util/hass-attributes-util.js";
-import "../ha-form-style.js";
-import "./types/ha-customize-array.js";
-import "./types/ha-customize-boolean.js";
-import "./types/ha-customize-icon.js";
-import "./types/ha-customize-key-value.js";
-import "./types/ha-customize-string.js";
+import hassAttributeUtil from "../../../util/hass-attributes-util";
+import "../ha-form-style";
+import "./types/ha-customize-array";
+import "./types/ha-customize-boolean";
+import "./types/ha-customize-icon";
+import "./types/ha-customize-key-value";
+import "./types/ha-customize-string";
class HaCustomizeAttribute extends PolymerElement {
static get template() {
diff --git a/src/panels/config/customize/ha-form-customize-attributes.js b/src/panels/config/customize/ha-form-customize-attributes.js
index a6d19e1db7ea..d572a67faa7c 100644
--- a/src/panels/config/customize/ha-form-customize-attributes.js
+++ b/src/panels/config/customize/ha-form-customize-attributes.js
@@ -1,8 +1,8 @@
-import { MutableData } from "@polymer/polymer/lib/mixins/mutable-data.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { MutableData } from "@polymer/polymer/lib/mixins/mutable-data";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./ha-customize-attribute.js";
+import "./ha-customize-attribute";
class HaFormCustomizeAttributes extends MutableData(PolymerElement) {
static get template() {
diff --git a/src/panels/config/customize/ha-form-customize.js b/src/panels/config/customize/ha-form-customize.js
index cf79fc85f262..d3f51377b9bb 100644
--- a/src/panels/config/customize/ha-form-customize.js
+++ b/src/panels/config/customize/ha-form-customize.js
@@ -1,11 +1,11 @@
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import hassAttributeUtil from "../../../util/hass-attributes-util.js";
-import "./ha-form-customize-attributes.js";
+import hassAttributeUtil from "../../../util/hass-attributes-util";
+import "./ha-form-customize-attributes";
import computeStateDomain from "../../../common/entity/compute_state_domain";
diff --git a/src/panels/config/customize/types/ha-customize-array.js b/src/panels/config/customize/types/ha-customize-array.js
index 2401fa677262..dc1eb05128ff 100644
--- a/src/panels/config/customize/types/ha-customize-array.js
+++ b/src/panels/config/customize/types/ha-customize-array.js
@@ -1,10 +1,10 @@
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../../../../mixins/events-mixin.js";
+import EventsMixin from "../../../../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/panels/config/customize/types/ha-customize-boolean.js b/src/panels/config/customize/types/ha-customize-boolean.js
index a9f0049d6ffb..d85892892e01 100644
--- a/src/panels/config/customize/types/ha-customize-boolean.js
+++ b/src/panels/config/customize/types/ha-customize-boolean.js
@@ -1,6 +1,6 @@
-import "@polymer/paper-checkbox/paper-checkbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-checkbox/paper-checkbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
class HaCustomizeBoolean extends PolymerElement {
static get template() {
diff --git a/src/panels/config/customize/types/ha-customize-icon.js b/src/panels/config/customize/types/ha-customize-icon.js
index 81bf8a23ecd2..da9547db2c73 100644
--- a/src/panels/config/customize/types/ha-customize-icon.js
+++ b/src/panels/config/customize/types/ha-customize-icon.js
@@ -1,7 +1,7 @@
-import "@polymer/iron-icon/iron-icon.js";
-import "@polymer/paper-input/paper-input.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-icon/iron-icon";
+import "@polymer/paper-input/paper-input";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
class HaCustomizeIcon extends PolymerElement {
static get template() {
diff --git a/src/panels/config/customize/types/ha-customize-key-value.js b/src/panels/config/customize/types/ha-customize-key-value.js
index a540a6fcb64a..d572cd8a1867 100644
--- a/src/panels/config/customize/types/ha-customize-key-value.js
+++ b/src/panels/config/customize/types/ha-customize-key-value.js
@@ -1,6 +1,6 @@
-import "@polymer/paper-input/paper-input.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-input/paper-input";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
class HaCustomizeKeyValue extends PolymerElement {
static get template() {
diff --git a/src/panels/config/customize/types/ha-customize-string.js b/src/panels/config/customize/types/ha-customize-string.js
index 8fab122a8a84..845f9e10d206 100644
--- a/src/panels/config/customize/types/ha-customize-string.js
+++ b/src/panels/config/customize/types/ha-customize-string.js
@@ -1,6 +1,6 @@
-import "@polymer/paper-input/paper-input.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-input/paper-input";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
class HaCustomizeString extends PolymerElement {
static get template() {
diff --git a/src/panels/config/dashboard/ha-config-dashboard.js b/src/panels/config/dashboard/ha-config-dashboard.js
index 56da4e2fb842..f6338ba5f9f2 100644
--- a/src/panels/config/dashboard/ha-config-dashboard.js
+++ b/src/panels/config/dashboard/ha-config-dashboard.js
@@ -1,21 +1,21 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout.js";
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/iron-icon/iron-icon.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-item/paper-item-body.js";
-import "@polymer/paper-item/paper-item.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/iron-icon/iron-icon";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-item/paper-item-body";
+import "@polymer/paper-item/paper-item";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/ha-menu-button.js";
+import "../../../components/ha-menu-button";
-import "../ha-config-section.js";
-import "./ha-config-navigation.js";
+import "../ha-config-section";
+import "./ha-config-navigation";
-import isComponentLoaded from "../../../common/config/is_component_loaded.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
+import isComponentLoaded from "../../../common/config/is_component_loaded";
+import LocalizeMixin from "../../../mixins/localize-mixin";
+import NavigateMixin from "../../../mixins/navigate-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/config/dashboard/ha-config-navigation.js b/src/panels/config/dashboard/ha-config-navigation.js
index fb559abd6d3d..c419b1171530 100644
--- a/src/panels/config/dashboard/ha-config-navigation.js
+++ b/src/panels/config/dashboard/ha-config-navigation.js
@@ -1,14 +1,14 @@
-import "@polymer/iron-icon/iron-icon.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-item/paper-item-body.js";
-import "@polymer/paper-item/paper-item.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-icon/iron-icon";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-item/paper-item-body";
+import "@polymer/paper-item/paper-item";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import NavigateMixin from "../../../mixins/navigate-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
-import isComponentLoaded from "../../../common/config/is_component_loaded.js";
+import isComponentLoaded from "../../../common/config/is_component_loaded";
const CORE_PAGES = ["core", "customize"];
/*
diff --git a/src/panels/config/ha-config-section.js b/src/panels/config/ha-config-section.js
index 12f00b4a56bb..7ceeaebc2305 100644
--- a/src/panels/config/ha-config-section.js
+++ b/src/panels/config/ha-config-section.js
@@ -1,7 +1,7 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../resources/ha-style.js";
+import "../../resources/ha-style";
class HaConfigSection extends PolymerElement {
static get template() {
diff --git a/src/panels/config/ha-entity-config.js b/src/panels/config/ha-entity-config.js
index 5696241c7e13..235ddb8c0ef2 100644
--- a/src/panels/config/ha-entity-config.js
+++ b/src/panels/config/ha-entity-config.js
@@ -1,13 +1,13 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import "@polymer/paper-spinner/paper-spinner.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import computeStateName from "../../common/entity/compute_state_name.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import "@polymer/paper-spinner/paper-spinner";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import computeStateName from "../../common/entity/compute_state_name";
class HaEntityConfig extends PolymerElement {
static get template() {
diff --git a/src/panels/config/ha-panel-config.js b/src/panels/config/ha-panel-config.js
index eb840836892e..3c32084e40d6 100644
--- a/src/panels/config/ha-panel-config.js
+++ b/src/panels/config/ha-panel-config.js
@@ -1,23 +1,23 @@
-import "@polymer/app-route/app-route.js";
-import "@polymer/iron-media-query/iron-media-query.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../layouts/hass-error-screen.js";
-
-import isComponentLoaded from "../../common/config/is_component_loaded.js";
-import EventsMixin from "../../mixins/events-mixin.js";
-import NavigateMixin from "../../mixins/navigate-mixin.js";
-
-import(/* webpackChunkName: "panel-config-automation" */ "./automation/ha-config-automation.js");
-import(/* webpackChunkName: "panel-config-cloud" */ "./cloud/ha-config-cloud.js");
-import(/* webpackChunkName: "panel-config-config" */ "./config-entries/ha-config-entries.js");
-import(/* webpackChunkName: "panel-config-core" */ "./core/ha-config-core.js");
-import(/* webpackChunkName: "panel-config-customize" */ "./customize/ha-config-customize.js");
-import(/* webpackChunkName: "panel-config-dashboard" */ "./dashboard/ha-config-dashboard.js");
-import(/* webpackChunkName: "panel-config-script" */ "./script/ha-config-script.js");
-import(/* webpackChunkName: "panel-config-users" */ "./users/ha-config-users.js");
-import(/* webpackChunkName: "panel-config-zwave" */ "./zwave/ha-config-zwave.js");
+import "@polymer/app-route/app-route";
+import "@polymer/iron-media-query/iron-media-query";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../layouts/hass-error-screen";
+
+import isComponentLoaded from "../../common/config/is_component_loaded";
+import EventsMixin from "../../mixins/events-mixin";
+import NavigateMixin from "../../mixins/navigate-mixin";
+
+import(/* webpackChunkName: "panel-config-automation" */ "./automation/ha-config-automation");
+import(/* webpackChunkName: "panel-config-cloud" */ "./cloud/ha-config-cloud");
+import(/* webpackChunkName: "panel-config-config" */ "./config-entries/ha-config-entries");
+import(/* webpackChunkName: "panel-config-core" */ "./core/ha-config-core");
+import(/* webpackChunkName: "panel-config-customize" */ "./customize/ha-config-customize");
+import(/* webpackChunkName: "panel-config-dashboard" */ "./dashboard/ha-config-dashboard");
+import(/* webpackChunkName: "panel-config-script" */ "./script/ha-config-script");
+import(/* webpackChunkName: "panel-config-users" */ "./users/ha-config-users");
+import(/* webpackChunkName: "panel-config-zwave" */ "./zwave/ha-config-zwave");
/*
* @appliesMixin EventsMixin
diff --git a/src/panels/config/js/automation.js b/src/panels/config/js/automation.js
index 515bc6804bdc..4c16a8cf52cb 100644
--- a/src/panels/config/js/automation.js
+++ b/src/panels/config/js/automation.js
@@ -1,13 +1,13 @@
import { h, Component } from "preact";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-input/paper-input.js";
-import "../ha-config-section.js";
-import "../../../components/ha-markdown.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-input/paper-input";
+import "../ha-config-section";
+import "../../../components/ha-markdown";
-import Trigger from "./trigger/index.js";
-import Condition from "./condition/index.js";
-import Script from "./script/index.js";
+import Trigger from "./trigger/index";
+import Condition from "./condition/index";
+import Script from "./script/index";
export default class Automation extends Component {
constructor() {
diff --git a/src/panels/config/js/condition/condition_edit.js b/src/panels/config/js/condition/condition_edit.js
index 362455ea53ed..3012aca88590 100644
--- a/src/panels/config/js/condition/condition_edit.js
+++ b/src/panels/config/js/condition/condition_edit.js
@@ -1,14 +1,14 @@
import { h, Component } from "preact";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu-light.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import "@polymer/paper-item/paper-item.js";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu-light";
+import "@polymer/paper-listbox/paper-listbox";
+import "@polymer/paper-item/paper-item";
-import NumericStateCondition from "./numeric_state.js";
-import StateCondition from "./state.js";
-import SunCondition from "./sun.js";
-import TemplateCondition from "./template.js";
-import TimeCondition from "./time.js";
-import ZoneCondition from "./zone.js";
+import NumericStateCondition from "./numeric_state";
+import StateCondition from "./state";
+import SunCondition from "./sun";
+import TemplateCondition from "./template";
+import TimeCondition from "./time";
+import ZoneCondition from "./zone";
const TYPES = {
state: StateCondition,
diff --git a/src/panels/config/js/condition/condition_row.js b/src/panels/config/js/condition/condition_row.js
index 7767a4be020f..b518af93bc1f 100644
--- a/src/panels/config/js/condition/condition_row.js
+++ b/src/panels/config/js/condition/condition_row.js
@@ -1,11 +1,11 @@
import { h, Component } from "preact";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-menu-button/paper-menu-button.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import "@polymer/paper-item/paper-item.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-menu-button/paper-menu-button";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-listbox/paper-listbox";
+import "@polymer/paper-item/paper-item";
-import ConditionEdit from "./condition_edit.js";
+import ConditionEdit from "./condition_edit";
export default class ConditionRow extends Component {
constructor() {
diff --git a/src/panels/config/js/condition/index.js b/src/panels/config/js/condition/index.js
index 1dff74c1d99b..b568c9e63ec7 100644
--- a/src/panels/config/js/condition/index.js
+++ b/src/panels/config/js/condition/index.js
@@ -1,8 +1,8 @@
import { h, Component } from "preact";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-button/paper-button.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-button/paper-button";
-import ConditionRow from "./condition_row.js";
+import ConditionRow from "./condition_row";
export default class Condition extends Component {
constructor() {
diff --git a/src/panels/config/js/condition/numeric_state.js b/src/panels/config/js/condition/numeric_state.js
index 0e3dd10ccaa4..abb01edc4d09 100644
--- a/src/panels/config/js/condition/numeric_state.js
+++ b/src/panels/config/js/condition/numeric_state.js
@@ -1,9 +1,9 @@
import { h, Component } from "preact";
-import "@polymer/paper-input/paper-input.js";
-import "../../../../components/ha-textarea.js";
-import "../../../../components/entity/ha-entity-picker.js";
+import "@polymer/paper-input/paper-input";
+import "../../../../components/ha-textarea";
+import "../../../../components/entity/ha-entity-picker";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class NumericStateCondition extends Component {
constructor() {
diff --git a/src/panels/config/js/condition/state.js b/src/panels/config/js/condition/state.js
index 1968283bfe13..4249ef60cd23 100644
--- a/src/panels/config/js/condition/state.js
+++ b/src/panels/config/js/condition/state.js
@@ -1,8 +1,8 @@
import { h, Component } from "preact";
-import "@polymer/paper-input/paper-input.js";
-import "../../../../components/entity/ha-entity-picker.js";
+import "@polymer/paper-input/paper-input";
+import "../../../../components/entity/ha-entity-picker";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class StateCondition extends Component {
constructor() {
diff --git a/src/panels/config/js/condition/sun.js b/src/panels/config/js/condition/sun.js
index 5ec8bce6b1a1..793a91af5287 100644
--- a/src/panels/config/js/condition/sun.js
+++ b/src/panels/config/js/condition/sun.js
@@ -1,9 +1,9 @@
import { h, Component } from "preact";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-radio-button/paper-radio-button.js";
-import "@polymer/paper-radio-group/paper-radio-group.js";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-radio-button/paper-radio-button";
+import "@polymer/paper-radio-group/paper-radio-group";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class SunCondition extends Component {
constructor() {
diff --git a/src/panels/config/js/condition/template.js b/src/panels/config/js/condition/template.js
index 1d2f4e64bb77..ba4fc00ba3e5 100644
--- a/src/panels/config/js/condition/template.js
+++ b/src/panels/config/js/condition/template.js
@@ -1,7 +1,7 @@
import { h, Component } from "preact";
-import "../../../../components/ha-textarea.js";
+import "../../../../components/ha-textarea";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class TemplateCondition extends Component {
constructor() {
diff --git a/src/panels/config/js/condition/time.js b/src/panels/config/js/condition/time.js
index d3f19f1b4b5d..269b3dad8b82 100644
--- a/src/panels/config/js/condition/time.js
+++ b/src/panels/config/js/condition/time.js
@@ -1,7 +1,7 @@
import { h, Component } from "preact";
-import "@polymer/paper-input/paper-input.js";
+import "@polymer/paper-input/paper-input";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class TimeCondition extends Component {
constructor() {
diff --git a/src/panels/config/js/condition/zone.js b/src/panels/config/js/condition/zone.js
index f2ffa0fe850b..a09ae77e2ad3 100644
--- a/src/panels/config/js/condition/zone.js
+++ b/src/panels/config/js/condition/zone.js
@@ -1,8 +1,8 @@
import { h, Component } from "preact";
-import "../../../../components/entity/ha-entity-picker.js";
-import { onChangeEvent } from "../../../../common/preact/event.js";
-import hasLocation from "../../../../common/entity/has_location.js";
-import computeStateDomain from "../../../../common/entity/compute_state_domain.js";
+import "../../../../components/entity/ha-entity-picker";
+import { onChangeEvent } from "../../../../common/preact/event";
+import hasLocation from "../../../../common/entity/has_location";
+import computeStateDomain from "../../../../common/entity/compute_state_domain";
function zoneAndLocationFilter(stateObj) {
return hasLocation(stateObj) && computeStateDomain(stateObj) !== "zone";
diff --git a/src/panels/config/js/json_textarea.js b/src/panels/config/js/json_textarea.js
index d3e0da263284..5903673522cb 100644
--- a/src/panels/config/js/json_textarea.js
+++ b/src/panels/config/js/json_textarea.js
@@ -1,5 +1,5 @@
import { h, Component } from "preact";
-import "../../../components/ha-textarea.js";
+import "../../../components/ha-textarea";
export default class JSONTextArea extends Component {
constructor(props) {
diff --git a/src/panels/config/js/script.js b/src/panels/config/js/script.js
index 21dc481e6883..cca985573ab2 100644
--- a/src/panels/config/js/script.js
+++ b/src/panels/config/js/script.js
@@ -1,10 +1,10 @@
import { h, Component } from "preact";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-input/paper-input.js";
-import "../ha-config-section.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-input/paper-input";
+import "../ha-config-section";
-import Script from "./script/index.js";
+import Script from "./script/index";
export default class ScriptEditor extends Component {
constructor() {
diff --git a/src/panels/config/js/script/action_edit.js b/src/panels/config/js/script/action_edit.js
index 53ffa2a6de26..b114ab512e1b 100644
--- a/src/panels/config/js/script/action_edit.js
+++ b/src/panels/config/js/script/action_edit.js
@@ -1,13 +1,13 @@
import { h, Component } from "preact";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu-light.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import "@polymer/paper-item/paper-item.js";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu-light";
+import "@polymer/paper-listbox/paper-listbox";
+import "@polymer/paper-item/paper-item";
-import CallServiceAction from "./call_service.js";
-import ConditionAction from "./condition.js";
-import DelayAction from "./delay.js";
-import EventAction from "./event.js";
-import WaitAction from "./wait.js";
+import CallServiceAction from "./call_service";
+import ConditionAction from "./condition";
+import DelayAction from "./delay";
+import EventAction from "./event";
+import WaitAction from "./wait";
const TYPES = {
service: CallServiceAction,
diff --git a/src/panels/config/js/script/action_row.js b/src/panels/config/js/script/action_row.js
index 9b9c1bc5b921..a83bbaa9ccef 100644
--- a/src/panels/config/js/script/action_row.js
+++ b/src/panels/config/js/script/action_row.js
@@ -1,11 +1,11 @@
import { h, Component } from "preact";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-menu-button/paper-menu-button.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-menu-button/paper-menu-button";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
-import ActionEdit from "./action_edit.js";
+import ActionEdit from "./action_edit";
export default class Action extends Component {
constructor() {
diff --git a/src/panels/config/js/script/call_service.js b/src/panels/config/js/script/call_service.js
index ea6f793d895a..0584e9cc3cda 100644
--- a/src/panels/config/js/script/call_service.js
+++ b/src/panels/config/js/script/call_service.js
@@ -1,7 +1,7 @@
import { h, Component } from "preact";
-import "../../../../components/ha-service-picker.js";
+import "../../../../components/ha-service-picker";
-import JSONTextArea from "../json_textarea.js";
+import JSONTextArea from "../json_textarea";
export default class CallServiceAction extends Component {
constructor() {
diff --git a/src/panels/config/js/script/condition.js b/src/panels/config/js/script/condition.js
index b15ffb84448d..01421c930617 100644
--- a/src/panels/config/js/script/condition.js
+++ b/src/panels/config/js/script/condition.js
@@ -1,7 +1,7 @@
import { h, Component } from "preact";
-import StateCondition from "../condition/state.js";
-import ConditionEdit from "../condition/condition_edit.js";
+import StateCondition from "../condition/state";
+import ConditionEdit from "../condition/condition_edit";
export default class ConditionAction extends Component {
// eslint-disable-next-line
diff --git a/src/panels/config/js/script/delay.js b/src/panels/config/js/script/delay.js
index a14ff39e0983..0fbfcda90d21 100644
--- a/src/panels/config/js/script/delay.js
+++ b/src/panels/config/js/script/delay.js
@@ -1,6 +1,6 @@
import { h, Component } from "preact";
-import "@polymer/paper-input/paper-input.js";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import "@polymer/paper-input/paper-input";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class DelayAction extends Component {
constructor() {
diff --git a/src/panels/config/js/script/event.js b/src/panels/config/js/script/event.js
index 9d53ed6236c4..f11eb12170ae 100644
--- a/src/panels/config/js/script/event.js
+++ b/src/panels/config/js/script/event.js
@@ -1,8 +1,8 @@
import { h, Component } from "preact";
-import "@polymer/paper-input/paper-input.js";
+import "@polymer/paper-input/paper-input";
-import JSONTextArea from "../json_textarea.js";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import JSONTextArea from "../json_textarea";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class EventAction extends Component {
constructor() {
diff --git a/src/panels/config/js/script/index.js b/src/panels/config/js/script/index.js
index bf0eaf6cb557..1874115c530a 100644
--- a/src/panels/config/js/script/index.js
+++ b/src/panels/config/js/script/index.js
@@ -1,8 +1,8 @@
import { h, Component } from "preact";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-button/paper-button.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-button/paper-button";
-import ActionRow from "./action_row.js";
+import ActionRow from "./action_row";
export default class Script extends Component {
constructor() {
diff --git a/src/panels/config/js/script/wait.js b/src/panels/config/js/script/wait.js
index ce258afa79f9..9691d92a0f80 100644
--- a/src/panels/config/js/script/wait.js
+++ b/src/panels/config/js/script/wait.js
@@ -1,9 +1,9 @@
import { h, Component } from "preact";
-import "@polymer/paper-input/paper-input.js";
+import "@polymer/paper-input/paper-input";
-import "../../../../components/ha-textarea.js";
+import "../../../../components/ha-textarea";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class WaitAction extends Component {
constructor() {
diff --git a/src/panels/config/js/trigger/event.js b/src/panels/config/js/trigger/event.js
index 2f9cb07b34a3..c41a2faf1c4b 100644
--- a/src/panels/config/js/trigger/event.js
+++ b/src/panels/config/js/trigger/event.js
@@ -1,8 +1,8 @@
import { h, Component } from "preact";
-import "@polymer/paper-input/paper-input.js";
+import "@polymer/paper-input/paper-input";
-import JSONTextArea from "../json_textarea.js";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import JSONTextArea from "../json_textarea";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class EventTrigger extends Component {
constructor() {
diff --git a/src/panels/config/js/trigger/homeassistant.js b/src/panels/config/js/trigger/homeassistant.js
index 90ecc31b64cb..732a5499875e 100644
--- a/src/panels/config/js/trigger/homeassistant.js
+++ b/src/panels/config/js/trigger/homeassistant.js
@@ -1,6 +1,6 @@
import { h, Component } from "preact";
-import "@polymer/paper-radio-button/paper-radio-button.js";
-import "@polymer/paper-radio-group/paper-radio-group.js";
+import "@polymer/paper-radio-button/paper-radio-button";
+import "@polymer/paper-radio-group/paper-radio-group";
export default class HassTrigger extends Component {
constructor() {
diff --git a/src/panels/config/js/trigger/index.js b/src/panels/config/js/trigger/index.js
index aa160bc625e7..6ae1411d16cd 100644
--- a/src/panels/config/js/trigger/index.js
+++ b/src/panels/config/js/trigger/index.js
@@ -1,9 +1,9 @@
import { h, Component } from "preact";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-button/paper-button.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-button/paper-button";
-import TriggerRow from "./trigger_row.js";
-import StateTrigger from "./state.js";
+import TriggerRow from "./trigger_row";
+import StateTrigger from "./state";
export default class Trigger extends Component {
constructor() {
diff --git a/src/panels/config/js/trigger/mqtt.js b/src/panels/config/js/trigger/mqtt.js
index 9dfd9945e003..f59c7618f573 100644
--- a/src/panels/config/js/trigger/mqtt.js
+++ b/src/panels/config/js/trigger/mqtt.js
@@ -1,7 +1,7 @@
import { h, Component } from "preact";
-import "@polymer/paper-input/paper-input.js";
+import "@polymer/paper-input/paper-input";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class MQTTTrigger extends Component {
constructor() {
diff --git a/src/panels/config/js/trigger/numeric_state.js b/src/panels/config/js/trigger/numeric_state.js
index 03903904216c..41cf07838d39 100644
--- a/src/panels/config/js/trigger/numeric_state.js
+++ b/src/panels/config/js/trigger/numeric_state.js
@@ -1,10 +1,10 @@
import { h, Component } from "preact";
-import "@polymer/paper-input/paper-input.js";
-import "../../../../components/ha-textarea.js";
+import "@polymer/paper-input/paper-input";
+import "../../../../components/ha-textarea";
-import "../../../../components/entity/ha-entity-picker.js";
+import "../../../../components/entity/ha-entity-picker";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class NumericStateTrigger extends Component {
constructor() {
diff --git a/src/panels/config/js/trigger/state.js b/src/panels/config/js/trigger/state.js
index 4c461f3e2b99..fe3d4e7accd1 100644
--- a/src/panels/config/js/trigger/state.js
+++ b/src/panels/config/js/trigger/state.js
@@ -1,9 +1,9 @@
import { h, Component } from "preact";
-import "@polymer/paper-input/paper-input.js";
-import "../../../../components/entity/ha-entity-picker.js";
+import "@polymer/paper-input/paper-input";
+import "../../../../components/entity/ha-entity-picker";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class StateTrigger extends Component {
constructor() {
diff --git a/src/panels/config/js/trigger/sun.js b/src/panels/config/js/trigger/sun.js
index 0203c7d13d7d..a0bd5bc99082 100644
--- a/src/panels/config/js/trigger/sun.js
+++ b/src/panels/config/js/trigger/sun.js
@@ -1,10 +1,10 @@
import { h, Component } from "preact";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-radio-button/paper-radio-button.js";
-import "@polymer/paper-radio-group/paper-radio-group.js";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-radio-button/paper-radio-button";
+import "@polymer/paper-radio-group/paper-radio-group";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class SunTrigger extends Component {
constructor() {
diff --git a/src/panels/config/js/trigger/template.js b/src/panels/config/js/trigger/template.js
index 9c1d1c5f3de0..f23152838cc2 100644
--- a/src/panels/config/js/trigger/template.js
+++ b/src/panels/config/js/trigger/template.js
@@ -1,8 +1,8 @@
import { h, Component } from "preact";
-import "../../../../components/ha-textarea.js";
+import "../../../../components/ha-textarea";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class TemplateTrigger extends Component {
constructor() {
diff --git a/src/panels/config/js/trigger/time.js b/src/panels/config/js/trigger/time.js
index b4e226f71242..dd2c4c535dbe 100644
--- a/src/panels/config/js/trigger/time.js
+++ b/src/panels/config/js/trigger/time.js
@@ -1,8 +1,8 @@
import { h, Component } from "preact";
-import "@polymer/paper-input/paper-input.js";
+import "@polymer/paper-input/paper-input";
-import { onChangeEvent } from "../../../../common/preact/event.js";
+import { onChangeEvent } from "../../../../common/preact/event";
export default class TimeTrigger extends Component {
constructor() {
diff --git a/src/panels/config/js/trigger/trigger_edit.js b/src/panels/config/js/trigger/trigger_edit.js
index 479285103e6c..6af80b3dea08 100644
--- a/src/panels/config/js/trigger/trigger_edit.js
+++ b/src/panels/config/js/trigger/trigger_edit.js
@@ -1,18 +1,18 @@
import { h, Component } from "preact";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu-light.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu-light";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
-import EventTrigger from "./event.js";
-import HassTrigger from "./homeassistant.js";
-import MQTTTrigger from "./mqtt.js";
-import NumericStateTrigger from "./numeric_state.js";
-import StateTrigger from "./state.js";
-import SunTrigger from "./sun.js";
-import TemplateTrigger from "./template.js";
-import TimeTrigger from "./time.js";
-import ZoneTrigger from "./zone.js";
+import EventTrigger from "./event";
+import HassTrigger from "./homeassistant";
+import MQTTTrigger from "./mqtt";
+import NumericStateTrigger from "./numeric_state";
+import StateTrigger from "./state";
+import SunTrigger from "./sun";
+import TemplateTrigger from "./template";
+import TimeTrigger from "./time";
+import ZoneTrigger from "./zone";
const TYPES = {
event: EventTrigger,
diff --git a/src/panels/config/js/trigger/trigger_row.js b/src/panels/config/js/trigger/trigger_row.js
index 8030f1b41005..13f3a542dea1 100644
--- a/src/panels/config/js/trigger/trigger_row.js
+++ b/src/panels/config/js/trigger/trigger_row.js
@@ -1,11 +1,11 @@
import { h, Component } from "preact";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-menu-button/paper-menu-button.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-menu-button/paper-menu-button";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
-import TriggerEdit from "./trigger_edit.js";
+import TriggerEdit from "./trigger_edit";
export default class TriggerRow extends Component {
constructor() {
diff --git a/src/panels/config/js/trigger/zone.js b/src/panels/config/js/trigger/zone.js
index 528ecc5568e7..be3b385a0160 100644
--- a/src/panels/config/js/trigger/zone.js
+++ b/src/panels/config/js/trigger/zone.js
@@ -1,11 +1,11 @@
import { h, Component } from "preact";
-import "@polymer/paper-radio-button/paper-radio-button.js";
-import "@polymer/paper-radio-group/paper-radio-group.js";
-import "../../../../components/entity/ha-entity-picker.js";
+import "@polymer/paper-radio-button/paper-radio-button";
+import "@polymer/paper-radio-group/paper-radio-group";
+import "../../../../components/entity/ha-entity-picker";
-import { onChangeEvent } from "../../../../common/preact/event.js";
-import hasLocation from "../../../../common/entity/has_location.js";
-import computeStateDomain from "../../../../common/entity/compute_state_domain.js";
+import { onChangeEvent } from "../../../../common/preact/event";
+import hasLocation from "../../../../common/entity/has_location";
+import computeStateDomain from "../../../../common/entity/compute_state_domain";
function zoneAndLocationFilter(stateObj) {
return hasLocation(stateObj) && computeStateDomain(stateObj) !== "zone";
diff --git a/src/panels/config/script/ha-config-script.js b/src/panels/config/script/ha-config-script.js
index 3fde65eb3b7c..0790d7d3beba 100644
--- a/src/panels/config/script/ha-config-script.js
+++ b/src/panels/config/script/ha-config-script.js
@@ -1,12 +1,12 @@
-import "@polymer/app-route/app-route.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-route/app-route";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./ha-script-editor.js";
-import "./ha-script-picker.js";
+import "./ha-script-editor";
+import "./ha-script-picker";
-import computeStateName from "../../../common/entity/compute_state_name.js";
-import computeStateDomain from "../../../common/entity/compute_state_domain.js";
+import computeStateName from "../../../common/entity/compute_state_name";
+import computeStateDomain from "../../../common/entity/compute_state_domain";
class HaConfigScript extends PolymerElement {
static get template() {
diff --git a/src/panels/config/script/ha-script-editor.js b/src/panels/config/script/ha-script-editor.js
index 34dd73a56adc..67876c38f4af 100644
--- a/src/panels/config/script/ha-script-editor.js
+++ b/src/panels/config/script/ha-script-editor.js
@@ -1,20 +1,20 @@
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-fab/paper-fab.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-fab/paper-fab";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
import { h, render } from "preact";
-import "../../../layouts/ha-app-layout.js";
+import "../../../layouts/ha-app-layout";
-import Script from "../js/script.js";
-import unmountPreact from "../../../common/preact/unmount.js";
+import Script from "../js/script";
+import unmountPreact from "../../../common/preact/unmount";
-import computeObjectId from "../../../common/entity/compute_object_id.js";
-import computeStateName from "../../../common/entity/compute_state_name.js";
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import computeObjectId from "../../../common/entity/compute_object_id";
+import computeStateName from "../../../common/entity/compute_state_name";
+import NavigateMixin from "../../../mixins/navigate-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
function ScriptEditor(mountEl, props, mergeEl) {
return render(h(Script, props), mountEl, mergeEl);
diff --git a/src/panels/config/script/ha-script-picker.js b/src/panels/config/script/ha-script-picker.js
index 5055c9faebac..d69917f988cd 100644
--- a/src/panels/config/script/ha-script-picker.js
+++ b/src/panels/config/script/ha-script-picker.js
@@ -1,20 +1,20 @@
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-fab/paper-fab.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-item/paper-item-body.js";
-import "@polymer/paper-item/paper-item.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../layouts/ha-app-layout.js";
-
-import "../ha-config-section.js";
-
-import computeStateName from "../../../common/entity/compute_state_name.js";
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-fab/paper-fab";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-item/paper-item-body";
+import "@polymer/paper-item/paper-item";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../layouts/ha-app-layout";
+
+import "../ha-config-section";
+
+import computeStateName from "../../../common/entity/compute_state_name";
+import NavigateMixin from "../../../mixins/navigate-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/config/users/ha-config-users.js b/src/panels/config/users/ha-config-users.js
index 4e5791d53e11..6d3f4d2de029 100644
--- a/src/panels/config/users/ha-config-users.js
+++ b/src/panels/config/users/ha-config-users.js
@@ -1,14 +1,14 @@
-import "@polymer/app-route/app-route.js";
-import { timeOut } from "@polymer/polymer/lib/utils/async.js";
-import { Debouncer } from "@polymer/polymer/lib/utils/debounce.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-route/app-route";
+import { timeOut } from "@polymer/polymer/lib/utils/async";
+import { Debouncer } from "@polymer/polymer/lib/utils/debounce";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
+import NavigateMixin from "../../../mixins/navigate-mixin";
-import "./ha-user-picker.js";
-import "./ha-user-editor.js";
-import { fireEvent } from "../../../common/dom/fire_event.js";
+import "./ha-user-picker";
+import "./ha-user-editor";
+import { fireEvent } from "../../../common/dom/fire_event";
/*
* @appliesMixin NavigateMixin
diff --git a/src/panels/config/users/ha-dialog-add-user.js b/src/panels/config/users/ha-dialog-add-user.js
index 0373738cafbc..65f25d7f1fb5 100644
--- a/src/panels/config/users/ha-dialog-add-user.js
+++ b/src/panels/config/users/ha-dialog-add-user.js
@@ -1,12 +1,12 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-dialog/paper-dialog.js";
-import "@polymer/paper-spinner/paper-spinner.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-dialog/paper-dialog";
+import "@polymer/paper-spinner/paper-spinner";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../resources/ha-style.js";
+import "../../../resources/ha-style";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/config/users/ha-user-editor.js b/src/panels/config/users/ha-user-editor.js
index b45ad27701c1..5de48d39151e 100644
--- a/src/panels/config/users/ha-user-editor.js
+++ b/src/panels/config/users/ha-user-editor.js
@@ -1,12 +1,12 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-card/paper-card.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-card/paper-card";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../layouts/hass-subpage.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
-import EventsMixin from "../../../mixins/events-mixin.js";
+import "../../../layouts/hass-subpage";
+import LocalizeMixin from "../../../mixins/localize-mixin";
+import NavigateMixin from "../../../mixins/navigate-mixin";
+import EventsMixin from "../../../mixins/events-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/config/users/ha-user-picker.js b/src/panels/config/users/ha-user-picker.js
index d09c1e7ecfd3..4c3d8e961d6e 100644
--- a/src/panels/config/users/ha-user-picker.js
+++ b/src/panels/config/users/ha-user-picker.js
@@ -1,15 +1,15 @@
-import "@polymer/paper-fab/paper-fab.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-item/paper-item-body.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-fab/paper-fab";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-item/paper-item-body";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../layouts/hass-subpage.js";
+import "../../../layouts/hass-subpage";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
-import EventsMixin from "../../../mixins/events-mixin.js";
+import LocalizeMixin from "../../../mixins/localize-mixin";
+import NavigateMixin from "../../../mixins/navigate-mixin";
+import EventsMixin from "../../../mixins/events-mixin";
let registeredDialog = false;
@@ -90,7 +90,7 @@ class HaUserPicker extends EventsMixin(
this.fire("register-dialog", {
dialogShowEvent: "show-add-user",
dialogTag: "ha-dialog-add-user",
- dialogImport: () => import("./ha-dialog-add-user.js"),
+ dialogImport: () => import("./ha-dialog-add-user"),
});
}
}
diff --git a/src/panels/config/zwave/ha-config-zwave.js b/src/panels/config/zwave/ha-config-zwave.js
index 832c8b7bf7ef..03ec58f05fb4 100644
--- a/src/panels/config/zwave/ha-config-zwave.js
+++ b/src/panels/config/zwave/ha-config-zwave.js
@@ -1,35 +1,35 @@
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/buttons/ha-call-service-button.js";
-import "../../../components/ha-menu-button.js";
-import "../../../components/ha-service-description.js";
-import "../../../layouts/ha-app-layout.js";
-import "../../../resources/ha-style.js";
-
-import "../ha-config-section.js";
-import "../ha-form-style.js";
-import "./zwave-groups.js";
-import "./zwave-log.js";
-import "./zwave-network.js";
-import "./zwave-node-config.js";
-import "./zwave-usercodes.js";
-import "./zwave-values.js";
-import "./zwave-node-protection.js";
-
-import sortByName from "../../../common/entity/states_sort_by_name.js";
-import computeStateName from "../../../common/entity/compute_state_name.js";
-import computeStateDomain from "../../../common/entity/compute_state_domain.js";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/buttons/ha-call-service-button";
+import "../../../components/ha-menu-button";
+import "../../../components/ha-service-description";
+import "../../../layouts/ha-app-layout";
+import "../../../resources/ha-style";
+
+import "../ha-config-section";
+import "../ha-form-style";
+import "./zwave-groups";
+import "./zwave-log";
+import "./zwave-network";
+import "./zwave-node-config";
+import "./zwave-usercodes";
+import "./zwave-values";
+import "./zwave-node-protection";
+
+import sortByName from "../../../common/entity/states_sort_by_name";
+import computeStateName from "../../../common/entity/compute_state_name";
+import computeStateDomain from "../../../common/entity/compute_state_domain";
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
@@ -297,7 +297,7 @@ class HaConfigZwave extends LocalizeMixin(EventsMixin(PolymerElement)) {
selected-node="[[selectedNode]]"
protection="[[_protection]]"
>
-
+
diff --git a/src/panels/config/zwave/zwave-groups.js b/src/panels/config/zwave/zwave-groups.js
index 45bde5d3f5a5..aca7718ffe13 100644
--- a/src/panels/config/zwave/zwave-groups.js
+++ b/src/panels/config/zwave/zwave-groups.js
@@ -1,13 +1,13 @@
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/buttons/ha-call-service-button.js";
+import "../../../components/buttons/ha-call-service-button";
-import computeStateName from "../../../common/entity/compute_state_name.js";
+import computeStateName from "../../../common/entity/compute_state_name";
class ZwaveGroups extends PolymerElement {
static get template() {
diff --git a/src/panels/config/zwave/zwave-log-dialog.js b/src/panels/config/zwave/zwave-log-dialog.js
index f2e9ed320b9b..799234ccdfc6 100644
--- a/src/panels/config/zwave/zwave-log-dialog.js
+++ b/src/panels/config/zwave/zwave-log-dialog.js
@@ -1,11 +1,11 @@
-import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js";
-import "@polymer/paper-dialog/paper-dialog.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable";
+import "@polymer/paper-dialog/paper-dialog";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../resources/ha-style.js";
+import "../../../resources/ha-style";
-import EventsMixin from "../../../mixins/events-mixin.js";
+import EventsMixin from "../../../mixins/events-mixin";
class ZwaveLogDialog extends EventsMixin(PolymerElement) {
static get template() {
diff --git a/src/panels/config/zwave/zwave-log.js b/src/panels/config/zwave/zwave-log.js
index ef6727f3abe7..866869ca414f 100644
--- a/src/panels/config/zwave/zwave-log.js
+++ b/src/panels/config/zwave/zwave-log.js
@@ -1,15 +1,15 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-checkbox/paper-checkbox.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-dialog/paper-dialog.js";
-import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import isPwa from "../../../common/config/is_pwa.js";
-
-import "../ha-config-section.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-checkbox/paper-checkbox";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-dialog/paper-dialog";
+import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import EventsMixin from "../../../mixins/events-mixin";
+import isPwa from "../../../common/config/is_pwa";
+
+import "../ha-config-section";
let registeredDialog = false;
@@ -42,7 +42,7 @@ class OzwLog extends EventsMixin(PolymerElement) {
-
Load
+
Load
Tail
@@ -133,7 +133,7 @@ class OzwLog extends EventsMixin(PolymerElement) {
this.fire("register-dialog", {
dialogShowEvent: "show-ozwlog-dialog",
dialogTag: "zwave-log-dialog",
- dialogImport: () => import("./zwave-log-dialog.js"),
+ dialogImport: () => import("./zwave-log-dialog"),
});
}
}
diff --git a/src/panels/config/zwave/zwave-network.js b/src/panels/config/zwave/zwave-network.js
index a22f39025414..826a6dbc91d6 100644
--- a/src/panels/config/zwave/zwave-network.js
+++ b/src/panels/config/zwave/zwave-network.js
@@ -1,12 +1,12 @@
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/buttons/ha-call-api-button.js";
-import "../../../components/buttons/ha-call-service-button.js";
-import "../../../components/ha-service-description.js";
-import "../ha-config-section.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-icon-button/paper-icon-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/buttons/ha-call-api-button";
+import "../../../components/buttons/ha-call-service-button";
+import "../../../components/ha-service-description";
+import "../ha-config-section";
class ZwaveNetwork extends PolymerElement {
static get template() {
diff --git a/src/panels/config/zwave/zwave-node-config.js b/src/panels/config/zwave/zwave-node-config.js
index 5c659a91dfe7..80743c5182e5 100644
--- a/src/panels/config/zwave/zwave-node-config.js
+++ b/src/panels/config/zwave/zwave-node-config.js
@@ -1,12 +1,12 @@
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/buttons/ha-call-service-button.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/buttons/ha-call-service-button";
class ZwaveNodeConfig extends PolymerElement {
static get template() {
diff --git a/src/panels/config/zwave/zwave-node-protection.js b/src/panels/config/zwave/zwave-node-protection.js
index cc5a170513d6..c25be2a34839 100644
--- a/src/panels/config/zwave/zwave-node-protection.js
+++ b/src/panels/config/zwave/zwave-node-protection.js
@@ -1,12 +1,12 @@
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/buttons/ha-call-api-button.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/buttons/ha-call-api-button";
class ZwaveNodeProtection extends PolymerElement {
static get template() {
diff --git a/src/panels/config/zwave/zwave-usercodes.js b/src/panels/config/zwave/zwave-usercodes.js
index 0e1f2295b3ad..54440313ba60 100644
--- a/src/panels/config/zwave/zwave-usercodes.js
+++ b/src/panels/config/zwave/zwave-usercodes.js
@@ -1,12 +1,12 @@
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/buttons/ha-call-service-button.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/buttons/ha-call-service-button";
class ZwaveUsercodes extends PolymerElement {
static get template() {
diff --git a/src/panels/config/zwave/zwave-values.js b/src/panels/config/zwave/zwave-values.js
index d5928c7a321b..a1128bda584e 100644
--- a/src/panels/config/zwave/zwave-values.js
+++ b/src/panels/config/zwave/zwave-values.js
@@ -1,11 +1,11 @@
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/buttons/ha-call-service-button.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/buttons/ha-call-service-button";
class ZwaveValues extends PolymerElement {
static get template() {
diff --git a/src/panels/custom/ha-panel-custom.js b/src/panels/custom/ha-panel-custom.js
index cea0b0507e8a..d0a60efae84c 100644
--- a/src/panels/custom/ha-panel-custom.js
+++ b/src/panels/custom/ha-panel-custom.js
@@ -1,10 +1,10 @@
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../../mixins/events-mixin.js";
-import NavigateMixin from "../../mixins/navigate-mixin.js";
-import loadCustomPanel from "../../util/custom-panel/load-custom-panel.js";
-import createCustomPanelElement from "../../util/custom-panel/create-custom-panel-element.js";
-import setCustomPanelProperties from "../../util/custom-panel/set-custom-panel-properties.js";
+import EventsMixin from "../../mixins/events-mixin";
+import NavigateMixin from "../../mixins/navigate-mixin";
+import loadCustomPanel from "../../util/custom-panel/load-custom-panel";
+import createCustomPanelElement from "../../util/custom-panel/create-custom-panel-element";
+import setCustomPanelProperties from "../../util/custom-panel/set-custom-panel-properties";
/*
* Mixins are used by ifram to communicate with main frontend.
diff --git a/src/panels/dev-event/events-list.js b/src/panels/dev-event/events-list.js
index f3c33190d98c..249d060f910e 100644
--- a/src/panels/dev-event/events-list.js
+++ b/src/panels/dev-event/events-list.js
@@ -1,7 +1,7 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../../mixins/events-mixin.js";
+import EventsMixin from "../../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/panels/dev-event/ha-panel-dev-event.js b/src/panels/dev-event/ha-panel-dev-event.js
index 7addfe31dec1..41f332bc060b 100644
--- a/src/panels/dev-event/ha-panel-dev-event.js
+++ b/src/panels/dev-event/ha-panel-dev-event.js
@@ -1,17 +1,17 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout.js";
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-input/paper-textarea.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../components/ha-menu-button.js";
-import "../../resources/ha-style.js";
-import "./events-list.js";
-import EventsMixin from "../../mixins/events-mixin.js";
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-input/paper-textarea";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../components/ha-menu-button";
+import "../../resources/ha-style";
+import "./events-list";
+import EventsMixin from "../../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/panels/dev-info/ha-loaded-components.js b/src/panels/dev-info/ha-loaded-components.js
index 3c42576ab6ae..30ec7f06bedc 100644
--- a/src/panels/dev-info/ha-loaded-components.js
+++ b/src/panels/dev-info/ha-loaded-components.js
@@ -1,11 +1,11 @@
-import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js";
-import "@polymer/paper-dialog/paper-dialog.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable";
+import "@polymer/paper-dialog/paper-dialog";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../resources/ha-style.js";
+import "../../resources/ha-style";
-import EventsMixin from "../../mixins/events-mixin.js";
+import EventsMixin from "../../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/panels/dev-info/ha-panel-dev-info.js b/src/panels/dev-info/ha-panel-dev-info.js
index 49c4bc30a64a..bd827a6e4a78 100644
--- a/src/panels/dev-info/ha-panel-dev-info.js
+++ b/src/panels/dev-info/ha-panel-dev-info.js
@@ -1,24 +1,24 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout.js";
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js";
-import "@polymer/paper-dialog/paper-dialog.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-item/paper-item-body.js";
-import "@polymer/paper-item/paper-item.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../components/buttons/ha-call-service-button.js";
-import "../../components/ha-menu-button.js";
-import "../../resources/ha-style.js";
-
-import formatDateTime from "../../common/datetime/format_date_time.js";
-import formatTime from "../../common/datetime/format_time.js";
-
-import EventsMixin from "../../mixins/events-mixin.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable";
+import "@polymer/paper-dialog/paper-dialog";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-item/paper-item-body";
+import "@polymer/paper-item/paper-item";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../components/buttons/ha-call-service-button";
+import "../../components/ha-menu-button";
+import "../../resources/ha-style";
+
+import formatDateTime from "../../common/datetime/format_date_time";
+import formatTime from "../../common/datetime/format_time";
+
+import EventsMixin from "../../mixins/events-mixin";
+import LocalizeMixin from "../../mixins/localize-mixin";
let registeredDialog = false;
@@ -311,7 +311,7 @@ class HaPanelDevInfo extends EventsMixin(LocalizeMixin(PolymerElement)) {
this.fire("register-dialog", {
dialogShowEvent: "show-loaded-components",
dialogTag: "ha-loaded-components",
- dialogImport: () => import("./ha-loaded-components.js"),
+ dialogImport: () => import("./ha-loaded-components"),
});
}
diff --git a/src/panels/dev-mqtt/ha-panel-dev-mqtt.js b/src/panels/dev-mqtt/ha-panel-dev-mqtt.js
index 7fddd12cd113..503bed8b18ec 100644
--- a/src/panels/dev-mqtt/ha-panel-dev-mqtt.js
+++ b/src/panels/dev-mqtt/ha-panel-dev-mqtt.js
@@ -1,16 +1,16 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout.js";
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-input/paper-textarea.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-input/paper-textarea";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../components/ha-menu-button.js";
-import "../../resources/ha-style.js";
-import "../../util/app-localstorage-document.js";
+import "../../components/ha-menu-button";
+import "../../resources/ha-style";
+import "../../util/app-localstorage-document";
class HaPanelDevMqtt extends PolymerElement {
static get template() {
diff --git a/src/panels/dev-service/ha-panel-dev-service.js b/src/panels/dev-service/ha-panel-dev-service.js
index b154d33aa7e0..7459810fc09a 100644
--- a/src/panels/dev-service/ha-panel-dev-service.js
+++ b/src/panels/dev-service/ha-panel-dev-service.js
@@ -1,16 +1,16 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout.js";
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-input/paper-textarea.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../components/entity/ha-entity-picker.js";
-import "../../components/ha-menu-button.js";
-import "../../components/ha-service-picker.js";
-import "../../resources/ha-style.js";
-import "../../util/app-localstorage-document.js";
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-input/paper-textarea";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../components/entity/ha-entity-picker";
+import "../../components/ha-menu-button";
+import "../../components/ha-service-picker";
+import "../../resources/ha-style";
+import "../../util/app-localstorage-document";
const ERROR_SENTINEL = {};
class HaPanelDevService extends PolymerElement {
diff --git a/src/panels/dev-state/ha-panel-dev-state.js b/src/panels/dev-state/ha-panel-dev-state.js
index 339a62b330e6..4979fe85cf50 100644
--- a/src/panels/dev-state/ha-panel-dev-state.js
+++ b/src/panels/dev-state/ha-panel-dev-state.js
@@ -1,17 +1,17 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout.js";
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-checkbox/paper-checkbox.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-input/paper-textarea.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../components/entity/ha-entity-picker.js";
-import "../../components/ha-menu-button.js";
-import "../../resources/ha-style.js";
-import EventsMixin from "../../mixins/events-mixin.js";
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-checkbox/paper-checkbox";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-input/paper-textarea";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../components/entity/ha-entity-picker";
+import "../../components/ha-menu-button";
+import "../../resources/ha-style";
+import EventsMixin from "../../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
@@ -98,7 +98,7 @@ class HaPanelDevState extends EventsMixin(PolymerElement) {
value='{{_state}}'
class='state-input'
>
-
{
diff --git a/src/panels/lovelace/cards/hui-gauge-card.ts b/src/panels/lovelace/cards/hui-gauge-card.ts
index 4f04285ce8bf..92ddcb9d1e95 100644
--- a/src/panels/lovelace/cards/hui-gauge-card.ts
+++ b/src/panels/lovelace/cards/hui-gauge-card.ts
@@ -4,13 +4,13 @@ import {
PropertyDeclarations,
PropertyValues,
} from "@polymer/lit-element";
-import { LovelaceCard, LovelaceConfig } from "../types.js";
-import { HomeAssistant } from "../../../types.js";
-import { fireEvent } from "../../../common/dom/fire_event.js";
+import { LovelaceCard, LovelaceConfig } from "../types";
+import { HomeAssistant } from "../../../types";
+import { fireEvent } from "../../../common/dom/fire_event";
import { TemplateResult } from "lit-html";
-import isValidEntityId from "../../../common/entity/valid_entity_id.js";
+import isValidEntityId from "../../../common/entity/valid_entity_id";
-import "../../../components/ha-card.js";
+import "../../../components/ha-card";
interface Config extends LovelaceConfig {
entity: string;
diff --git a/src/panels/lovelace/cards/hui-glance-card.ts b/src/panels/lovelace/cards/hui-glance-card.ts
index 594effabfa0a..6e7695a01838 100644
--- a/src/panels/lovelace/cards/hui-glance-card.ts
+++ b/src/panels/lovelace/cards/hui-glance-card.ts
@@ -1,21 +1,21 @@
import { html, LitElement } from "@polymer/lit-element";
-import { classMap } from "lit-html/directives/classMap.js";
+import { classMap } from "lit-html/directives/classMap";
-import computeStateDisplay from "../../../common/entity/compute_state_display.js";
-import computeStateName from "../../../common/entity/compute_state_name.js";
+import computeStateDisplay from "../../../common/entity/compute_state_display";
+import computeStateName from "../../../common/entity/compute_state_name";
import processConfigEntities from "../common/process-config-entities";
-import applyThemesOnElement from "../../../common/dom/apply_themes_on_element.js";
+import applyThemesOnElement from "../../../common/dom/apply_themes_on_element";
-import toggleEntity from "../common/entity/toggle-entity.js";
+import toggleEntity from "../common/entity/toggle-entity";
-import "../../../components/entity/state-badge.js";
-import "../../../components/ha-card.js";
-import "../../../components/ha-icon.js";
+import "../../../components/entity/state-badge";
+import "../../../components/ha-card";
+import "../../../components/ha-icon";
-import { fireEvent } from "../../../common/dom/fire_event.js";
+import { fireEvent } from "../../../common/dom/fire_event";
import { hassLocalizeLitMixin } from "../../../mixins/lit-localize-mixin";
-import { HomeAssistant } from "../../../types.js";
-import { LovelaceCard, LovelaceConfig } from "../types.js";
+import { HomeAssistant } from "../../../types";
+import { LovelaceCard, LovelaceConfig } from "../types";
import { longPress } from "../common/directives/long-press-directive";
interface EntityConfig {
diff --git a/src/panels/lovelace/cards/hui-history-graph-card.js b/src/panels/lovelace/cards/hui-history-graph-card.js
index 7a3f4dfdb8a4..7ed24c4d2851 100644
--- a/src/panels/lovelace/cards/hui-history-graph-card.js
+++ b/src/panels/lovelace/cards/hui-history-graph-card.js
@@ -1,11 +1,11 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/ha-card.js";
-import "../../../components/state-history-charts.js";
+import "../../../components/ha-card";
+import "../../../components/state-history-charts";
import "../../../data/ha-state-history-data";
-import processConfigEntities from "../common/process-config-entities.js";
+import processConfigEntities from "../common/process-config-entities";
class HuiHistoryGraphCard extends PolymerElement {
static get template() {
diff --git a/src/panels/lovelace/cards/hui-horizontal-stack-card.ts b/src/panels/lovelace/cards/hui-horizontal-stack-card.ts
index ba9d1dff0f6b..da193c0fabb2 100644
--- a/src/panels/lovelace/cards/hui-horizontal-stack-card.ts
+++ b/src/panels/lovelace/cards/hui-horizontal-stack-card.ts
@@ -1,7 +1,7 @@
import { html } from "@polymer/lit-element";
import { TemplateResult } from "lit-html";
-import computeCardSize from "../common/compute-card-size.js";
+import computeCardSize from "../common/compute-card-size";
import { HuiStackCard } from "./hui-stack-card";
diff --git a/src/panels/lovelace/cards/hui-iframe-card.ts b/src/panels/lovelace/cards/hui-iframe-card.ts
index 6530a7c13d5a..13827cc89e54 100644
--- a/src/panels/lovelace/cards/hui-iframe-card.ts
+++ b/src/panels/lovelace/cards/hui-iframe-card.ts
@@ -1,8 +1,8 @@
import { html, LitElement, PropertyDeclarations } from "@polymer/lit-element";
-import "../../../components/ha-card.js";
+import "../../../components/ha-card";
-import { LovelaceCard, LovelaceConfig } from "../types.js";
+import { LovelaceCard, LovelaceConfig } from "../types";
import { TemplateResult } from "lit-html";
interface Config extends LovelaceConfig {
diff --git a/src/panels/lovelace/cards/hui-legacy-wrapper-card.js b/src/panels/lovelace/cards/hui-legacy-wrapper-card.js
index dda181d13f2d..b9957c41bbba 100644
--- a/src/panels/lovelace/cards/hui-legacy-wrapper-card.js
+++ b/src/panels/lovelace/cards/hui-legacy-wrapper-card.js
@@ -1,5 +1,5 @@
-import createErrorCardConfig from "../common/create-error-card-config.js";
-import computeDomain from "../../../common/entity/compute_domain.js";
+import createErrorCardConfig from "../common/create-error-card-config";
+import computeDomain from "../../../common/entity/compute_domain";
export default class LegacyWrapperCard extends HTMLElement {
constructor(tag, domain) {
diff --git a/src/panels/lovelace/cards/hui-light-card.ts b/src/panels/lovelace/cards/hui-light-card.ts
index cacacc7efcb7..d8f97ca0292f 100644
--- a/src/panels/lovelace/cards/hui-light-card.ts
+++ b/src/panels/lovelace/cards/hui-light-card.ts
@@ -4,19 +4,19 @@ import {
PropertyValues,
PropertyDeclarations,
} from "@polymer/lit-element";
-import { fireEvent } from "../../../common/dom/fire_event.js";
-import { styleMap } from "lit-html/directives/styleMap.js";
-import computeStateName from "../../../common/entity/compute_state_name.js";
-import stateIcon from "../../../common/entity/state_icon.js";
+import { fireEvent } from "../../../common/dom/fire_event";
+import { styleMap } from "lit-html/directives/styleMap";
+import computeStateName from "../../../common/entity/compute_state_name";
+import stateIcon from "../../../common/entity/state_icon";
import { jQuery } from "../../../resources/jquery";
-import "../../../components/ha-card.js";
-import "../../../components/ha-icon.js";
+import "../../../components/ha-card";
+import "../../../components/ha-icon";
import { roundSliderStyle } from "../../../resources/jquery.roundslider";
-import { HomeAssistant, LightEntity } from "../../../types.js";
+import { HomeAssistant, LightEntity } from "../../../types";
import { hassLocalizeLitMixin } from "../../../mixins/lit-localize-mixin";
-import { LovelaceCard, LovelaceConfig } from "../types.js";
+import { LovelaceCard, LovelaceConfig } from "../types";
import { longPress } from "../common/directives/long-press-directive";
import { TemplateResult } from "lit-html";
diff --git a/src/panels/lovelace/cards/hui-map-card.js b/src/panels/lovelace/cards/hui-map-card.js
index 4bc17097f75b..814b2ba64467 100644
--- a/src/panels/lovelace/cards/hui-map-card.js
+++ b/src/panels/lovelace/cards/hui-map-card.js
@@ -1,15 +1,15 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import "@polymer/paper-icon-button/paper-icon-button";
import Leaflet from "leaflet";
-import "../../map/ha-entity-marker.js";
+import "../../map/ha-entity-marker";
-import setupLeafletMap from "../../../common/dom/setup-leaflet-map.js";
-import processConfigEntities from "../common/process-config-entities.js";
-import computeStateDomain from "../../../common/entity/compute_state_domain.js";
-import computeStateName from "../../../common/entity/compute_state_name.js";
-import debounce from "../../../common/util/debounce.js";
+import setupLeafletMap from "../../../common/dom/setup-leaflet-map";
+import processConfigEntities from "../common/process-config-entities";
+import computeStateDomain from "../../../common/entity/compute_state_domain";
+import computeStateName from "../../../common/entity/compute_state_name";
+import debounce from "../../../common/util/debounce";
Leaflet.Icon.Default.imagePath = "/static/images/leaflet";
diff --git a/src/panels/lovelace/cards/hui-markdown-card.ts b/src/panels/lovelace/cards/hui-markdown-card.ts
index 4f24f48daa12..827133de5079 100644
--- a/src/panels/lovelace/cards/hui-markdown-card.ts
+++ b/src/panels/lovelace/cards/hui-markdown-card.ts
@@ -1,10 +1,10 @@
import { html, LitElement, PropertyDeclarations } from "@polymer/lit-element";
-import { classMap } from "lit-html/directives/classMap.js";
+import { classMap } from "lit-html/directives/classMap";
-import "../../../components/ha-card.js";
-import "../../../components/ha-markdown.js";
+import "../../../components/ha-card";
+import "../../../components/ha-markdown";
-import { LovelaceCard, LovelaceConfig } from "../types.js";
+import { LovelaceCard, LovelaceConfig } from "../types";
import { TemplateResult } from "lit-html";
interface Config extends LovelaceConfig {
diff --git a/src/panels/lovelace/cards/hui-media-control-card.js b/src/panels/lovelace/cards/hui-media-control-card.js
index 6c8dc12e0941..21dc0f2d027c 100644
--- a/src/panels/lovelace/cards/hui-media-control-card.js
+++ b/src/panels/lovelace/cards/hui-media-control-card.js
@@ -1,6 +1,6 @@
-import "../../../cards/ha-media_player-card.js";
+import "../../../cards/ha-media_player-card";
-import LegacyWrapperCard from "./hui-legacy-wrapper-card.js";
+import LegacyWrapperCard from "./hui-legacy-wrapper-card";
class HuiMediaControlCard extends LegacyWrapperCard {
constructor() {
diff --git a/src/panels/lovelace/cards/hui-picture-card.js b/src/panels/lovelace/cards/hui-picture-card.js
index 6318eb3a5bf7..44413027c02a 100644
--- a/src/panels/lovelace/cards/hui-picture-card.js
+++ b/src/panels/lovelace/cards/hui-picture-card.js
@@ -1,9 +1,9 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/ha-card.js";
+import "../../../components/ha-card";
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
+import NavigateMixin from "../../../mixins/navigate-mixin";
/*
* @appliesMixin NavigateMixin
diff --git a/src/panels/lovelace/cards/hui-picture-elements-card.ts b/src/panels/lovelace/cards/hui-picture-elements-card.ts
index 0a3c7b9e1245..d30a5b2c01ca 100644
--- a/src/panels/lovelace/cards/hui-picture-elements-card.ts
+++ b/src/panels/lovelace/cards/hui-picture-elements-card.ts
@@ -1,11 +1,11 @@
import { html, LitElement } from "@polymer/lit-element";
import { TemplateResult } from "lit-html";
-import createHuiElement from "../common/create-hui-element.js";
+import createHuiElement from "../common/create-hui-element";
import { LovelaceCard, LovelaceConfig } from "../types";
-import { HomeAssistant } from "../../../types.js";
-import { LovelaceElementConfig, LovelaceElement } from "../elements/types.js";
+import { HomeAssistant } from "../../../types";
+import { LovelaceElementConfig, LovelaceElement } from "../elements/types";
interface Config extends LovelaceConfig {
title?: string;
diff --git a/src/panels/lovelace/cards/hui-picture-entity-card.js b/src/panels/lovelace/cards/hui-picture-entity-card.js
index cc1a432b965f..bea66fe1e740 100644
--- a/src/panels/lovelace/cards/hui-picture-entity-card.js
+++ b/src/panels/lovelace/cards/hui-picture-entity-card.js
@@ -1,16 +1,16 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/ha-card.js";
-import "../components/hui-image.js";
+import "../../../components/ha-card";
+import "../components/hui-image";
-import computeDomain from "../../../common/entity/compute_domain.js";
-import computeStateDisplay from "../../../common/entity/compute_state_display.js";
-import computeStateName from "../../../common/entity/compute_state_name.js";
-import toggleEntity from "../common/entity/toggle-entity.js";
+import computeDomain from "../../../common/entity/compute_domain";
+import computeStateDisplay from "../../../common/entity/compute_state_display";
+import computeStateName from "../../../common/entity/compute_state_name";
+import toggleEntity from "../common/entity/toggle-entity";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
import { longPressBind } from "../common/directives/long-press-directive";
const UNAVAILABLE = "Unavailable";
diff --git a/src/panels/lovelace/cards/hui-picture-glance-card.js b/src/panels/lovelace/cards/hui-picture-glance-card.js
index 727d44b4e31f..f9be3f6b5a8d 100644
--- a/src/panels/lovelace/cards/hui-picture-glance-card.js
+++ b/src/panels/lovelace/cards/hui-picture-glance-card.js
@@ -1,20 +1,20 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../../components/ha-card.js";
-import "../../../components/ha-icon.js";
-import "../components/hui-image.js";
-
-import computeStateDisplay from "../../../common/entity/compute_state_display.js";
-import computeStateName from "../../../common/entity/compute_state_name.js";
-import { DOMAINS_TOGGLE } from "../../../common/const.js";
-import stateIcon from "../../../common/entity/state_icon.js";
-import toggleEntity from "../common/entity/toggle-entity.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../../components/ha-card";
+import "../../../components/ha-icon";
+import "../components/hui-image";
+
+import computeStateDisplay from "../../../common/entity/compute_state_display";
+import computeStateName from "../../../common/entity/compute_state_name";
+import { DOMAINS_TOGGLE } from "../../../common/const";
+import stateIcon from "../../../common/entity/state_icon";
+import toggleEntity from "../common/entity/toggle-entity";
import processConfigEntities from "../common/process-config-entities";
-import EventsMixin from "../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
-import NavigateMixin from "../../../mixins/navigate-mixin.js";
+import EventsMixin from "../../../mixins/events-mixin";
+import LocalizeMixin from "../../../mixins/localize-mixin";
+import NavigateMixin from "../../../mixins/navigate-mixin";
import computeDomain from "../../../common/entity/compute_domain";
const STATES_OFF = new Set(["closed", "locked", "not_home", "off"]);
diff --git a/src/panels/lovelace/cards/hui-plant-status-card.js b/src/panels/lovelace/cards/hui-plant-status-card.js
index 1b82cf190d06..ce88f4e3aca0 100644
--- a/src/panels/lovelace/cards/hui-plant-status-card.js
+++ b/src/panels/lovelace/cards/hui-plant-status-card.js
@@ -1,6 +1,6 @@
-import "../../../cards/ha-plant-card.js";
+import "../../../cards/ha-plant-card";
-import LegacyWrapperCard from "./hui-legacy-wrapper-card.js";
+import LegacyWrapperCard from "./hui-legacy-wrapper-card";
class HuiPlantStatusCard extends LegacyWrapperCard {
constructor() {
diff --git a/src/panels/lovelace/cards/hui-sensor-card.js b/src/panels/lovelace/cards/hui-sensor-card.js
index ec11bb7ac09e..f0fc56a771fd 100644
--- a/src/panels/lovelace/cards/hui-sensor-card.js
+++ b/src/panels/lovelace/cards/hui-sensor-card.js
@@ -1,12 +1,12 @@
import { LitElement, html, svg } from "@polymer/lit-element";
-import "../../../components/ha-card.js";
-import "../../../components/ha-icon.js";
+import "../../../components/ha-card";
+import "../../../components/ha-icon";
-import computeStateName from "../../../common/entity/compute_state_name.js";
-import stateIcon from "../../../common/entity/state_icon.js";
+import computeStateName from "../../../common/entity/compute_state_name";
+import stateIcon from "../../../common/entity/state_icon";
-import EventsMixin from "../../../mixins/events-mixin.js";
+import EventsMixin from "../../../mixins/events-mixin";
class HuiSensorCard extends EventsMixin(LitElement) {
set hass(hass) {
diff --git a/src/panels/lovelace/cards/hui-stack-card.ts b/src/panels/lovelace/cards/hui-stack-card.ts
index 7c2e69651abe..7193b99792b5 100644
--- a/src/panels/lovelace/cards/hui-stack-card.ts
+++ b/src/panels/lovelace/cards/hui-stack-card.ts
@@ -1,7 +1,7 @@
import { html, LitElement } from "@polymer/lit-element";
import { TemplateResult } from "lit-html";
-import createCardElement from "../common/create-card-element.js";
+import createCardElement from "../common/create-card-element";
import { LovelaceCard, LovelaceConfig } from "../types";
import { HomeAssistant } from "../../../types";
diff --git a/src/panels/lovelace/cards/hui-thermostat-card.ts b/src/panels/lovelace/cards/hui-thermostat-card.ts
index adae97a61889..ef5ca1079f79 100644
--- a/src/panels/lovelace/cards/hui-thermostat-card.ts
+++ b/src/panels/lovelace/cards/hui-thermostat-card.ts
@@ -4,17 +4,17 @@ import {
PropertyDeclarations,
PropertyValues,
} from "@polymer/lit-element";
-import { classMap } from "lit-html/directives/classMap.js";
+import { classMap } from "lit-html/directives/classMap";
import { jQuery } from "../../../resources/jquery";
-import "../../../components/ha-card.js";
-import "../../../components/ha-icon.js";
+import "../../../components/ha-card";
+import "../../../components/ha-icon";
import { roundSliderStyle } from "../../../resources/jquery.roundslider";
-import { HomeAssistant, ClimateEntity } from "../../../types.js";
+import { HomeAssistant, ClimateEntity } from "../../../types";
import { hassLocalizeLitMixin } from "../../../mixins/lit-localize-mixin";
-import { LovelaceCard, LovelaceConfig } from "../types.js";
-import computeStateName from "../../../common/entity/compute_state_name.js";
+import { LovelaceCard, LovelaceConfig } from "../types";
+import computeStateName from "../../../common/entity/compute_state_name";
import { TemplateResult } from "lit-html";
const thermostatConfig = {
diff --git a/src/panels/lovelace/cards/hui-vertical-stack-card.ts b/src/panels/lovelace/cards/hui-vertical-stack-card.ts
index 863641cf1dab..740671179d76 100644
--- a/src/panels/lovelace/cards/hui-vertical-stack-card.ts
+++ b/src/panels/lovelace/cards/hui-vertical-stack-card.ts
@@ -1,6 +1,6 @@
import { html } from "@polymer/lit-element";
-import computeCardSize from "../common/compute-card-size.js";
+import computeCardSize from "../common/compute-card-size";
import { HuiStackCard } from "./hui-stack-card";
import { TemplateResult } from "lit-html";
diff --git a/src/panels/lovelace/cards/hui-weather-forecast-card.js b/src/panels/lovelace/cards/hui-weather-forecast-card.js
index 082c5fc7d408..96c8470b077c 100644
--- a/src/panels/lovelace/cards/hui-weather-forecast-card.js
+++ b/src/panels/lovelace/cards/hui-weather-forecast-card.js
@@ -1,6 +1,6 @@
-import "../../../cards/ha-camera-card.js";
+import "../../../cards/ha-camera-card";
-import LegacyWrapperCard from "./hui-legacy-wrapper-card.js";
+import LegacyWrapperCard from "./hui-legacy-wrapper-card";
class HuiWeatherForecastCard extends LegacyWrapperCard {
constructor() {
diff --git a/src/panels/lovelace/common/compute-notifications.js b/src/panels/lovelace/common/compute-notifications.js
index 94c894e860c0..691b2138f561 100644
--- a/src/panels/lovelace/common/compute-notifications.js
+++ b/src/panels/lovelace/common/compute-notifications.js
@@ -1,4 +1,4 @@
-import computeDomain from "../../../common/entity/compute_domain.js";
+import computeDomain from "../../../common/entity/compute_domain";
export default function computeNotifications(states) {
return Object.keys(states)
diff --git a/src/panels/lovelace/common/create-card-element.js b/src/panels/lovelace/common/create-card-element.js
index 92db6f4a6fe0..f7cc0db4a370 100644
--- a/src/panels/lovelace/common/create-card-element.js
+++ b/src/panels/lovelace/common/create-card-element.js
@@ -1,31 +1,31 @@
-import { fireEvent } from "../../../common/dom/fire_event.js";
+import { fireEvent } from "../../../common/dom/fire_event";
-import "../cards/hui-alarm-panel-card.js";
+import "../cards/hui-alarm-panel-card";
import "../cards/hui-conditional-card.ts";
import "../cards/hui-entities-card.ts";
import "../cards/hui-entity-button-card.ts";
-import "../cards/hui-entity-filter-card.js";
+import "../cards/hui-entity-filter-card";
import "../cards/hui-error-card.ts";
import "../cards/hui-glance-card.ts";
-import "../cards/hui-history-graph-card.js";
+import "../cards/hui-history-graph-card";
import "../cards/hui-horizontal-stack-card.ts";
import "../cards/hui-iframe-card.ts";
import "../cards/hui-light-card";
-import "../cards/hui-map-card.js";
+import "../cards/hui-map-card";
import "../cards/hui-markdown-card.ts";
-import "../cards/hui-media-control-card.js";
-import "../cards/hui-picture-card.js";
+import "../cards/hui-media-control-card";
+import "../cards/hui-picture-card";
import "../cards/hui-picture-elements-card";
import "../cards/hui-picture-entity-card";
import "../cards/hui-picture-glance-card";
-import "../cards/hui-plant-status-card.js";
-import "../cards/hui-sensor-card.js";
+import "../cards/hui-plant-status-card";
+import "../cards/hui-sensor-card";
import "../cards/hui-vertical-stack-card.ts";
import "../cards/hui-thermostat-card.ts";
import "../cards/hui-weather-forecast-card";
import "../cards/hui-gauge-card";
-import createErrorCardConfig from "./create-error-card-config.js";
+import createErrorCardConfig from "./create-error-card-config";
const CARD_TYPES = new Set([
"alarm-panel",
diff --git a/src/panels/lovelace/common/create-hui-element.js b/src/panels/lovelace/common/create-hui-element.js
index 39d99926c949..c9d10924dbb6 100644
--- a/src/panels/lovelace/common/create-hui-element.js
+++ b/src/panels/lovelace/common/create-hui-element.js
@@ -5,8 +5,8 @@ import "../elements/hui-state-badge-element";
import "../elements/hui-state-icon-element";
import "../elements/hui-state-label-element";
-import { fireEvent } from "../../../common/dom/fire_event.js";
-import createErrorCardConfig from "./create-error-card-config.js";
+import { fireEvent } from "../../../common/dom/fire_event";
+import createErrorCardConfig from "./create-error-card-config";
const CUSTOM_TYPE_PREFIX = "custom:";
const ELEMENT_TYPES = new Set([
diff --git a/src/panels/lovelace/common/create-row-element.js b/src/panels/lovelace/common/create-row-element.js
index 74222bc2584d..2d775def5210 100644
--- a/src/panels/lovelace/common/create-row-element.js
+++ b/src/panels/lovelace/common/create-row-element.js
@@ -1,25 +1,25 @@
-import { fireEvent } from "../../../common/dom/fire_event.js";
+import { fireEvent } from "../../../common/dom/fire_event";
import "../entity-rows/hui-climate-entity-row";
-import "../entity-rows/hui-cover-entity-row.js";
-import "../entity-rows/hui-group-entity-row.js";
-import "../entity-rows/hui-input-number-entity-row.js";
-import "../entity-rows/hui-input-select-entity-row.js";
-import "../entity-rows/hui-input-text-entity-row.js";
-import "../entity-rows/hui-lock-entity-row.js";
-import "../entity-rows/hui-media-player-entity-row.js";
-import "../entity-rows/hui-scene-entity-row.js";
-import "../entity-rows/hui-script-entity-row.js";
-import "../entity-rows/hui-text-entity-row.js";
-import "../entity-rows/hui-timer-entity-row.js";
-import "../entity-rows/hui-toggle-entity-row.js";
+import "../entity-rows/hui-cover-entity-row";
+import "../entity-rows/hui-group-entity-row";
+import "../entity-rows/hui-input-number-entity-row";
+import "../entity-rows/hui-input-select-entity-row";
+import "../entity-rows/hui-input-text-entity-row";
+import "../entity-rows/hui-lock-entity-row";
+import "../entity-rows/hui-media-player-entity-row";
+import "../entity-rows/hui-scene-entity-row";
+import "../entity-rows/hui-script-entity-row";
+import "../entity-rows/hui-text-entity-row";
+import "../entity-rows/hui-timer-entity-row";
+import "../entity-rows/hui-toggle-entity-row";
import "../special-rows/hui-call-service-row";
import "../special-rows/hui-divider-row";
import "../special-rows/hui-section-row";
import "../special-rows/hui-weblink-row";
-import createErrorCardConfig from "./create-error-card-config.js";
+import createErrorCardConfig from "./create-error-card-config";
const CUSTOM_TYPE_PREFIX = "custom:";
const SPECIAL_TYPES = new Set([
diff --git a/src/panels/lovelace/common/entity/toggle-entity.js b/src/panels/lovelace/common/entity/toggle-entity.js
index aa57a309d837..91deadcd7b5f 100644
--- a/src/panels/lovelace/common/entity/toggle-entity.js
+++ b/src/panels/lovelace/common/entity/toggle-entity.js
@@ -1,5 +1,5 @@
-import { STATES_OFF } from "../../../../common/const.js";
-import turnOnOffEntity from "./turn-on-off-entity.js";
+import { STATES_OFF } from "../../../../common/const";
+import turnOnOffEntity from "./turn-on-off-entity";
export default function toggleEntity(hass, entityId) {
const turnOn = STATES_OFF.includes(hass.states[entityId].state);
diff --git a/src/panels/lovelace/common/entity/turn-on-off-entities.js b/src/panels/lovelace/common/entity/turn-on-off-entities.js
index caacc03e7911..7f46f4414b51 100644
--- a/src/panels/lovelace/common/entity/turn-on-off-entities.js
+++ b/src/panels/lovelace/common/entity/turn-on-off-entities.js
@@ -1,5 +1,5 @@
-import { STATES_OFF } from "../../../../common/const.js";
-import computeDomain from "../../../../common/entity/compute_domain.js";
+import { STATES_OFF } from "../../../../common/const";
+import computeDomain from "../../../../common/entity/compute_domain";
export default function turnOnOffEntities(hass, entityIds, turnOn = true) {
const domainsToCall = {};
diff --git a/src/panels/lovelace/common/entity/turn-on-off-entity.js b/src/panels/lovelace/common/entity/turn-on-off-entity.js
index f34d04c0642f..6a19f0ad7467 100644
--- a/src/panels/lovelace/common/entity/turn-on-off-entity.js
+++ b/src/panels/lovelace/common/entity/turn-on-off-entity.js
@@ -1,4 +1,4 @@
-import computeDomain from "../../../../common/entity/compute_domain.js";
+import computeDomain from "../../../../common/entity/compute_domain";
export default function turnOnOffEntity(hass, entityId, turnOn = true) {
const stateDomain = computeDomain(entityId);
diff --git a/src/panels/lovelace/common/handle-click.ts b/src/panels/lovelace/common/handle-click.ts
index 4d98cf7ad74c..c996bf4bac89 100644
--- a/src/panels/lovelace/common/handle-click.ts
+++ b/src/panels/lovelace/common/handle-click.ts
@@ -1,6 +1,6 @@
import { HomeAssistant } from "../../../types";
import { LovelaceElementConfig } from "../elements/types";
-import { fireEvent } from "../../../common/dom/fire_event.js";
+import { fireEvent } from "../../../common/dom/fire_event";
import { navigate } from "../../../common/navigate";
import toggleEntity from "../../../../src/panels/lovelace/common/entity/toggle-entity";
diff --git a/src/panels/lovelace/common/process-config-entities.js b/src/panels/lovelace/common/process-config-entities.js
index 2008ab0502cd..68e6e248c20a 100644
--- a/src/panels/lovelace/common/process-config-entities.js
+++ b/src/panels/lovelace/common/process-config-entities.js
@@ -1,5 +1,5 @@
// Parse array of entity objects from config
-import isValidEntityId from "../../../common/entity/valid_entity_id.js";
+import isValidEntityId from "../../../common/entity/valid_entity_id";
export default function processConfigEntities(entities) {
if (!entities || !Array.isArray(entities)) {
diff --git a/src/panels/lovelace/components/hui-card-options.ts b/src/panels/lovelace/components/hui-card-options.ts
index 7b18f8119ef8..2392223ed545 100644
--- a/src/panels/lovelace/components/hui-card-options.ts
+++ b/src/panels/lovelace/components/hui-card-options.ts
@@ -1,7 +1,7 @@
-import "@polymer/paper-button/paper-button.js";
+import "@polymer/paper-button/paper-button";
import { html, LitElement, PropertyDeclarations } from "@polymer/lit-element";
-import { fireEvent } from "../../../common/dom/fire_event.js";
-import { HomeAssistant } from "../../../types.js";
+import { fireEvent } from "../../../common/dom/fire_event";
+import { HomeAssistant } from "../../../types";
let registeredDialog = false;
diff --git a/src/panels/lovelace/components/hui-entities-toggle.js b/src/panels/lovelace/components/hui-entities-toggle.js
index 6df9e1fb7e92..5d5264c12f4c 100644
--- a/src/panels/lovelace/components/hui-entities-toggle.js
+++ b/src/panels/lovelace/components/hui-entities-toggle.js
@@ -1,9 +1,9 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import "@polymer/paper-toggle-button/paper-toggle-button.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import "@polymer/paper-toggle-button/paper-toggle-button";
-import { DOMAINS_TOGGLE } from "../../../common/const.js";
-import turnOnOffEntities from "../common/entity/turn-on-off-entities.js";
+import { DOMAINS_TOGGLE } from "../../../common/const";
+import turnOnOffEntities from "../common/entity/turn-on-off-entities";
class HuiEntitiesToggle extends PolymerElement {
static get template() {
diff --git a/src/panels/lovelace/components/hui-generic-entity-row.js b/src/panels/lovelace/components/hui-generic-entity-row.js
index 6a14507b7000..161b21c4f3c6 100644
--- a/src/panels/lovelace/components/hui-generic-entity-row.js
+++ b/src/panels/lovelace/components/hui-generic-entity-row.js
@@ -1,11 +1,11 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../components/entity/state-badge.js";
-import "../../../components/ha-relative-time.js";
-import "../../../components/ha-icon.js";
+import "../../../components/entity/state-badge";
+import "../../../components/ha-relative-time";
+import "../../../components/ha-icon";
-import computeStateName from "../../../common/entity/compute_state_name.js";
+import computeStateName from "../../../common/entity/compute_state_name";
class HuiGenericEntityRow extends PolymerElement {
static get template() {
diff --git a/src/panels/lovelace/components/hui-image.js b/src/panels/lovelace/components/hui-image.js
index bbaba4ce91ba..8836f65fc156 100644
--- a/src/panels/lovelace/components/hui-image.js
+++ b/src/panels/lovelace/components/hui-image.js
@@ -1,11 +1,11 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import "@polymer/paper-toggle-button/paper-toggle-button.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import "@polymer/paper-toggle-button/paper-toggle-button";
-import { STATES_OFF } from "../../../common/const.js";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import { STATES_OFF } from "../../../common/const";
+import LocalizeMixin from "../../../mixins/localize-mixin";
-import parseAspectRatio from "../../../common/util/parse-aspect-ratio.js";
+import parseAspectRatio from "../../../common/util/parse-aspect-ratio";
const UPDATE_INTERVAL = 10000;
const DEFAULT_FILTER = "grayscale(100%)";
diff --git a/src/panels/lovelace/components/notifications/hui-configurator-notification-item.js b/src/panels/lovelace/components/notifications/hui-configurator-notification-item.js
index 3d6c670f0a92..c613239afc04 100644
--- a/src/panels/lovelace/components/notifications/hui-configurator-notification-item.js
+++ b/src/panels/lovelace/components/notifications/hui-configurator-notification-item.js
@@ -1,13 +1,13 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-icon-button/paper-icon-button";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./hui-notification-item-template.js";
+import "./hui-notification-item-template";
-import EventsMixin from "../../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../../mixins/localize-mixin.js";
+import EventsMixin from "../../../../mixins/events-mixin";
+import LocalizeMixin from "../../../../mixins/localize-mixin";
/*
* @appliesMixin EventsMixin
@@ -20,12 +20,12 @@ export class HuiConfiguratorNotificationItem extends EventsMixin(
return html`
[[localize('domain.configurator')]]
-
- [[_getMessage(notification)]]
-
- [[_getMessage(notification)]]
+
+ [[_localizeState(notification.state)]]
diff --git a/src/panels/lovelace/components/notifications/hui-notification-drawer.js b/src/panels/lovelace/components/notifications/hui-notification-drawer.js
index c07d3ecbc115..f1e051ccb20b 100644
--- a/src/panels/lovelace/components/notifications/hui-notification-drawer.js
+++ b/src/panels/lovelace/components/notifications/hui-notification-drawer.js
@@ -1,14 +1,14 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./hui-notification-item.js";
+import "./hui-notification-item";
-import EventsMixin from "../../../../mixins/events-mixin.js";
-import LocalizeMixin from "../../../../mixins/localize-mixin.js";
+import EventsMixin from "../../../../mixins/events-mixin";
+import LocalizeMixin from "../../../../mixins/localize-mixin";
/*
* @appliesMixin EventsMixin
@@ -31,7 +31,7 @@ export class HuiNotificationDrawer extends EventsMixin(
:host([hidden]) {
display: none;
}
-
+
.container {
align-items: stretch;
background: var(--sidebar-background-color, var(--primary-background-color));
@@ -83,12 +83,12 @@ export class HuiNotificationDrawer extends EventsMixin(
top: 0;
z-index: 5;
}
-
+
.notifications {
overflow-y: auto;
padding-top: 16px;
}
-
+
.notification {
padding: 0 16px 16px;
}
diff --git a/src/panels/lovelace/components/notifications/hui-notification-item-template.js b/src/panels/lovelace/components/notifications/hui-notification-item-template.js
index 995b0e486993..099831ae7a49 100644
--- a/src/panels/lovelace/components/notifications/hui-notification-item-template.js
+++ b/src/panels/lovelace/components/notifications/hui-notification-item-template.js
@@ -1,10 +1,10 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-icon-button/paper-icon-button";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../../components/ha-card.js";
+import "../../../../components/ha-card";
export class HuiNotificationItemTemplate extends PolymerElement {
static get template() {
@@ -13,7 +13,7 @@ export class HuiNotificationItemTemplate extends PolymerElement {
.contents {
padding: 16px;
}
-
+
ha-card .header {
@apply --paper-font-headline;
color: var(--primary-text-color);
diff --git a/src/panels/lovelace/components/notifications/hui-notification-item.js b/src/panels/lovelace/components/notifications/hui-notification-item.js
index c9ddb15c92a7..66ed2f2a2a19 100644
--- a/src/panels/lovelace/components/notifications/hui-notification-item.js
+++ b/src/panels/lovelace/components/notifications/hui-notification-item.js
@@ -1,8 +1,8 @@
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import computeDomain from "../../../../common/entity/compute_domain.js";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import computeDomain from "../../../../common/entity/compute_domain";
-import "./hui-configurator-notification-item.js";
-import "./hui-persistent-notification-item.js";
+import "./hui-configurator-notification-item";
+import "./hui-persistent-notification-item";
export class HuiNotificationItem extends PolymerElement {
static get properties() {
diff --git a/src/panels/lovelace/components/notifications/hui-notifications-button.js b/src/panels/lovelace/components/notifications/hui-notifications-button.js
index ba73b4c88db5..ad352b9b7552 100644
--- a/src/panels/lovelace/components/notifications/hui-notifications-button.js
+++ b/src/panels/lovelace/components/notifications/hui-notifications-button.js
@@ -1,11 +1,11 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../../../../mixins/events-mixin.js";
+import EventsMixin from "../../../../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
@@ -17,7 +17,7 @@ export class HuiNotificationsButton extends EventsMixin(PolymerElement) {
:host {
position: relative;
}
-
+
.indicator {
position: absolute;
top: 10px;
diff --git a/src/panels/lovelace/components/notifications/hui-persistent-notification-item.js b/src/panels/lovelace/components/notifications/hui-persistent-notification-item.js
index d9dc8a52dd14..24a55b930fdb 100644
--- a/src/panels/lovelace/components/notifications/hui-persistent-notification-item.js
+++ b/src/panels/lovelace/components/notifications/hui-persistent-notification-item.js
@@ -1,15 +1,15 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-tooltip/paper-tooltip.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-tooltip/paper-tooltip";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../../../components/ha-relative-time.js";
-import "../../../../components/ha-markdown.js";
-import "./hui-notification-item-template.js";
+import "../../../../components/ha-relative-time";
+import "../../../../components/ha-markdown";
+import "./hui-notification-item-template";
-import LocalizeMixin from "../../../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
@@ -31,9 +31,9 @@ export class HuiPersistentNotificationItem extends LocalizeMixin(
[[_computeTitle(notification)]]
-
+
-
+
[[_computeState(_stateObj.state)]]
-
+
[[_computeMediaTitle(_stateObj)]]
diff --git a/src/panels/lovelace/entity-rows/hui-scene-entity-row.js b/src/panels/lovelace/entity-rows/hui-scene-entity-row.js
index 5d55e3bb7508..62cf454c7451 100644
--- a/src/panels/lovelace/entity-rows/hui-scene-entity-row.js
+++ b/src/panels/lovelace/entity-rows/hui-scene-entity-row.js
@@ -1,10 +1,10 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import "@polymer/paper-button/paper-button.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import "@polymer/paper-button/paper-button";
-import "../components/hui-generic-entity-row.js";
+import "../components/hui-generic-entity-row";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/lovelace/entity-rows/hui-script-entity-row.js b/src/panels/lovelace/entity-rows/hui-script-entity-row.js
index f00fa0b74429..baf27f55f561 100644
--- a/src/panels/lovelace/entity-rows/hui-script-entity-row.js
+++ b/src/panels/lovelace/entity-rows/hui-script-entity-row.js
@@ -1,11 +1,11 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import "@polymer/paper-button/paper-button.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import "@polymer/paper-button/paper-button";
-import "../components/hui-generic-entity-row.js";
-import "../../../components/entity/ha-entity-toggle.js";
+import "../components/hui-generic-entity-row";
+import "../../../components/entity/ha-entity-toggle";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/lovelace/entity-rows/hui-text-entity-row.js b/src/panels/lovelace/entity-rows/hui-text-entity-row.js
index 833ed16edb76..74548b70627b 100644
--- a/src/panels/lovelace/entity-rows/hui-text-entity-row.js
+++ b/src/panels/lovelace/entity-rows/hui-text-entity-row.js
@@ -1,11 +1,11 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/hui-generic-entity-row.js";
+import "../components/hui-generic-entity-row";
-import computeStateDisplay from "../../../common/entity/compute_state_display.js";
+import computeStateDisplay from "../../../common/entity/compute_state_display";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/lovelace/entity-rows/hui-timer-entity-row.js b/src/panels/lovelace/entity-rows/hui-timer-entity-row.js
index 7bb836200707..8454f37ba47e 100644
--- a/src/panels/lovelace/entity-rows/hui-timer-entity-row.js
+++ b/src/panels/lovelace/entity-rows/hui-timer-entity-row.js
@@ -1,10 +1,10 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/hui-generic-entity-row.js";
+import "../components/hui-generic-entity-row";
-import timerTimeRemaining from "../../../common/entity/timer_time_remaining.js";
-import secondsToDuration from "../../../common/datetime/seconds_to_duration.js";
+import timerTimeRemaining from "../../../common/entity/timer_time_remaining";
+import secondsToDuration from "../../../common/datetime/seconds_to_duration";
class HuiTimerEntityRow extends PolymerElement {
static get template() {
diff --git a/src/panels/lovelace/entity-rows/hui-toggle-entity-row.js b/src/panels/lovelace/entity-rows/hui-toggle-entity-row.js
index 5f9a6f5a4781..531462ff3b55 100644
--- a/src/panels/lovelace/entity-rows/hui-toggle-entity-row.js
+++ b/src/panels/lovelace/entity-rows/hui-toggle-entity-row.js
@@ -1,12 +1,12 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/hui-generic-entity-row.js";
-import "../../../components/entity/ha-entity-toggle.js";
+import "../components/hui-generic-entity-row";
+import "../../../components/entity/ha-entity-toggle";
-import computeStateDisplay from "../../../common/entity/compute_state_display.js";
+import computeStateDisplay from "../../../common/entity/compute_state_display";
-import LocalizeMixin from "../../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/lovelace/ha-panel-lovelace.js b/src/panels/lovelace/ha-panel-lovelace.js
index 0f4603818031..b0a2476f6cd4 100644
--- a/src/panels/lovelace/ha-panel-lovelace.js
+++ b/src/panels/lovelace/ha-panel-lovelace.js
@@ -1,10 +1,10 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import "@polymer/paper-button/paper-button.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import "@polymer/paper-button/paper-button";
-import "../../layouts/hass-loading-screen.js";
-import "../../layouts/hass-error-screen.js";
-import "./hui-root.js";
+import "../../layouts/hass-loading-screen";
+import "../../layouts/hass-error-screen";
+import "./hui-root";
class Lovelace extends PolymerElement {
static get template() {
diff --git a/src/panels/lovelace/hui-root.js b/src/panels/lovelace/hui-root.js
index 716e1bbb177a..24f7fe6167d7 100644
--- a/src/panels/lovelace/hui-root.js
+++ b/src/panels/lovelace/hui-root.js
@@ -1,35 +1,35 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout.js";
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-scroll-effects/effects/waterfall.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/app-route/app-route.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import "@polymer/paper-menu-button/paper-menu-button.js";
-import "@polymer/paper-tabs/paper-tab.js";
-import "@polymer/paper-tabs/paper-tabs.js";
-
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import scrollToTarget from "../../common/dom/scroll-to-target.js";
-
-import EventsMixin from "../../mixins/events-mixin.js";
-import NavigateMixin from "../../mixins/navigate-mixin.js";
-
-import "../../layouts/ha-app-layout.js";
-import "../../components/ha-start-voice-button.js";
-import "../../components/ha-icon.js";
-import { loadModule, loadCSS, loadJS } from "../../common/dom/load_resource.js";
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-scroll-effects/effects/waterfall";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/app-route/app-route";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import "@polymer/paper-menu-button/paper-menu-button";
+import "@polymer/paper-tabs/paper-tab";
+import "@polymer/paper-tabs/paper-tabs";
+
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import scrollToTarget from "../../common/dom/scroll-to-target";
+
+import EventsMixin from "../../mixins/events-mixin";
+import NavigateMixin from "../../mixins/navigate-mixin";
+
+import "../../layouts/ha-app-layout";
+import "../../components/ha-start-voice-button";
+import "../../components/ha-icon";
+import { loadModule, loadCSS, loadJS } from "../../common/dom/load_resource";
import { subscribeNotifications } from "../../data/ws-notifications";
-import "./components/notifications/hui-notification-drawer.js";
-import "./components/notifications/hui-notifications-button.js";
-import "./hui-unused-entities.js";
-import "./hui-view.js";
-import debounce from "../../common/util/debounce.js";
+import "./components/notifications/hui-notification-drawer";
+import "./components/notifications/hui-notifications-button";
+import "./hui-unused-entities";
+import "./hui-view";
+import debounce from "../../common/util/debounce";
-import createCardElement from "./common/create-card-element.js";
+import createCardElement from "./common/create-card-element";
import computeNotifications from "./common/compute-notifications";
// CSS and JS should only be imported once. Modules and HTML are safe.
@@ -365,7 +365,7 @@ class HUIRoot extends NavigateMixin(EventsMixin(PolymerElement)) {
break;
case "html":
- import(/* webpackChunkName: "import-href-polyfill" */ "../../resources/html-import/import-href.js").then(
+ import(/* webpackChunkName: "import-href-polyfill" */ "../../resources/html-import/import-href").then(
({ importHref }) => importHref(resource.url)
);
break;
diff --git a/src/panels/lovelace/hui-unused-entities.js b/src/panels/lovelace/hui-unused-entities.js
index 9b9e318954fb..d2b84f59d183 100644
--- a/src/panels/lovelace/hui-unused-entities.js
+++ b/src/panels/lovelace/hui-unused-entities.js
@@ -1,8 +1,8 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import computeUnusedEntities from "./common/compute-unused-entities.js";
-import createCardElement from "./common/create-card-element.js";
+import computeUnusedEntities from "./common/compute-unused-entities";
+import createCardElement from "./common/create-card-element";
import "./cards/hui-entities-card.ts";
diff --git a/src/panels/lovelace/hui-view.js b/src/panels/lovelace/hui-view.js
index bc334390183c..770fdf878b8c 100644
--- a/src/panels/lovelace/hui-view.js
+++ b/src/panels/lovelace/hui-view.js
@@ -1,10 +1,10 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../components/entity/ha-state-label-badge.js";
+import "../../components/entity/ha-state-label-badge";
import "./components/hui-card-options.ts";
-import applyThemesOnElement from "../../common/dom/apply_themes_on_element.js";
+import applyThemesOnElement from "../../common/dom/apply_themes_on_element";
import createCardElement from "./common/create-card-element";
import computeCardSize from "./common/compute-card-size";
diff --git a/src/panels/lovelace/special-rows/hui-call-service-row.ts b/src/panels/lovelace/special-rows/hui-call-service-row.ts
index 1a06ad90ab1e..44c7f2354cfb 100644
--- a/src/panels/lovelace/special-rows/hui-call-service-row.ts
+++ b/src/panels/lovelace/special-rows/hui-call-service-row.ts
@@ -1,11 +1,11 @@
import { html, LitElement } from "@polymer/lit-element";
-import "@polymer/paper-button/paper-button.js";
+import "@polymer/paper-button/paper-button";
-import "../../../components/ha-icon.js";
+import "../../../components/ha-icon";
-import callService from "../common/call-service.js";
-import { EntityRow, CallServiceConfig } from "../entity-rows/types.js";
-import { HomeAssistant } from "../../../types.js";
+import callService from "../common/call-service";
+import { EntityRow, CallServiceConfig } from "../entity-rows/types";
+import { HomeAssistant } from "../../../types";
import { TemplateResult } from "lit-html";
class HuiCallServiceRow extends LitElement implements EntityRow {
diff --git a/src/panels/lovelace/special-rows/hui-section-row.ts b/src/panels/lovelace/special-rows/hui-section-row.ts
index f590c4d96d4e..9033755203a6 100644
--- a/src/panels/lovelace/special-rows/hui-section-row.ts
+++ b/src/panels/lovelace/special-rows/hui-section-row.ts
@@ -2,7 +2,7 @@ import { html, LitElement } from "@polymer/lit-element";
import { EntityRow, SectionConfig } from "../entity-rows/types";
import { HomeAssistant } from "../../../types";
-import "../../../components/ha-icon.js";
+import "../../../components/ha-icon";
import { TemplateResult } from "lit-html";
class HuiSectionRow extends LitElement implements EntityRow {
diff --git a/src/panels/lovelace/special-rows/hui-weblink-row.ts b/src/panels/lovelace/special-rows/hui-weblink-row.ts
index e49690ece5db..a9ff56c4007a 100644
--- a/src/panels/lovelace/special-rows/hui-weblink-row.ts
+++ b/src/panels/lovelace/special-rows/hui-weblink-row.ts
@@ -2,7 +2,7 @@ import { html, LitElement } from "@polymer/lit-element";
import { EntityRow, WeblinkConfig } from "../entity-rows/types";
import { HomeAssistant } from "../../../types";
-import "../../../components/ha-icon.js";
+import "../../../components/ha-icon";
import { TemplateResult } from "lit-html";
diff --git a/src/panels/mailbox/ha-dialog-show-audio-message.js b/src/panels/mailbox/ha-dialog-show-audio-message.js
index 6e76b9c629f8..68401578fc7a 100644
--- a/src/panels/mailbox/ha-dialog-show-audio-message.js
+++ b/src/panels/mailbox/ha-dialog-show-audio-message.js
@@ -1,12 +1,12 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-dialog/paper-dialog.js";
-import "@polymer/paper-spinner/paper-spinner.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-dialog/paper-dialog";
+import "@polymer/paper-spinner/paper-spinner";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../resources/ha-style.js";
+import "../../resources/ha-style";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/mailbox/ha-panel-mailbox.js b/src/panels/mailbox/ha-panel-mailbox.js
index c3909ee19275..deb955d89254 100644
--- a/src/panels/mailbox/ha-panel-mailbox.js
+++ b/src/panels/mailbox/ha-panel-mailbox.js
@@ -1,22 +1,22 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout.js";
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-input/paper-textarea.js";
-import "@polymer/paper-item/paper-item-body.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-tabs/paper-tab.js";
-import "@polymer/paper-tabs/paper-tabs.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-input/paper-textarea";
+import "@polymer/paper-item/paper-item-body";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-tabs/paper-tab";
+import "@polymer/paper-tabs/paper-tabs";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../components/ha-menu-button.js";
-import "../../resources/ha-style.js";
+import "../../components/ha-menu-button";
+import "../../resources/ha-style";
-import formatDateTime from "../../common/datetime/format_date_time.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
-import EventsMixin from "../../mixins/events-mixin.js";
+import formatDateTime from "../../common/datetime/format_date_time";
+import LocalizeMixin from "../../mixins/localize-mixin";
+import EventsMixin from "../../mixins/events-mixin";
let registeredDialog = false;
@@ -161,7 +161,7 @@ class HaPanelMailbox extends EventsMixin(LocalizeMixin(PolymerElement)) {
this.fire("register-dialog", {
dialogShowEvent: "show-audio-message-dialog",
dialogTag: "ha-dialog-show-audio-message",
- dialogImport: () => import("./ha-dialog-show-audio-message.js"),
+ dialogImport: () => import("./ha-dialog-show-audio-message"),
});
}
this.hassChanged = this.hassChanged.bind(this);
diff --git a/src/panels/map/ha-entity-marker.js b/src/panels/map/ha-entity-marker.js
index 9101ecd2dafc..a575f22418aa 100644
--- a/src/panels/map/ha-entity-marker.js
+++ b/src/panels/map/ha-entity-marker.js
@@ -1,8 +1,8 @@
-import "@polymer/iron-image/iron-image.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-image/iron-image";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../../mixins/events-mixin.js";
+import EventsMixin from "../../mixins/events-mixin";
/*
* @appliesMixin EventsMixin
diff --git a/src/panels/map/ha-panel-map.js b/src/panels/map/ha-panel-map.js
index 09410d08caf0..bb69bf441610 100644
--- a/src/panels/map/ha-panel-map.js
+++ b/src/panels/map/ha-panel-map.js
@@ -1,17 +1,17 @@
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
import Leaflet from "leaflet";
-import "../../components/ha-menu-button.js";
-import "../../components/ha-icon.js";
+import "../../components/ha-menu-button";
+import "../../components/ha-icon";
-import "./ha-entity-marker.js";
+import "./ha-entity-marker";
-import computeStateDomain from "../../common/entity/compute_state_domain.js";
-import computeStateName from "../../common/entity/compute_state_name.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
-import setupLeafletMap from "../../common/dom/setup-leaflet-map.js";
+import computeStateDomain from "../../common/entity/compute_state_domain";
+import computeStateName from "../../common/entity/compute_state_name";
+import LocalizeMixin from "../../mixins/localize-mixin";
+import setupLeafletMap from "../../common/dom/setup-leaflet-map";
Leaflet.Icon.Default.imagePath = "/static/images/leaflet";
diff --git a/src/panels/profile/ha-change-password-card.js b/src/panels/profile/ha-change-password-card.js
index cb4eac115d36..8511669f6fb8 100644
--- a/src/panels/profile/ha-change-password-card.js
+++ b/src/panels/profile/ha-change-password-card.js
@@ -1,13 +1,13 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-dialog/paper-dialog.js";
-import "@polymer/paper-spinner/paper-spinner.js";
-import "@polymer/paper-card/paper-card.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-dialog/paper-dialog";
+import "@polymer/paper-spinner/paper-spinner";
+import "@polymer/paper-card/paper-card";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../mixins/localize-mixin";
-import "../../resources/ha-style.js";
+import "../../resources/ha-style";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/profile/ha-long-lived-access-tokens-card.js b/src/panels/profile/ha-long-lived-access-tokens-card.js
index 076a88825159..a6843d5e6acc 100644
--- a/src/panels/profile/ha-long-lived-access-tokens-card.js
+++ b/src/panels/profile/ha-long-lived-access-tokens-card.js
@@ -1,14 +1,14 @@
-import "@polymer/paper-button/paper-button.js";
+import "@polymer/paper-button/paper-button";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import EventsMixin from "../../mixins/events-mixin.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
-import formatDateTime from "../../common/datetime/format_date_time.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import EventsMixin from "../../mixins/events-mixin";
+import LocalizeMixin from "../../mixins/localize-mixin";
+import formatDateTime from "../../common/datetime/format_date_time";
-import "../../resources/ha-style.js";
+import "../../resources/ha-style";
-import "./ha-settings-row.js";
+import "./ha-settings-row";
/*
* @appliesMixin EventsMixin
diff --git a/src/panels/profile/ha-mfa-module-setup-flow.js b/src/panels/profile/ha-mfa-module-setup-flow.js
index 08ea6c958115..c98b02488c08 100644
--- a/src/panels/profile/ha-mfa-module-setup-flow.js
+++ b/src/panels/profile/ha-mfa-module-setup-flow.js
@@ -1,16 +1,16 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js";
-import "@polymer/paper-dialog/paper-dialog.js";
-import "@polymer/paper-spinner/paper-spinner.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../components/ha-form.js";
-import "../../components/ha-markdown.js";
-import "../../resources/ha-style.js";
-
-import EventsMixin from "../../mixins/events-mixin.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-dialog-scrollable/paper-dialog-scrollable";
+import "@polymer/paper-dialog/paper-dialog";
+import "@polymer/paper-spinner/paper-spinner";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../components/ha-form";
+import "../../components/ha-markdown";
+import "../../resources/ha-style";
+
+import EventsMixin from "../../mixins/events-mixin";
+import LocalizeMixin from "../../mixins/localize-mixin";
let instance = 0;
diff --git a/src/panels/profile/ha-mfa-modules-card.js b/src/panels/profile/ha-mfa-modules-card.js
index de8a66f4553e..9bcd647b043b 100644
--- a/src/panels/profile/ha-mfa-modules-card.js
+++ b/src/panels/profile/ha-mfa-modules-card.js
@@ -1,14 +1,14 @@
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-item/paper-item-body.js";
-import "@polymer/paper-item/paper-item.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-button/paper-button";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-item/paper-item-body";
+import "@polymer/paper-item/paper-item";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../../resources/ha-style.js";
+import "../../resources/ha-style";
-import EventsMixin from "../../mixins/events-mixin.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
+import EventsMixin from "../../mixins/events-mixin";
+import LocalizeMixin from "../../mixins/localize-mixin";
let registeredDialog = false;
@@ -89,7 +89,7 @@ class HaMfaModulesCard extends EventsMixin(LocalizeMixin(PolymerElement)) {
this.fire("register-dialog", {
dialogShowEvent: "show-mfa-module-setup-flow",
dialogTag: "ha-mfa-module-setup-flow",
- dialogImport: () => import("./ha-mfa-module-setup-flow.js"),
+ dialogImport: () => import("./ha-mfa-module-setup-flow"),
});
}
}
diff --git a/src/panels/profile/ha-panel-profile.js b/src/panels/profile/ha-panel-profile.js
index 524310c61bd6..b642aa2764b1 100644
--- a/src/panels/profile/ha-panel-profile.js
+++ b/src/panels/profile/ha-panel-profile.js
@@ -1,27 +1,27 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout.js";
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-item/paper-item-body.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-button/paper-button.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../components/ha-menu-button.js";
-import "../../resources/ha-style.js";
-
-import EventsMixin from "../../mixins/events-mixin.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
-
-import "./ha-change-password-card.js";
-import "./ha-mfa-modules-card.js";
-import "./ha-refresh-tokens-card.js";
-import "./ha-long-lived-access-tokens-card.js";
-
-import "./ha-pick-language-row.js";
-import "./ha-pick-theme-row.js";
-import "./ha-push-notifications-row.js";
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-item/paper-item-body";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-button/paper-button";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../components/ha-menu-button";
+import "../../resources/ha-style";
+
+import EventsMixin from "../../mixins/events-mixin";
+import LocalizeMixin from "../../mixins/localize-mixin";
+
+import "./ha-change-password-card";
+import "./ha-mfa-modules-card";
+import "./ha-refresh-tokens-card";
+import "./ha-long-lived-access-tokens-card";
+
+import "./ha-pick-language-row";
+import "./ha-pick-theme-row";
+import "./ha-push-notifications-row";
/*
* @appliesMixin EventsMixin
diff --git a/src/panels/profile/ha-pick-language-row.js b/src/panels/profile/ha-pick-language-row.js
index 4bf9cd568daf..1b1a1e89de4e 100644
--- a/src/panels/profile/ha-pick-language-row.js
+++ b/src/panels/profile/ha-pick-language-row.js
@@ -1,14 +1,14 @@
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../../mixins/events-mixin.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
+import EventsMixin from "../../mixins/events-mixin";
+import LocalizeMixin from "../../mixins/localize-mixin";
-import "./ha-settings-row.js";
+import "./ha-settings-row";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/profile/ha-pick-theme-row.js b/src/panels/profile/ha-pick-theme-row.js
index a2dba3ff3138..4d3dc557c634 100644
--- a/src/panels/profile/ha-pick-theme-row.js
+++ b/src/panels/profile/ha-pick-theme-row.js
@@ -1,12 +1,12 @@
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../../mixins/events-mixin.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
+import EventsMixin from "../../mixins/events-mixin";
+import LocalizeMixin from "../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/profile/ha-push-notifications-row.js b/src/panels/profile/ha-push-notifications-row.js
index 37f91bc8174e..83c31f01eeb4 100644
--- a/src/panels/profile/ha-push-notifications-row.js
+++ b/src/panels/profile/ha-push-notifications-row.js
@@ -1,15 +1,15 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/iron-label/iron-label.js";
-import "@polymer/paper-card/paper-card.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/iron-label/iron-label";
+import "@polymer/paper-card/paper-card";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import isComponentLoaded from "../../common/config/is_component_loaded.js";
-import { pushSupported } from "../../components/ha-push-notifications-toggle.js";
+import isComponentLoaded from "../../common/config/is_component_loaded";
+import { pushSupported } from "../../components/ha-push-notifications-toggle";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
+import LocalizeMixin from "../../mixins/localize-mixin";
-import "./ha-settings-row.js";
+import "./ha-settings-row";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/panels/profile/ha-refresh-tokens-card.js b/src/panels/profile/ha-refresh-tokens-card.js
index e204e42e2bc9..1de26dfb36f5 100644
--- a/src/panels/profile/ha-refresh-tokens-card.js
+++ b/src/panels/profile/ha-refresh-tokens-card.js
@@ -1,13 +1,13 @@
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-tooltip/paper-tooltip.js";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-tooltip/paper-tooltip";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import EventsMixin from "../../mixins/events-mixin.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
-import formatDateTime from "../../common/datetime/format_date_time.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import EventsMixin from "../../mixins/events-mixin";
+import LocalizeMixin from "../../mixins/localize-mixin";
+import formatDateTime from "../../common/datetime/format_date_time";
-import "./ha-settings-row.js";
+import "./ha-settings-row";
/*
* @appliesMixin EventsMixin
diff --git a/src/panels/profile/ha-settings-row.js b/src/panels/profile/ha-settings-row.js
index bc7f5f0f2f15..7bba46651c18 100644
--- a/src/panels/profile/ha-settings-row.js
+++ b/src/panels/profile/ha-settings-row.js
@@ -1,5 +1,5 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
class HaSettingsRow extends PolymerElement {
static get template() {
diff --git a/src/panels/shopping-list/ha-panel-shopping-list.js b/src/panels/shopping-list/ha-panel-shopping-list.js
index 84fb4471f568..5c4602a4c5f5 100644
--- a/src/panels/shopping-list/ha-panel-shopping-list.js
+++ b/src/panels/shopping-list/ha-panel-shopping-list.js
@@ -1,21 +1,21 @@
-import "@polymer/app-layout/app-header-layout/app-header-layout.js";
-import "@polymer/app-layout/app-header/app-header.js";
-import "@polymer/app-layout/app-toolbar/app-toolbar.js";
-import "@polymer/paper-card/paper-card.js";
-import "@polymer/paper-checkbox/paper-checkbox.js";
-import "@polymer/paper-icon-button/paper-icon-button.js";
-import "@polymer/paper-input/paper-input.js";
-import "@polymer/paper-item/paper-icon-item.js";
-import "@polymer/paper-item/paper-item-body.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import "@polymer/paper-menu-button/paper-menu-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-
-import "../../components/ha-menu-button.js";
-import "../../components/ha-start-voice-button.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
+import "@polymer/app-layout/app-header-layout/app-header-layout";
+import "@polymer/app-layout/app-header/app-header";
+import "@polymer/app-layout/app-toolbar/app-toolbar";
+import "@polymer/paper-card/paper-card";
+import "@polymer/paper-checkbox/paper-checkbox";
+import "@polymer/paper-icon-button/paper-icon-button";
+import "@polymer/paper-input/paper-input";
+import "@polymer/paper-item/paper-icon-item";
+import "@polymer/paper-item/paper-item-body";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import "@polymer/paper-menu-button/paper-menu-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+
+import "../../components/ha-menu-button";
+import "../../components/ha-start-voice-button";
+import LocalizeMixin from "../../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/resources/ha-style.js b/src/resources/ha-style.js
index cfd75a93ad58..57c1e51a8d05 100644
--- a/src/resources/ha-style.js
+++ b/src/resources/ha-style.js
@@ -1,5 +1,5 @@
-import "@polymer/paper-styles/paper-styles.js";
-import "@polymer/polymer/polymer-legacy.js";
+import "@polymer/paper-styles/paper-styles";
+import "@polymer/polymer/polymer-legacy";
const documentContainer = document.createElement("template");
documentContainer.setAttribute("style", "display: none;");
diff --git a/src/resources/html-import/import-href.js b/src/resources/html-import/import-href.js
index f74708c2a0ab..5daf931bf859 100644
--- a/src/resources/html-import/import-href.js
+++ b/src/resources/html-import/import-href.js
@@ -1,5 +1,5 @@
/* eslint-disable */
-import "./polyfill.js";
+import "./polyfill";
/**
@license
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
diff --git a/src/state-summary/state-card-climate.js b/src/state-summary/state-card-climate.js
index f1bb08e70bdb..a3df0974928b 100644
--- a/src/state-summary/state-card-climate.js
+++ b/src/state-summary/state-card-climate.js
@@ -1,9 +1,9 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/state-info.js";
-import "../components/ha-climate-state.js";
+import "../components/entity/state-info";
+import "../components/ha-climate-state";
class StateCardClimate extends PolymerElement {
static get template() {
diff --git a/src/state-summary/state-card-configurator.js b/src/state-summary/state-card-configurator.js
index 5f8261879464..e9b49018a0e6 100644
--- a/src/state-summary/state-card-configurator.js
+++ b/src/state-summary/state-card-configurator.js
@@ -1,11 +1,11 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-button/paper-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-button/paper-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/state-info.js";
+import "../components/entity/state-info";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import LocalizeMixin from "../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/state-summary/state-card-content.js b/src/state-summary/state-card-content.js
index 5068383a4532..7a6c12ff66ff 100644
--- a/src/state-summary/state-card-content.js
+++ b/src/state-summary/state-card-content.js
@@ -1,24 +1,24 @@
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "./state-card-climate.js";
-import "./state-card-configurator.js";
-import "./state-card-cover.js";
-import "./state-card-display.js";
-import "./state-card-input_number.js";
-import "./state-card-input_select.js";
-import "./state-card-input_text.js";
-import "./state-card-lock.js";
-import "./state-card-media_player.js";
-import "./state-card-scene.js";
-import "./state-card-script.js";
-import "./state-card-timer.js";
-import "./state-card-toggle.js";
-import "./state-card-vacuum.js";
-import "./state-card-water_heater.js";
-import "./state-card-weblink.js";
+import "./state-card-climate";
+import "./state-card-configurator";
+import "./state-card-cover";
+import "./state-card-display";
+import "./state-card-input_number";
+import "./state-card-input_select";
+import "./state-card-input_text";
+import "./state-card-lock";
+import "./state-card-media_player";
+import "./state-card-scene";
+import "./state-card-script";
+import "./state-card-timer";
+import "./state-card-toggle";
+import "./state-card-vacuum";
+import "./state-card-water_heater";
+import "./state-card-weblink";
-import stateCardType from "../common/entity/state_card_type.js";
-import dynamicContentUpdater from "../common/dom/dynamic_content_updater.js";
+import stateCardType from "../common/entity/state_card_type";
+import dynamicContentUpdater from "../common/dom/dynamic_content_updater";
class StateCardContent extends PolymerElement {
static get properties() {
diff --git a/src/state-summary/state-card-cover.js b/src/state-summary/state-card-cover.js
index 8072af0c96c7..94c275fbb513 100644
--- a/src/state-summary/state-card-cover.js
+++ b/src/state-summary/state-card-cover.js
@@ -1,11 +1,11 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/state-info.js";
-import "../components/ha-cover-controls.js";
-import "../components/ha-cover-tilt-controls.js";
-import CoverEntity from "../util/cover-model.js";
+import "../components/entity/state-info";
+import "../components/ha-cover-controls";
+import "../components/ha-cover-tilt-controls";
+import CoverEntity from "../util/cover-model";
class StateCardCover extends PolymerElement {
static get template() {
diff --git a/src/state-summary/state-card-display.js b/src/state-summary/state-card-display.js
index f2d6963271ee..0438fa425f51 100644
--- a/src/state-summary/state-card-display.js
+++ b/src/state-summary/state-card-display.js
@@ -1,12 +1,12 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/state-info.js";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import "../components/entity/state-info";
+import LocalizeMixin from "../mixins/localize-mixin";
-import computeStateDisplay from "../common/entity/compute_state_display.js";
-import attributeClassNames from "../common/entity/attribute_class_names.js";
+import computeStateDisplay from "../common/entity/compute_state_display";
+import attributeClassNames from "../common/entity/attribute_class_names";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/state-summary/state-card-input_number.js b/src/state-summary/state-card-input_number.js
index 8ab377b0aa43..8b13308ab9f3 100644
--- a/src/state-summary/state-card-input_number.js
+++ b/src/state-summary/state-card-input_number.js
@@ -1,11 +1,11 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { IronResizableBehavior } from "@polymer/iron-resizable-behavior/iron-resizable-behavior.js";
-import "@polymer/paper-input/paper-input.js";
-import { mixinBehaviors } from "@polymer/polymer/lib/legacy/class.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { IronResizableBehavior } from "@polymer/iron-resizable-behavior/iron-resizable-behavior";
+import "@polymer/paper-input/paper-input";
+import { mixinBehaviors } from "@polymer/polymer/lib/legacy/class";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/state-info.js";
+import "../components/entity/state-info";
import "../components/ha-slider";
class StateCardInputNumber extends mixinBehaviors(
diff --git a/src/state-summary/state-card-input_select.js b/src/state-summary/state-card-input_select.js
index 34b5c6b6550c..4d881a8014b2 100644
--- a/src/state-summary/state-card-input_select.js
+++ b/src/state-summary/state-card-input_select.js
@@ -1,12 +1,12 @@
-import "@polymer/paper-dropdown-menu/paper-dropdown-menu.js";
-import "@polymer/paper-item/paper-item.js";
-import "@polymer/paper-listbox/paper-listbox.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/paper-dropdown-menu/paper-dropdown-menu";
+import "@polymer/paper-item/paper-item";
+import "@polymer/paper-listbox/paper-listbox";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/state-badge.js";
+import "../components/entity/state-badge";
-import computeStateName from "../common/entity/compute_state_name.js";
+import computeStateName from "../common/entity/compute_state_name";
class StateCardInputSelect extends PolymerElement {
static get template() {
diff --git a/src/state-summary/state-card-input_text.js b/src/state-summary/state-card-input_text.js
index 55a94c88dc79..6f0f2a41580d 100644
--- a/src/state-summary/state-card-input_text.js
+++ b/src/state-summary/state-card-input_text.js
@@ -1,9 +1,9 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-input/paper-input.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-input/paper-input";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/state-info.js";
+import "../components/entity/state-info";
class StateCardInputText extends PolymerElement {
static get template() {
diff --git a/src/state-summary/state-card-lock.js b/src/state-summary/state-card-lock.js
index bc18e29e473f..cb99b3fe3381 100644
--- a/src/state-summary/state-card-lock.js
+++ b/src/state-summary/state-card-lock.js
@@ -1,11 +1,11 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-button/paper-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-button/paper-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/state-info.js";
+import "../components/entity/state-info";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import LocalizeMixin from "../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/state-summary/state-card-media_player.js b/src/state-summary/state-card-media_player.js
index c18dd2dcf32a..593c71a80058 100644
--- a/src/state-summary/state-card-media_player.js
+++ b/src/state-summary/state-card-media_player.js
@@ -1,10 +1,10 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/state-info.js";
-import LocalizeMixin from "../mixins/localize-mixin.js";
-import HassMediaPlayerEntity from "../util/hass-media-player-model.js";
+import "../components/entity/state-info";
+import LocalizeMixin from "../mixins/localize-mixin";
+import HassMediaPlayerEntity from "../util/hass-media-player-model";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/state-summary/state-card-scene.js b/src/state-summary/state-card-scene.js
index c83668e83cf0..335ca5554f9d 100644
--- a/src/state-summary/state-card-scene.js
+++ b/src/state-summary/state-card-scene.js
@@ -1,10 +1,10 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-button/paper-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-button/paper-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/state-info.js";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import "../components/entity/state-info";
+import LocalizeMixin from "../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/state-summary/state-card-script.js b/src/state-summary/state-card-script.js
index 21982456f467..38155b30570a 100644
--- a/src/state-summary/state-card-script.js
+++ b/src/state-summary/state-card-script.js
@@ -1,12 +1,12 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import "@polymer/paper-button/paper-button.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import "@polymer/paper-button/paper-button";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/ha-entity-toggle.js";
-import "../components/entity/state-info.js";
+import "../components/entity/ha-entity-toggle";
+import "../components/entity/state-info";
-import LocalizeMixin from "../mixins/localize-mixin.js";
+import LocalizeMixin from "../mixins/localize-mixin";
/*
* @appliesMixin LocalizeMixin
diff --git a/src/state-summary/state-card-timer.js b/src/state-summary/state-card-timer.js
index e7f53b8a27d2..b108a200cdd0 100644
--- a/src/state-summary/state-card-timer.js
+++ b/src/state-summary/state-card-timer.js
@@ -1,11 +1,11 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/state-info.js";
+import "../components/entity/state-info";
-import timerTimeRemaining from "../common/entity/timer_time_remaining.js";
-import secondsToDuration from "../common/datetime/seconds_to_duration.js";
+import timerTimeRemaining from "../common/entity/timer_time_remaining";
+import secondsToDuration from "../common/datetime/seconds_to_duration";
class StateCardTimer extends PolymerElement {
static get template() {
diff --git a/src/state-summary/state-card-toggle.js b/src/state-summary/state-card-toggle.js
index e9c25d214fca..ae96ab28eda0 100644
--- a/src/state-summary/state-card-toggle.js
+++ b/src/state-summary/state-card-toggle.js
@@ -1,9 +1,9 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/ha-entity-toggle.js";
-import "../components/entity/state-info.js";
+import "../components/entity/ha-entity-toggle";
+import "../components/entity/state-info";
class StateCardToggle extends PolymerElement {
static get template() {
diff --git a/src/state-summary/state-card-vacuum.js b/src/state-summary/state-card-vacuum.js
index ad48c336aac2..d976fd5b1cda 100644
--- a/src/state-summary/state-card-vacuum.js
+++ b/src/state-summary/state-card-vacuum.js
@@ -1,9 +1,9 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/state-info.js";
-import "../components/ha-vacuum-state.js";
+import "../components/entity/state-info";
+import "../components/ha-vacuum-state";
class StateCardVacuum extends PolymerElement {
static get template() {
diff --git a/src/state-summary/state-card-water_heater.js b/src/state-summary/state-card-water_heater.js
index b9cc41cbb1ad..c04214edbcd1 100644
--- a/src/state-summary/state-card-water_heater.js
+++ b/src/state-summary/state-card-water_heater.js
@@ -1,9 +1,9 @@
-import "@polymer/iron-flex-layout/iron-flex-layout-classes.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import "@polymer/iron-flex-layout/iron-flex-layout-classes";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/state-info.js";
-import "../components/ha-water_heater-state.js";
+import "../components/entity/state-info";
+import "../components/ha-water_heater-state";
class StateCardWaterHeater extends PolymerElement {
static get template() {
diff --git a/src/state-summary/state-card-weblink.js b/src/state-summary/state-card-weblink.js
index f4f12c42069b..467f5318b23b 100644
--- a/src/state-summary/state-card-weblink.js
+++ b/src/state-summary/state-card-weblink.js
@@ -1,9 +1,9 @@
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import "../components/entity/state-badge.js";
+import "../components/entity/state-badge";
-import computeStateName from "../common/entity/compute_state_name.js";
+import computeStateName from "../common/entity/compute_state_name";
class StateCardWeblink extends PolymerElement {
static get template() {
diff --git a/src/util/app-localstorage-document.js b/src/util/app-localstorage-document.js
index 3f1789dc8903..a966f8ee5f3e 100644
--- a/src/util/app-localstorage-document.js
+++ b/src/util/app-localstorage-document.js
@@ -9,9 +9,9 @@ The complete set of contributors may be found at http://polymer.github.io/CONTRI
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
*/
-import { AppStorageBehavior } from "@polymer/app-storage/app-storage-behavior.js";
-import { Polymer } from "@polymer/polymer/lib/legacy/polymer-fn.js";
-import "@polymer/polymer/polymer-legacy.js";
+import { AppStorageBehavior } from "@polymer/app-storage/app-storage-behavior";
+import { Polymer } from "@polymer/polymer/lib/legacy/polymer-fn";
+import "@polymer/polymer/polymer-legacy";
/**
* app-localstorage-document synchronizes storage between an in-memory
diff --git a/src/util/custom-panel/load-custom-panel.js b/src/util/custom-panel/load-custom-panel.js
index 55fffa39c8e3..54614810aa48 100644
--- a/src/util/custom-panel/load-custom-panel.js
+++ b/src/util/custom-panel/load-custom-panel.js
@@ -1,4 +1,4 @@
-import { loadJS, loadModule } from "../../common/dom/load_resource.js";
+import { loadJS, loadModule } from "../../common/dom/load_resource";
// Make sure we only import every JS-based panel once (HTML import has this built-in)
const JS_CACHE = {};
@@ -6,12 +6,12 @@ const JS_CACHE = {};
export default function loadCustomPanel(panelConfig) {
if (panelConfig.html_url) {
const toLoad = [
- import(/* webpackChunkName: "import-href-polyfill" */ "../../resources/html-import/import-href.js"),
+ import(/* webpackChunkName: "import-href-polyfill" */ "../../resources/html-import/import-href"),
];
if (!panelConfig.embed_iframe) {
toLoad.push(
- import(/* webpackChunkName: "legacy-support" */ "../legacy-support.js")
+ import(/* webpackChunkName: "legacy-support" */ "../legacy-support")
);
}
diff --git a/src/util/ha-url-sync.js b/src/util/ha-url-sync.js
index feaa661eafac..471c4ff5587b 100644
--- a/src/util/ha-url-sync.js
+++ b/src/util/ha-url-sync.js
@@ -1,6 +1,6 @@
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
-import EventsMixin from "../mixins/events-mixin.js";
+import EventsMixin from "../mixins/events-mixin";
/* eslint-disable no-console */
const DEBUG = false;
diff --git a/src/util/hass-call-api.js b/src/util/hass-call-api.js
index 7aedeb45f3d7..dbfde887a01d 100644
--- a/src/util/hass-call-api.js
+++ b/src/util/hass-call-api.js
@@ -1,4 +1,4 @@
-import { fetchWithAuth } from "./fetch-with-auth.js";
+import { fetchWithAuth } from "./fetch-with-auth";
/* eslint-disable no-throw-literal */
diff --git a/src/util/legacy-support.js b/src/util/legacy-support.js
index e243fd96ff71..f45d14fc3ac8 100644
--- a/src/util/legacy-support.js
+++ b/src/util/legacy-support.js
@@ -2,9 +2,9 @@
* Provide legacy support to HTML imports by exposing Polymer and
* Polymer.Element on the window object.
*/
-import { PolymerElement } from "@polymer/polymer/polymer-element.js";
-import { Polymer } from "@polymer/polymer/polymer-legacy.js";
-import { html } from "@polymer/polymer/lib/utils/html-tag.js";
+import { PolymerElement } from "@polymer/polymer/polymer-element";
+import { Polymer } from "@polymer/polymer/polymer-legacy";
+import { html } from "@polymer/polymer/lib/utils/html-tag";
Polymer.Element = PolymerElement;
Polymer.html = html;
diff --git a/src/util/register-service-worker.js b/src/util/register-service-worker.js
index 38f90d899b74..8b1cc8ea6a84 100644
--- a/src/util/register-service-worker.js
+++ b/src/util/register-service-worker.js
@@ -1,5 +1,5 @@
const serviceWorkerUrl =
- __BUILD__ === "latest" ? "/service_worker.js" : "/service_worker_es5.js";
+ __BUILD__ === "latest" ? "/service_worker" : "/service_worker_es5";
export default () => {
if (!("serviceWorker" in navigator)) return;
@@ -14,7 +14,7 @@ export default () => {
!__DEV__
) {
// Notify users here of a new frontend being available.
- import("./show-new-frontend-toast.js").then((mod) =>
+ import("./show-new-frontend-toast").then((mod) =>
mod.default(installingWorker)
);
}
diff --git a/src/util/show-new-frontend-toast.js b/src/util/show-new-frontend-toast.js
index b228218fbc5b..11c54cc41c3f 100644
--- a/src/util/show-new-frontend-toast.js
+++ b/src/util/show-new-frontend-toast.js
@@ -1,5 +1,5 @@
-import "@polymer/paper-button/paper-button.js";
-import "../components/ha-toast.js";
+import "@polymer/paper-button/paper-button";
+import "../components/ha-toast";
export default (installingWorker) => {
const toast = document.createElement("ha-toast");