plwalters

<template>
  <h1>Dialog Repro</h1>
  <button click.delegate="submit()">Open Dialog</button>
</template>

plwalters

<template>
  <select value.bind="val" if.bind="opts && !val">
    <option repeat.for="opt of opts" model.bind="opt">${opt.firstName}</option>
  </select>
  <div if.bind="!opts || val">
    <span>${val.firstName}</span>
    <button click.delegate="clearVal()" if.bind="val">Clear</button>
  </div>
  <button click.delegate="getOpts()">Get</button>
  <template with.bind="val.address">

plwalters

<template>
  <input type="text" value.bind="address.line1" />
</template>

plwalters

<template>
  <require from="./my-element"></require>
  <my-element my-prop="test ${message}"></my-element>
</template>
 

plwalters

<template>
<form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>
</template>

plwalters

<template>
  <require from="./sample"></require>
  <h1>Dialog Repro</h1>
  <sample></sample>
</template>

plwalters

<template>
  <require from="./registration-form"></require>
  
  <registration-form></registration-form>
</template>

plwalters

<template>
  <require from="my-component"></require>
  <h1>${message}</h1>
  <my-component></my-component>
</template>

plwalters

<template>
  <require from="my-component"></require>
  <h1>${message}</h1>
  <my-component></my-component>
</template>

plwalters

<template>
  <require from="./numeral"></require>
  <input value.bind="value | number" />
  ${value}
</template>