<template>
  <button click.delegate="toggleLine()">toggleLine</button><br/>
  <svg width="100" height="100">
    <line
      if.bind="line"
      x1.bind="line.sx"
      y1.bind="line.sy"
      x2.bind="line.ex"
      y2.bind="line.ey" stroke="black"></line>
  </svg>

  <button click.delegate="toggleTemplate()">Toggle Template</button>
  <div if.bind="shouldDisplayTemplate">
    <input type="text" value.bind="firstName">
  </div>

  <h1>Amount of times first name was accessed: ${amountOfTimesAccessed}</h1>

</template>