<!DOCTYPE html>
<!--
Copyright (c) 2013 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->

<link rel="import" href="/core/brushing_state_controller.html">
<link rel="import" href="/model/event_set.html">
<link rel="import" href="/ui/base/ui.html">

<polymer-element name="tr-ui-a-analysis-link" is="a"
    on-click="{{onClicked_}}"
    on-mouseenter="{{onMouseEnter_}}"
    on-mouseleave="{{onMouseLeave_}}">
  <template>
    <style>
    :host {
      display: inline;
      color: -webkit-link;
      cursor: pointer;
      text-decoration: underline;
      /* TODO(nduca): Whitespace is forced to normal here because the
         analysis_results.css forces everything under it to pre. This is insane.
         When that horrible evil class dies, then we can rip this white-space
         restriction out.
       */
      white-space: normal;
      cursor: pointer;
    }
    </style>
    <content></content>
  </template>
  <script>
  'use strict';
  Polymer({
    ready: function() {
      this.selection_ = undefined;
    },

    attached: function() {
      // Save an instance of the controller since it's going to be used in
      // detached() where it can no longer be obtained.
      this.controller_ =
          tr.c.BrushingStateController.getControllerForElement(this);
    },

    detached: function() {
      // Reset highlights.
      this.clearHighlight_();
      this.controller_ = undefined;
    },

    get selection() {
      return this.selection_;
    },

    set selection(selection) {
      // Selection can be either an EventSet or a function.
      this.selection_ = selection;
      this.textContent = selection.userFriendlyName;
    },

    setSelectionAndContent: function(selection, opt_textContent) {
      this.selection_ = selection;
      if (opt_textContent)
        this.textContent = opt_textContent;
    },

    getCurrentSelection_: function() {
      // Gets the current selection, invoking the selection function if needed.
      if (typeof this.selection_ === 'function')
        return this.selection_();
      return this.selection_;
    },

    setHighlight_: function(opt_eventSet) {
      if (this.controller_)
        this.controller_.changeAnalysisLinkHoveredEvents(opt_eventSet);
    },

    clearHighlight_: function(opt_eventSet) {
      this.setHighlight_();
    },

    onClicked_: function() {
      if (!this.selection_)
        return;

      var event = new tr.model.RequestSelectionChangeEvent();
      event.selection = this.getCurrentSelection_();
      this.dispatchEvent(event);
    },

    onMouseEnter_: function() {
      this.setHighlight_(this.getCurrentSelection_());
    },

    onMouseLeave_: function() {
      this.clearHighlight_();
    }
  });
  </script>
</polymer-element>