Use packaged create functions to allow creation of lazy elements

iantrich · Feb 20, 2020 · 3f124bb · 3f124bb
1 parent 83be6ab
commit 3f124bb
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 3 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "restriction-card",
-  "version": "1.1.7",
+  "version": "1.1.8",
   "description": "Lovelace restriction-card",
   "keywords": [
     "home-assistant",

diff --git a/src/const.ts b/src/const.ts
@@ -1 +1 @@
-export const CARD_VERSION = '1.1.7';
+export const CARD_VERSION = '1.1.8';
diff --git a/src/restriction-card.ts b/src/restriction-card.ts
@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { TemplateResult, customElement, LitElement, property, html, CSSResult, css, PropertyValues } from 'lit-element';
 import { classMap } from 'lit-html/directives/class-map';
 
@@ -24,6 +25,7 @@ console.info(
 class RestrictionCard extends LitElement implements LovelaceCard {
   @property() protected _config?: RestrictionCardConfig;
   @property() protected _hass?: HomeAssistant;
+  @property() private _helpers?: any;
 
   set hass(hass: HomeAssistant) {
     this._hass = hass;
@@ -57,6 +59,8 @@ class RestrictionCard extends LitElement implements LovelaceCard {
     }
 
     this._config = { duration: 5, action: 'tap', ...config };
+
+    this.loadCardHelpers();
   }
 
   protected shouldUpdate(changedProps: PropertyValues): boolean {
@@ -117,7 +121,14 @@ class RestrictionCard extends LitElement implements LovelaceCard {
 
   private renderCard(config: LovelaceCardConfig): TemplateResult {
     if (this._hass && this._config) {
-      const element = createThing(config, this._config.row);
+      let element;
+
+      if (this._config.row) {
+        element = this._helpers ? this._helpers.createEntityRow(config) : createThing(config, this._config.row);
+      } else {
+        element = this._helpers ? this._helpers.createCardElement(config) : createThing(config, this._config.row);
+      }
+
       element.hass = this._hass;
 
       return html`
@@ -140,6 +151,10 @@ class RestrictionCard extends LitElement implements LovelaceCard {
     );
   }
 
+  private async loadCardHelpers(): Promise<void> {
+    this._helpers = await (window as any).loadCardHelpers();
+  }
+
   private _handleAction(ev): void {
     if (this._config && this._config.action === ev.detail.action) {
       this._handleRestriction();
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		export const CARD_VERSION = '1.1.7';
		export const CARD_VERSION = '1.1.8';