@@ -120,9 +141,6 @@ class HaWeatherCard extends LocalizeMixin(EventsMixin(PolymerElement)) {
-
- [[computeState(stateObj.state, localize)]]
-
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
new file mode 100644
index 000000000000..155cef6b693c
--- /dev/null
+++ b/src/common/navigate.ts
@@ -0,0 +1,14 @@
+import { fireEvent } from "./dom/fire_event";
+
+export const navigate = (
+ node: HTMLElement,
+ path: string,
+ replace: boolean = false
+) => {
+ if (replace) {
+ history.replaceState(null, "", path);
+ } else {
+ history.pushState(null, "", path);
+ }
+ fireEvent(node, "location-changed");
+};
diff --git a/src/common/util/parse-aspect-ratio.js b/src/common/util/parse-aspect-ratio.js
index b5812d8a22f2..1797e81e3ab6 100644
--- a/src/common/util/parse-aspect-ratio.js
+++ b/src/common/util/parse-aspect-ratio.js
@@ -1,24 +1,24 @@
-export default function parseAspectRatio(input) {
- // Handle 16x9, 16:9, 1.78x1, 1.78:1, 1.78
- // Ignore everything else
- function parseOrThrow(number) {
- const parsed = parseFloat(number);
- if (isNaN(parsed)) throw new Error(`${number} is not a number`);
- return parsed;
- }
- try {
- if (input) {
- const arr = input.replace(":", "x").split("x");
- if (arr.length === 0) {
- return null;
- }
-
- return arr.length === 1
- ? { w: parseOrThrow(arr[0]), h: 1 }
- : { w: parseOrThrow(arr[0]), h: parseOrThrow(arr[1]) };
- }
- } catch (err) {
- // Ignore the error
- }
- return null;
-}
+export default function parseAspectRatio(input) {
+ // Handle 16x9, 16:9, 1.78x1, 1.78:1, 1.78
+ // Ignore everything else
+ function parseOrThrow(number) {
+ const parsed = parseFloat(number);
+ if (isNaN(parsed)) throw new Error(`${number} is not a number`);
+ return parsed;
+ }
+ try {
+ if (input) {
+ const arr = input.replace(":", "x").split("x");
+ if (arr.length === 0) {
+ return null;
+ }
+
+ return arr.length === 1
+ ? { w: parseOrThrow(arr[0]), h: 1 }
+ : { w: parseOrThrow(arr[0]), h: parseOrThrow(arr[1]) };
+ }
+ } catch (err) {
+ // Ignore the error
+ }
+ return null;
+}
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..fa8364b480c2 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 */
diff --git a/src/components/entity/ha-entity-picker.js b/src/components/entity/ha-entity-picker.js
index 16f647240647..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 "@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.js";
+import "./state-badge";
-import computeStateName from "../../common/entity/compute_state_name.js";
-import LocalizeMixin from "../../mixins/localize-mixin.js";
-import EventsMixin from "../../mixins/events-mixin.js";
+import computeStateName from "../../common/entity/compute_state_name";
+import LocalizeMixin from "../../mixins/localize-mixin";
+import EventsMixin from "../../mixins/events-mixin";
/*
* @appliesMixin LocalizeMixin
@@ -38,7 +38,7 @@ class HaEntityPicker extends EventsMixin(LocalizeMixin(PolymerElement)) {
allow-custom-value="[[allowCustomEntity]]"
on-change='_fireChanged'
>
-
paper-icon-item {
margin: -10px;
+ padding: 0;
}
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 867323cfb648..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() {
@@ -38,6 +38,7 @@ class HaComboBox extends EventsMixin(PolymerElement) {
[[_computeItemLabel(item, itemLabelPath)]]
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..6cb6495e5135 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 &&
@@ -14,7 +14,7 @@ window.loadES5Adapter = () => {
if (!es5Loaded) {
es5Loaded = Promise.all([
loadJS(`${__STATIC_PATH__}custom-elements-es5-adapter.js`).catch(),
- import(/* webpackChunkName: "compat" */ "./compatibility.js"),
+ import(/* webpackChunkName: "compat" */ "./compatibility"),
]);
}
return es5Loaded;
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/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..2dff9ed87bbd 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 "@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.js";
+import "../util/ha-url-sync";
-import "./partial-cards.js";
-import "./partial-panel-resolver.js";
-import EventsMixin from "../mixins/events-mixin.js";
-import NavigateMixin from "../mixins/navigate-mixin.js";
+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.js");
-import(/* webpackChunkName: "voice-command-dialog" */ "../dialogs/ha-voice-command-dialog.js");
+import(/* webpackChunkName: "ha-sidebar" */ "../components/ha-sidebar");
+import(/* webpackChunkName: "voice-command-dialog" */ "../dialogs/ha-voice-command-dialog");
const NON_SWIPABLE_PANELS = ["kiosk", "map"];
@@ -27,6 +27,9 @@ class HomeAssistantMain extends NavigateMixin(EventsMixin(PolymerElement)) {
/* remove the grey tap highlights in iOS on the fullscreen touch targets */
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
+ :host([rtl]) {
+ direction: rtl;
+ }
iron-pages, ha-sidebar {
/* allow a light tap highlight on the actual interface elements */
-webkit-tap-highlight-color: rgba(0,0,0,0.1);
@@ -42,7 +45,7 @@ class HomeAssistantMain extends NavigateMixin(EventsMixin(PolymerElement)) {
-
+
@@ -69,6 +72,11 @@ class HomeAssistantMain extends NavigateMixin(EventsMixin(PolymerElement)) {
type: Boolean,
computed: "computeDockedSidebar(hass)",
},
+ rtl: {
+ type: Boolean,
+ reflectToAttribute: true,
+ computed: "computeRTL(hass)",
+ },
};
}
@@ -123,6 +131,13 @@ class HomeAssistantMain extends NavigateMixin(EventsMixin(PolymerElement)) {
return hass.dockedSidebar;
}
+ computeRTL(hass) {
+ return (
+ hass.translationMetadata.translations[hass.selectedLanguage].isRTL ||
+ false
+ );
+ }
+
_computeDisableSwipe(hass) {
return NON_SWIPABLE_PANELS.indexOf(hass.panelUrl) !== -1;
}
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 0bb3a31aefc5..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.
@@ -88,7 +88,11 @@ export const localizeBaseMixin = (superClass) =>
argObject[args[i]] = args[i + 1];
}
- return translatedMessage.format(argObject);
+ try {
+ return translatedMessage.format(argObject);
+ } catch (err) {
+ return "Translation " + err;
+ }
};
}
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 17a55994c979..7b8764c65bfe 100644
--- a/src/mixins/navigate-mixin.js
+++ b/src/mixins/navigate-mixin.js
@@ -1,5 +1,5 @@
-import { dedupingMixin } from "@polymer/polymer/lib/utils/mixin.js";
-import EventsMixin from "./events-mixin";
+import { dedupingMixin } from "@polymer/polymer/lib/utils/mixin";
+import { navigate } from "../common/navigate";
/*
* @polymerMixin
@@ -7,14 +7,9 @@ import EventsMixin from "./events-mixin";
*/
export default dedupingMixin(
(superClass) =>
- class extends EventsMixin(superClass) {
- navigate(path, replace = false) {
- if (replace) {
- history.replaceState(null, null, path);
- } else {
- history.pushState(null, null, path);
- }
- this.fire("location-changed");
+ class extends superClass {
+ navigate(...args) {
+ navigate(this, ...args);
}
}
);
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..7ba95bcf4586 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))
@@ -29,6 +29,7 @@ class HaConfigEntryPage extends NavigateMixin(
box-sizing: border-box;
display: flex;
flex: 1 0 300px;
+ min-width: 0;
max-width: 500px;
padding: 8px;
}
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..4b4ffd541396 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;
@@ -32,6 +32,7 @@ class HaDeviceCard extends EventsMixin(LocalizeMixin(PolymerElement)) {
paper-card {
flex: 1 0 100%;
padding-bottom: 10px;
+ min-width: 0;
}
.device {
width: 30%;
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 7b097e78d832..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
@@ -52,7 +52,7 @@ class HaConfigDashboard extends NavigateMixin(LocalizeMixin(PolymerElement)) {
-
+
[[localize('ui.panel.config.cloud.caption')]]
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 ff8bb0c2ac9d..6d3f4d2de029 100644
--- a/src/panels/config/users/ha-config-users.js
+++ b/src/panels/config/users/ha-config-users.js
@@ -1,13 +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 "./ha-user-picker";
+import "./ha-user-editor";
+import { fireEvent } from "../../../common/dom/fire_event";
/*
* @appliesMixin NavigateMixin
@@ -68,8 +69,8 @@ class HaConfigUsers extends NavigateMixin(PolymerElement) {
_checkRoute(route) {
if (!route || route.path.substr(0, 6) !== "/users") return;
- // prevent list gettung under toolbar
- this.fire("iron-resize");
+ // prevent list getting under toolbar
+ fireEvent(this, "iron-resize");
this._debouncer = Debouncer.debounce(
this._debouncer,
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..715e2d021b78 100644
--- a/src/panels/dev-info/ha-loaded-components.js
+++ b/src/panels/dev-info/ha-loaded-components.js
@@ -1,59 +1,59 @@
-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 "../../resources/ha-style.js";
-
-import EventsMixin from "../../mixins/events-mixin.js";
-
-/*
- * @appliesMixin EventsMixin
- */
-class HaLoadedComponents extends EventsMixin(PolymerElement) {
- static get template() {
- return html`
-
-
- Loaded Components
-
- The following components are currently loaded:
-
-
-
- `;
- }
-
- static get properties() {
- return {
- _hass: Object,
- _components: Array,
-
- _opened: {
- type: Boolean,
- value: false,
- },
- };
- }
-
- ready() {
- super.ready();
- }
-
- showDialog({ hass }) {
- this.hass = hass;
- this._opened = true;
- this._components = this.hass.config.components.sort();
- setTimeout(() => this.$.dialog.center(), 0);
- }
-}
-
-customElements.define("ha-loaded-components", HaLoadedComponents);
+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";
+
+import EventsMixin from "../../mixins/events-mixin";
+
+/*
+ * @appliesMixin EventsMixin
+ */
+class HaLoadedComponents extends EventsMixin(PolymerElement) {
+ static get template() {
+ return html`
+
+
+ Loaded Components
+
+ The following components are currently loaded:
+
+
+
+ `;
+ }
+
+ static get properties() {
+ return {
+ _hass: Object,
+ _components: Array,
+
+ _opened: {
+ type: Boolean,
+ value: false,
+ },
+ };
+ }
+
+ ready() {
+ super.ready();
+ }
+
+ showDialog({ hass }) {
+ this.hass = hass;
+ this._opened = true;
+ this._components = this.hass.config.components.sort();
+ setTimeout(() => this.$.dialog.center(), 0);
+ }
+}
+
+customElements.define("ha-loaded-components", HaLoadedComponents);
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'
>
-
Entity not available: ${
- this.config.entity
+ this._config.entity
}