<template is="dom-if" if="{{deviceAttr.useSlider}}">

          <paper-slider min="0"

                        max="{{deviceAttr.max}}"

                        step=".001"

                        editable

                        content-type="application/json"

                        immediate-value="{{immediateSlider}}"></paper-slider>

        </template>

        <template is="dom-if" if="{{deviceAttr.useColor}}">

        <div id="colorControls">

          <button on-click="goBlack">0.0</button>

          <light9-color-picker color="{{value}}"></light9-color-picker>

    device: { type: String }

    deviceAttr: { type: Object }

    max: { type: Number, value: 1 }

    value: { type: Object, notify: true }

    immediateSlider: { notify: true, observer: 'onSlider' }

    pickedChoice: { observer: 'onChange' }

  observers: [

    'onChange(value)'

    ]

  ready: ->

  onChange: (value) ->

    @lastSent = [[@device, @deviceAttr.uri, value]]

    @resend()

  resend: ->

    window.gather(@lastSent)

  clear: ->

    if @deviceAttr.useColor

      @value = '#000000'

    else

      @value = @immediateSlider = 0

Polymer