diff --git a/card-modder.js b/card-modder.js
index eed8577..18927e8 100644
--- a/card-modder.js
+++ b/card-modder.js
@@ -1,9 +1,8 @@
customElements.whenDefined('card-tools').then(() => {
-class CardModder extends window.cardTools.LitElement {
+class CardModder extends cardTools.litElement() {
setConfig(config) {
- if(!window.cardTools) throw new Error(`Can't find card-tools. See https://github.com/thomasloven/lovelace-card-tools`);
- window.cardTools.checkVersion(0.2);
+ cardTools.checkVersion(0.3);
if(!config || !config.card) {
throw new Error("Card config incorrect");
@@ -12,13 +11,13 @@ class CardModder extends window.cardTools.LitElement {
throw new Error("It says 'card', not 'cardS'. Remove the dash.");
}
this._config = config;
- this.card = window.cardTools.createCard(config.card);
+ this.card = cardTools.createCard(config.card);
this.templated = [];
this.attempts = 0;
}
render() {
- return window.cardTools.litHtml`
+ return cardTools.litHtml()`
${this.card}
`;
}
@@ -40,9 +39,9 @@ class CardModder extends window.cardTools.LitElement {
target = target || this.card;
for(var k in this._config.style) {
- if(window.cardTools.hasTemplate(this._config.style[k]))
+ if(cardTools.hasTemplate(this._config.style[k]))
this.templated.push(k);
- target.style.setProperty(k, window.cardTools.parseTemplate(this._config.style[k]));
+ target.style.setProperty(k, cardTools.parseTemplate(this._config.style[k]));
}
this.target = target;
}
@@ -51,7 +50,7 @@ class CardModder extends window.cardTools.LitElement {
if(this.card) this.card.hass = hass;
if(this.templated)
this.templated.forEach((k) => {
- this.target.style.setProperty(k, window.cardTools.parseTemplate(this._config.style[k], ''));
+ this.target.style.setProperty(k, cardTools.parseTemplate(this._config.style[k], ''));
});
}
@@ -66,7 +65,10 @@ class CardModder extends window.cardTools.LitElement {
customElements.define('card-modder', CardModder);
});
+
window.setTimeout(() => {
- if(!customElements.get('card-tools'))
- console.info("%cCARD-TOOLS NOT FOUND\nSee https://github.com/thomasloven/lovelace-card-tools", "color: red; font-weight: bold");
+ if(customElements.get('card-tools')) return;
+ customElements.define('card-modder', class extends HTMLElement{
+ setConfig() { throw new Error("Can't find card-tools. See https://github.com/thomasloven/lovelace-card-tools");}
+ });
}, 2000);