text: /**
   * @license
   * Copyright (c) 2019 The Polymer Project Authors. All rights reserved.
   * This code may only be used under the BSD style license found at
   * http://polymer.github.io/LICENSE.txt
   * The complete set of authors may be found at
   * http://polymer.github.io/AUTHORS.txt
   * The complete set of contributors may be found at
   * http://polymer.github.io/CONTRIBUTORS.txt
   * Code distributed by Google as part of the polymer project is also
   * subject to an additional IP rights grant found at
   * http://polymer.github.io/PATENTS.txt
   */
  
  import {LitElement, html, css} from 'lit-element';
  
  /**
   * An example element.
   *
   * @slot - This element has a slot
   * @csspart button - The button
   */
  export class MyElementTwo extends LitElement {
    static get styles() {
      return css`
        :host {
          display: block;
          border: solid 1px gray;
          padding: 16px;
          max-width: 800px;
        }
      `;
    }
  
    static get properties() {
      return {
        /**
         * The name to say "Hello" to.
         */
        name: {type: String},
  
        /**
         * The number of times the button has been clicked.
         */
        count: {type: Number},
        color: {type: String}
      };
    }
  
    constructor() {
      super();
      this.name = 'World';
      this.count = 0;
    }
  
    render() {
      return html`
        <h1 style='color:${this.color}'>Hello, ${this.name}! This is Element two</h1>
        <slot></slot>
      `;
    }
  
    _onClick() {
      this.count++;
    }
  }
  
  window.customElements.define('my-element-two', MyElementTwo);
  