dees-element/ts/dees-element.classes.dees-element.ts

import * as plugins from './dees-element.plugins';

export class DeesElement extends plugins.lit.LitElement {
  // INSTANCE
  @plugins.lit.property({ type: Boolean })
  public goBright: boolean = false;

  // domtools
  public domtoolsPromise = plugins.domtools.elementBasic.setup(this);

  @plugins.lit.property()
  domtools?: plugins.domtools.DomTools;

  private themeSubscription: plugins.smartrx.rxjs.Subscription;

  constructor() {
    super();
    this.domtoolsPromise.then((domtoolsArg) => {
      this.domtools = domtoolsArg;
    });
  }

  public async connectedCallback() {
    super.connectedCallback();
    const domtools = await this.domtoolsPromise;
    this.themeSubscription = domtools.themeManager.themeObservable.subscribe((goBrightArg) => {
      this.goBright = goBrightArg;
    });  
    this.dispatchEvent(new CustomEvent('deesElementConnected'));
  }

  public async disconnectedCallback() {
    await this.domtoolsPromise;
    super.disconnectedCallback();
    this.themeSubscription.unsubscribe();
    this.dispatchEvent(new CustomEvent('deesElementDisconnected'));
  }
}