tidal-web-component.js

export default class TidalWebComponent extends HTMLElement {
  static css (strings) {
    const text = strings.raw.join();
    const sheet = new CSSStyleSheet();
  
    sheet.replace(text);

    return sheet;
  }
  
  static html (strings) {
    const text = strings.raw.join();
    const frag = document.createRange().createContextualFragment(text);

    return frag;
  }
  
  connectedCallback () {
    this._sDOM = this.attachShadow({ mode: 'closed' });
    
    const css = this.css;
    
    if (css) {
      this._sDOM.adoptedStyleSheets = [this.css]; 
    }

    const html = this.html;
    
    if (html) {
      this._sDOM.appendChild(html);
    }
  }
}