<link rel="import" href="../../../../packages/polymer/polymer.html">
<link rel="import" href="curly_block.html">
<link rel="import" href="field_ref.html">
<link rel="import" href="observatory_element.html">
<link rel="import" href="service_ref.html">

<polymer-element name="inbound-reference" extends="service-ref">
  <template>
    <link rel="stylesheet" href="css/shared.css">
    <div>
      <template if="{{ ref['parentField'] != null }}">
        from <any-service-ref ref="{{ ref['parentField'] }}"></any-service-ref>
      </template>
      <template if="{{ ref['parentListIndex'] != null }}">
        from [{{ ref['parentListIndex'] }}] of
      </template>
      <template if="{{ ref['_parentWordOffset'] != null }}">
        from word[{{ ref['_parentWordOffset'] }}] of
      </template>
      <any-service-ref ref="{{ ref['source'] }}"></any-service-ref>
      <curly-block callback="{{ expander() }}">
        <div class="memberList">
          <div class="memberItem">
            <div class="memberName">
              <template repeat="{{ reference in inboundReferences }}">
                <inbound-reference ref="{{ reference }}"></inbound-reference>
              </template>
            </div>
          </div>
        </div>
      </curly-block>
    </div>
  </template>
</polymer-element>

<script type="application/dart" src="inbound_reference.dart"></script>