<div id="event_{{name}}" class="events item{{#if access}} {{access}}{{/if}}{{#if deprecated}} deprecated{{/if}}{{#if extended_from}} inherited{{/if}}">
    <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 class="meta">
        {{#if overwritten_from}}
            <p>Inherited from
            <a href="{{crossLinkRaw overwritten_from/class}}#event_{{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}}#event_{{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>
     <div class="description well well-small sign-left3">
        {{{eventDescription}}}
    </div>

    {{#if params}}
        <div class="params">
            <h4>Parameters:</h4>

            <table class="table table-bordered">
            <tr class='active'><th>name</th><th>type</th><th>flag</th><th>description</th></tr>
            {{#params}}
                <tr class="param">
                    {{#if optional}}
                    <td>
                        <code class="param-name optional">[{{name}}{{#if optdefault}}={{optdefault}}{{/if}}]</code></td>
                    <td><span class="type">{{#crossLink type}}{{/crossLink}}</span></td>
                    <td><span class="flag optional" title="This parameter is optional.">optional</span>
                    {{else}}
                       <td> <code class="param-name">{{name}}</code>
                       <td> <span class="type">{{#crossLink type}}{{/crossLink}}</span>
                       <td>
                    {{/if}}

                    {{#if multiple}}
                        <span class="flag multiple" title="This argument may occur one or more times.">multiple</span>
                    {{/if}}
                    </td>
                    <td><div class="param-description">
                        {{{description}}}
                    </div>

                    {{#if props}}
                        <table class="table table-bordered">
                         <tr class='active'><th>name</th><th>type</th><th>flag</th><th>description</th></tr>
                           {{#props}}
                            <tr class="param">
                            {{#if optional}}
                                <td>
                                    <code class="param-name optional">[{{name}}{{#if optdefault}}={{optdefault}}{{/if}}]</code></td>
                                <td><span class="type">{{#crossLink type}}{{/crossLink}}</span></td>
                                <td><span class="flag optional" title="This parameter is optional.">optional</span>
                                {{else}}
                                   <td> <code class="param-name">{{name}}</code>
                                   <td> <span class="type">{{#crossLink type}}{{/crossLink}}</span>
                                   <td>
                                {{/if}}

                                {{#if multiple}}
                                    <span class="flag multiple" title="This argument may occur one or more times.">multiple</span>
                                {{/if}}
                                </td>
                                <td><div class="param-description">
                                    {{{description}}}
                                </div>
                                {{#if props}}
                                    <table class="table table-bordered">
                                     <tr class='active'><th>name</th><th>type</th><th>flag</th><th>description</th></tr>
                                       {{#props}}
                                        <tr class="param">
                                        {{#if optional}}
                                            <td>
                                                <code class="param-name optional">[{{name}}{{#if optdefault}}={{optdefault}}{{/if}}]</code></td>
                                                <td><span class="type">{{#crossLink type}}{{/crossLink}}</span></td>
                                                <td><span class="flag optional" title="This parameter is optional.">optional</span>
                                                {{else}}
                                                   <td> <code class="param-name">{{name}}</code>
                                                   <td> <span class="type">{{#crossLink type}}{{/crossLink}}</span>
                                                   <td>
                                                {{/if}}

                                                {{#if multiple}}
                                                    <span class="flag multiple" title="This argument may occur one or more times.">multiple</span>
                                                {{/if}}
                                                </td>
                                                <td><div class="param-description">
                                                    {{{description}}}
                                                </div>
                                             </td>
                                        </tr>
                                        {{/props}}
                                    </table>
                                    </td>
                                {{/if}}
                            </tr>
                            {{/props}}
                        </table>
                        </td>
                    {{/if}}
                </tr>
            {{/params}}
            </table>
        </div>
    {{/if}}


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

            <div class="example-content">
                {{{.}}}
            </div>
            <button class="btn-viewDemo btn btn-success" type="button">view demo</button>
            <button class="btn-runDemo btn btn-success" type="button">edit code</button>
        </div>
    {{/example}}
</div>
