polymer/test/g-foo.html

<!--
/*
 * Copyright 2012 The Toolkitchen Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style
 * license that can be found in the LICENSE file.
 */
-->
<element name="g-foo" attributes="str, bool, num" handlers="click: clickHandler">
  <link rel="components" href="../src/g-component.html">
  <template>
    <div id="ref1" atclick="ref1ClickHandler">
      <div id="ref2">hello!!!</div>
    </div>
    <content></content>
  </template>
  <script>
    this.component({
      published: {
        strp: '',
        boolp: false,
        nump: 0
      },
      prototype: {
        strChanged: function() {
          this._str = this.str;
        },
        boolChanged: function() {
          this._bool = this.bool;
        },
        numChanged: function() {
          this._num = this.num;
        },
        strpChanged: function() {
          this._strp = this.strp;
        },
        boolpChanged: function() {
          this._boolp = this.boolp;
        },
        numpChanged: function() {
          this._nump = this.nump;
        },
        clickHandler: function() {
          this._click = true;
        },
        ref1ClickHandler: function() {
          this._ref1click = true;
        }
      }
    });
  </script>
</element>