Exploring Custom Elements using the RMP.

customElement.js

var MyElement = new function MyElement() {
  var obj = Object.create(HTMLElement.prototype);
  var self = {
    createdCallback: function createdCallback() {
      console.log('createdCallback', this);
    },
    attachedCallback: function attachedCallback() {
      console.log('attachedCallback', this);
      
    },
    detachedCallback: function detachedCallback() {
      console.log('detachedCallback', this);
    }
  };

  document.registerElement('my-element', {
    prototype: obj
  }
};

// MyElement;  - still figuring this out