{"version":3,"file":"click-counter.js","sourceRoot":"","sources":["../src/components/click-counter.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,aAAa,CAAC;AAClD,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAG1D,IAAa,YAAY,GAAzB,MAAa,YAAa,SAAQ,UAAU;IAA5C;;QAQE,UAAK,GAAG,CAAC,CAAC;IAaZ,CAAC;IAXC,MAAM;QACJ,OAAO,IAAI,CAAA;uBACQ,IAAI,CAAC,QAAQ;uBACb,IAAI,CAAC,KAAK;;KAE5B,CAAC;IACJ,CAAC;IAEO,QAAQ;QACd,IAAI,CAAC,KAAK,EAAE,CAAC;IACf,CAAC;CACF,CAAA;AApBQ,mBAAM,GAAG,GAAG,CAAA;;;;GAIlB,CAAC;AAGF;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;2CACf;AARC,YAAY;IADxB,aAAa,CAAC,eAAe,CAAC;GAClB,YAAY,CAqBxB;SArBY,YAAY","sourcesContent":["import {LitElement, html, css} from 'lit-element';\nimport {customElement, property} from 'lit/decorators.js';\n\n@customElement('click-counter')\nexport class ClickCounter extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n    }\n  `;\n\n  @property({type: Number})\n  count = 0;\n\n  render() {\n    return html`\n      <button @click=${this._onClick}>\n        Click count: ${this.count}    \n      </button>\n    `;\n  }\n\n  private _onClick() {\n    this.count++;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'click-counter': ClickCounter;\n  }\n}\n"]}