Fix #25: Card doesn't work in HA 0.116

danimart1991 · Oct 8, 2020 · bc908ba · bc908ba
1 parent f39019e
commit bc908ba
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 12 deletions.
diff --git a/README.md b/README.md
@@ -31,7 +31,7 @@ You could use [HACS](https://hacs.xyz/) or follow this [guide](https://www.danie
 
 ```yaml
 resources:
-  url: /local/pvpc-hourly-pricing-card.js?v=1.2.3
+  url: /local/pvpc-hourly-pricing-card.js?v=1.2.4
   type: module
 ```
 

diff --git a/dist/pvpc-hourly-pricing-card-editor.js b/dist/pvpc-hourly-pricing-card-editor.js
@@ -78,9 +78,9 @@ const locale = {
   }
 };
 
-const LitElement = Object.getPrototypeOf(customElements.get('hui-view'));
-const html = LitElement.prototype.html;
-const css = LitElement.prototype.css;
+const LitElement =
+  window.LitElement || Object.getPrototypeOf(customElements.get('home-assistant') || customElements.get('hui-view'));
+const { html, css } = LitElement.prototype;
 
 export class PVPCHourlyPricingCardEditor extends LitElement {
   setConfig(config) {
@@ -152,21 +152,29 @@ export class PVPCHourlyPricingCardEditor extends LitElement {
         </div>
         <div class="side-by-side">
           <div>
-            <ha-switch .checked=${this._current} .configValue="${'current'}" @change="${this._valueChanged}"></ha-switch>
+            <ha-switch
+              .checked=${this._current}
+              .configValue="${'current'}"
+              @change="${this._valueChanged}"
+            ></ha-switch>
             <label class="mdc-label">${this.ll('optionShowCurrent')}</label>
           </div>
           <div>
-            <ha-switch .checked=${this._details} .configValue="${'details'}" @change="${this._valueChanged}" ></ha-switch>
+            <ha-switch
+              .checked=${this._details}
+              .configValue="${'details'}"
+              @change="${this._valueChanged}"
+            ></ha-switch>
             <label class="mdc-label">${this.ll('optionShowDetails')}</label>
           </div>
         </div>
         <div class="side-by-side">
           <div>
-            <ha-switch .checked=${this._graph} .configValue="${'graph'}" @change="${this._valueChanged}" ></ha-switch>
+            <ha-switch .checked=${this._graph} .configValue="${'graph'}" @change="${this._valueChanged}"></ha-switch>
             <label class="mdc-label">${this.ll('optionShowGraph')}</label>
           </div>
           <div>
-            <ha-switch .checked=${this._info} .configValue="${'info'}" @change="${this._valueChanged}" ></ha-switch>
+            <ha-switch .checked=${this._info} .configValue="${'info'}" @change="${this._valueChanged}"></ha-switch>
             <label class="mdc-label">${this.ll('optionShowInfo')}</label>
           </div>
         </div>

diff --git a/dist/pvpc-hourly-pricing-card.js b/dist/pvpc-hourly-pricing-card.js
@@ -1,6 +1,6 @@
-const LitElement = Object.getPrototypeOf(customElements.get('hui-view'));
-const html = LitElement.prototype.html;
-const css = LitElement.prototype.css;
+const LitElement =
+  window.LitElement || Object.getPrototypeOf(customElements.get('home-assistant') || customElements.get('hui-view'));
+const { html, css } = LitElement.prototype;
 
 const locale = {
   da: {
@@ -126,7 +126,10 @@ function hasConfigOrEntityChanged(element, changedProps) {
 
 class PVPCHourlyPricingCard extends LitElement {
   static get properties() {
-    return { _config: {}, hass: {} };
+    return {
+      _config: { type: Object },
+      hass: { type: Object }
+    };
   }
 
   static async getConfigElement() {