customElements.whenDefined('card-tools').then(() => {
class CardModder extends cardTools.litElement() {

  setConfig(config) {
    cardTools.checkVersion(0.3);

    if(!config || !config.card) {
      throw new Error("Card config incorrect");
    }
    if(Array.isArray(config.card)) {
      throw new Error("It says 'card', not 'cardS'. Remove the dash.");
    }
    this._config = config;
    this.card = cardTools.createCard(config.card);
    this.templated = [];
    this.attempts = 0;
  }

  render() {
    return cardTools.litHtml()`
    <div id="root">${this.card}</div>
    `;
  }

  firstUpdated() {
    this._cardMod();
  }

  _cardMod() {
    if(!this._config.style) return;

    let target = null;
    target = target || this.card.querySelector("ha-card");
    target = target || this.card.shadowRoot && this.card.shadowRoot.querySelector("ha-card");
    target = target || this.card.firstChild && this.card.firstChild.shadowRoot && this.card.firstChild.shadowRoot.querySelector("ha-card");
    if(!target && !this.attempts) // Try twice
      setTimeout(() => this._cardMod(), 100);
    this.attempts++;
    target = target || this.card;

    for(var k in this._config.style) {
      if(cardTools.hasTemplate(this._config.style[k]))
        this.templated.push(k);
      target.style.setProperty(k, cardTools.parseTemplate(this._config.style[k]));
    }
    this.target = target;
  }

  set hass(hass) {
    if(this.card) this.card.hass = hass;
    if(this.templated)
      this.templated.forEach((k) => {
        this.target.style.setProperty(k, cardTools.parseTemplate(this._config.style[k], ''));
      });
  }

  getCardSize() {
    if(this._config && this._config.report_size)
      return this._config.report_size;
    if(this.card)
      return typeof this.card.getCardSize === "function" ? this.card.getCardSize() : 1;
    return 1;
  }
}

customElements.define('card-modder', CardModder);
});

window.setTimeout(() => {
  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);