<div>

        effect name: <input type="input" value="{{newEffectName::change}}">

        <button on-click="saveNewEffect">save new effect</button>

        <edit-choice graph="{{graph}}" uri="{{effect}}"></edit-choice>

      </div>

      <textarea id="preview" value="{{effectPreview}}"></textarea>

    </div>

    <div id="deviceControls">

      <template is="dom-repeat" items="{{devices}}" as="device">

        <light9-live-device-control

          graph="{{graph}}"

          uri="{{device.uri}}"

          effect="{{effect}}"

          graph-to-controls="{{graphToControls}}"

        ></light9-live-device-control>

      </template>

    </div>

  </template>

</dom-module>

<script src="/node_modules/n3/n3-browser.js"></script>

<script src="/lib/async/dist/async.js"></script>

<script src="/lib/underscore/underscore-min.js"></script>

<script src="../coffee_element.js"></script>

<!-- see live.coffee

     <script src="/lib/jquery/dist/jquery.js"></script>

     <script src="/lib/isotope/dist/isotope.pkgd.min.js"></script>

     <script src="/lib/isotope-fit-columns/fit-columns.js"></script>

     <script src="/lib/jquery.columnizer/src/jquery.columnizer.js"></script>

   -->

<script src="live.js"></script>