anchor.diff:      </thead>
       <tbody>
         <tr>
  -        <th>popover:opened</th>
  +        <th>popover:created</th>
           <td><p>Quando um popover abre, o evento <code>popover:opened</code> é disparado no elemento do popover, aquele que recebe a classe <code>ls-popover</code>. Veja exemplo abaixo.</p></td>
         </tr>
         <tr>
           <th>popover:closed</th>
           <td><p>Quando um popover fecha, o evento <code>popover:closed</code> é disparado no elemento do popover, aquele que recebe a classe <code>ls-popover</code>. Veja exemplo abaixo.</p></td>
         </tr>
  +      <tr>
  +        <th>popover:called</th>
  +        <td><p>Quando o elemento que chama o popover é clicado (ou quando ouver hover), ele emite um evento chamado <code>popover:called</code>
  +      </tr>
  +      <tr>
  +        <th>popover:destroyed</th>
  +        <td><p>Quando os a função <code>locastyle.popover.destroy()</code> é acionado, ele emite um evento chamado <code>popover:destroyed</code></code>
  +      </tr>
  +      <tr>
  +        <th>popover:builded</th>
  +        <td><p>Quando o HTML do popover é criado, um trigger  <code>popover:builded</code> é disparado no <code>document</code> com o nome do elemento que chama este determinado popover.
  +      </tr>
       </tbody>
     </table>
  +  
     <p>Exemplo: </p>
   <% code("javascript") do %>
   // Um popover específico, caso você saiba o ID
   // (os IDs dos popovers são atribuidos pelo próprio módulo)
   $("#id-do-popover").on('popover:opened', function(){
     // do something
  -})
  +});
   
   // Todos os elementos de popover
   $(".ls-popover").on('popover:closed', function(){
     // do something
  -})
  +});
   <%end%>
   
   </section>
  
positive.code:     <a href="#" class="ls-ico-help" data-ls-popover="open" data-placement="right" data-ls-module="popover" title="Titulo" data-content="Exemplo de popover Aberto, <br> ao carregar a página."></a>
    <% end %>
  
  
    <h2 class="doc-title-3">Exemplo classe funcional .ls-word-dotted</h2>
    <div class="ls-box-demo">
      <a href="#" class="ls-word-dotted" data-ls-module="popover" title="Titulo" data-content="Conteúdo do popover">Popover</a>
    </div>
    <% code("html") do %><a href="#" class="ls-word-dotted" data-ls-module="popover" title="Titulo" data-content="Conteúdo do popover">Popover</a><% end %>
  
  
    <h2 class="doc-title-3">Eventos</h2>
    <p>Você pode escutar eventos de abre e fecha nos elementos de popover, isto é bom porque estes elementos são criados pelo próprio módulo e normalmente não sabemos identificá-los, com os eventos basta procurar pelo elemento onde foi disparado o evento e pronto.</p>
    <table class="ls-table">
      <thead>
        <tr>
  
negative.code:     </thead>
      <tbody>
        <tr>
          <td>data-ls-module</td>
          <td>popover</td>
          <td>-</td>
          <td>inicia o módulo de popover. Deve ser colocado no elemento que chamará o popover</td>
        </tr>
        <tr>
          <td>data-trigger</td>
          <td>hover</td>
          <td>-</td>
          <td>define qual a interação pelo qual o popover irá aparecer. Por padrão, o popover só aparece com click, mas esse atributo substitui o click pelo <code>hover</code></td>
        </tr>
        <tr>
          <td>data-placement</td>
  