fairnesscoop / permacoop

src/assets/customElements/dialogTrigger.js

// @ts-check

customElements.define(

The variable customElements seems to be never declared. If this is a global, consider adding a /** global: customElements */ comment.

  'pc-dialog-trigger',
  class extends HTMLElement {

The variable HTMLElement seems to be never initialized.

    connectedCallback() {
      const dialogId = this.getAttribute('dialog');

      if (!dialogId) {
        throw new Error('"dialog" attribute is required');
      }

      const dialog = /** @type {HTMLDialogElement|null} */ (document.getElementById(
        dialogId
      ));

      if (!dialog) {
        throw new Error(`element "${dialogId}" does not exist`);
      }

      const button = this.querySelector('button');

      if (!button) {
        return;
      }

      const submitValue = this.getAttribute('submitValue') || 'submit';

      button.addEventListener('click', event => {
        event.preventDefault();
        dialog.showModal();
      });

      dialog.addEventListener('close', () => {
        if (dialog.returnValue === submitValue) {
          this.dispatchEvent(
            new CustomEvent('dialog-trigger:submit', { bubbles: true })

The variable CustomEvent seems to be never declared. If this is a global, consider adding a /** global: CustomEvent */ comment.

          );
        }
      });
    }
  }
);