Custom Elements + ES6 + Namespacing

elements.js

import ChildElement from './my-element/components/child-element'

// registerElement exists on any DOM element which provides namespacing
document.body.registerElement('my-element', Blink);

class Blink extends HTMLElement {
  constructor() {
    this.addEventListener('click', this.win);

    // This is namespaced inside of my-element because that is where it is registered.
    this.registerElement('child-element', ChildElement);
  }

  static get template() {
    return `<span>This is neat: <child-element></child-element></span>`;
  }

  win() {
    // Win callback
  }
}