Simple ExtWebComponents View

index.html

<!-- usage -->
<my-sandbox-view></my-sandbox-view>

SandboxViewComponent.html

<div>Sandbox View</div>

<ext-button
        text="Normal3"
        shadow="true"
        arrowAlign="bottom"
        ></ext-button>

SandboxViewComponent.js

import template from './SandboxViewComponent.html';

class SandboxViewComponent extends HTMLElement {

  constructor() {
    super()

    this.innerHTML = template;
  }

  connectedCallback() {
    this._addListeners();
  }

  disconnectedCallback() {
  }

  attributeChangedCallback(attrName, oldVal, newVal) {
  }

  _addListeners() {
    var buttonEl = this.querySelector("ext-button");
    // works
    buttonEl.ext.el.on('click', () => {
      alert('ext on click works');
    });
  }

}
window.customElements.define('my-sandbox-view', SandboxViewComponent);