geleto

<template>
  <p>${message}</p>
</template>

geleto

<template>
  <p>${message}</p>
</template>

geleto

<template>
  <button click.delegate="setControlView('control1.html')">1</button>
  <button click.delegate="setControlView('control2.html')">2</button>
  <br><br>
  ${showControl}
  <input checked.two-way="showControl" type="checkbox">Show control
  <compose if.bind="showControl" view="${controlView}">
	</compose>
</template>

geleto

<template>
  <div mousemove.delegate="onDrag()" style="width:200px;height:200px;background:yellow;" draggable="true">
    Drag me
  </div>
</template>

geleto

<template>
  <input-select value.two-way="propertyType" choices.bind="propertyTypes" label="Type"></input-select>
  <select value.two-way="propertyType">
		<option repeat.for="property of propertyTypes" model.bind="propertyType">${property}</option>)
	</select>
</template>

geleto

<template>
  <h1>${message}</h1>
</template>

geleto

<template>
  <p>${message}</p>
</template>

geleto

<template>
  <div repeat.for="i of messages.length">
    <input type="text" value.bind="$parent.messages[i]">
  </div>
  <button click.delegate="deleteFirst()">Delete First</button>
</template>

geleto

<template>
  <div repeat.for="msg of messages">
    <input type="text" value.bind="msg" input.delegate="onMessageChanged(msg, $index)">
  </div>
</template>

geleto

<template>
  <div repeat.for="msg of messages">
    <input type="text" value.bind="msg" input.delegate="onMessageChanged(msg, $index)">
  </div>
</template>