ndf-elements/src/components/MyForkMeElement.js

My collection of useful custom elements.

/**
 * Add a "Fork me on GitHub" ribbon.
 *
 * @copyright © Nick Freear, 09-Dec-2021.
 *
 * @see http://simonwhitaker.github.io/github-fork-ribbon-css/
 */

import { MyElement } from '../MyElement.js';

export class MyForkMeElement extends MyElement {
  static getTag () {
    return 'my-fork-me';
  }

  async connectedCallback () {
    const HREF = this.getAttribute('href') || 'https://github.com/#!my/repo';

    await this._initialize(HREF);

    console.debug('my-fork-me:', HREF, this);
  }

  async _initialize (href) {
    await this.getTemplate('my-fork-me');

    const LINK = this.shadowRoot.querySelector('a');

    LINK.href = href;
  }
}