Bump TypeScript to 3.7 (#4282)

* Bump TypeScript to 3.7

* Update prettier to support ts 3.7

* Prettier

* More prettier

* Even more prettier

cast/src/receiver/layout/hc-main.ts

@@ -175,9 +175,9 @@ export class HcMain extends HassElement {
       } catch (err) {
         // Generate a Lovelace config.
         this._unsubLovelace = () => undefined;
-        const {
+        const { generateLovelaceConfigFromHass } = await import(
-          generateLovelaceConfigFromHass,
+          "../../../../src/panels/lovelace/common/generate-lovelace-config"
-        } = await import("../../../../src/panels/lovelace/common/generate-lovelace-config");
+        );
         this._handleNewLovelaceConfig(
           await generateLovelaceConfigFromHass(this.hass!)
         );

demo/src/custom-cards/card-modder.js

@@ -53,7 +53,7 @@ class CardModder extends LitElement {
     for (var k in this._config.style) {
       if (window.cardTools.hasTemplate(this._config.style[k]))
         this.templated.push(k);
-      this.card.style.setProperty(k, '');
+      this.card.style.setProperty(k, "");
       target.style.setProperty(
         k,
         window.cardTools.parseTemplate(this._config.style[k])

demo/src/entrypoint.ts

@@ -12,5 +12,7 @@ import "./resources/hademo-icons";
 
 /* polyfill for paper-dropdown */
 setTimeout(() => {
-  import(/* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min");
+  import(
+    /* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min"
+  );
 }, 1000);

demo/src/stubs/history.ts

@@ -65,74 +65,79 @@ const generateHistory = (state, deltas) => {
 const incrementalUnits = ["clients", "queries", "ads"];
 
 export const mockHistory = (mockHass: MockHomeAssistant) => {
-  mockHass.mockAPI(new RegExp("history/period/.+"), (
+  mockHass.mockAPI(
-    hass,
+    new RegExp("history/period/.+"),
-    // @ts-ignore
+    (
-    method,
+      hass,
-    path,
+      // @ts-ignore
-    // @ts-ignore
+      method,
-    parameters
+      path,
-  ) => {
+      // @ts-ignore
-    const params = parseQuery<HistoryQueryParams>(path.split("?")[1]);
+      parameters
-    const entities = params.filter_entity_id.split(",");
+    ) => {
+      const params = parseQuery<HistoryQueryParams>(path.split("?")[1]);
+      const entities = params.filter_entity_id.split(",");
 
-    const results: HassEntity[][] = [];
+      const results: HassEntity[][] = [];
 
-    for (const entityId of entities) {
+      for (const entityId of entities) {
-      const state = hass.states[entityId];
+        const state = hass.states[entityId];
 
-      if (!state) {
+        if (!state) {
-        continue;
+          continue;
-      }
+        }
 
-      if (!state.attributes.unit_of_measurement) {
+        if (!state.attributes.unit_of_measurement) {
-        results.push(generateHistory(state, [state.state]));
+          results.push(generateHistory(state, [state.state]));
-        continue;
+          continue;
-      }
+        }
 
-      const numberState = Number(state.state);
+        const numberState = Number(state.state);
 
-      if (isNaN(numberState)) {
+        if (isNaN(numberState)) {
-        // tslint:disable-next-line
+          // tslint:disable-next-line
-        console.log(
+          console.log(
-          "Ignoring state with unparsable state but with a unit",
+            "Ignoring state with unparsable state but with a unit",
-          entityId,
+            entityId,
-          state
+            state
+          );
+          continue;
+        }
+
+        const statesToGenerate = 15;
+        let genFunc;
+
+        if (incrementalUnits.includes(state.attributes.unit_of_measurement)) {
+          let initial = Math.floor(
+            numberState * 0.4 + numberState * Math.random() * 0.2
+          );
+          const diff = Math.max(
+            1,
+            Math.floor((numberState - initial) / statesToGenerate)
+          );
+          genFunc = () => {
+            initial += diff;
+            return Math.min(numberState, initial);
+          };
+        } else {
+          const diff = Math.floor(
+            numberState * (numberState > 80 ? 0.05 : 0.5)
+          );
+          genFunc = () =>
+            numberState - diff + Math.floor(Math.random() * 2 * diff);
+        }
+
+        results.push(
+          generateHistory(
+            {
+              entity_id: state.entity_id,
+              attributes: state.attributes,
+            },
+            Array.from({ length: statesToGenerate }, genFunc)
+          )
         );
-        continue;
       }
-
+      return results;
-      const statesToGenerate = 15;
-      let genFunc;
-
-      if (incrementalUnits.includes(state.attributes.unit_of_measurement)) {
-        let initial = Math.floor(
-          numberState * 0.4 + numberState * Math.random() * 0.2
-        );
-        const diff = Math.max(
-          1,
-          Math.floor((numberState - initial) / statesToGenerate)
-        );
-        genFunc = () => {
-          initial += diff;
-          return Math.min(numberState, initial);
-        };
-      } else {
-        const diff = Math.floor(numberState * (numberState > 80 ? 0.05 : 0.5));
-        genFunc = () =>
-          numberState - diff + Math.floor(Math.random() * 2 * diff);
-      }
-
-      results.push(
-        generateHistory(
-          {
-            entity_id: state.entity_id,
-            attributes: state.attributes,
-          },
-          Array.from({ length: statesToGenerate }, genFunc)
-        )
-      );
     }
-    return results;
+  );
-  });
 };

demo/src/stubs/lovelace.ts

@@ -12,9 +12,10 @@ export const mockLovelace = (
   localizePromise: Promise<LocalizeFunc>
 ) => {
   hass.mockWS("lovelace/config", () =>
-    Promise.all([selectedDemoConfig, localizePromise]).then(
+    Promise.all([
-      ([config, localize]) => config.lovelace(localize)
+      selectedDemoConfig,
-    )
+      localizePromise,
+    ]).then(([config, localize]) => config.lovelace(localize))
   );
 
   hass.mockWS("lovelace/config/save", () => Promise.resolve());

hassio/src/addon-view/hassio-addon-audio.js

@@ -44,9 +44,7 @@ class HassioAddonAudio extends EventsMixin(PolymerElement) {
               selected="{{selectedInput}}"
             >
               <template is="dom-repeat" items="[[inputDevices]]">
-                <paper-item device\$="[[item.device]]"
+                <paper-item device$="[[item.device]]">[[item.name]]</paper-item>
-                  >[[item.name]]</paper-item
-                >
               </template>
             </paper-listbox>
           </paper-dropdown-menu>
@@ -57,9 +55,7 @@ class HassioAddonAudio extends EventsMixin(PolymerElement) {
               selected="{{selectedOutput}}"
             >
               <template is="dom-repeat" items="[[outputDevices]]">
-                <paper-item device\$="[[item.device]]"
+                <paper-item device$="[[item.device]]">[[item.name]]</paper-item>
-                  >[[item.name]]</paper-item
-                >
               </template>
             </paper-listbox>
           </paper-dropdown-menu>

hassio/src/addon-view/hassio-addon-info.js

@@ -569,7 +569,10 @@ class HassioAddonInfo extends EventsMixin(PolymerElement) {
   openChangelog() {
     this.hass
       .callApi("get", `hassio/addons/${this.addonSlug}/changelog`)
-      .then((resp) => resp, () => "Error getting changelog")
+      .then(
+        (resp) => resp,
+        () => "Error getting changelog"
+      )
       .then((content) => {
         showHassioMarkdownDialog(this, {
           title: "Changelog",

hassio/src/dashboard/hassio-update.ts

@@ -74,9 +74,7 @@ export class HassioUpdate extends LitElement {
             this.supervisorInfo.version,
             this.supervisorInfo.last_version,
             "hassio/supervisor/update",
-            `https://github.com//home-assistant/hassio/releases/tag/${
+            `https://github.com//home-assistant/hassio/releases/tag/${this.supervisorInfo.last_version}`
-              this.supervisorInfo.last_version
-            }`
           )}
           ${this.hassOsInfo
             ? this._renderUpdateCard(
@@ -84,9 +82,7 @@ export class HassioUpdate extends LitElement {
                 this.hassOsInfo.version,
                 this.hassOsInfo.version_latest,
                 "hassio/hassos/update",
-                `https://github.com//home-assistant/hassos/releases/tag/${
+                `https://github.com//home-assistant/hassos/releases/tag/${this.hassOsInfo.version_latest}`
-                  this.hassOsInfo.version_latest
-                }`
               )
             : ""}
         </div>

hassio/src/dialogs/markdown/show-dialog-hassio-markdown.ts

@@ -12,7 +12,9 @@ export const showHassioMarkdownDialog = (
   fireEvent(element, "show-dialog", {
     dialogTag: "dialog-hassio-markdown",
     dialogImport: () =>
-      import(/* webpackChunkName: "dialog-hassio-markdown" */ "./dialog-hassio-markdown"),
+      import(
+        /* webpackChunkName: "dialog-hassio-markdown" */ "./dialog-hassio-markdown"
+      ),
     dialogParams,
   });
 };

hassio/src/dialogs/snapshot/show-dialog-hassio-snapshot.ts

@@ -12,7 +12,9 @@ export const showHassioSnapshotDialog = (
   fireEvent(element, "show-dialog", {
     dialogTag: "dialog-hassio-snapshot",
     dialogImport: () =>
-      import(/* webpackChunkName: "dialog-hassio-snapshot" */ "./dialog-hassio-snapshot"),
+      import(
+        /* webpackChunkName: "dialog-hassio-snapshot" */ "./dialog-hassio-snapshot"
+      ),
     dialogParams,
   });
 };

hassio/src/hassio-main.ts

@@ -56,12 +56,16 @@ class HassioMain extends ProvideHassLitMixin(HassRouterPage) {
       addon: {
         tag: "hassio-addon-view",
         load: () =>
-          import(/* webpackChunkName: "hassio-addon-view" */ "./addon-view/hassio-addon-view"),
+          import(
+            /* webpackChunkName: "hassio-addon-view" */ "./addon-view/hassio-addon-view"
+          ),
       },
       ingress: {
         tag: "hassio-ingress-view",
         load: () =>
-          import(/* webpackChunkName: "hassio-ingress-view" */ "./ingress-view/hassio-ingress-view"),
+          import(
+            /* webpackChunkName: "hassio-ingress-view" */ "./ingress-view/hassio-ingress-view"
+          ),
       },
     },
   };

package.json

@@ -105,15 +105,15 @@
     "xss": "^1.0.6"
   },
   "devDependencies": {
-    "@babel/core": "^7.4.0",
+    "@babel/core": "^7.7.4",
-    "@babel/plugin-external-helpers": "^7.2.0",
+    "@babel/plugin-external-helpers": "^7.7.4",
-    "@babel/plugin-proposal-class-properties": "^7.4.0",
+    "@babel/plugin-proposal-class-properties": "^7.7.4",
-    "@babel/plugin-proposal-decorators": "^7.4.0",
+    "@babel/plugin-proposal-decorators": "^7.7.4",
-    "@babel/plugin-proposal-object-rest-spread": "^7.4.0",
+    "@babel/plugin-proposal-object-rest-spread": "^7.7.4",
-    "@babel/plugin-syntax-dynamic-import": "^7.2.0",
+    "@babel/plugin-syntax-dynamic-import": "^7.7.4",
-    "@babel/plugin-transform-react-jsx": "^7.3.0",
+    "@babel/plugin-transform-react-jsx": "^7.7.4",
-    "@babel/preset-env": "^7.4.2",
+    "@babel/preset-env": "^7.7.4",
-    "@babel/preset-typescript": "^7.4.0",
+    "@babel/preset-typescript": "^7.7.4",
     "@types/chai": "^4.1.7",
     "@types/chromecast-caf-receiver": "^3.0.12",
     "@types/chromecast-caf-sender": "^1.0.1",
@@ -155,18 +155,18 @@
     "merge-stream": "^1.0.1",
     "mocha": "^6.0.2",
     "parse5": "^5.1.0",
-    "prettier": "^1.16.4",
+    "prettier": "^1.19.1",
     "raw-loader": "^2.0.0",
     "reify": "^0.18.1",
     "require-dir": "^1.2.0",
     "sinon": "^7.3.1",
     "terser-webpack-plugin": "^1.2.3",
     "ts-mocha": "^6.0.0",
-    "tslint": "^5.14.0",
+    "tslint": "^5.20.1",
     "tslint-config-prettier": "^1.18.0",
     "tslint-eslint-rules": "^5.4.0",
     "tslint-plugin-prettier": "^2.0.1",
-    "typescript": "^3.6.3",
+    "typescript": "^3.7.2",
     "web-component-tester": "^6.9.2",
     "webpack": "^4.40.2",
     "webpack-cli": "^3.3.9",

src/auth/ha-auth-flow.ts

@@ -98,9 +98,7 @@ class HaAuthFlow extends litLocalizeLiteMixin(LitElement) {
           <ha-markdown
             allowsvg
             .content=${this.localize(
-              `ui.panel.page-authorize.form.providers.${
+              `ui.panel.page-authorize.form.providers.${step.handler[0]}.abort.${step.reason}`
-                step.handler[0]
-              }.abort.${step.reason}`
             )}
           ></ha-markdown>
         `;
@@ -229,9 +227,7 @@ class HaAuthFlow extends litLocalizeLiteMixin(LitElement) {
   }
 
   private _computeStepDescription(step: DataEntryFlowStepForm) {
-    const resourceKey = `ui.panel.page-authorize.form.providers.${
+    const resourceKey = `ui.panel.page-authorize.form.providers.${step.handler[0]}.step.${step.step_id}.description`;
-      step.handler[0]
-    }.step.${step.step_id}.description`;
     const args: string[] = [];
     const placeholders = step.description_placeholders || {};
     Object.keys(placeholders).forEach((key) => {
@@ -245,9 +241,7 @@ class HaAuthFlow extends litLocalizeLiteMixin(LitElement) {
     // Returns a callback for ha-form to calculate labels per schema object
     return (schema) =>
       this.localize(
-        `ui.panel.page-authorize.form.providers.${step.handler[0]}.step.${
+        `ui.panel.page-authorize.form.providers.${step.handler[0]}.step.${step.step_id}.data.${schema.name}`
-          step.step_id
-        }.data.${schema.name}`
       );
   }
 
@@ -255,9 +249,7 @@ class HaAuthFlow extends litLocalizeLiteMixin(LitElement) {
     // Returns a callback for ha-form to calculate error messages
     return (error) =>
       this.localize(
-        `ui.panel.page-authorize.form.providers.${
+        `ui.panel.page-authorize.form.providers.${step.handler[0]}.error.${error}`
-          step.handler[0]
-        }.error.${error}`
       );
   }
 

src/auth/ha-authorize.ts

@@ -11,7 +11,9 @@ import "./ha-auth-flow";
 import { AuthProvider, fetchAuthProviders } from "../data/auth";
 import { registerServiceWorker } from "../util/register-service-worker";
 
-import(/* webpackChunkName: "pick-auth-provider" */ "../auth/ha-pick-auth-provider");
+import(
+  /* webpackChunkName: "pick-auth-provider" */ "../auth/ha-pick-auth-provider"
+);
 
 interface QueryParams {
   client_id?: string;

src/common/datetime/format_date.ts

@@ -10,11 +10,11 @@ function toLocaleDateStringSupportsOptions() {
   return false;
 }
 
-export default (toLocaleDateStringSupportsOptions()
+export default toLocaleDateStringSupportsOptions()
   ? (dateObj: Date, locales: string) =>
       dateObj.toLocaleDateString(locales, {
         year: "numeric",
         month: "long",
         day: "numeric",
       })
-  : (dateObj: Date) => fecha.format(dateObj, "mediumDate"));
+  : (dateObj: Date) => fecha.format(dateObj, "mediumDate");

src/common/datetime/format_date_time.ts

@@ -10,7 +10,7 @@ function toLocaleStringSupportsOptions() {
   return false;
 }
 
-export default (toLocaleStringSupportsOptions()
+export default toLocaleStringSupportsOptions()
   ? (dateObj: Date, locales: string) =>
       dateObj.toLocaleString(locales, {
         year: "numeric",
@@ -19,4 +19,4 @@ export default (toLocaleStringSupportsOptions()
         hour: "numeric",
         minute: "2-digit",
       })
-  : (dateObj: Date) => fecha.format(dateObj, "haDateTime"));
+  : (dateObj: Date) => fecha.format(dateObj, "haDateTime");

src/common/datetime/format_time.ts

@@ -10,10 +10,10 @@ function toLocaleTimeStringSupportsOptions() {
   return false;
 }
 
-export default (toLocaleTimeStringSupportsOptions()
+export default toLocaleTimeStringSupportsOptions()
   ? (dateObj: Date, locales: string) =>
       dateObj.toLocaleTimeString(locales, {
         hour: "numeric",
         minute: "2-digit",
       })
-  : (dateObj: Date) => fecha.format(dateObj, "shortTime"));
+  : (dateObj: Date) => fecha.format(dateObj, "shortTime");

src/common/dom/apply_themes_on_element.ts

@@ -60,7 +60,7 @@ export const applyThemesOnElement = (
     element.updateStyles(styles);
   } else if (window.ShadyCSS) {
     // implement updateStyles() method of Polymer elements
-    window.ShadyCSS.styleSubtree(/** @type {!HTMLElement} */ (element), styles);
+    window.ShadyCSS.styleSubtree(/** @type {!HTMLElement} */ element, styles);
   }
 
   if (!updateMeta) {

src/common/dom/setup-leaflet-map.ts

@@ -11,7 +11,9 @@ export const setupLeafletMap = async (
     throw new Error("Cannot setup Leaflet map on disconnected element");
   }
   // tslint:disable-next-line
-  const Leaflet = (await import(/* webpackChunkName: "leaflet" */ "leaflet")) as LeafletModuleType;
+  const Leaflet = (await import(
+    /* webpackChunkName: "leaflet" */ "leaflet"
+  )) as LeafletModuleType;
   Leaflet.Icon.Default.imagePath = "/static/images/leaflet/images/";
 
   const map = Leaflet.map(mapElement);

src/components/entity/ha-chart-base.js

@@ -215,7 +215,9 @@ class HaChartBase extends mixinBehaviors(
     }
 
     if (scriptsLoaded === null) {
-      scriptsLoaded = import(/* webpackChunkName: "load_chart" */ "../../resources/ha-chart-scripts.js");
+      scriptsLoaded = import(
+        /* webpackChunkName: "load_chart" */ "../../resources/ha-chart-scripts.js"
+      );
     }
     scriptsLoaded.then((ChartModule) => {
       this.ChartClass = ChartModule.default;

src/components/ha-camera-stream.ts

@@ -122,8 +122,9 @@ class HaCameraStream extends LitElement {
 
   private async _startHls(): Promise<void> {
     // tslint:disable-next-line
-    const Hls = ((await import(/* webpackChunkName: "hls.js" */ "hls.js")) as any)
+    const Hls = ((await import(
-      .default as HLSModule;
+      /* webpackChunkName: "hls.js" */ "hls.js"
+    )) as any).default as HLSModule;
     let hlsSupported = Hls.isSupported();
     const videoEl = this._videoEl;
 

src/components/ha-climate-state.js

@@ -72,9 +72,7 @@ class HaClimateState extends LocalizeMixin(PolymerElement) {
   computeCurrentStatus(hass, stateObj) {
     if (!hass || !stateObj) return null;
     if (stateObj.attributes.current_temperature != null) {
-      return `${stateObj.attributes.current_temperature} ${
+      return `${stateObj.attributes.current_temperature} ${hass.config.unit_system.temperature}`;
-        hass.config.unit_system.temperature
-      }`;
     }
     if (stateObj.attributes.current_humidity != null) {
       return `${stateObj.attributes.current_humidity} %`;
@@ -89,22 +87,16 @@ class HaClimateState extends LocalizeMixin(PolymerElement) {
       stateObj.attributes.target_temp_low != null &&
       stateObj.attributes.target_temp_high != null
     ) {
-      return `${stateObj.attributes.target_temp_low}-${
+      return `${stateObj.attributes.target_temp_low}-${stateObj.attributes.target_temp_high} ${hass.config.unit_system.temperature}`;
-        stateObj.attributes.target_temp_high
-      } ${hass.config.unit_system.temperature}`;
     }
     if (stateObj.attributes.temperature != null) {
-      return `${stateObj.attributes.temperature} ${
+      return `${stateObj.attributes.temperature} ${hass.config.unit_system.temperature}`;
-        hass.config.unit_system.temperature
-      }`;
     }
     if (
       stateObj.attributes.target_humidity_low != null &&
       stateObj.attributes.target_humidity_high != null
     ) {
-      return `${stateObj.attributes.target_humidity_low}-${
+      return `${stateObj.attributes.target_humidity_low}-${stateObj.attributes.target_humidity_high}%`;
-        stateObj.attributes.target_humidity_high
-      }%`;
     }
     if (stateObj.attributes.humidity != null) {
       return `${stateObj.attributes.humidity} %`;
@@ -121,9 +113,7 @@ class HaClimateState extends LocalizeMixin(PolymerElement) {
     const stateString = localize(`state.climate.${stateObj.state}`);
     return stateObj.attributes.hvac_action
       ? `${localize(
-          `state_attributes.climate.hvac_action.${
+          `state_attributes.climate.hvac_action.${stateObj.attributes.hvac_action}`
-            stateObj.attributes.hvac_action
-          }`
         )} (${stateString})`
       : stateString;
   }

src/components/ha-water_heater-state.js

@@ -58,14 +58,10 @@ class HaWaterHeaterState extends LocalizeMixin(PolymerElement) {
       stateObj.attributes.target_temp_low != null &&
       stateObj.attributes.target_temp_high != null
     ) {
-      return `${stateObj.attributes.target_temp_low} - ${
+      return `${stateObj.attributes.target_temp_low} - ${stateObj.attributes.target_temp_high} ${hass.config.unit_system.temperature}`;
-        stateObj.attributes.target_temp_high
-      } ${hass.config.unit_system.temperature}`;
     }
     if (stateObj.attributes.temperature != null) {
-      return `${stateObj.attributes.temperature} ${
+      return `${stateObj.attributes.temperature} ${hass.config.unit_system.temperature}`;
-        hass.config.unit_system.temperature
-      }`;
     }
 
     return "";

src/data/camera.ts

@@ -19,9 +19,7 @@ export interface Stream {
 }
 
 export const computeMJPEGStreamUrl = (entity: CameraEntity) =>
-  `/api/camera_proxy_stream/${entity.entity_id}?token=${
+  `/api/camera_proxy_stream/${entity.entity_id}?token=${entity.attributes.access_token}`;
-    entity.attributes.access_token
-  }`;
 
 export const fetchThumbnailUrlWithCache = (
   hass: HomeAssistant,

src/data/conversation.ts

@@ -3,7 +3,7 @@ import { HomeAssistant } from "../types";
 interface ProcessResults {
   card: { [key: string]: { [key: string]: string } };
   speech: {
-    [SpeechType in "plain" | "ssml"]: { extra_data: any; speech: string }
+    [SpeechType in "plain" | "ssml"]: { extra_data: any; speech: string };
   };
 }
 

src/data/device_automation.ts

@@ -107,9 +107,7 @@ export const localizeDeviceAutomationAction = (
     state ? computeStateName(state) : "<unknown>",
     "subtype",
     hass.localize(
-      `component.${action.domain}.device_automation.action_subtype.${
+      `component.${action.domain}.device_automation.action_subtype.${action.subtype}`
-        action.subtype
-      }`
     )
   );
 };
@@ -122,16 +120,12 @@ export const localizeDeviceAutomationCondition = (
     ? hass.states[condition.entity_id]
     : undefined;
   return hass.localize(
-    `component.${condition.domain}.device_automation.condition_type.${
+    `component.${condition.domain}.device_automation.condition_type.${condition.type}`,
-      condition.type
-    }`,
     "entity_name",
     state ? computeStateName(state) : "<unknown>",
     "subtype",
     hass.localize(
-      `component.${condition.domain}.device_automation.condition_subtype.${
+      `component.${condition.domain}.device_automation.condition_subtype.${condition.subtype}`
-        condition.subtype
-      }`
     )
   );
 };
@@ -142,16 +136,12 @@ export const localizeDeviceAutomationTrigger = (
 ) => {
   const state = trigger.entity_id ? hass.states[trigger.entity_id] : undefined;
   return hass.localize(
-    `component.${trigger.domain}.device_automation.trigger_type.${
+    `component.${trigger.domain}.device_automation.trigger_type.${trigger.type}`,
-      trigger.type
-    }`,
     "entity_name",
     state ? computeStateName(state) : "<unknown>",
     "subtype",
     hass.localize(
-      `component.${trigger.domain}.device_automation.trigger_subtype.${
+      `component.${trigger.domain}.device_automation.trigger_subtype.${trigger.subtype}`
-        trigger.subtype
-      }`
     )
   );
 };

src/data/hassio.ts

@@ -149,9 +149,7 @@ export const createHassioSession = async (hass: HomeAssistant) => {
     "POST",
     "hassio/ingress/session"
   );
-  document.cookie = `ingress_session=${
+  document.cookie = `ingress_session=${response.data.session};path=/api/hassio_ingress/`;
-    response.data.session
-  };path=/api/hassio_ingress/`;
 };
 
 export const reloadHassioAddons = (hass: HomeAssistant) =>

src/dialogs/config-entry-system-options/dialog-config-entry-system-options.ts

@@ -98,9 +98,7 @@ class DialogConfigEntrySystemOptions extends LitElement {
                           "ui.dialogs.config_entry_system_options.enable_new_entities_description",
                           "integration",
                           this.hass.localize(
-                            `component.${
+                            `component.${this._params.entry.domain}.config.title`
-                              this._params.entry.domain
-                            }.config.title`
                           ) || this._params.entry.domain
                         )}
                       </p>

src/dialogs/config-entry-system-options/show-dialog-config-entry-system-options.ts

@@ -10,7 +10,9 @@ export interface ConfigEntrySystemOptionsDialogParams {
 }
 
 export const loadConfigEntrySystemOptionsDialog = () =>
-  import(/* webpackChunkName: "config-entry-system-options" */ "./dialog-config-entry-system-options");
+  import(
+    /* webpackChunkName: "config-entry-system-options" */ "./dialog-config-entry-system-options"
+  );
 
 export const showConfigEntrySystemOptionsDialog = (
   element: HTMLElement,

src/dialogs/config-flow/show-dialog-config-flow.ts

@@ -71,9 +71,7 @@ export const showConfigFlowDialog = (
 
     renderShowFormStepFieldLabel(hass, step, field) {
       return hass.localize(
-        `component.${step.handler}.config.step.${step.step_id}.data.${
+        `component.${step.handler}.config.step.${step.step_id}.data.${field.name}`
-          field.name
-        }`
       );
     },
 

src/dialogs/config-flow/show-dialog-data-entry-flow.ts

@@ -79,7 +79,9 @@ export interface DataEntryFlowDialogParams {
 }
 
 export const loadDataEntryFlowDialog = () =>
-  import(/* webpackChunkName: "dialog-config-flow" */ "./dialog-data-entry-flow");
+  import(
+    /* webpackChunkName: "dialog-config-flow" */ "./dialog-data-entry-flow"
+  );
 
 export const showFlowDialog = (
   element: HTMLElement,

src/dialogs/config-flow/show-dialog-options-flow.ts

@@ -54,9 +54,7 @@ export const showOptionsFlowDialog = (
 
       renderShowFormStepFieldLabel(hass, step, field) {
         return hass.localize(
-          `component.${configEntry.domain}.options.step.${step.step_id}.data.${
+          `component.${configEntry.domain}.options.step.${step.step_id}.data.${field.name}`
-            field.name
-          }`
         );
       },
 

src/dialogs/device-registry-detail/show-dialog-device-registry-detail.ts

@@ -12,7 +12,9 @@ export interface DeviceRegistryDetailDialogParams {
 }
 
 export const loadDeviceRegistryDetailDialog = () =>
-  import(/* webpackChunkName: "device-registry-detail-dialog" */ "./dialog-device-registry-detail");
+  import(
+    /* webpackChunkName: "device-registry-detail-dialog" */ "./dialog-device-registry-detail"
+  );
 
 export const showDeviceRegistryDetailDialog = (
   element: HTMLElement,

src/dialogs/domain-toggler/show-dialog-domain-toggler.ts

@@ -6,7 +6,9 @@ export interface HaDomainTogglerDialogParams {
 }
 
 export const loadDomainTogglerDialog = () =>
-  import(/* webpackChunkName: "dialog-domain-toggler" */ "./dialog-domain-toggler");
+  import(
+    /* webpackChunkName: "dialog-domain-toggler" */ "./dialog-domain-toggler"
+  );
 
 export const showDomainTogglerDialog = (
   element: HTMLElement,

src/dialogs/voice-command-dialog/show-ha-voice-command-dialog.ts

@@ -1,7 +1,9 @@
 import { fireEvent } from "../../common/dom/fire_event";
 
 const loadVoiceCommandDialog = () =>
-  import(/* webpackChunkName: "ha-voice-command-dialog" */ "./ha-voice-command-dialog");
+  import(
+    /* webpackChunkName: "ha-voice-command-dialog" */ "./ha-voice-command-dialog"
+  );
 
 export const showVoiceCommandDialog = (element: HTMLElement): void => {
   fireEvent(element, "show-dialog", {

src/dialogs/zha-device-info-dialog/show-dialog-zha-device-info.ts

@@ -5,7 +5,9 @@ export interface ZHADeviceInfoDialogParams {
 }
 
 export const loadZHADeviceInfoDialog = () =>
-  import(/* webpackChunkName: "dialog-zha-device-info" */ "./dialog-zha-device-info");
+  import(
+    /* webpackChunkName: "dialog-zha-device-info" */ "./dialog-zha-device-info"
+  );
 
 export const showZHADeviceInfoDialog = (
   element: HTMLElement,

src/entrypoints/authorize.ts

@@ -10,6 +10,8 @@ import "../auth/ha-authorize";
 /* polyfill for paper-dropdown */
 setTimeout(
   () =>
-    import(/* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min"),
+    import(
+      /* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min"
+    ),
   2000
 );

src/entrypoints/core.ts

@@ -27,9 +27,9 @@ const isExternal = location.search.includes("external_auth=1");
 
 const authProm = isExternal
   ? () =>
-      import(/* webpackChunkName: "external_auth" */ "../external_app/external_auth").then(
+      import(
-        ({ createExternalAuth }) => createExternalAuth(hassUrl)
+        /* webpackChunkName: "external_auth" */ "../external_app/external_auth"
-      )
+      ).then(({ createExternalAuth }) => createExternalAuth(hassUrl))
   : () =>
       getAuth({
         hassUrl,

src/fake_data/provide_hass.ts

@@ -74,20 +74,23 @@ export const provideHass = (
     restResponses.push([path, callback]);
   }
 
-  mockAPI(new RegExp("states/.+"), (
+  mockAPI(
-    // @ts-ignore
+    new RegExp("states/.+"),
-    method,
+    (
-    path,
+      // @ts-ignore
-    parameters
+      method,
-  ) => {
+      path,
-    const [domain, objectId] = path.substr(7).split(".", 2);
+      parameters
-    if (!domain || !objectId) {
+    ) => {
-      return;
+      const [domain, objectId] = path.substr(7).split(".", 2);
+      if (!domain || !objectId) {
+        return;
+      }
+      addEntities(
+        getEntity(domain, objectId, parameters.state, parameters.attributes)
+      );
     }
-    addEntities(
+  );
-      getEntity(domain, objectId, parameters.state, parameters.attributes)
-    );
-  });
 
   const localLanguage = getLocalLanguage();
 
@@ -117,9 +120,7 @@ export const provideHass = (
           ? callback(msg)
           : Promise.reject({
               code: "command_not_mocked",
-              message: `WS Command ${
+              message: `WS Command ${msg.type} is not implemented in provide_hass.`,
-                msg.type
-              } is not implemented in provide_hass.`,
             });
       },
       subscribeMessage: async (onChange, msg) => {
@@ -128,9 +129,7 @@ export const provideHass = (
           ? callback(msg, onChange)
           : Promise.reject({
               code: "command_not_mocked",
-              message: `WS Command ${
+              message: `WS Command ${msg.type} is not implemented in provide_hass.`,
-                msg.type
-              } is not implemented in provide_hass.`,
             });
       },
       subscribeEvents: async (

src/layouts/home-assistant.ts

@@ -45,7 +45,9 @@ export class HomeAssistantAppEl extends HassElement {
     this._initialize();
     setTimeout(registerServiceWorker, 1000);
     /* polyfill for paper-dropdown */
-    import(/* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min");
+    import(
+      /* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min"
+    );
   }
 
   protected updated(changedProps: PropertyValues): void {
@@ -55,9 +57,10 @@ export class HomeAssistantAppEl extends HassElement {
       this._updateHass({ panelUrl: this._panelUrl });
     }
     if (changedProps.has("hass")) {
-      this.hassChanged(this.hass!, changedProps.get("hass") as
+      this.hassChanged(
-        | HomeAssistant
+        this.hass!,
-        | undefined);
+        changedProps.get("hass") as HomeAssistant | undefined
+      );
     }
   }
 

src/layouts/partial-panel-resolver.ts

@@ -12,33 +12,59 @@ import { removeInitSkeleton } from "../util/init-skeleton";
 const CACHE_COMPONENTS = ["lovelace", "states", "developer-tools"];
 const COMPONENTS = {
   calendar: () =>
-    import(/* webpackChunkName: "panel-calendar" */ "../panels/calendar/ha-panel-calendar"),
+    import(
+      /* webpackChunkName: "panel-calendar" */ "../panels/calendar/ha-panel-calendar"
+    ),
   config: () =>
-    import(/* webpackChunkName: "panel-config" */ "../panels/config/ha-panel-config"),
+    import(
+      /* webpackChunkName: "panel-config" */ "../panels/config/ha-panel-config"
+    ),
   custom: () =>
-    import(/* webpackChunkName: "panel-custom" */ "../panels/custom/ha-panel-custom"),
+    import(
+      /* webpackChunkName: "panel-custom" */ "../panels/custom/ha-panel-custom"
+    ),
   "developer-tools": () =>
-    import(/* webpackChunkName: "panel-developer-tools" */ "../panels/developer-tools/ha-panel-developer-tools"),
+    import(
+      /* webpackChunkName: "panel-developer-tools" */ "../panels/developer-tools/ha-panel-developer-tools"
+    ),
   lovelace: () =>
-    import(/* webpackChunkName: "panel-lovelace" */ "../panels/lovelace/ha-panel-lovelace"),
+    import(
+      /* webpackChunkName: "panel-lovelace" */ "../panels/lovelace/ha-panel-lovelace"
+    ),
   states: () =>
-    import(/* webpackChunkName: "panel-states" */ "../panels/states/ha-panel-states"),
+    import(
+      /* webpackChunkName: "panel-states" */ "../panels/states/ha-panel-states"
+    ),
   history: () =>
-    import(/* webpackChunkName: "panel-history" */ "../panels/history/ha-panel-history"),
+    import(
+      /* webpackChunkName: "panel-history" */ "../panels/history/ha-panel-history"
+    ),
   iframe: () =>
-    import(/* webpackChunkName: "panel-iframe" */ "../panels/iframe/ha-panel-iframe"),
+    import(
+      /* webpackChunkName: "panel-iframe" */ "../panels/iframe/ha-panel-iframe"
+    ),
   kiosk: () =>
-    import(/* webpackChunkName: "panel-kiosk" */ "../panels/kiosk/ha-panel-kiosk"),
+    import(
+      /* webpackChunkName: "panel-kiosk" */ "../panels/kiosk/ha-panel-kiosk"
+    ),
   logbook: () =>
-    import(/* webpackChunkName: "panel-logbook" */ "../panels/logbook/ha-panel-logbook"),
+    import(
+      /* webpackChunkName: "panel-logbook" */ "../panels/logbook/ha-panel-logbook"
+    ),
   mailbox: () =>
-    import(/* webpackChunkName: "panel-mailbox" */ "../panels/mailbox/ha-panel-mailbox"),
+    import(
+      /* webpackChunkName: "panel-mailbox" */ "../panels/mailbox/ha-panel-mailbox"
+    ),
   map: () =>
     import(/* webpackChunkName: "panel-map" */ "../panels/map/ha-panel-map"),
   profile: () =>
-    import(/* webpackChunkName: "panel-profile" */ "../panels/profile/ha-panel-profile"),
+    import(
+      /* webpackChunkName: "panel-profile" */ "../panels/profile/ha-panel-profile"
+    ),
   "shopping-list": () =>
-    import(/* webpackChunkName: "panel-shopping-list" */ "../panels/shopping-list/ha-panel-shopping-list"),
+    import(
+      /* webpackChunkName: "panel-shopping-list" */ "../panels/shopping-list/ha-panel-shopping-list"
+    ),
 };
 
 const getRoutes = (panels: Panels): RouterOptions => {

src/onboarding/ha-onboarding.ts

@@ -84,8 +84,12 @@ class HaOnboarding extends litLocalizeLiteMixin(HassElement) {
   protected firstUpdated(changedProps: PropertyValues) {
     super.firstUpdated(changedProps);
     this._fetchOnboardingSteps();
-    import(/* webpackChunkName: "onboarding-integrations" */ "./onboarding-integrations");
+    import(
-    import(/* webpackChunkName: "onboarding-core-config" */ "./onboarding-core-config");
+      /* webpackChunkName: "onboarding-integrations" */ "./onboarding-integrations"
+    );
+    import(
+      /* webpackChunkName: "onboarding-core-config" */ "./onboarding-core-config"
+    );
     registerServiceWorker(false);
     this.addEventListener("onboarding-step", (ev) => this._handleStepDone(ev));
   }

src/onboarding/onboarding-integrations.ts

@@ -124,7 +124,9 @@ class OnboardingIntegrations extends LitElement {
     loadConfigFlowDialog();
     this._loadConfigEntries();
     /* polyfill for paper-dropdown */
-    import(/* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min");
+    import(
+      /* webpackChunkName: "polyfill-web-animations-next" */ "web-animations-js/web-animations-next-lite.min"
+    );
   }
 
   private _createFlow() {

src/panels/config/area_registry/show-dialog-area-registry-detail.ts

@@ -14,7 +14,9 @@ export interface AreaRegistryDetailDialogParams {
 }
 
 export const loadAreaRegistryDetailDialog = () =>
-  import(/* webpackChunkName: "area-registry-detail-dialog" */ "./dialog-area-registry-detail");
+  import(
+    /* webpackChunkName: "area-registry-detail-dialog" */ "./dialog-area-registry-detail"
+  );
 
 export const showAreaRegistryDetailDialog = (
   element: HTMLElement,

src/panels/config/automation/ha-automation-picker.ts

@@ -115,9 +115,7 @@ class HaAutomationPicker extends LitElement {
                           <a
                             href=${ifDefined(
                               automation.attributes.id
-                                ? `/config/automation/edit/${
+                                ? `/config/automation/edit/${automation.attributes.id}`
-                                    automation.attributes.id
-                                  }`
                                 : undefined
                             )}
                           >

src/panels/config/automation/show-dialog-thingtalk.ts

@@ -6,7 +6,9 @@ export interface ThingtalkDialogParams {
 }
 
 export const loadThingtalkDialog = () =>
-  import(/* webpackChunkName: "thingtalk-dialog" */ "./thingtalk/dialog-thingtalk");
+  import(
+    /* webpackChunkName: "thingtalk-dialog" */ "./thingtalk/dialog-thingtalk"
+  );
 
 export const showThingtalkDialog = (
   element: HTMLElement,

src/panels/config/cloud/dialog-cloud-certificate/show-dialog-cloud-certificate.ts

@@ -12,7 +12,9 @@ export const showCloudCertificateDialog = (
   fireEvent(element, "show-dialog", {
     dialogTag: "dialog-cloud-certificate",
     dialogImport: () =>
-      import(/* webpackChunkName: "dialog-cloud-certificate" */ "./dialog-cloud-certificate"),
+      import(
+        /* webpackChunkName: "dialog-cloud-certificate" */ "./dialog-cloud-certificate"
+      ),
     dialogParams: webhookDialogParams,
   });
 };

src/panels/config/cloud/dialog-manage-cloudhook/show-dialog-manage-cloudhook.ts

@@ -15,7 +15,9 @@ export const showManageCloudhookDialog = (
   fireEvent(element, "show-dialog", {
     dialogTag: "dialog-manage-cloudhook",
     dialogImport: () =>
-      import(/* webpackChunkName: "cloud-webhook-manage-dialog" */ "./dialog-manage-cloudhook"),
+      import(
+        /* webpackChunkName: "cloud-webhook-manage-dialog" */ "./dialog-manage-cloudhook"
+      ),
     dialogParams: webhookDialogParams,
   });
 };

src/panels/config/cloud/ha-config-cloud.ts

@@ -46,12 +46,16 @@ class HaConfigCloud extends HassRouterPage {
       register: {
         tag: "cloud-register",
         load: () =>
-          import(/* webpackChunkName: "cloud-register" */ "./register/cloud-register"),
+          import(
+            /* webpackChunkName: "cloud-register" */ "./register/cloud-register"
+          ),
       },
       "forgot-password": {
         tag: "cloud-forgot-password",
         load: () =>
-          import(/* webpackChunkName: "cloud-forgot-password" */ "./forgot-password/cloud-forgot-password"),
+          import(
+            /* webpackChunkName: "cloud-forgot-password" */ "./forgot-password/cloud-forgot-password"
+          ),
       },
       account: {
         tag: "cloud-account",
@@ -59,7 +63,9 @@ class HaConfigCloud extends HassRouterPage {
       "google-assistant": {
         tag: "cloud-google-assistant",
         load: () =>
-          import(/* webpackChunkName: "cloud-google-assistant" */ "./google-assistant/cloud-google-assistant"),
+          import(
+            /* webpackChunkName: "cloud-google-assistant" */ "./google-assistant/cloud-google-assistant"
+          ),
       },
       alexa: {
         tag: "cloud-alexa",

src/panels/config/entity_registry/show-dialog-entity-registry-detail.ts

@@ -6,7 +6,9 @@ export interface EntityRegistryDetailDialogParams {
 }
 
 export const loadEntityRegistryDetailDialog = () =>
-  import(/* webpackChunkName: "entity-registry-detail-dialog" */ "./dialog-entity-registry-detail");
+  import(
+    /* webpackChunkName: "entity-registry-detail-dialog" */ "./dialog-entity-registry-detail"
+  );
 
 export const showEntityRegistryDetailDialog = (
   element: HTMLElement,

src/panels/config/ha-panel-config.ts

@@ -31,82 +31,114 @@ class HaPanelConfig extends HassRouterPage {
       area_registry: {
         tag: "ha-config-area-registry",
         load: () =>
-          import(/* webpackChunkName: "panel-config-area-registry" */ "./area_registry/ha-config-area-registry"),
+          import(
+            /* webpackChunkName: "panel-config-area-registry" */ "./area_registry/ha-config-area-registry"
+          ),
       },
       automation: {
         tag: "ha-config-automation",
         load: () =>
-          import(/* webpackChunkName: "panel-config-automation" */ "./automation/ha-config-automation"),
+          import(
+            /* webpackChunkName: "panel-config-automation" */ "./automation/ha-config-automation"
+          ),
       },
       cloud: {
         tag: "ha-config-cloud",
         load: () =>
-          import(/* webpackChunkName: "panel-config-cloud" */ "./cloud/ha-config-cloud"),
+          import(
+            /* webpackChunkName: "panel-config-cloud" */ "./cloud/ha-config-cloud"
+          ),
       },
       core: {
         tag: "ha-config-core",
         load: () =>
-          import(/* webpackChunkName: "panel-config-core" */ "./core/ha-config-core"),
+          import(
+            /* webpackChunkName: "panel-config-core" */ "./core/ha-config-core"
+          ),
       },
       devices: {
         tag: "ha-config-devices",
         load: () =>
-          import(/* webpackChunkName: "panel-config-devices" */ "./devices/ha-config-devices"),
+          import(
+            /* webpackChunkName: "panel-config-devices" */ "./devices/ha-config-devices"
+          ),
       },
       server_control: {
         tag: "ha-config-server-control",
         load: () =>
-          import(/* webpackChunkName: "panel-config-server-control" */ "./server_control/ha-config-server-control"),
+          import(
+            /* webpackChunkName: "panel-config-server-control" */ "./server_control/ha-config-server-control"
+          ),
       },
       customize: {
         tag: "ha-config-customize",
         load: () =>
-          import(/* webpackChunkName: "panel-config-customize" */ "./customize/ha-config-customize"),
+          import(
+            /* webpackChunkName: "panel-config-customize" */ "./customize/ha-config-customize"
+          ),
       },
       dashboard: {
         tag: "ha-config-dashboard",
         load: () =>
-          import(/* webpackChunkName: "panel-config-dashboard" */ "./dashboard/ha-config-dashboard"),
+          import(
+            /* webpackChunkName: "panel-config-dashboard" */ "./dashboard/ha-config-dashboard"
+          ),
       },
       entity_registry: {
         tag: "ha-config-entity-registry",
         load: () =>
-          import(/* webpackChunkName: "panel-config-entity-registry" */ "./entity_registry/ha-config-entity-registry"),
+          import(
+            /* webpackChunkName: "panel-config-entity-registry" */ "./entity_registry/ha-config-entity-registry"
+          ),
       },
       integrations: {
         tag: "ha-config-integrations",
         load: () =>
-          import(/* webpackChunkName: "panel-config-integrations" */ "./integrations/ha-config-integrations"),
+          import(
+            /* webpackChunkName: "panel-config-integrations" */ "./integrations/ha-config-integrations"
+          ),
       },
       person: {
         tag: "ha-config-person",
         load: () =>
-          import(/* webpackChunkName: "panel-config-person" */ "./person/ha-config-person"),
+          import(
+            /* webpackChunkName: "panel-config-person" */ "./person/ha-config-person"
+          ),
       },
       script: {
         tag: "ha-config-script",
         load: () =>
-          import(/* webpackChunkName: "panel-config-script" */ "./script/ha-config-script"),
+          import(
+            /* webpackChunkName: "panel-config-script" */ "./script/ha-config-script"
+          ),
       },
       scene: {
         tag: "ha-config-scene",
         load: () =>
-          import(/* webpackChunkName: "panel-config-scene" */ "./scene/ha-config-scene"),
+          import(
+            /* webpackChunkName: "panel-config-scene" */ "./scene/ha-config-scene"
+          ),
       },
       users: {
         tag: "ha-config-users",
         load: () =>
-          import(/* webpackChunkName: "panel-config-users" */ "./users/ha-config-users"),
+          import(
+            /* webpackChunkName: "panel-config-users" */ "./users/ha-config-users"
+          ),
       },
       zha: {
         tag: "zha-config-panel",
         load: () =>
-          import(/* webpackChunkName: "panel-config-zha" */ "./zha/zha-config-panel"),
+          import(
+            /* webpackChunkName: "panel-config-zha" */ "./zha/zha-config-panel"
+          ),
       },
       zwave: {
         tag: "ha-config-zwave",
         load: () =>
-          import(/* webpackChunkName: "panel-config-zwave" */ "./zwave/ha-config-zwave"),
+          import(
+            /* webpackChunkName: "panel-config-zwave" */ "./zwave/ha-config-zwave"
+          ),
       },
     },
   };

src/panels/config/js/condition/device.tsx

@@ -108,9 +108,7 @@ export default class DeviceCondition extends Component<any, any> {
     // Returns a callback for ha-form to calculate labels per schema object
     return (schema) =>
       localize(
-        `ui.panel.config.automation.editor.condition.type.device.extra_fields.${
+        `ui.panel.config.automation.editor.condition.type.device.extra_fields.${schema.name}`
-          schema.name
-        }`
       ) || schema.name;
   }
 }

src/panels/config/js/script/device.tsx

@@ -127,9 +127,7 @@ export default class DeviceActionEditor extends Component<
     // Returns a callback for ha-form to calculate labels per schema object
     return (schema) =>
       localize(
-        `ui.panel.config.automation.editor.actions.type.device_id.extra_fields.${
+        `ui.panel.config.automation.editor.actions.type.device_id.extra_fields.${schema.name}`
-          schema.name
-        }`
       ) || schema.name;
   }
 }

src/panels/config/js/trigger/device.tsx

@@ -109,9 +109,7 @@ export default class DeviceTrigger extends Component<any, any> {
     // Returns a callback for ha-form to calculate labels per schema object
     return (schema) =>
       localize(
-        `ui.panel.config.automation.editor.triggers.type.device.extra_fields.${
+        `ui.panel.config.automation.editor.triggers.type.device.extra_fields.${schema.name}`
-          schema.name
-        }`
       ) || schema.name;
   }
 }

src/panels/config/person/ha-config-person.ts

@@ -167,9 +167,9 @@ class HaConfigPerson extends LitElement {
       users: this._allowedUsers(users, entry),
       createEntry: async (values) => {
         const created = await createPerson(this.hass!, values);
-        this._storageItems = this._storageItems!.concat(created).sort(
+        this._storageItems = this._storageItems!.concat(
-          (ent1, ent2) => compare(ent1.name, ent2.name)
+          created
-        );
+        ).sort((ent1, ent2) => compare(ent1.name, ent2.name));
       },
       updateEntry: async (values) => {
         const updated = await updatePerson(this.hass!, entry!.id, values);

src/panels/config/person/show-dialog-person-detail.ts

@@ -11,7 +11,9 @@ export interface PersonDetailDialogParams {
 }
 
 export const loadPersonDetailDialog = () =>
-  import(/* webpackChunkName: "person-detail-dialog" */ "./dialog-person-detail");
+  import(
+    /* webpackChunkName: "person-detail-dialog" */ "./dialog-person-detail"
+  );
 
 export const showPersonDetailDialog = (
   element: HTMLElement,

src/panels/config/users/ha-config-user-picker.js

@@ -112,7 +112,9 @@ class HaUserPicker extends EventsMixin(
         dialogShowEvent: "show-add-user",
         dialogTag: "ha-dialog-add-user",
         dialogImport: () =>
-          import(/* webpackChunkName: "ha-dialog-add-user" */ "./ha-dialog-add-user"),
+          import(
+            /* webpackChunkName: "ha-dialog-add-user" */ "./ha-dialog-add-user"
+          ),
       });
     }
   }

src/panels/config/zha/ha-config-zha.ts

@@ -97,10 +97,9 @@ export class HaConfigZha extends LitElement {
 
   private async _fetchBindableDevices(): Promise<void> {
     if (this._selectedDevice && this.hass) {
-      this._bindableDevices = (await fetchBindableDevices(
+      this._bindableDevices = (
-        this.hass,
+        await fetchBindableDevices(this.hass, this._selectedDevice!.ieee)
-        this._selectedDevice!.ieee
+      ).sort(sortZHADevices);
-      )).sort(sortZHADevices);
     }
   }
 

src/panels/config/zha/zha-config-panel.ts

@@ -21,12 +21,16 @@ class ZHAConfigPanel extends HassRouterPage {
       configuration: {
         tag: "ha-config-zha",
         load: () =>
-          import(/* webpackChunkName: "zha-configuration-page" */ "./ha-config-zha"),
+          import(
+            /* webpackChunkName: "zha-configuration-page" */ "./ha-config-zha"
+          ),
       },
       add: {
         tag: "zha-add-devices-page",
         load: () =>
-          import(/* webpackChunkName: "zha-add-devices-page" */ "./zha-add-devices-page"),
+          import(
+            /* webpackChunkName: "zha-add-devices-page" */ "./zha-add-devices-page"
+          ),
       },
     },
   };

src/panels/config/zwave/zwave-log.js

@@ -137,7 +137,9 @@ class OzwLog extends LocalizeMixin(EventsMixin(PolymerElement)) {
         dialogShowEvent: "show-ozwlog-dialog",
         dialogTag: "zwave-log-dialog",
         dialogImport: () =>
-          import(/* webpackChunkName: "zwave-log-dialog" */ "./zwave-log-dialog"),
+          import(
+            /* webpackChunkName: "zwave-log-dialog" */ "./zwave-log-dialog"
+          ),
       });
     }
   }

src/panels/developer-tools/logs/show-dialog-system-log-detail.ts

@@ -21,7 +21,9 @@ const registerDialog = (element: HTMLElement) =>
     dialogShowEvent,
     dialogTag,
     dialogImport: () =>
-      import(/* webpackChunkName: "system-log-detail-dialog" */ "./dialog-system-log-detail"),
+      import(
+        /* webpackChunkName: "system-log-detail-dialog" */ "./dialog-system-log-detail"
+      ),
   });
 
 export const showSystemLogDetailDialog = (

src/panels/lovelace/cards/hui-alarm-panel-card.ts

@@ -40,7 +40,9 @@ const BUTTONS = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "", "0", "clear"];
 @customElement("hui-alarm-panel-card")
 class HuiAlarmPanelCard extends LitElement implements LovelaceCard {
   public static async getConfigElement() {
-    await import(/* webpackChunkName: "hui-alarm-panel-card-editor" */ "../editor/config-elements/hui-alarm-panel-card-editor");
+    await import(
+      /* webpackChunkName: "hui-alarm-panel-card-editor" */ "../editor/config-elements/hui-alarm-panel-card-editor"
+    );
     return document.createElement("hui-alarm-panel-card-editor");
   }
 

src/panels/lovelace/cards/hui-entities-card.ts

@@ -23,7 +23,9 @@ import { applyThemesOnElement } from "../../../common/dom/apply_themes_on_elemen
 @customElement("hui-entities-card")
 class HuiEntitiesCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-entities-card-editor" */ "../editor/config-elements/hui-entities-card-editor");
+    await import(
+      /* webpackChunkName: "hui-entities-card-editor" */ "../editor/config-elements/hui-entities-card-editor"
+    );
     return document.createElement("hui-entities-card-editor");
   }
 

src/panels/lovelace/cards/hui-entity-button-card.ts

@@ -34,7 +34,9 @@ import { ActionHandlerEvent } from "../../../data/lovelace";
 @customElement("hui-entity-button-card")
 class HuiEntityButtonCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-entity-button-card-editor" */ "../editor/config-elements/hui-entity-button-card-editor");
+    await import(
+      /* webpackChunkName: "hui-entity-button-card-editor" */ "../editor/config-elements/hui-entity-button-card-editor"
+    );
     return document.createElement("hui-entity-button-card-editor");
   }
 

src/panels/lovelace/cards/hui-gauge-card.ts

@@ -33,7 +33,9 @@ export const severityMap = {
 @customElement("hui-gauge-card")
 class HuiGaugeCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-gauge-card-editor" */ "../editor/config-elements/hui-gauge-card-editor");
+    await import(
+      /* webpackChunkName: "hui-gauge-card-editor" */ "../editor/config-elements/hui-gauge-card-editor"
+    );
     return document.createElement("hui-gauge-card-editor");
   }
   public static getStubConfig(): object {

src/panels/lovelace/cards/hui-glance-card.ts

@@ -32,7 +32,9 @@ import { handleAction } from "../common/handle-action";
 @customElement("hui-glance-card")
 export class HuiGlanceCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-glance-card-editor" */ "../editor/config-elements/hui-glance-card-editor");
+    await import(
+      /* webpackChunkName: "hui-glance-card-editor" */ "../editor/config-elements/hui-glance-card-editor"
+    );
     return document.createElement("hui-glance-card-editor");
   }
 

src/panels/lovelace/cards/hui-history-graph-card.js

@@ -9,7 +9,9 @@ import { processConfigEntities } from "../common/process-config-entities";
 
 class HuiHistoryGraphCard extends PolymerElement {
   static async getConfigElement() {
-    await import(/* webpackChunkName: "hui-history-graph-card-editor" */ "../editor/config-elements/hui-history-graph-card-editor");
+    await import(
+      /* webpackChunkName: "hui-history-graph-card-editor" */ "../editor/config-elements/hui-history-graph-card-editor"
+    );
     return document.createElement("hui-history-graph-card-editor");
   }
 

src/panels/lovelace/cards/hui-iframe-card.ts

@@ -17,7 +17,9 @@ import { IframeCardConfig } from "./types";
 @customElement("hui-iframe-card")
 export class HuiIframeCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-iframe-card-editor" */ "../editor/config-elements/hui-iframe-card-editor");
+    await import(
+      /* webpackChunkName: "hui-iframe-card-editor" */ "../editor/config-elements/hui-iframe-card-editor"
+    );
     return document.createElement("hui-iframe-card-editor");
   }
   public static getStubConfig(): object {

src/panels/lovelace/cards/hui-light-card.ts

@@ -33,7 +33,9 @@ import { SUPPORT_BRIGHTNESS } from "../../../data/light";
 @customElement("hui-light-card")
 export class HuiLightCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-light-card-editor" */ "../editor/config-elements/hui-light-card-editor");
+    await import(
+      /* webpackChunkName: "hui-light-card-editor" */ "../editor/config-elements/hui-light-card-editor"
+    );
     return document.createElement("hui-light-card-editor");
   }
   public static getStubConfig(): object {
@@ -165,9 +167,9 @@ export class HuiLightCard extends LitElement implements LovelaceCard {
   }
 
   private _dragEvent(e: any): void {
-    this.shadowRoot!.querySelector(".brightness")!.innerHTML = `${
+    this.shadowRoot!.querySelector(
-      e.detail.value
+      ".brightness"
-    } %`;
+    )!.innerHTML = `${e.detail.value} %`;
     this._showBrightness();
     this._hideBrightness();
   }

src/panels/lovelace/cards/hui-map-card.ts

@@ -34,7 +34,9 @@ import { classMap } from "lit-html/directives/class-map";
 @customElement("hui-map-card")
 class HuiMapCard extends LitElement implements LovelaceCard {
   public static async getConfigElement() {
-    await import(/* webpackChunkName: "hui-map-card-editor" */ "../editor/config-elements/hui-map-card-editor");
+    await import(
+      /* webpackChunkName: "hui-map-card-editor" */ "../editor/config-elements/hui-map-card-editor"
+    );
     return document.createElement("hui-map-card-editor");
   }
 

src/panels/lovelace/cards/hui-markdown-card.ts

@@ -23,7 +23,9 @@ import { applyThemesOnElement } from "../../../common/dom/apply_themes_on_elemen
 @customElement("hui-markdown-card")
 export class HuiMarkdownCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-markdown-card-editor" */ "../editor/config-elements/hui-markdown-card-editor");
+    await import(
+      /* webpackChunkName: "hui-markdown-card-editor" */ "../editor/config-elements/hui-markdown-card-editor"
+    );
     return document.createElement("hui-markdown-card-editor");
   }
 

src/panels/lovelace/cards/hui-media-control-card.js

@@ -4,7 +4,9 @@ import LegacyWrapperCard from "./hui-legacy-wrapper-card";
 
 class HuiMediaControlCard extends LegacyWrapperCard {
   static async getConfigElement() {
-    await import(/* webpackChunkName: "hui-media-control-card-editor" */ "../editor/config-elements/hui-media-control-card-editor");
+    await import(
+      /* webpackChunkName: "hui-media-control-card-editor" */ "../editor/config-elements/hui-media-control-card-editor"
+    );
     return document.createElement("hui-media-control-card-editor");
   }
 

src/panels/lovelace/cards/hui-picture-card.ts

@@ -24,7 +24,9 @@ import { handleAction } from "../common/handle-action";
 @customElement("hui-picture-card")
 export class HuiPictureCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-picture-card-editor" */ "../editor/config-elements/hui-picture-card-editor");
+    await import(
+      /* webpackChunkName: "hui-picture-card-editor" */ "../editor/config-elements/hui-picture-card-editor"
+    );
     return document.createElement("hui-picture-card-editor");
   }
   public static getStubConfig(): object {

src/panels/lovelace/cards/hui-picture-entity-card.ts

@@ -32,7 +32,9 @@ import { handleAction } from "../common/handle-action";
 @customElement("hui-picture-entity-card")
 class HuiPictureEntityCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-picture-entity-card-editor" */ "../editor/config-elements/hui-picture-entity-card-editor");
+    await import(
+      /* webpackChunkName: "hui-picture-entity-card-editor" */ "../editor/config-elements/hui-picture-entity-card-editor"
+    );
     return document.createElement("hui-picture-entity-card-editor");
   }
   public static getStubConfig(): object {
@@ -58,7 +60,9 @@ class HuiPictureEntityCard extends LitElement implements LovelaceCard {
 
     if (
       computeDomain(config.entity) !== "camera" &&
-      (!config.image && !config.state_image && !config.camera_image)
+      !config.image &&
+      !config.state_image &&
+      !config.camera_image
     ) {
       throw new Error("No image source configured.");
     }

src/panels/lovelace/cards/hui-picture-glance-card.ts

@@ -36,7 +36,9 @@ const STATES_OFF = new Set(["closed", "locked", "not_home", "off"]);
 @customElement("hui-picture-glance-card")
 class HuiPictureGlanceCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-picture-glance-card-editor" */ "../editor/config-elements/hui-picture-glance-card-editor");
+    await import(
+      /* webpackChunkName: "hui-picture-glance-card-editor" */ "../editor/config-elements/hui-picture-glance-card-editor"
+    );
     return document.createElement("hui-picture-glance-card-editor");
   }
   public static getStubConfig(): object {

src/panels/lovelace/cards/hui-plant-status-card.ts

@@ -33,7 +33,9 @@ const SENSORS = {
 @customElement("hui-plant-status-card")
 class HuiPlantStatusCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-plant-status-card-editor" */ "../editor/config-elements/hui-plant-status-card-editor");
+    await import(
+      /* webpackChunkName: "hui-plant-status-card-editor" */ "../editor/config-elements/hui-plant-status-card-editor"
+    );
     return document.createElement("hui-plant-status-card-editor");
   }
 

src/panels/lovelace/cards/hui-sensor-card.ts

@@ -108,8 +108,14 @@ const coordinates = (
   history.forEach((item) => (item.state = Number(item.state)));
   history = history.filter((item) => !Number.isNaN(item.state));
 
-  const min = Math.min.apply(Math, history.map((item) => item.state));
+  const min = Math.min.apply(
-  const max = Math.max.apply(Math, history.map((item) => item.state));
+    Math,
+    history.map((item) => item.state)
+  );
+  const max = Math.max.apply(
+    Math,
+    history.map((item) => item.state)
+  );
   const now = new Date().getTime();
 
   const reduce = (res, item, point) => {
@@ -141,7 +147,9 @@ const coordinates = (
 @customElement("hui-sensor-card")
 class HuiSensorCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-sensor-card-editor" */ "../editor/config-elements/hui-sensor-card-editor");
+    await import(
+      /* webpackChunkName: "hui-sensor-card-editor" */ "../editor/config-elements/hui-sensor-card-editor"
+    );
     return document.createElement("hui-sensor-card-editor");
   }
 

src/panels/lovelace/cards/hui-shopping-list-card.ts

@@ -30,7 +30,9 @@ import { applyThemesOnElement } from "../../../common/dom/apply_themes_on_elemen
 @customElement("hui-shopping-list-card")
 class HuiShoppingListCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-shopping-list-editor" */ "../editor/config-elements/hui-shopping-list-editor");
+    await import(
+      /* webpackChunkName: "hui-shopping-list-editor" */ "../editor/config-elements/hui-shopping-list-editor"
+    );
     return document.createElement("hui-shopping-list-card-editor");
   }
 

src/panels/lovelace/cards/hui-thermostat-card.ts

@@ -47,7 +47,9 @@ const modeIcons: { [mode in HvacMode]: string } = {
 @customElement("hui-thermostat-card")
 export class HuiThermostatCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-thermostat-card-editor" */ "../editor/config-elements/hui-thermostat-card-editor");
+    await import(
+      /* webpackChunkName: "hui-thermostat-card-editor" */ "../editor/config-elements/hui-thermostat-card-editor"
+    );
     return document.createElement("hui-thermostat-card-editor");
   }
 
@@ -179,9 +181,7 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
             ${
               stateObj.attributes.hvac_action
                 ? this.hass!.localize(
-                    `state_attributes.climate.hvac_action.${
+                    `state_attributes.climate.hvac_action.${stateObj.attributes.hvac_action}`
-                      stateObj.attributes.hvac_action
-                    }`
                   )
                 : this.hass!.localize(`state.climate.${stateObj.state}`)
             }
@@ -191,9 +191,7 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
                 ? html`
                     -
                     ${this.hass!.localize(
-                      `state_attributes.climate.preset_mode.${
+                      `state_attributes.climate.preset_mode.${stateObj.attributes.preset_mode}`
-                        stateObj.attributes.preset_mode
-                      }`
                     ) || stateObj.attributes.preset_mode}
                   `
                 : ""

src/panels/lovelace/cards/hui-weather-forecast-card.ts

@@ -65,7 +65,9 @@ const weatherIcons = {
 @customElement("hui-weather-forecast-card")
 class HuiWeatherForecastCard extends LitElement implements LovelaceCard {
   public static async getConfigElement(): Promise<LovelaceCardEditor> {
-    await import(/* webpackChunkName: "hui-weather-forecast-card-editor" */ "../editor/config-elements/hui-weather-forecast-card-editor");
+    await import(
+      /* webpackChunkName: "hui-weather-forecast-card-editor" */ "../editor/config-elements/hui-weather-forecast-card-editor"
+    );
     return document.createElement("hui-weather-forecast-card-editor");
   }
   public static getStubConfig(): object {
@@ -218,7 +220,9 @@ class HuiWeatherForecastCard extends LitElement implements LovelaceCard {
                             ? html`
                                 ${new Date(item.datetime).toLocaleTimeString(
                                   this.hass!.language,
-                                  { hour: "numeric" }
+                                  {
+                                    hour: "numeric",
+                                  }
                                 )}
                               `
                             : ""}

src/panels/lovelace/common/generate-lovelace-config.ts

@@ -287,9 +287,10 @@ const generateViewConfig = (
   splitted.groups.forEach((groupEntity) => {
     cards = cards.concat(
       computeCards(
-        groupEntity.attributes.entity_id.map(
+        groupEntity.attributes.entity_id.map((entityId): [
-          (entityId): [string, HassEntity] => [entityId, entities[entityId]]
+          string,
-        ),
+          HassEntity
+        ] => [entityId, entities[entityId]]),
         {
           title: computeStateName(groupEntity),
           show_header_toggle: groupEntity.attributes.control !== "hidden",
@@ -303,9 +304,10 @@ const generateViewConfig = (
     .forEach((domain) => {
       cards = cards.concat(
         computeCards(
-          ungroupedEntitites[domain].map(
+          ungroupedEntitites[domain].map((entityId): [string, HassEntity] => [
-            (entityId): [string, HassEntity] => [entityId, entities[entityId]]
+            entityId,
-          ),
+            entities[entityId],
+          ]),
           {
             title: localize(`domain.${domain}`),
           }
@@ -418,7 +420,9 @@ export const generateLovelaceConfigFromData = async (
 
   // User has no entities
   if (views.length === 1 && views[0].cards!.length === 0) {
-    import(/* webpackChunkName: "hui-empty-state-card" */ "../cards/hui-empty-state-card");
+    import(
+      /* webpackChunkName: "hui-empty-state-card" */ "../cards/hui-empty-state-card"
+    );
     views[0].cards!.push({
       type: "custom:hui-empty-state-card",
     });

src/panels/lovelace/common/load-resources.ts

@@ -32,9 +32,9 @@ export const loadLovelaceResources = (
         break;
 
       case "html":
-        import(/* webpackChunkName: "import-href-polyfill" */ "../../../resources/html-import/import-href").then(
+        import(
-          ({ importHref }) => importHref(normalizedUrl)
+          /* webpackChunkName: "import-href-polyfill" */ "../../../resources/html-import/import-href"
-        );
+        ).then(({ importHref }) => importHref(normalizedUrl));
         break;
 
       default:

src/panels/lovelace/editor/card-editor/show-edit-card-dialog.ts

@@ -23,7 +23,9 @@ const registerEditCardDialog = (element: HTMLElement): Event =>
     dialogShowEvent,
     dialogTag,
     dialogImport: () =>
-      import(/* webpackChunkName: "hui-dialog-edit-card" */ "./hui-dialog-edit-card"),
+      import(
+        /* webpackChunkName: "hui-dialog-edit-card" */ "./hui-dialog-edit-card"
+      ),
   });
 
 export const showEditCardDialog = (

src/panels/lovelace/editor/card-editor/show-move-card-view-dialog.ts

@@ -20,7 +20,9 @@ const registerEditCardDialog = (element: HTMLElement): Event =>
     dialogShowEvent: "show-move-card-view",
     dialogTag: "hui-dialog-move-card-view",
     dialogImport: () =>
-      import(/* webpackChunkName: "hui-dialog-move-card-view" */ "./hui-dialog-move-card-view"),
+      import(
+        /* webpackChunkName: "hui-dialog-move-card-view" */ "./hui-dialog-move-card-view"
+      ),
   });
 
 export const showMoveCardViewDialog = (

src/panels/lovelace/editor/lovelace-editor/show-edit-lovelace-dialog.ts

@@ -17,7 +17,9 @@ const registerEditLovelaceDialog = (element: HTMLElement): Event =>
     dialogShowEvent,
     dialogTag,
     dialogImport: () =>
-      import(/* webpackChunkName: "hui-dialog-edit-lovelace" */ "./hui-dialog-edit-lovelace"),
+      import(
+        /* webpackChunkName: "hui-dialog-edit-lovelace" */ "./hui-dialog-edit-lovelace"
+      ),
   });
 
 export const showEditLovelaceDialog = (

src/panels/lovelace/editor/select-view/show-select-view-dialog.ts

@@ -13,7 +13,9 @@ export const showSelectViewDialog = (
   fireEvent(element, "show-dialog", {
     dialogTag: "hui-dialog-select-view",
     dialogImport: () =>
-      import(/* webpackChunkName: "hui-dialog-select-view" */ "./hui-dialog-select-view"),
+      import(
+        /* webpackChunkName: "hui-dialog-select-view" */ "./hui-dialog-select-view"
+      ),
     dialogParams: selectViewDialogParams,
   });
 };

src/panels/lovelace/editor/show-save-config-dialog.ts

@@ -27,7 +27,9 @@ export const showSaveDialog = (
       dialogShowEvent,
       dialogTag,
       dialogImport: () =>
-        import(/* webpackChunkName: "hui-dialog-save-config" */ "./hui-dialog-save-config"),
+        import(
+          /* webpackChunkName: "hui-dialog-save-config" */ "./hui-dialog-save-config"
+        ),
     });
   }
   fireEvent(element, dialogShowEvent, saveDialogParams);

src/panels/lovelace/editor/view-editor/show-edit-view-dialog.ts

@@ -27,7 +27,9 @@ const registerEditViewDialog = (element: HTMLElement): Event =>
     dialogShowEvent,
     dialogTag,
     dialogImport: () =>
-      import(/* webpackChunkName: "hui-dialog-edit-view" */ "./hui-dialog-edit-view"),
+      import(
+        /* webpackChunkName: "hui-dialog-edit-view" */ "./hui-dialog-edit-view"
+      ),
   });
 
 export const showEditViewDialog = (

src/panels/lovelace/hui-root.ts

@@ -650,13 +650,13 @@ class HUIRoot extends LitElement {
     if (viewIndex === "hass-unused-entities") {
       const unusedEntities = document.createElement("hui-unused-entities");
       // Wait for promise to resolve so that the element has been upgraded.
-      import(/* webpackChunkName: "hui-unused-entities" */ "./editor/unused-entities/hui-unused-entities").then(
+      import(
-        () => {
+        /* webpackChunkName: "hui-unused-entities" */ "./editor/unused-entities/hui-unused-entities"
-          unusedEntities.hass = this.hass!;
+      ).then(() => {
-          unusedEntities.lovelace = this.lovelace!;
+        unusedEntities.hass = this.hass!;
-          unusedEntities.narrow = this.narrow;
+        unusedEntities.lovelace = this.lovelace!;
-        }
+        unusedEntities.narrow = this.narrow;
-      );
+      });
       if (this.config.background) {
         unusedEntities.style.setProperty(
           "--lovelace-background",

src/panels/mailbox/ha-panel-mailbox.js

@@ -157,7 +157,9 @@ class HaPanelMailbox extends EventsMixin(LocalizeMixin(PolymerElement)) {
         dialogShowEvent: "show-audio-message-dialog",
         dialogTag: "ha-dialog-show-audio-message",
         dialogImport: () =>
-          import(/* webpackChunkName: "ha-dialog-show-audio-message" */ "./ha-dialog-show-audio-message"),
+          import(
+            /* webpackChunkName: "ha-dialog-show-audio-message" */ "./ha-dialog-show-audio-message"
+          ),
       });
     }
     this.hassChanged = this.hassChanged.bind(this);

src/panels/map/ha-entity-marker.js

@@ -34,9 +34,7 @@ class HaEntityMarker extends EventsMixin(PolymerElement) {
       </style>
 
       <div class="marker">
-        <template is="dom-if" if="[[entityName]]"
+        <template is="dom-if" if="[[entityName]]">[[entityName]]</template>
-          >[[entityName]]</template
-        >
         <template is="dom-if" if="[[entityPicture]]">
           <iron-image
             sizing="cover"

src/panels/profile/ha-mfa-module-setup-flow.js

@@ -288,9 +288,7 @@ class HaMfaModuleSetupFlow extends LocalizeMixin(EventsMixin(PolymerElement)) {
 
   _computeStepDescription(localize, step) {
     const args = [
-      `component.auth.mfa_setup.${step.handler}.step.${
+      `component.auth.mfa_setup.${step.handler}.step.${step.step_id}.description`,
-        step.step_id
-      }.description`,
     ];
     const placeholders = step.description_placeholders || {};
     Object.keys(placeholders).forEach((key) => {
@@ -304,9 +302,7 @@ class HaMfaModuleSetupFlow extends LocalizeMixin(EventsMixin(PolymerElement)) {
     // Returns a callback for ha-form to calculate labels per schema object
     return (schema) =>
       localize(
-        `component.auth.mfa_setup.${step.handler}.step.${step.step_id}.data.${
+        `component.auth.mfa_setup.${step.handler}.step.${step.step_id}.data.${schema.name}`
-          schema.name
-        }`
       ) || schema.name;
   }
 

src/panels/profile/ha-mfa-modules-card.js

@@ -84,7 +84,9 @@ class HaMfaModulesCard extends EventsMixin(LocalizeMixin(PolymerElement)) {
         dialogShowEvent: "show-mfa-module-setup-flow",
         dialogTag: "ha-mfa-module-setup-flow",
         dialogImport: () =>
-          import(/* webpackChunkName: "ha-mfa-module-setup-flow" */ "./ha-mfa-module-setup-flow"),
+          import(
+            /* webpackChunkName: "ha-mfa-module-setup-flow" */ "./ha-mfa-module-setup-flow"
+          ),
       });
     }
   }

src/state/auth-mixin.ts

@@ -30,7 +30,9 @@ export default <T extends Constructor<HassBaseEl>>(superClass: T) =>
       if (askWrite()) {
         this.updateComplete
           .then(() =>
-            import(/* webpackChunkName: "ha-store-auth-card" */ "../dialogs/ha-store-auth-card")
+            import(
+              /* webpackChunkName: "ha-store-auth-card" */ "../dialogs/ha-store-auth-card"
+            )
           )
           .then(() => {
             const el = document.createElement("ha-store-auth-card");

src/state/disconnect-toast-mixin.ts

@@ -7,7 +7,9 @@ export default <T extends Constructor<HassBaseEl>>(superClass: T) =>
     protected firstUpdated(changedProps) {
       super.firstUpdated(changedProps);
       // Need to load in advance because when disconnected, can't dynamically load code.
-      import(/* webpackChunkName: "notification-manager" */ "../managers/notification-manager");
+      import(
+        /* webpackChunkName: "notification-manager" */ "../managers/notification-manager"
+      );
     }
 
     protected hassReconnected() {

src/state/more-info-mixin.ts

@@ -19,7 +19,9 @@ export default <T extends Constructor<HassBaseEl>>(superClass: T) =>
       this.addEventListener("hass-more-info", (e) => this._handleMoreInfo(e));
 
       // Load it once we are having the initial rendering done.
-      import(/* webpackChunkName: "more-info-dialog" */ "../dialogs/ha-more-info-dialog");
+      import(
+        /* webpackChunkName: "more-info-dialog" */ "../dialogs/ha-more-info-dialog"
+      );
     }
 
     private async _handleMoreInfo(ev) {

src/state/notification-mixin.ts

@@ -10,7 +10,9 @@ export default <T extends Constructor<HassBaseEl>>(superClass: T) =>
         dialogShowEvent: "hass-notification",
         dialogTag: "notification-manager",
         dialogImport: () =>
-          import(/* webpackChunkName: "notification-manager" */ "../managers/notification-manager"),
+          import(
+            /* webpackChunkName: "notification-manager" */ "../managers/notification-manager"
+          ),
       });
     }
   };

src/util/custom-panel/load-custom-panel.ts

@@ -6,7 +6,9 @@ const JS_CACHE = {};
 export const loadCustomPanel = (panelConfig): Promise<unknown> => {
   if (panelConfig.html_url) {
     const toLoad = [
-      import(/* webpackChunkName: "import-href-polyfill" */ "../../resources/html-import/import-href"),
+      import(
+        /* webpackChunkName: "import-href-polyfill" */ "../../resources/html-import/import-href"
+      ),
     ];
 
     if (!panelConfig.embed_iframe) {

src/util/hass-translation.ts

@@ -105,9 +105,7 @@ async function fetchTranslation(fingerprint) {
   });
   if (!response.ok) {
     throw new Error(
-      `Fail to fetch translation ${fingerprint}: HTTP response status is ${
+      `Fail to fetch translation ${fingerprint}: HTTP response status is ${response.status}`
-        response.status
-      }`
     );
   }
   return response.json();