<div id="property_{{name}}" class="property item{{#if access}} {{access}}{{/if}}{{#if deprecated}} deprecated{{/if}}{{#if extended_from}} inherited{{/if}}">

  <h3 class="blue-method-name">{{name}}</h3>
  <div class="meta method-meta">
    {{#if overwritten_from}}
    <p>Inherited from
      <a href="{{crossLinkRaw overwritten_from/class}}#property_{{overwritten_from/name}}">
        {{overwritten_from/class}}
      </a>
      {{#if foundAt}}
        but overwritten in
      {{/if}}
    {{else}}
      {{#if extended_from}}
      <p>Inherited from
        <a href="{{crossLinkRaw extended_from}}#property_{{name}}">{{extended_from}}</a>:
      {{else}}
        {{#providedBy}}
          <p>Provided by the <a href="../modules/{{.}}.html">{{.}}</a> module.</p>
        {{/providedBy}}
      <p>
        {{#if foundAt}}
          Defined in
        {{/if}}
      {{/if}}
    {{/if}}
    {{#if foundAt}}
      <a href="{{foundAt}}">`{{{file}}}:{{{line}}}`</a>
    {{/if}}
  </p>

    {{#if deprecationMessage}}
      <p>Deprecated: {{deprecationMessage}}</p>
    {{/if}}

    {{#if since}}
      <p>Available since {{since}}</p>
    {{/if}}
  </div>

  <h3>Syntax</h3>
  <div class="blue-method-syntax">
    <h3 class="name"><code>{{name}}</code></h3>
    <span class="type">{{#crossLink type}}{{/crossLink}}</span>

    {{#if deprecated}}
        <span class="flag deprecated"{{#if deprecationMessage}} title="{{deprecationMessage}}"{{/if}}>deprecated</span>
    {{/if}}

    {{#if access}}
        <span class="flag {{access}}">{{access}}</span>
    {{/if}}

    {{#if final}}
        <span class="flag final">final</span>
    {{/if}}

    {{#if static}}
        <span class="flag static">static</span>
    {{/if}}

    </div>

    <div class="description">
      <h3>Summary</h3>
        {{{propertyDescription}}}
    </div>

    {{#if default}}
        <p><strong>Default:</strong> {{default}}</p>
    {{/if}}

    {{#if subprops}}
        <h4>Sub-properties:</h4>

        <ul class="params-list">
            {{#subprops}}
            <li class="param">
                {{#if optional}}
                    <code class="param-name optional">[{{name}}{{#if optdefault}}={{optdefault}}{{/if}}]</code>
                    <span class="type">{{#crossLink type}}{{/crossLink}}</span>
                    <span class="flag optional" title="This property is optional.">optional</span>
                {{else}}
                    <code class="param-name">{{name}}</code>
                    <span class="type">{{#crossLink type}}{{/crossLink}}</span>
                {{/if}}

                <div class="param-description">
                    {{{description}}}
                </div>

                {{#if subprops}}
                    <ul class="params-list">
                        {{#subprops}}
                        <li class="param">
                            {{#if optional}}
                                <code class="param-name optional">[{{name}}{{#if optdefault}}={{optdefault}}{{/if}}]</code>
                                <span class="type">{{#crossLink type}}{{/crossLink}}</span>
                                <span class="flag optional" title="This property is optional.">optional</span>
                            {{else}}
                                <code class="param-name">{{name}}</code>
                                <span class="type">{{#crossLink type}}{{/crossLink}}</span>
                            {{/if}}

                            <div class="param-description">
                                {{{description}}}
                            </div>
                        </li>
                        {{/subprops}}
                    </ul>
                {{/if}}
            </li>
            {{/subprops}}
        </ul>
    {{/if}}

  {{#example}}
    <div class="example">
      <h4>Example:</h4>

      <div class="example-content">
        {{{.}}}
      </div>
    </div>
  {{/example}}

  {{#if exampleurl}}
    <div class="blue-live-example">
      <h3>Live example:</h3>
      <iframe width="{{#if exampleUrlWidth}} {{exampleUrlWidth}} {{else}} 100% {{/if}}" height="{{#if exampleUrlHeight}} {{exampleUrlHeight}} {{else}} 300{{exampleUrlHeight}} {{/if}}" src="{{exampleurl}}" allowfullscreen="allowfullscreen" frameborder="0">
      </iframe>
    </div>
  {{/if}}
</div>
