{"version":3,"file":"todo-input.js","sourceRoot":"","sources":["../src/components/todo-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAC,MAAM,aAAa,CAAC;AAClD,OAAO,EAAC,aAAa,EAAE,KAAK,EAAC,MAAM,mBAAmB,CAAC;AAEvD,wBAAwB;AACxB,qBAAqB;AAErB,MAAM,kBAAkB,GAAG;IACzB,WAAW,EAAE,aAAa;CAC3B,CAAC;AAGF,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,UAAU;IAU9C,MAAM;QACJ,OAAO,IAAI,CAAA;;kBAEG,IAAI,CAAC,QAAQ;kBACb,IAAI,CAAC,QAAQ;KAC1B,CAAC;IACJ,CAAC;IAEO,QAAQ,CAAC,KAAoB;QACnC,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,IAAI,KAAK,aAAa,EAAE;YAC1D,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,kBAAkB,CAAC,WAAW,EAAE;gBACjE,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK;aAC1B,CAAC,CAAC,CAAC;SACL;IACH,CAAC;IAEO,QAAQ,CAAC,KAAY;QAC3B,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACjC,CAAC;CACF,CAAA;AA9BQ,uBAAM,GAAG,GAAG,CAAA;;;;GAIlB,CAAC;AAGF;IADC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC;gDACK;AARf,gBAAgB;IAD5B,aAAa,CAAC,YAAY,CAAC;GACf,gBAAgB,CA+B5B;SA/BY,gBAAgB","sourcesContent":["import {LitElement, html, css} from 'lit-element';\nimport {customElement, query} from 'lit/decorators.js';\n\n// const ENTER_KEY = 13;\n// const ESC_KEY = 27\n\nconst TodoInputEventType = {\n  SUBMIT_TODO: 'submit-todo'\n};\n\n@customElement('todo-input')\nexport class TodoInputElement extends LitElement {\n  static styles = css`\n    :host {\n      display: block;\n    }\n  `;\n\n  @query('input', true)\n  _input!: HTMLInputElement;\n\n  render() {\n    return html`\n      <input type=\"text\"\n        @keyup=\"${this._onkeyup}\"\n        @input=\"${this._oninput}\">\n    `;\n  }\n\n  private _onkeyup(event: KeyboardEvent) {\n    if (event.code === 'Enter' || event.code === 'NumpadEnter') {\n      this.dispatchEvent(new CustomEvent(TodoInputEventType.SUBMIT_TODO, {\n        bubbles: true,\n        composed: true,\n        detail: this._input.value\n      }));\n    }\n  }\n\n  private _oninput(event: Event) {\n    console.log('oninput:', event);\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'todo-input': TodoInputElement;\n  }\n}\n"]}