title: Use FirebaseUI in Webcomponent (Polymer 2.0)
body: <p>I successfully used Firebase-Auth SDK in Polymer and FirebaseUI in a plain js and now try to use it together (FirebaseUSI in a webcomponent). I get close but not quite there (e.g. styling).</p>
  
  <p><a href="https://i.stack.imgur.com/ov9RA.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ov9RA.jpg" alt="enter image description here"></a></p>
  
  <p>Here is my webcomponent:</p>
  
  <pre><code>&lt;dom-module id="damawi-signup"&gt;
      &lt;template&gt;
          &lt;style include="fb-ui-style"&gt;
          &lt;/style&gt;
          &lt;paper-button raised on-tap="openUi"&gt;SignUp&lt;/paper-button&gt;
          &lt;paper-dialog id="dialog" with-backdrop&gt;
              &lt;div id="fbUIContainer"&gt;&lt;/div&gt;
          &lt;/paper-dialog&gt;
      &lt;/template&gt;
      &lt;script&gt;
          class damawiSignup extends Polymer.Element {
              static get is() { return 'damawi-signup'; }
              openUi() {
                  var uiConfig = {
                      signInSuccessUrl: '/signUpSuccess',
                      signInOptions: [
                          // Leave the lines as is for the providers you want to offer your users.
                          firebase.auth.GoogleAuthProvider.PROVIDER_ID,
                          firebase.auth.FacebookAuthProvider.PROVIDER_ID,
                          firebase.auth.TwitterAuthProvider.PROVIDER_ID,
                          firebase.auth.EmailAuthProvider.PROVIDER_ID
                      ],
                      // Terms of service url.
                      tosUrl: '/TOS'
                  };
  
                  // Initialize the FirebaseUI Widget using Firebase.
                  var ui = new firebaseui.auth.AuthUI(firebase.auth());
                  // The start method will wait until the DOM is loaded.
                  ui.start(this.$.fbUIContainer, uiConfig);
                  this.$.dialog.open();
              }
          }
          window.customElements.define(damawiSignup.is, damawiSignup);
      &lt;/script&gt;
  &lt;/dom-module&gt;
  </code></pre>
  
  <p>I linked the style information with </p>
  
  <pre><code>&lt;link rel="import" href="../../src/fb-ui-style/fb-ui-style.html"&gt;
  </code></pre>
  
  <p>where I copied the firebaseui.css information </p>
  
  <pre><code>&lt;dom-module id="fb-ui-style"&gt;
      &lt;template&gt;
          &lt;style&gt;
            @font-face{font-family:Roboto;font-style:normal;font-weight:400;...
          &lt;/style&gt;
      &lt;/template&gt;
  &lt;/dom-module&gt;
  </code></pre>
  
  <p>Any better solution already available or how can I improve the css?</p>