Call To Action

import { BwPlayerConsumer } from "@/registry/html/PlayerProvider";

export class BwCallToAction extends BwPlayerConsumer {
  _listener = null;

  #render() {
    this.textContent = this._player?.callToAction ?? "Listen to this article";
  }

  connectedCallback() {
    super.connectedCallback();
    this._listener = this._player?.addEventListener("<any>", () => this.#render());
    this.#render();
  }

  disconnectedCallback() {
    this._player?.removeEventListener("<any>", this._listener);
    this._listener = null;
    super.disconnectedCallback();
  }
}

customElements.define("bw-call-to-action", BwCallToAction);