gistfile1.haml

%element{:name => "kern-js"}
  %template
    #kerning.js-tool{"data-action" => "kerning"}
    #scale.js-tool{"data-action" => "scale"}
    #rotation.js-tool{"data-action" => "rotation"}
    #leading.js-tool{"data-action" => "leading"}
    #position.js-tool{"data-action" => "position"}
    #opacity.js-tool{"data-action" => "opacity"}

  :coffee
    console.log 'this is', @

    if @ isnt window
      @register
        prototype:
          readyCallback: ->
            @createShadowRoot().appendChild(template.content.cloneNode(true));
            console.log 'tools registered'