Polymer Custom Element (Class based - Polymer 2)

customElement.sublime-snippet

<snippet>
  <content><![CDATA[
<dom-module id="${1:custom-element}">
  <template>
    <style>
      :host {
        display: block;
      }
    </style>
  </template>
  <script>
    class ${1/^(\w)|(?:-(\w))/(?1$1:)(?2\u$2:)/g} extends Polymer.Element {
      static get is() {
        return '${1:element-name}';
      }

      static get properties() {
        return {};
      }
    }

    customElements.define(${1/^(\w)|(?:-(\w))/(?1$1:)(?2\u$2:)/g}.is, ${1/^(\w)|(?:-(\w))/(?1$1:)(?2\u$2:)/g});
  </script>
</dom-module>
]]></content>
  <tabTrigger>ce</tabTrigger>
</snippet>