auth0-link-account.html

<link rel="import" href="../polymer/polymer-element.html">
<link rel="import" href="auth0.html">

<dom-module id="auth0-link-account">

  <template>
  </template>

  <script>
    class Auth0LinkAccount extends Polymer.Element {
      static get is() {
        return 'auth0-link-account'
      }

      static get properties() {
        return {
          connection: {
            type: String,
            notify: true
          },
          clientId: {
            type: String
          },
          domain: {
            type: String
          },
          options: {
            type: Object
          }
        }
      }

      static get observers() {
        return [
          '_initAccountLinking(connection)'
        ]
      }

      _initAccountLinking(connection) {
        if (!connection) {
          return
        }
        localStorage.setItem('auth0:link-account', connection);

        var webAuth = new auth0.WebAuth({
          domain: this.domain,
          clientID: this.clientId
        });

        var options = Object.assign({}, this.options, {connection: this.connection});

        webAuth.authorize(options);
      }
    }
    customElements.define(Auth0LinkAccount.is, Auth0LinkAccount);
  </script>
</dom-module>