jjinux/gist:4156541

## gistfile1.html
<html><body>
  <element name="x-chat-window" constructor="ChatWindowComponent" extends="div">
    <template>
      <div>
        <textarea rows="10" class="chat-window" disabled>
          <template iterate="s in chatWindowText">
            {{s}}
          </template>
        </textarea>
      </div>
    </template>

    <script type="application/dart">
      import 'package:web_components/web_components.dart';

      class ChatWindowComponent extends WebComponent {
        List<String> chatWindowText = new List<String>();

        displayMessage(String from, String msg) {
          _display("$from: $msg\n");
        }

        displayNotice(String notice) {
          _display("[system]: $notice\n");
        }

        _display(String str) {
          chatWindowText.add(str);

          // You have to call dispatch whenever Web Component data changes
          // and it's not the result of a user event. That happens a lot
          // for this method.
          dispatch();
        }
      }
    </script>
  </element>
</body></html>
	<html><body>
	<element name="x-chat-window" constructor="ChatWindowComponent" extends="div">
	<template>
	<div>
	<textarea rows="10" class="chat-window" disabled>
	<template iterate="s in chatWindowText">
	{{s}}
	</template>
	</textarea>
	</div>
	</template>

	<script type="application/dart">
	import 'package:web_components/web_components.dart';

	class ChatWindowComponent extends WebComponent {
	List<String> chatWindowText = new List<String>();

	displayMessage(String from, String msg) {
	_display("$from: $msg\n");
	}

	displayNotice(String notice) {
	_display("[system]: $notice\n");
	}

	_display(String str) {
	chatWindowText.add(str);

	// You have to call dispatch whenever Web Component data changes
	// and it's not the result of a user event. That happens a lot
	// for this method.
	dispatch();
	}
	}
	</script>
	</element>
	</body></html>