From 93ebcd5456c0a703ffcb7ebac338e9d85da60db4 Mon Sep 17 00:00:00 2001
From: Guilherme Baptista <guilhermebaptistasilva@gmail.com>
Date: Thu, 15 Feb 2018 23:02:36 -0200
Subject: [PATCH 1/3] capturing code execution time

---
 css/popup/popup.css                |  13 +
 html/demo-page.html                |   7 +
 html/interface-sample.html         | 612 ++++++++++++++---------------
 html/popup/templates/counters.html |   3 +
 js/content/interceptor.js          | 150 +++++--
 js/popup/popup.js                  |   9 +-
 6 files changed, 437 insertions(+), 357 deletions(-)

diff --git a/css/popup/popup.css b/css/popup/popup.css
index c38b506..59d8b30 100644
--- a/css/popup/popup.css
+++ b/css/popup/popup.css
@@ -82,6 +82,19 @@ html, body {
   color: #FFF;
 }
 
+.interceptions .calls .execution_time {
+  position: absolute;
+  bottom:-5px;
+  left: 50%;
+  margin-left: -28px;
+  width: 56px;
+  padding: 2px 0;
+  text-align: center;
+  background-color: #8D8E87;
+  color: #FFF;
+  font-style: italic;
+}
+
 .interceptions .calls .allowed {
   border-left:4px solid #20b203;
   left: 10px;
diff --git a/html/demo-page.html b/html/demo-page.html
index 8349b66..515df8b 100644
--- a/html/demo-page.html
+++ b/html/demo-page.html
@@ -254,6 +254,13 @@
 
         my_request();
 
+        setTimeout(function(param) {
+          var time = performance.now();
+          while((performance.now() - time) < 1500) {
+            'lor123em'.replace(/\d.*/, '');
+          }
+        }, 0);
+
       }, 500); })();
     </script>
   </body>
diff --git a/html/interface-sample.html b/html/interface-sample.html
index 94e1fbf..160f4fa 100644
--- a/html/interface-sample.html
+++ b/html/interface-sample.html
@@ -7,7 +7,7 @@
     <div>
       <div id="loading">loading...</div>
       <div id="options-container"><form class="options-form">
-  <div class="col-2">
+  <div class="col-2 col-2-header">
     <a href="https://github.com/gbaptista/luminous/releases/tag/0.0.18" id="version" target="_blank">0.0.18</a>
     <a href="https://gbaptista.github.io/luminous/doc/en-US" id="help-link" class="top-link" target="_blank">help</a>
     <a href="../settings/injection/enabled.html" id="settings-link" class="top-link" target="_blank">settings</a>
@@ -20,12 +20,10 @@
     </label>
   </div>
   <br class="clear-floats">
-
-
   <div class="col-1">
-      <label>
-        <input type="checkbox" name="github.com" value="true" checked="">
-        github.com
+      <label class="valid-domain">
+        <input type="checkbox" name="www.facebook.com" value="true" checked="">
+        www.facebook.com
       </label>
     <br class="clear-floats">
     <label>
@@ -37,12 +35,12 @@
   <div class="col-2">
     <label>
       zoom in
-      <input type="checkbox" name="zoom_in" value="true">
+      <input type="checkbox" name="zoom_in" value="true" checked="">
     </label>
     <br class="clear-floats">
     <label>
-      show intercepted code details
-      <input type="checkbox" name="show_code_details" value="true" checked="">
+      show code details
+      <input type="checkbox" name="show_code_details" value="true">
     </label>
 </div>
 <br class="clear-floats">
@@ -51,540 +49,502 @@
       <div id="counters-container">  <div class="interceptions">
     <h2>Web APIs:</h2>
 
-      <div class="calls " data-kind="WebAPIs" data-type="fetch" data-tippy="" data-original-title="<strong>fetch</strong> -> <strong>Window</strong><br><pre><code>https:&amp;#x2F;&amp;#x2F;api.github.com&amp;#x2F;_private&amp;#x2F;browser&amp;#x2F;errors</code></pre>">
+      <div class="calls " data-kind="WebAPIs" data-type="fetch" data-tippy="" data-original-title="<strong>fetch</strong> -> <strong>Window</strong>">
         <span class="name">fetch</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="allowed" style="background-color:#8D8E87;">5</span>
+        <span class="execution_time">2 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="WebAPIs" data-type="setInterval" data-tippy="" data-original-title="<strong>setInterval</strong> -> <strong>Window</strong><br><pre><code>function i(){var e&amp;#x3D;void 0,t&amp;#x3D;void 0,n&amp;#x3D;void 0;for(t&amp;#x3D;0,n&amp;#x3D;y.length;t&amp;lt;n;t++)(e&amp;#x3D;y[t]).textContent&amp;#x3D;e.getFormattedDate()}</code></pre>">
+      <div class="calls " data-kind="WebAPIs" data-type="setInterval" data-tippy="" data-original-title="<strong>setInterval</strong> -> <strong>Window</strong>">
         <span class="name">setInterval</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="allowed" style="background-color:#8D8E87;">17</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="WebAPIs" data-type="setTimeout" data-tippy="" data-original-title="<strong>setTimeout</strong> -> <strong>Window</strong><br><pre><code>function (){a(l),l.length&amp;#x3D;0}</code></pre><pre><code>function (){t()}</code></pre><pre><code>function (){c&amp;#x3D;null,i(),m.dispatchEvent(Object.assign(new CustomEvent(&amp;quot;timeout&amp;quot;),{attempts:v,reconnects:g}))}</code></pre>">
-        <span class="name">setTimeout</span>
-        <span class="allowed" style="background-color:#e6b800;">389</span>
+      <div class="calls " data-kind="WebAPIs" data-type="setInterval.call" data-tippy="" data-original-title="<strong>setInterval.call</strong> -> <strong>Window</strong>">
+        <span class="name">setInterval.call</span>
+        <span class="allowed" style="background-color:#CC3300;">2,0k</span>
+        <span class="execution_time">2277 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="WebAPIs" data-type="setTimeout.call" data-tippy="" data-original-title="<strong>setTimeout.call</strong> -> <strong>Window</strong><br><pre><code>function (){(0,a[n].reject)(new Error(&amp;quot;timeout loading module: &amp;quot;+n))}</code></pre><pre><code>function (){(0,a[n].reject)(new Error(&amp;quot;timeout loading module: &amp;quot;+n))}</code></pre><pre><code>function (){(0,a[n].reject)(new Error(&amp;quot;timeout loading module: &amp;quot;+n))}</code></pre>">
-        <span class="name">setTimeout.call</span>
-        <span class="allowed" style="background-color:#e6b800;">389</span>
+      <div class="calls " data-kind="WebAPIs" data-type="setTimeout" data-tippy="" data-original-title="<strong>setTimeout</strong> -> <strong>Window</strong>">
+        <span class="name">setTimeout</span>
+        <span class="allowed" style="background-color:#CC3300;">3,7k</span>
+        <span class="execution_time">93 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="WebAPIs" data-type="WebSocket.send" data-tippy="" data-original-title="<strong>WebSocket.send</strong> -> <strong>WebSocket</strong><br><pre><code>subscribe:notification-changed:29520</code></pre>">
-        <span class="name">WebSocket.send</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="WebAPIs" data-type="setTimeout.call" data-tippy="" data-original-title="<strong>setTimeout.call</strong> -> <strong>Window</strong>">
+        <span class="name">setTimeout.call</span>
+        <span class="allowed" style="background-color:#CC3300;">3,0k</span>
+        <span class="execution_time">1422 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="WebAPIs" data-type="XMLHttpRequest.open" data-tippy="" data-original-title="<strong>XMLHttpRequest.open</strong> -> <strong>POST</strong><br><pre><code>https:&amp;#x2F;&amp;#x2F;api.github.com&amp;#x2F;_private&amp;#x2F;browser&amp;#x2F;stats</code></pre>">
+      <div class="calls " data-kind="WebAPIs" data-type="XMLHttpRequest.open" data-tippy="" data-original-title="<strong>XMLHttpRequest.open</strong> -> <strong>GET</strong>">
         <span class="name">XMLHttpRequest.open</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="allowed" style="background-color:#8D8E87;">79</span>
+        <span class="execution_time">6 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="WebAPIs" data-type="XMLHttpRequest.send" data-tippy="" data-original-title="<strong>XMLHttpRequest.send</strong> -> <strong>XMLHttpRequest</strong><br><pre><code>{&amp;quot;stats&amp;quot;:[{&amp;quot;features&amp;quot;:{&amp;quot;beacon&amp;quot;:true,&amp;quot;classlist&amp;quot;:true,&amp;quot;classlistMultiArg&amp;quot;:true,&amp;quot;closest&amp;quot;:true,&amp;quot;customElements&amp;quot;:true,&amp;quot;customEvent&amp;quot;:true,&amp;quot;emojiUnicodeVersion&amp;quot;:0,&amp;quot;fetch&amp;quot;:false,&amp;quot;highResolutionTime&amp;quot;:true,&amp;quot;matchesSelector&amp;quot;:true,&amp;quot;promises&amp;quot;:true,&amp;quot;stringEndsWith&amp;quot;:true,&amp;quot;stringStartsWith&amp;quot;:true,&amp;quot;timezone&amp;quot;:true,&amp;quot;url&amp;quot;:true,&amp;quot;urlSearchParams&amp;quot;:true,&amp;quot;userTimingEntries&amp;quot;:true,&amp;quot;userTimingMark&amp;quot;:true,&amp;quot;weakmap&amp;quot;:true}},{&amp;quot;</code></pre>">
+      <div class="calls " data-kind="WebAPIs" data-type="XMLHttpRequest.send" data-tippy="" data-original-title="<strong>XMLHttpRequest.send</strong> -> <strong>XMLHttpRequest</strong>">
         <span class="name">XMLHttpRequest.send</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="allowed" style="background-color:#8D8E87;">79</span>
+        <span class="execution_time">31 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
 
     <h2>triggered events (handleEvent):</h2>
 
-      <div class="calls " data-kind="handleEvent" data-type="DOMContentLoaded" data-tippy="" data-original-title="<strong>DOMContentLoaded</strong> -> <strong>HTMLDocument</strong><br><pre><code>undefined</code></pre><pre><code>function (){e()}</code></pre><pre><code>function N(){H.removeEventListener(&amp;quot;DOMContentLoaded&amp;quot;,N),e.removeEventListener(&amp;quot;load&amp;quot;,N),G.ready()}</code></pre>">
-        <span class="name">DOMContentLoaded</span>
-        <span class="allowed" style="background-color:#8D8E87;">3</span>
+      <div class="calls " data-kind="handleEvent" data-type="blur" data-tippy="" data-original-title="<strong>blur</strong> -> <strong>Window</strong>">
+        <span class="name">blur</span>
+        <span class="allowed" style="background-color:#8D8E87;">14</span>
+        <span class="execution_time">7 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="handleEvent" data-type="error" data-tippy="" data-original-title="<strong>error</strong> -> <strong>Window</strong><br><pre><code>function a(e){l()&amp;amp;&amp;amp;u(function(e){var t&amp;#x3D;e.message,n&amp;#x3D;e.filename,r&amp;#x3D;e.lineno,o&amp;#x3D;e.colno;return c(e.error,{message:t,filename:n,lineno:r,colno:o})}(e))}</code></pre>">
-        <span class="name">error</span>
+      <div class="calls " data-kind="handleEvent" data-type="canplay" data-tippy="" data-original-title="<strong>canplay</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">canplay</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">2 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="handleEvent" data-type="load" data-tippy="" data-original-title="<strong>load</strong> -> <strong>Window</strong><br><pre><code>function () { [native code] }</code></pre>">
-        <span class="name">load</span>
+      <div class="calls " data-kind="handleEvent" data-type="DOMContentLoaded" data-tippy="" data-original-title="<strong>DOMContentLoaded</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">DOMContentLoaded</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="handleEvent" data-type="loadend" data-tippy="" data-original-title="<strong>loadend</strong> -> <strong>XMLHttpRequest</strong><br><pre><code>function (){o({requestID:r,statusCode:u.status})}</code></pre>">
-        <span class="name">loadend</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="handleEvent" data-type="focus" data-tippy="" data-original-title="<strong>focus</strong> -> <strong>Window</strong>">
+        <span class="name">focus</span>
+        <span class="allowed" style="background-color:#8D8E87;">19</span>
+        <span class="execution_time">22 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="handleEvent" data-type="message" data-tippy="" data-original-title="<strong>message</strong> -> <strong>Window</strong><br><pre><code>function (n){n.source&amp;#x3D;&amp;#x3D;&amp;#x3D;e&amp;amp;&amp;amp;&amp;quot;string&amp;quot;&amp;#x3D;&amp;#x3D;typeof n.data&amp;amp;&amp;amp;0&amp;#x3D;&amp;#x3D;&amp;#x3D;n.data.indexOf(t)&amp;amp;&amp;amp;o(+n.data.slice(t.length))}</code></pre>">
-        <span class="name">message</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="handleEvent" data-type="load" data-tippy="" data-original-title="<strong>load</strong> -> <strong>HTMLImageElement</strong>">
+        <span class="name">load</span>
+        <span class="allowed" style="background-color:#8D8E87;">30</span>
+        <span class="execution_time">163 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="handleEvent" data-type="open" data-tippy="" data-original-title="<strong>open</strong> -> <strong>WebSocket</strong><br><pre><code>function (t){m.dispatchEvent(t);var n&amp;#x3D;m[&amp;quot;on&amp;quot;+e];if(&amp;quot;function&amp;quot;&amp;#x3D;&amp;#x3D;typeof n)return n.apply(m,arguments)}</code></pre>">
-        <span class="name">open</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="handleEvent" data-type="loadedmetadata" data-tippy="" data-original-title="<strong>loadedmetadata</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">loadedmetadata</span>
+        <span class="allowed" style="background-color:#8D8E87;">2</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="handleEvent" data-type="pageshow" data-tippy="" data-original-title="<strong>pageshow</strong> -> <strong>Window</strong><br><pre><code>function (){s(a())}</code></pre><pre><code>function (){v&amp;#x3D;!1}</code></pre>">
-        <span class="name">pageshow</span>
-        <span class="allowed" style="background-color:#8D8E87;">2</span>
+      <div class="calls " data-kind="handleEvent" data-type="loadend" data-tippy="" data-original-title="<strong>loadend</strong> -> <strong>XMLHttpRequest</strong>">
+        <span class="name">loadend</span>
+        <span class="allowed" style="background-color:#8D8E87;">40</span>
+        <span class="execution_time">1 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-
-    <h2>attached events (addEventListener):</h2>
-
-      <div class="calls " data-kind="addEventListener" data-type="ajaxComplete" data-tippy="" data-original-title="<strong>ajaxComplete</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (t){return void 0!&amp;#x3D;&amp;#x3D;G&amp;amp;&amp;amp;G.event.triggered!&amp;#x3D;&amp;#x3D;t.type?G.event.dispatch.apply(e,arguments):void 0}</code></pre>">
-        <span class="name">ajaxComplete</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="handleEvent" data-type="message" data-tippy="" data-original-title="<strong>message</strong> -> <strong>Window</strong>">
+        <span class="name">message</span>
+        <span class="allowed" style="background-color:#CC3300;">1,5k</span>
+        <span class="execution_time">236 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="ajaxError" data-tippy="" data-original-title="<strong>ajaxError</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (t){return void 0!&amp;#x3D;&amp;#x3D;G&amp;amp;&amp;amp;G.event.triggered!&amp;#x3D;&amp;#x3D;t.type?G.event.dispatch.apply(e,arguments):void 0}</code></pre>">
-        <span class="name">ajaxError</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="handleEvent" data-type="mousemove" data-tippy="" data-original-title="<strong>mousemove</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">mousemove</span>
+        <span class="allowed" style="background-color:#e6b800;">196</span>
+        <span class="execution_time">54 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="ajaxSend" data-tippy="" data-original-title="<strong>ajaxSend</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (t){return void 0!&amp;#x3D;&amp;#x3D;G&amp;amp;&amp;amp;G.event.triggered!&amp;#x3D;&amp;#x3D;t.type?G.event.dispatch.apply(e,arguments):void 0}</code></pre>">
-        <span class="name">ajaxSend</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="handleEvent" data-type="mouseout" data-tippy="" data-original-title="<strong>mouseout</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">mouseout</span>
+        <span class="allowed" style="background-color:#8D8E87;">40</span>
+        <span class="execution_time">25 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="ajaxSuccess" data-tippy="" data-original-title="<strong>ajaxSuccess</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (t){return void 0!&amp;#x3D;&amp;#x3D;G&amp;amp;&amp;amp;G.event.triggered!&amp;#x3D;&amp;#x3D;t.type?G.event.dispatch.apply(e,arguments):void 0}</code></pre>">
-        <span class="name">ajaxSuccess</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="handleEvent" data-type="mouseover" data-tippy="" data-original-title="<strong>mouseover</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">mouseover</span>
+        <span class="allowed" style="background-color:#e6b800;">138</span>
+        <span class="execution_time">90 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="autocheck:complete" data-tippy="" data-original-title="<strong>autocheck:complete</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">autocheck:complete</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="handleEvent" data-type="mousewheel" data-tippy="" data-original-title="<strong>mousewheel</strong> -> <strong>HTMLHtmlElement</strong>">
+        <span class="name">mousewheel</span>
+        <span class="allowed" style="background-color:#e6b800;">450</span>
+        <span class="execution_time">228 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="autocheck:send" data-tippy="" data-original-title="<strong>autocheck:send</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">autocheck:send</span>
+      <div class="calls " data-kind="handleEvent" data-type="progress" data-tippy="" data-original-title="<strong>progress</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">progress</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="autocheck:success" data-tippy="" data-original-title="<strong>autocheck:success</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">autocheck:success</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="handleEvent" data-type="scroll" data-tippy="" data-original-title="<strong>scroll</strong> -> <strong>Window</strong>">
+        <span class="name">scroll</span>
+        <span class="allowed" style="background-color:#e6b800;">211</span>
+        <span class="execution_time">226 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="autocomplete:autocompleted:changed" data-tippy="" data-original-title="<strong>autocomplete:autocompleted:changed</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">autocomplete:autocompleted:changed</span>
+      <div class="calls " data-kind="handleEvent" data-type="sourceopen" data-tippy="" data-original-title="<strong>sourceopen</strong> -> <strong>MediaSource</strong>">
+        <span class="name">sourceopen</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="autocomplete:result" data-tippy="" data-original-title="<strong>autocomplete:result</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">autocomplete:result</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="handleEvent" data-type="updateend" data-tippy="" data-original-title="<strong>updateend</strong> -> <strong>SourceBuffer</strong>">
+        <span class="name">updateend</span>
+        <span class="allowed" style="background-color:#8D8E87;">10</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="beforeunload" data-tippy="" data-original-title="<strong>beforeunload</strong> -> <strong>Window</strong><br><pre><code>function (e){setTimeout(function(){e.defaultPrevented||(m&amp;#x3D;!0,p&amp;amp;&amp;amp;clearTimeout(p),l.length&amp;gt;0&amp;amp;&amp;amp;u(l))})}</code></pre>">
-        <span class="name">beforeunload</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="handleEvent" data-type="visibilitychange" data-tippy="" data-original-title="<strong>visibilitychange</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">visibilitychange</span>
+        <span class="allowed" style="background-color:#8D8E87;">13</span>
+        <span class="execution_time">24 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="blur" data-tippy="" data-original-title="<strong>blur</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (n){setTimeout(function(){var r&amp;#x3D;n.target;r!&amp;#x3D;&amp;#x3D;document.activeElement&amp;amp;&amp;amp;((0,e.fire)(r,&amp;quot;focusout:delay&amp;quot;),t.delete(n.target))},200)}</code></pre>">
+
+    <h2>attached events (addEventListener):</h2>
+
+      <div class="calls " data-kind="addEventListener" data-type="blur" data-tippy="" data-original-title="<strong>blur</strong> -> <strong>HTMLInputElement</strong>">
         <span class="name">blur</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="allowed" style="background-color:#8D8E87;">27</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="bulk-actions:update" data-tippy="" data-original-title="<strong>bulk-actions:update</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">bulk-actions:update</span>
+      <div class="calls " data-kind="addEventListener" data-type="canplay" data-tippy="" data-original-title="<strong>canplay</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">canplay</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="change" data-tippy="" data-original-title="<strong>change</strong> -> <strong>HTMLHtmlElement</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre><pre><code>function () { [native code] }</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="change" data-tippy="" data-original-title="<strong>change</strong> -> <strong>HTMLTextAreaElement</strong>">
         <span class="name">change</span>
-        <span class="allowed" style="background-color:#8D8E87;">3</span>
+        <span class="allowed" style="background-color:#8D8E87;">4</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="click" data-tippy="" data-original-title="<strong>click</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre><pre><code>function t(){}</code></pre><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="click" data-tippy="" data-original-title="<strong>click</strong> -> <strong>HTMLDivElement</strong>">
         <span class="name">click</span>
-        <span class="allowed" style="background-color:#8D8E87;">4</span>
+        <span class="allowed" style="background-color:#e6b800;">252</span>
+        <span class="execution_time">6 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="close" data-tippy="" data-original-title="<strong>close</strong> -> <strong>WebSocket</strong><br><pre><code>function (t){m.dispatchEvent(t);var n&amp;#x3D;m[&amp;quot;on&amp;quot;+e];if(&amp;quot;function&amp;quot;&amp;#x3D;&amp;#x3D;typeof n)return n.apply(m,arguments)}</code></pre>">
-        <span class="name">close</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="addEventListener" data-type="contextmenu" data-tippy="" data-original-title="<strong>contextmenu</strong> -> <strong>HTMLDivElement</strong>">
+        <span class="name">contextmenu</span>
+        <span class="allowed" style="background-color:#8D8E87;">4</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="details:toggled" data-tippy="" data-original-title="<strong>details:toggled</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">details:toggled</span>
+      <div class="calls " data-kind="addEventListener" data-type="dblclick" data-tippy="" data-original-title="<strong>dblclick</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">dblclick</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="DOMContentLoaded" data-tippy="" data-original-title="<strong>DOMContentLoaded</strong> -> <strong>HTMLDocument</strong><br><pre><code>undefined</code></pre><pre><code>function (){e()}</code></pre><pre><code>function N(){H.removeEventListener(&amp;quot;DOMContentLoaded&amp;quot;,N),e.removeEventListener(&amp;quot;load&amp;quot;,N),G.ready()}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="DOMContentLoaded" data-tippy="" data-original-title="<strong>DOMContentLoaded</strong> -> <strong>HTMLDocument</strong>">
         <span class="name">DOMContentLoaded</span>
-        <span class="allowed" style="background-color:#8D8E87;">3</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="error" data-tippy="" data-original-title="<strong>error</strong> -> <strong>Window</strong><br><pre><code>function (t){m.dispatchEvent(t);var n&amp;#x3D;m[&amp;quot;on&amp;quot;+e];if(&amp;quot;function&amp;quot;&amp;#x3D;&amp;#x3D;typeof n)return n.apply(m,arguments)}</code></pre><pre><code>function a(e){l()&amp;amp;&amp;amp;u(function(e){var t&amp;#x3D;e.message,n&amp;#x3D;e.filename,r&amp;#x3D;e.lineno,o&amp;#x3D;e.colno;return c(e.error,{message:t,filename:n,lineno:r,colno:o})}(e))}</code></pre>">
-        <span class="name">error</span>
         <span class="allowed" style="background-color:#8D8E87;">2</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="facebox:afterClose" data-tippy="" data-original-title="<strong>facebox:afterClose</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (){(0,l.default)(&amp;quot;#facebox&amp;quot;).off(&amp;quot;keydown&amp;quot;,d.default),(0,l.default)(&amp;quot;#facebox :focus&amp;quot;).blur()}</code></pre>">
-        <span class="name">facebox:afterClose</span>
+      <div class="calls " data-kind="addEventListener" data-type="DOMMouseScroll" data-tippy="" data-original-title="<strong>DOMMouseScroll</strong> -> <strong>HTMLHtmlElement</strong>">
+        <span class="name">DOMMouseScroll</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="facebox:close" data-tippy="" data-original-title="<strong>facebox:close</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (){if(document.querySelector(&amp;quot;#facebox .js-disable-saml-confirmation&amp;quot;)){var e&amp;#x3D;document.querySelector(&amp;quot;.js-org-enable-saml&amp;quot;);e&amp;amp;&amp;amp;e instanceof HTMLInputElement&amp;amp;&amp;amp;(e.checked&amp;#x3D;!0,c(u()))}}</code></pre><pre><code>function (){var e&amp;#x3D;document.querySelector(&amp;quot;.js-add-members-container&amp;quot;);e&amp;amp;&amp;amp;(e.innerHTML&amp;#x3D;b)}</code></pre><pre><code>function u(){(0,l.default)(document).unbind(&amp;quot;keydown.facebox&amp;quot;),(0,l.default)(&amp;quot;.facebox&amp;quot;).hide(),(0,l.default)(&amp;quot;.facebox-content&amp;quot;).removeClass().addClass(&amp;quot;facebox-content&amp;quot;),(0,l.default)(&amp;quot;.facebox-loading&amp;quot;).remove(),c(document,&amp;quot;facebox:afterClose&amp;quot;),function(){if(!s()){var e&amp;#x3D;document.querySelector(&amp;quot;.facebox-overlay&amp;quot;);e&amp;amp;&amp;amp;e.remove()}}()}</code></pre>">
-        <span class="name">facebox:close</span>
-        <span class="allowed" style="background-color:#8D8E87;">4</span>
+      <div class="calls " data-kind="addEventListener" data-type="dragstart" data-tippy="" data-original-title="<strong>dragstart</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">dragstart</span>
+        <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="facebox:reveal" data-tippy="" data-original-title="<strong>facebox:reveal</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (){var e&amp;#x3D;document.querySelector(&amp;quot;.facebox&amp;quot;);requestIdleCallback(function(){return(0,a.scanForProblems)(e,o,u)})}</code></pre><pre><code>function (){var n&amp;#x3D;document.querySelector(&amp;quot;#facebox .js-new-label-name-input&amp;quot;);if(n){n&amp;#x3D;(0,D.default)(n,HTMLInputElement),function(){var e&amp;#x3D;(0,t.query)(document,&amp;quot;.js-issue-sidebar-form .js-label-filter-field&amp;quot;,HTMLInputElement);e.value&amp;#x3D;e.defaultValue}(),function(){var t&amp;#x3D;R();t&amp;amp;&amp;amp;(0,e.deactivate)(t)}();var r&amp;#x3D;(0,t.query)(document,&amp;quot;.js-issue-sidebar-form .js-new-label-name&amp;quot;).textContent;n.value&amp;#x3D;r,x(n);var </code></pre><pre><code>function (){var e&amp;#x3D;document.querySelector(&amp;quot;#facebox .js-pinned-repos-settings-fragment&amp;quot;);if(e){var t&amp;#x3D;e.getAttribute(&amp;quot;data-url&amp;quot;);(0,f.default)(t,&amp;quot;&amp;#x60;data-url&amp;#x60; must exist -- github&amp;#x2F;legacy&amp;#x2F;pages&amp;#x2F;users&amp;#x2F;pinned-repositories.js:149&amp;quot;),e.setAttribute(&amp;quot;src&amp;quot;,t)}}</code></pre>">
-        <span class="name">facebox:reveal</span>
-        <span class="allowed" style="background-color:#8D8E87;">6</span>
+      <div class="calls " data-kind="addEventListener" data-type="ended" data-tippy="" data-original-title="<strong>ended</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">ended</span>
+        <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="filterable:change" data-tippy="" data-original-title="<strong>filterable:change</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">filterable:change</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="addEventListener" data-type="error" data-tippy="" data-original-title="<strong>error</strong> -> <strong>HTMLDivElement</strong>">
+        <span class="name">error</span>
+        <span class="allowed" style="background-color:#8D8E87;">50</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="focus" data-tippy="" data-original-title="<strong>focus</strong> -> <strong>HTMLDocument</strong><br><pre><code>function a(e){var t&amp;#x3D;e.currentTarget;(0,f.default)(function(){(0,n.fire)(t,&amp;quot;filterable:change&amp;quot;)})}</code></pre><pre><code>function a(e){var t&amp;#x3D;e.currentTarget;(0,f.default)(function(){(0,n.fire)(t,&amp;quot;filterable:change&amp;quot;)})}</code></pre><pre><code>function (e){G.event.simulate(t,e.target,G.event.fix(e))}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="focus" data-tippy="" data-original-title="<strong>focus</strong> -> <strong>https:&amp;#x2F;&amp;#x2F;www.facebook.com&amp;#x2F;#</strong>">
         <span class="name">focus</span>
-        <span class="allowed" style="background-color:#8D8E87;">5</span>
+        <span class="allowed" style="background-color:#8D8E87;">30</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="focusin" data-tippy="" data-original-title="<strong>focusin</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre><pre><code>function e(){r&amp;#x3D;document.activeElement,document.body&amp;amp;&amp;amp;document.body.classList.toggle(&amp;quot;intent-mouse&amp;quot;,a)}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="focusin" data-tippy="" data-original-title="<strong>focusin</strong> -> <strong>HTMLDivElement</strong>">
         <span class="name">focusin</span>
-        <span class="allowed" style="background-color:#8D8E87;">2</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="focusin:delay" data-tippy="" data-original-title="<strong>focusin:delay</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">focusin:delay</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="allowed" style="background-color:#8D8E87;">5</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="focusout" data-tippy="" data-original-title="<strong>focusout</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="focusout" data-tippy="" data-original-title="<strong>focusout</strong> -> <strong>HTMLDivElement</strong>">
         <span class="name">focusout</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="gist:filedrop" data-tippy="" data-original-title="<strong>gist:filedrop</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (t){return void 0!&amp;#x3D;&amp;#x3D;G&amp;amp;&amp;amp;G.event.triggered!&amp;#x3D;&amp;#x3D;t.type?G.event.dispatch.apply(e,arguments):void 0}</code></pre>">
-        <span class="name">gist:filedrop</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="hashchange" data-tippy="" data-original-title="<strong>hashchange</strong> -> <strong>Window</strong><br><pre><code>function (e){var t&amp;#x3D;e.newURL||window.location.href,n&amp;#x3D;t.slice(t.indexOf(&amp;quot;#&amp;quot;)+1,t.length),r&amp;#x3D;document.getElementById(n);r&amp;amp;&amp;amp;(e.stopPropagation(),k(r))}</code></pre><pre><code>function r(){if(!document.querySelector(&amp;quot;:target&amp;quot;)){var t&amp;#x3D;(0,e.decodeFragmentValue)(location.hash),n&amp;#x3D;(0,e.findElementByFragmentName)(document,&amp;quot;user-content-&amp;quot;+t);n&amp;amp;&amp;amp;n.scrollIntoView()}}</code></pre><pre><code>function (e){var t&amp;#x3D;window.location.href;try{o(i,e.oldURL||s,t)}finally{s&amp;#x3D;t}}</code></pre>">
-        <span class="name">hashchange</span>
         <span class="allowed" style="background-color:#8D8E87;">4</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="inlinecomment:collapse" data-tippy="" data-original-title="<strong>inlinecomment:collapse</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (){c()}</code></pre>">
-        <span class="name">inlinecomment:collapse</span>
+      <div class="calls " data-kind="addEventListener" data-type="fullscreenchange" data-tippy="" data-original-title="<strong>fullscreenchange</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">fullscreenchange</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="input" data-tippy="" data-original-title="<strong>input</strong> -> <strong>HTMLInputElement</strong><br><pre><code>function i(e){var t&amp;#x3D;s.get(e.currentTarget);(0,a.default)(t,&amp;quot;github&amp;#x2F;throttled-input.js:55&amp;quot;),(0,a.default)(e.currentTarget instanceof HTMLInputElement||e.currentTarget instanceof HTMLTextAreaElement,&amp;quot;github&amp;#x2F;throttled-input.js:56&amp;quot;),t.inputed&amp;#x3D;!0,t.keypressed||n(e.currentTarget)}</code></pre><pre><code>function i(e){var t&amp;#x3D;s.get(e.currentTarget);(0,a.default)(t,&amp;quot;github&amp;#x2F;throttled-input.js:55&amp;quot;),(0,a.default)(e.currentTarget instanceof HTMLInputElement||e.currentTarget instanceof HTMLTextAreaElement,&amp;quot;github&amp;#x2F;throttled-input.js:56&amp;quot;),t.inputed&amp;#x3D;!0,t.keypressed||n(e.currentTarget)}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="input" data-tippy="" data-original-title="<strong>input</strong> -> <strong>HTMLInputElement</strong>">
         <span class="name">input</span>
-        <span class="allowed" style="background-color:#8D8E87;">2</span>
+        <span class="allowed" style="background-color:#8D8E87;">3</span>
+        <span class="execution_time">0 ms</span>
+        <span class="blocked" style="background-color:#8D8E87;">0</span>
+      </div>
+      <div class="calls " data-kind="addEventListener" data-type="invalid" data-tippy="" data-original-title="<strong>invalid</strong> -> <strong>HTMLInputElement</strong>">
+        <span class="name">invalid</span>
+        <span class="allowed" style="background-color:#8D8E87;">5</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="keydown" data-tippy="" data-original-title="<strong>keydown</strong> -> <strong>HTMLDocument</strong><br><pre><code>function r(e){var t&amp;#x3D;s.get(e.currentTarget);(0,a.default)(t,&amp;quot;github&amp;#x2F;throttled-input.js:36&amp;quot;),t.keypressed&amp;#x3D;!0,null!&amp;#x3D;t.timer&amp;amp;&amp;amp;clearTimeout(t.timer)}</code></pre><pre><code>function r(e){var t&amp;#x3D;s.get(e.currentTarget);(0,a.default)(t,&amp;quot;github&amp;#x2F;throttled-input.js:36&amp;quot;),t.keypressed&amp;#x3D;!0,null!&amp;#x3D;t.timer&amp;amp;&amp;amp;clearTimeout(t.timer)}</code></pre><pre><code>function (e){&amp;quot;Escape&amp;quot;&amp;#x3D;&amp;#x3D;&amp;#x3D;e.key&amp;amp;&amp;amp;t&amp;amp;&amp;amp;(t.open&amp;#x3D;!1)}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="keydown" data-tippy="" data-original-title="<strong>keydown</strong> -> <strong>HTMLDivElement</strong>">
         <span class="name">keydown</span>
-        <span class="allowed" style="background-color:#8D8E87;">6</span>
+        <span class="allowed" style="background-color:#8D8E87;">34</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="keypress" data-tippy="" data-original-title="<strong>keypress</strong> -> <strong>HTMLBodyElement</strong><br><pre><code>function (e){if(e.target instanceof HTMLElement){var t&amp;#x3D;e.target&amp;#x3D;&amp;#x3D;&amp;#x3D;document.body,r&amp;#x3D;e.target.classList.contains(&amp;quot;facebox-header&amp;quot;);(t||r)&amp;amp;&amp;amp;&amp;quot;?&amp;quot;&amp;#x3D;&amp;#x3D;&amp;#x3D;e.key&amp;amp;&amp;amp;(Array.from(document.querySelectorAll(&amp;quot;.facebox&amp;quot;)).some(u.default)?(0,n.close)():i(),e.preventDefault())}}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="keypress" data-tippy="" data-original-title="<strong>keypress</strong> -> <strong>Window</strong>">
         <span class="name">keypress</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="allowed" style="background-color:#8D8E87;">3</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="keyup" data-tippy="" data-original-title="<strong>keyup</strong> -> <strong>HTMLInputElement</strong><br><pre><code>function o(e){var t&amp;#x3D;s.get(e.currentTarget);(0,a.default)(t,&amp;quot;github&amp;#x2F;throttled-input.js:45&amp;quot;),(0,a.default)(e.currentTarget instanceof HTMLInputElement||e.currentTarget instanceof HTMLTextAreaElement,&amp;quot;github&amp;#x2F;throttled-input.js:46&amp;quot;),t.keypressed&amp;#x3D;!1,t.inputed&amp;amp;&amp;amp;n(e.currentTarget)}</code></pre><pre><code>function o(e){var t&amp;#x3D;s.get(e.currentTarget);(0,a.default)(t,&amp;quot;github&amp;#x2F;throttled-input.js:45&amp;quot;),(0,a.default)(e.currentTarget instanceof HTMLInputElement||e.currentTarget instanceof HTMLTextAreaElement,&amp;quot;github&amp;#x2F;throttled-input.js:46&amp;quot;),t.keypressed&amp;#x3D;!1,t.inputed&amp;amp;&amp;amp;n(e.currentTarget)}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="keyup" data-tippy="" data-original-title="<strong>keyup</strong> -> <strong>HTMLDivElement</strong>">
         <span class="name">keyup</span>
-        <span class="allowed" style="background-color:#8D8E87;">2</span>
+        <span class="allowed" style="background-color:#8D8E87;">10</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="load" data-tippy="" data-original-title="<strong>load</strong> -> <strong>Window</strong><br><pre><code>function () { [native code] }</code></pre><pre><code>function N(){H.removeEventListener(&amp;quot;DOMContentLoaded&amp;quot;,N),e.removeEventListener(&amp;quot;load&amp;quot;,N),G.ready()}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="load" data-tippy="" data-original-title="<strong>load</strong> -> <strong>HTMLImageElement</strong>">
         <span class="name">load</span>
-        <span class="allowed" style="background-color:#8D8E87;">2</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="loadend" data-tippy="" data-original-title="<strong>loadend</strong> -> <strong>XMLHttpRequest</strong><br><pre><code>function (){o({requestID:r,statusCode:u.status})}</code></pre>">
-        <span class="name">loadend</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="menu:activate" data-tippy="" data-original-title="<strong>menu:activate</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">menu:activate</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="allowed" style="background-color:#8D8E87;">30</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="menu:activated" data-tippy="" data-original-title="<strong>menu:activated</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">menu:activated</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="addEventListener" data-type="loadedmetadata" data-tippy="" data-original-title="<strong>loadedmetadata</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">loadedmetadata</span>
+        <span class="allowed" style="background-color:#8D8E87;">2</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="menu:deactivate" data-tippy="" data-original-title="<strong>menu:deactivate</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">menu:deactivate</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="addEventListener" data-type="loadend" data-tippy="" data-original-title="<strong>loadend</strong> -> <strong>XMLHttpRequest</strong>">
+        <span class="name">loadend</span>
+        <span class="allowed" style="background-color:#8D8E87;">41</span>
+        <span class="execution_time">1 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="message" data-tippy="" data-original-title="<strong>message</strong> -> <strong>Window</strong><br><pre><code>function (t){m.dispatchEvent(t);var n&amp;#x3D;m[&amp;quot;on&amp;quot;+e];if(&amp;quot;function&amp;quot;&amp;#x3D;&amp;#x3D;typeof n)return n.apply(m,arguments)}</code></pre><pre><code>function (t){return void 0!&amp;#x3D;&amp;#x3D;G&amp;amp;&amp;amp;G.event.triggered!&amp;#x3D;&amp;#x3D;t.type?G.event.dispatch.apply(e,arguments):void 0}</code></pre><pre><code>function (n){n.source&amp;#x3D;&amp;#x3D;&amp;#x3D;e&amp;amp;&amp;amp;&amp;quot;string&amp;quot;&amp;#x3D;&amp;#x3D;typeof n.data&amp;amp;&amp;amp;0&amp;#x3D;&amp;#x3D;&amp;#x3D;n.data.indexOf(t)&amp;amp;&amp;amp;o(+n.data.slice(t.length))}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="message" data-tippy="" data-original-title="<strong>message</strong> -> <strong>Window</strong>">
         <span class="name">message</span>
-        <span class="allowed" style="background-color:#8D8E87;">3</span>
+        <span class="allowed" style="background-color:#8D8E87;">5</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="mousedown" data-tippy="" data-original-title="<strong>mousedown</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre><pre><code>function (){a&amp;#x3D;!0,r&amp;#x3D;&amp;#x3D;&amp;#x3D;document.activeElement&amp;amp;&amp;amp;e()}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="mousedown" data-tippy="" data-original-title="<strong>mousedown</strong> -> <strong>HTMLDivElement</strong>">
         <span class="name">mousedown</span>
-        <span class="allowed" style="background-color:#8D8E87;">2</span>
+        <span class="allowed" style="background-color:#8D8E87;">34</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="mousemove" data-tippy="" data-original-title="<strong>mousemove</strong> -> <strong>HTMLDivElement</strong><br><pre><code>function u(e){M.x&amp;#x3D;&amp;#x3D;&amp;#x3D;e.clientX&amp;amp;&amp;amp;M.y&amp;#x3D;&amp;#x3D;&amp;#x3D;e.clientY||(A&amp;#x3D;!1),M&amp;#x3D;{x:e.clientX,y:e.clientY}}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="mousemove" data-tippy="" data-original-title="<strong>mousemove</strong> -> <strong>https:&amp;#x2F;&amp;#x2F;www.facebook.com&amp;#x2F;AndersonMendesBrendaCarvalho&amp;#x2F;?ref&amp;#x3D;nf&amp;amp;hc_ref&amp;#x3D;ARSWN-spdKq1ElKt1vrY-lHzWvkVY21DkDKpau3mCGpfgYFLgpzxtZTb7y6M8zb_V_c</strong>">
         <span class="name">mousemove</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="allowed" style="background-color:#8D8E87;">8</span>
+        <span class="execution_time">0 ms</span>
+        <span class="blocked" style="background-color:#8D8E87;">0</span>
+      </div>
+      <div class="calls " data-kind="addEventListener" data-type="mouseout" data-tippy="" data-original-title="<strong>mouseout</strong> -> <strong>https:&amp;#x2F;&amp;#x2F;www.facebook.com&amp;#x2F;AndersonMendesBrendaCarvalho&amp;#x2F;?ref&amp;#x3D;nf&amp;amp;hc_ref&amp;#x3D;ARSWN-spdKq1ElKt1vrY-lHzWvkVY21DkDKpau3mCGpfgYFLgpzxtZTb7y6M8zb_V_c</strong>">
+        <span class="name">mouseout</span>
+        <span class="allowed" style="background-color:#8D8E87;">23</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="mouseover" data-tippy="" data-original-title="<strong>mouseover</strong> -> <strong>HTMLDivElement</strong><br><pre><code>function c(e){if(!A){var t&amp;#x3D;e.currentTarget;if(t.closest(&amp;quot;.js-active-navigation-container&amp;quot;)){var n&amp;#x3D;e.target.closest(&amp;quot;.js-navigation-item&amp;quot;);n&amp;amp;&amp;amp;b(n,t)}}}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="mouseover" data-tippy="" data-original-title="<strong>mouseover</strong> -> <strong>HTMLDivElement</strong>">
         <span class="name">mouseover</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="allowed" style="background-color:#8D8E87;">53</span>
+        <span class="execution_time">1 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="navigation:focus" data-tippy="" data-original-title="<strong>navigation:focus</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">navigation:focus</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="addEventListener" data-type="mouseup" data-tippy="" data-original-title="<strong>mouseup</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">mouseup</span>
+        <span class="allowed" style="background-color:#8D8E87;">26</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="navigation:keydown" data-tippy="" data-original-title="<strong>navigation:keydown</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">navigation:keydown</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="addEventListener" data-type="mousewheel" data-tippy="" data-original-title="<strong>mousewheel</strong> -> <strong>HTMLDivElement</strong>">
+        <span class="name">mousewheel</span>
+        <span class="allowed" style="background-color:#8D8E87;">6</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="navigation:keyopen" data-tippy="" data-original-title="<strong>navigation:keyopen</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">navigation:keyopen</span>
+      <div class="calls " data-kind="addEventListener" data-type="mozfullscreenchange" data-tippy="" data-original-title="<strong>mozfullscreenchange</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">mozfullscreenchange</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="navigation:open" data-tippy="" data-original-title="<strong>navigation:open</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">navigation:open</span>
+      <div class="calls " data-kind="addEventListener" data-type="MSFullscreenChange" data-tippy="" data-original-title="<strong>MSFullscreenChange</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">MSFullscreenChange</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="offline" data-tippy="" data-original-title="<strong>offline</strong> -> <strong>Window</strong><br><pre><code>function (){p&amp;#x3D;!0,f.close(1e3)}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="offline" data-tippy="" data-original-title="<strong>offline</strong> -> <strong>Window</strong>">
         <span class="name">offline</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="online" data-tippy="" data-original-title="<strong>online</strong> -> <strong>Window</strong><br><pre><code>function (e){p&amp;amp;&amp;amp;(s(),u(e))}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="online" data-tippy="" data-original-title="<strong>online</strong> -> <strong>Window</strong>">
         <span class="name">online</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="open" data-tippy="" data-original-title="<strong>open</strong> -> <strong>WebSocket</strong><br><pre><code>function (t){m.dispatchEvent(t);var n&amp;#x3D;m[&amp;quot;on&amp;quot;+e];if(&amp;quot;function&amp;quot;&amp;#x3D;&amp;#x3D;typeof n)return n.apply(m,arguments)}</code></pre>">
-        <span class="name">open</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="page:loaded" data-tippy="" data-original-title="<strong>page:loaded</strong> -> <strong>HTMLFormElement</strong><br><pre><code>function (){m(n)}</code></pre><pre><code>function (){m(n)}</code></pre>">
-        <span class="name">page:loaded</span>
-        <span class="allowed" style="background-color:#8D8E87;">2</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="pagehide" data-tippy="" data-original-title="<strong>pagehide</strong> -> <strong>Window</strong><br><pre><code>function (){o(a())}</code></pre><pre><code>function (){v&amp;#x3D;!0}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="pagehide" data-tippy="" data-original-title="<strong>pagehide</strong> -> <strong>Window</strong>">
         <span class="name">pagehide</span>
         <span class="allowed" style="background-color:#8D8E87;">2</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="pageshow" data-tippy="" data-original-title="<strong>pageshow</strong> -> <strong>Window</strong><br><pre><code>function (){s(a())}</code></pre><pre><code>function (){v&amp;#x3D;!1}</code></pre>">
-        <span class="name">pageshow</span>
-        <span class="allowed" style="background-color:#8D8E87;">2</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="pjax:beforeReplace" data-tippy="" data-original-title="<strong>pjax:beforeReplace</strong> -> <strong>Window</strong><br><pre><code>function (e){(0,o.default)(e instanceof CustomEvent,&amp;quot;github&amp;#x2F;legacy&amp;#x2F;behaviors&amp;#x2F;pjax&amp;#x2F;head.js:19&amp;quot;);var t&amp;#x3D;void 0,n&amp;#x3D;void 0,r&amp;#x3D;void 0,i&amp;#x3D;e.detail.contents;for(t&amp;#x3D;n&amp;#x3D;0,r&amp;#x3D;i.length;n&amp;lt;r;t&amp;#x3D;++n){var u&amp;#x3D;i[t];u&amp;amp;&amp;amp;(&amp;quot;pjax-head&amp;quot;&amp;#x3D;&amp;#x3D;&amp;#x3D;u.id?(s[document.location.pathname]&amp;#x3D;(0,a.default)(u).children(),i[t]&amp;#x3D;null):&amp;quot;js-flash-container&amp;quot;&amp;#x3D;&amp;#x3D;&amp;#x3D;u.id&amp;amp;&amp;amp;((0,a.default)(&amp;quot;#js-flash-container&amp;quot;).replaceWith(u),i[t]&amp;#x3D;null))}}</code></pre><pre><code>function (e){var t&amp;#x3D;e.detail.previousState,n&amp;#x3D;t?t.url:null;if(n)o(a(new URL(n)));else{var r&amp;#x3D;new Error(&amp;quot;pjax:beforeReplace event.detail.previousState.url is undefined&amp;quot;);setTimeout(function(){throw r})}}</code></pre>">
-        <span class="name">pjax:beforeReplace</span>
-        <span class="allowed" style="background-color:#8D8E87;">2</span>
+      <div class="calls " data-kind="addEventListener" data-type="paste" data-tippy="" data-original-title="<strong>paste</strong> -> <strong>HTMLHtmlElement</strong>">
+        <span class="name">paste</span>
+        <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="pjax:click" data-tippy="" data-original-title="<strong>pjax:click</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre><pre><code>function (e){if(window.onbeforeunload)return e.preventDefault()}</code></pre>">
-        <span class="name">pjax:click</span>
-        <span class="allowed" style="background-color:#8D8E87;">2</span>
+      <div class="calls " data-kind="addEventListener" data-type="pause" data-tippy="" data-original-title="<strong>pause</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">pause</span>
+        <span class="allowed" style="background-color:#8D8E87;">4</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="pjax:complete" data-tippy="" data-original-title="<strong>pjax:complete</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (){setTimeout(function(){(0,e.updateGlobalFields)(),(0,e.trackPageviews)()},20)}</code></pre><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre><pre><code>function (){window._octo.push([&amp;quot;recordPageView&amp;quot;])}</code></pre>">
-        <span class="name">pjax:complete</span>
+      <div class="calls " data-kind="addEventListener" data-type="play" data-tippy="" data-original-title="<strong>play</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">play</span>
         <span class="allowed" style="background-color:#8D8E87;">3</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="pjax:end" data-tippy="" data-original-title="<strong>pjax:end</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (e){requestIdleCallback(function(){return(0,a.scanForProblems)(e.target,o,u)})}</code></pre><pre><code>function r(){(0,a.default)(function(){if(window.performance.getEntriesByName(u).length){window.performance.mark(l),window.performance.measure(i,u,l);var e&amp;#x3D;window.performance.getEntriesByName(i).pop(),t&amp;#x3D;e?e.duration:null;t&amp;amp;&amp;amp;(s&amp;amp;&amp;amp;(0,o.default)({requestUrl:s,pjaxDuration:Math.round(t)}),window.performance.clearMarks(u),window.performance.clearMarks(l),window.performance.clearMeasures(i))}})}</code></pre><pre><code>function (){var t&amp;#x3D;!0,n&amp;#x3D;!1,r&amp;#x3D;void 0;try{for(var a,o&amp;#x3D;document.querySelectorAll(&amp;quot;.js-pull-refresh-on-pjax&amp;quot;)[Symbol.iterator]();!(t&amp;#x3D;(a&amp;#x3D;o.next()).done);t&amp;#x3D;!0){var s&amp;#x3D;a.value;(0,e.fire)(s,&amp;quot;socket:message&amp;quot;,{})}}catch(e){n&amp;#x3D;!0,r&amp;#x3D;e}finally{try{!t&amp;amp;&amp;amp;o.return&amp;amp;&amp;amp;o.return()}finally{if(n)throw r}}}</code></pre>">
-        <span class="name">pjax:end</span>
-        <span class="allowed" style="background-color:#8D8E87;">9</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="pjax:send" data-tippy="" data-original-title="<strong>pjax:send</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">pjax:send</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="pjax:start" data-tippy="" data-original-title="<strong>pjax:start</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (e){e instanceof CustomEvent&amp;amp;&amp;amp;e.detail&amp;amp;&amp;amp;e.detail.url&amp;amp;&amp;amp;(window.performance.mark(u),s&amp;#x3D;e.detail.url)}</code></pre><pre><code>function (){e(0),n.classList.add(&amp;quot;is-loading&amp;quot;),o&amp;#x3D;setTimeout(t,0)}</code></pre><pre><code>function (){u&amp;#x3D;window.location.href}</code></pre>">
-        <span class="name">pjax:start</span>
+      <div class="calls " data-kind="addEventListener" data-type="playing" data-tippy="" data-original-title="<strong>playing</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">playing</span>
         <span class="allowed" style="background-color:#8D8E87;">3</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="pjax:success" data-tippy="" data-original-title="<strong>pjax:success</strong> -> <strong>HTMLDocument</strong><br><pre><code>function r(){if(!document.querySelector(&amp;quot;:target&amp;quot;)){var t&amp;#x3D;(0,e.decodeFragmentValue)(location.hash),n&amp;#x3D;(0,e.findElementByFragmentName)(document,&amp;quot;user-content-&amp;quot;+t);n&amp;amp;&amp;amp;n.scrollIntoView()}}</code></pre>">
-        <span class="name">pjax:success</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="pjax:timeout" data-tippy="" data-original-title="<strong>pjax:timeout</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (e){e.preventDefault()}</code></pre>">
-        <span class="name">pjax:timeout</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="popstate" data-tippy="" data-original-title="<strong>popstate</strong> -> <strong>Window</strong><br><pre><code>function (t){return void 0!&amp;#x3D;&amp;#x3D;G&amp;amp;&amp;amp;G.event.triggered!&amp;#x3D;&amp;#x3D;t.type?G.event.dispatch.apply(e,arguments):void 0}</code></pre><pre><code>function (){s&amp;#x3D;window.location.href}</code></pre><pre><code>function (e){if(e.state&amp;amp;&amp;amp;e.state._id){e.state._id&amp;lt;t()._id?s--:s++,r(e.state)}}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="popstate" data-tippy="" data-original-title="<strong>popstate</strong> -> <strong>Window</strong>">
         <span class="name">popstate</span>
-        <span class="allowed" style="background-color:#8D8E87;">3</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="preview:render" data-tippy="" data-original-title="<strong>preview:render</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">preview:render</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="quote:selection" data-tippy="" data-original-title="<strong>quote:selection</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">quote:selection</span>
+      <div class="calls " data-kind="addEventListener" data-type="progress" data-tippy="" data-original-title="<strong>progress</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">progress</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="release:saved" data-tippy="" data-original-title="<strong>release:saved</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">release:saved</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="reset" data-tippy="" data-original-title="<strong>reset</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (e){if(e.target instanceof HTMLFormElement){var t&amp;#x3D;e.target;setTimeout(function(){return a(t)})}}</code></pre><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">reset</span>
-        <span class="allowed" style="background-color:#8D8E87;">2</span>
+      <div class="calls " data-kind="addEventListener" data-type="resize" data-tippy="" data-original-title="<strong>resize</strong> -> <strong>HTMLDivElement</strong>">
+        <span class="name">resize</span>
+        <span class="allowed" style="background-color:#8D8E87;">3</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="scroll" data-tippy="" data-original-title="<strong>scroll</strong> -> <strong>Window</strong><br><pre><code>function (e){s&amp;#x3D;(0,t.normalizedTimestamp)(e.timeStamp)}</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="scroll" data-tippy="" data-original-title="<strong>scroll</strong> -> <strong>HTMLDivElement</strong>">
         <span class="name">scroll</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="search" data-tippy="" data-original-title="<strong>search</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">search</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="selectmenu:change" data-tippy="" data-original-title="<strong>selectmenu:change</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">selectmenu:change</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="selectmenu:data" data-tippy="" data-original-title="<strong>selectmenu:data</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (e){var t&amp;#x3D;e.target.querySelector(&amp;#39;[data-filterable-type&amp;#x3D;&amp;quot;substring-memory&amp;quot;]&amp;#39;);if(t){(0,s.storeData)(t,e.detail.data);var r&amp;#x3D;e.target.querySelector(&amp;quot;.js-filterable-field&amp;quot;);r&amp;amp;&amp;amp;r&amp;#x3D;&amp;#x3D;&amp;#x3D;document.activeElement&amp;amp;&amp;amp;(0,n.fire)(r,&amp;quot;filterable:change&amp;quot;)}}</code></pre>">
-        <span class="name">selectmenu:data</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="selectmenu:load" data-tippy="" data-original-title="<strong>selectmenu:load</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">selectmenu:load</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="allowed" style="background-color:#8D8E87;">4</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="selectmenu:select" data-tippy="" data-original-title="<strong>selectmenu:select</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">selectmenu:select</span>
+      <div class="calls " data-kind="addEventListener" data-type="seeked" data-tippy="" data-original-title="<strong>seeked</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">seeked</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="selectmenu:selected" data-tippy="" data-original-title="<strong>selectmenu:selected</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">selectmenu:selected</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="addEventListener" data-type="seeking" data-tippy="" data-original-title="<strong>seeking</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">seeking</span>
+        <span class="allowed" style="background-color:#8D8E87;">3</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="selectmenu:tabchange" data-tippy="" data-original-title="<strong>selectmenu:tabchange</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">selectmenu:tabchange</span>
+      <div class="calls " data-kind="addEventListener" data-type="selectionchange" data-tippy="" data-original-title="<strong>selectionchange</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">selectionchange</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="session:resume" data-tippy="" data-original-title="<strong>session:resume</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (t){(0,m.default)(t instanceof CustomEvent,&amp;quot;github&amp;#x2F;legacy&amp;#x2F;pages&amp;#x2F;diffs&amp;#x2F;line-comments.js:171&amp;quot;),function(t){var n&amp;#x3D;t.match(&amp;#x2F;^new_inline_comment_(?:discussion|diff)_(?:[\w-]+)_(\d+)_(\d+)$&amp;#x2F;)||[],r&amp;#x3D;v(n,2),a&amp;#x3D;r[0],o&amp;#x3D;r[1];if(a){var s&amp;#x3D;document.querySelector(&amp;quot;.js-inline-comment-form input[name&amp;#x3D;&amp;#39;in_reply_to&amp;#39;][value&amp;#x3D;&amp;#39;&amp;quot;+o+&amp;quot;&amp;#39;]&amp;quot;);if(s){var i&amp;#x3D;s.closest(&amp;quot;.js-line-comments&amp;quot;);i&amp;amp;&amp;amp;(0,e.focusForm)(i)}}}(t.detai</code></pre><pre><code>function (e){(0,u.default)(e instanceof CustomEvent,&amp;quot;github&amp;#x2F;legacy&amp;#x2F;pages&amp;#x2F;pull_requests&amp;#x2F;merge.js:45&amp;quot;);var t&amp;#x3D;document.getElementById(e.detail.targetId);if(t){(0,i.default)(t).closest(&amp;quot;.js-merge-pull-request&amp;quot;).closest(&amp;quot;.js-details-container&amp;quot;).addClass(&amp;quot;open&amp;quot;)}}</code></pre>">
-        <span class="name">session:resume</span>
-        <span class="allowed" style="background-color:#8D8E87;">2</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="socket:message" data-tippy="" data-original-title="<strong>socket:message</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">socket:message</span>
+      <div class="calls " data-kind="addEventListener" data-type="sourceopen" data-tippy="" data-original-title="<strong>sourceopen</strong> -> <strong>MediaSource</strong>">
+        <span class="name">sourceopen</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="storage" data-tippy="" data-original-title="<strong>storage</strong> -> <strong>Window</strong><br><pre><code>function (n){if(n.storageArea&amp;#x3D;&amp;#x3D;&amp;#x3D;localStorage&amp;amp;&amp;amp;&amp;quot;logged-in&amp;quot;&amp;#x3D;&amp;#x3D;&amp;#x3D;n.key&amp;amp;&amp;amp;n.newValue!&amp;#x3D;&amp;#x3D;a){a&amp;#x3D;n.newValue;var r&amp;#x3D;(0,t.query)(document,&amp;quot;.js-stale-session-flash&amp;quot;);r.classList.toggle(&amp;quot;is-signed-in&amp;quot;,&amp;quot;true&amp;quot;&amp;#x3D;&amp;#x3D;&amp;#x3D;a),r.classList.toggle(&amp;quot;is-signed-out&amp;quot;,&amp;quot;false&amp;quot;&amp;#x3D;&amp;#x3D;&amp;#x3D;a),r.classList.remove(&amp;quot;d-none&amp;quot;),window.addEventListener(&amp;quot;popstate&amp;quot;,function(e){null!&amp;#x3D;e.state.container&amp;amp;&amp;amp;location.reload()}),(0,e.on)(&amp;quot;submit&amp;quot;,&amp;quot;form&amp;quot;,function(e</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="storage" data-tippy="" data-original-title="<strong>storage</strong> -> <strong>Window</strong>">
         <span class="name">storage</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="submit" data-tippy="" data-original-title="<strong>submit</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (t){return void 0!&amp;#x3D;&amp;#x3D;G&amp;amp;&amp;amp;G.event.triggered!&amp;#x3D;&amp;#x3D;t.type?G.event.dispatch.apply(e,arguments):void 0}</code></pre><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="submit" data-tippy="" data-original-title="<strong>submit</strong> -> <strong>HTMLDivElement</strong>">
         <span class="name">submit</span>
-        <span class="allowed" style="background-color:#8D8E87;">5</span>
+        <span class="allowed" style="background-color:#8D8E87;">22</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="tags:changed" data-tippy="" data-original-title="<strong>tags:changed</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">tags:changed</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="addEventListener" data-type="success" data-tippy="" data-original-title="<strong>success</strong> -> <strong>HTMLDivElement</strong>">
+        <span class="name">success</span>
+        <span class="allowed" style="background-color:#8D8E87;">19</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="test" data-tippy="" data-original-title="<strong>test</strong> -> <strong>Window</strong><br><pre><code>function r(){}</code></pre><pre><code>null</code></pre>">
+      <div class="calls " data-kind="addEventListener" data-type="test" data-tippy="" data-original-title="<strong>test</strong> -> <strong>Window</strong>">
         <span class="name">test</span>
-        <span class="allowed" style="background-color:#8D8E87;">2</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="toggle" data-tippy="" data-original-title="<strong>toggle</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">toggle</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="touchmove" data-tippy="" data-original-title="<strong>touchmove</strong> -> <strong>HTMLDocument</strong><br><pre><code>function (t){e.active&amp;amp;&amp;amp;t.preventDefault()}</code></pre>">
-        <span class="name">touchmove</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="unhandledrejection" data-tippy="" data-original-title="<strong>unhandledrejection</strong> -> <strong>Window</strong><br><pre><code>function (e){l()&amp;amp;&amp;amp;e.promise&amp;amp;&amp;amp;e.promise.catch(s)}</code></pre>">
-        <span class="name">unhandledrejection</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="upload:complete" data-tippy="" data-original-title="<strong>upload:complete</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">upload:complete</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="upload:drop:links" data-tippy="" data-original-title="<strong>upload:drop:links</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">upload:drop:links</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
-        <span class="blocked" style="background-color:#8D8E87;">0</span>
-      </div>
-      <div class="calls " data-kind="addEventListener" data-type="upload:drop:setup" data-tippy="" data-original-title="<strong>upload:drop:setup</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">upload:drop:setup</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="upload:drop:table" data-tippy="" data-original-title="<strong>upload:drop:table</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">upload:drop:table</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="addEventListener" data-type="timeupdate" data-tippy="" data-original-title="<strong>timeupdate</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">timeupdate</span>
+        <span class="allowed" style="background-color:#8D8E87;">2</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="upload:drop:text" data-tippy="" data-original-title="<strong>upload:drop:text</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">upload:drop:text</span>
+      <div class="calls " data-kind="addEventListener" data-type="touchstart" data-tippy="" data-original-title="<strong>touchstart</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">touchstart</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="upload:error" data-tippy="" data-original-title="<strong>upload:error</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">upload:error</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="addEventListener" data-type="updateend" data-tippy="" data-original-title="<strong>updateend</strong> -> <strong>SourceBuffer</strong>">
+        <span class="name">updateend</span>
+        <span class="allowed" style="background-color:#8D8E87;">2</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="upload:invalid" data-tippy="" data-original-title="<strong>upload:invalid</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">upload:invalid</span>
+      <div class="calls " data-kind="addEventListener" data-type="visibilitychange" data-tippy="" data-original-title="<strong>visibilitychange</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">visibilitychange</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="upload:progress" data-tippy="" data-original-title="<strong>upload:progress</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">upload:progress</span>
+      <div class="calls " data-kind="addEventListener" data-type="volumechange" data-tippy="" data-original-title="<strong>volumechange</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">volumechange</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="upload:setup" data-tippy="" data-original-title="<strong>upload:setup</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">upload:setup</span>
-        <span class="allowed" style="background-color:#8D8E87;">1</span>
+      <div class="calls " data-kind="addEventListener" data-type="waiting" data-tippy="" data-original-title="<strong>waiting</strong> -> <strong>HTMLVideoElement</strong>">
+        <span class="name">waiting</span>
+        <span class="allowed" style="background-color:#8D8E87;">2</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
-      <div class="calls " data-kind="addEventListener" data-type="upload:start" data-tippy="" data-original-title="<strong>upload:start</strong> -> <strong>HTMLDocument</strong><br><pre><code>function s(e){var t&amp;#x3D;function(e,t,n){var r&amp;#x3D;[],o&amp;#x3D;t;do{if(1!&amp;#x3D;&amp;#x3D;o.nodeType)break;var i&amp;#x3D;e.matches(o);if(i.length){var a&amp;#x3D;{node:o,observers:i};n?r.unshift(a):r.push(a)}}while(o&amp;#x3D;o.parentElement);return r}((1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase?c:u)[e.type],e.target,1&amp;#x3D;&amp;#x3D;&amp;#x3D;e.eventPhase);if(t.length){n(e,&amp;quot;stopPropagation&amp;quot;,r),n(e,&amp;quot;stopImmediatePropagation&amp;quot;,o),a(e,i);for(var s&amp;#x3D;0,h&amp;#x3D;t.length;s&amp;lt;h&amp;amp;&amp;amp;!l.get(e);s++){var p&amp;#x3D;t[s];d.set(e,p.nod</code></pre>">
-        <span class="name">upload:start</span>
+      <div class="calls " data-kind="addEventListener" data-type="webkitfullscreenchange" data-tippy="" data-original-title="<strong>webkitfullscreenchange</strong> -> <strong>HTMLDocument</strong>">
+        <span class="name">webkitfullscreenchange</span>
         <span class="allowed" style="background-color:#8D8E87;">1</span>
+        <span class="execution_time">0 ms</span>
         <span class="blocked" style="background-color:#8D8E87;">0</span>
       </div>
   </div>
diff --git a/html/popup/templates/counters.html b/html/popup/templates/counters.html
index 9d1b46a..36941a7 100644
--- a/html/popup/templates/counters.html
+++ b/html/popup/templates/counters.html
@@ -11,6 +11,7 @@ <h2>{{web_apis_title}}:</h2>
       <div class="calls {{#disabled_class}}WebAPIs,{{name}}{{/disabled_class}}" title="{{title_for_tooltip}}" data-kind="WebAPIs" data-type="{{name}}">
         <span class="name">{{name}}</span>
         <span class="allowed" style="background-color:{{allowed_color}};">{{allowed}}</span>
+        <span class="execution_time">{{execution_time}}</span>
         <span class="blocked" style="background-color:{{blocked_color}};">{{blocked}}</span>
       </div>
     {{/web_apis_calls}}
@@ -26,6 +27,7 @@ <h2>{{handle_event_title}}:</h2>
       <div class="calls {{#disabled_class}}handleEvent,{{name}}{{/disabled_class}}" title="{{title_for_tooltip}}" data-kind="handleEvent" data-type="{{name}}">
         <span class="name">{{name}}</span>
         <span class="allowed" style="background-color:{{allowed_color}};">{{allowed}}</span>
+        <span class="execution_time">{{execution_time}}</span>
         <span class="blocked" style="background-color:{{blocked_color}};">{{blocked}}</span>
       </div>
     {{/handle_event_calls}}
@@ -41,6 +43,7 @@ <h2>{{add_event_listener_title}}:</h2>
       <div class="calls {{#disabled_class}}addEventListener,{{name}}{{/disabled_class}}" title="{{title_for_tooltip}}" data-kind="addEventListener" data-type="{{name}}">
         <span class="name">{{name}}</span>
         <span class="allowed" style="background-color:{{allowed_color}};">{{allowed}}</span>
+        <span class="execution_time">{{execution_time}}</span>
         <span class="blocked" style="background-color:{{blocked_color}};">{{blocked}}</span>
       </div>
     {{/add_event_listener_calls}}
diff --git a/js/content/interceptor.js b/js/content/interceptor.js
index 122e3e3..5b76ef4 100644
--- a/js/content/interceptor.js
+++ b/js/content/interceptor.js
@@ -35,7 +35,7 @@ setInterval(function() {
   }
 }, 100);
 
-var increment_counter = function(kind, type, result, details) {
+var increment_counter = function(kind, type, result, details, execution_time) {
   original_window_setTimeout(function() {
     details = {
       target: '' + details['target'],
@@ -48,6 +48,14 @@ var increment_counter = function(kind, type, result, details) {
 
     counters[kind][type][result] += 1;
 
+    if(execution_time != undefined) {
+      if(!counters[kind][type]['execution_time']) {
+        counters[kind][type]['execution_time'] = 0;
+      }
+
+      counters[kind][type]['execution_time'] += execution_time;
+    }
+
     if(!collect_details) {
       counters[kind][type]['samples'] = [details];
     } else {
@@ -126,20 +134,27 @@ if(!get_options()['injection_disabled']) {
       if(!is_allowed('addEventListener', type)) {
         increment_counter('addEventListener', type, 'blocked', details);
       } else {
-        increment_counter('addEventListener', type, 'allowed', details);
+        var timer = performance.now();
 
         var wraped_listener = {
           handleEvent: function (event) {
             if(!is_allowed('handleEvent', type)) {
               increment_counter('handleEvent', type, 'blocked', details);
             } else {
-              increment_counter('handleEvent', type, 'allowed', details);
+              var timer = performance.now();
 
               if (typeof(listener) === 'function') {
-                return listener(event);
+                var execution_return = listener(event);
               } else if (listener && typeof(listener.handleEvent) === 'function') {
-                return listener.handleEvent(event);
+                var execution_return = listener.handleEvent(event);
               }
+
+              increment_counter(
+                'handleEvent', type, 'allowed', details,
+                performance.now() - timer
+              );
+
+              return execution_return;
             }
           }
         };
@@ -148,9 +163,16 @@ if(!get_options()['injection_disabled']) {
 
         removeEventListener_alias[type][listener] = wraped_listener;
 
-        return original_EventTarget_addEventListener.call(
+        var execution_return = original_EventTarget_addEventListener.call(
           super_this, type, wraped_listener, options
         );
+
+        increment_counter(
+          'addEventListener', type, 'allowed', details,
+          performance.now() - timer
+        );
+
+        return execution_return;
       }
     }
   }
@@ -170,9 +192,16 @@ if(!get_options()['injection_disabled']) {
       if(!is_allowed('WebAPIs', 'WebSocket.send')) {
         increment_counter('WebAPIs', 'WebSocket.send', 'blocked', details);
       } else {
-        increment_counter('WebAPIs', 'WebSocket.send', 'allowed', details);
+        var timer = performance.now();
 
-        return original_WebSocket_send.call(super_this, data);
+        var execution_return = original_WebSocket_send.call(super_this, data);
+
+        increment_counter(
+          'WebAPIs', 'WebSocket.send', 'allowed', details,
+          performance.now() - timer
+        );
+
+        return execution_return;
       }
     }
   }
@@ -196,9 +225,16 @@ if(!get_options()['injection_disabled']) {
           if(!is_allowed('WebAPIs', 'geo.getCurrentPosition')) {
             increment_counter('WebAPIs', 'geo.getCurrentPosition', 'blocked', details);
           } else {
-            increment_counter('WebAPIs', 'geo.getCurrentPosition', 'allowed', details);
+            var timer = performance.now();
+
+            var execution_return = success(pos);
+
+            increment_counter(
+              'WebAPIs', 'geo.getCurrentPosition', 'allowed', details,
+              performance.now() - timer
+            );
 
-            success(pos);
+            return execution_return;
           }
         }
 
@@ -224,9 +260,16 @@ if(!get_options()['injection_disabled']) {
           if(!is_allowed('WebAPIs', 'geo.watchPosition')) {
             increment_counter('WebAPIs', 'geo.watchPosition', 'blocked', details);
           } else {
-            increment_counter('WebAPIs', 'geo.watchPosition', 'allowed', details);
+            var timer = performance.now();
 
-            success(pos);
+            var execution_return = original_WebSocket_send.call(super_this, data);
+
+            increment_counter(
+              'WebAPIs', 'geo.watchPosition', 'allowed', details,
+              performance.now() - timer
+            );
+
+            return execution_return;
           }
         }
 
@@ -255,11 +298,18 @@ if(!get_options()['injection_disabled']) {
       if(!is_allowed('WebAPIs', 'XMLHttpRequest.open')) {
         increment_counter('WebAPIs', 'XMLHttpRequest.open', 'blocked', details);
       } else {
-        increment_counter('WebAPIs', 'XMLHttpRequest.open', 'allowed', details);
+        var timer = performance.now();
 
-        return original_XMLHttpRequest_open.call(
+        var execution_return = original_XMLHttpRequest_open.call(
           super_this, method, url, is_async, user, password
         );
+
+        increment_counter(
+          'WebAPIs', 'XMLHttpRequest.open', 'allowed', details,
+          performance.now() - timer
+        );
+
+        return execution_return;
       }
     }
   }
@@ -277,9 +327,18 @@ if(!get_options()['injection_disabled']) {
       if(!is_allowed('WebAPIs', 'XMLHttpRequest.send')) {
         increment_counter('WebAPIs', 'XMLHttpRequest.send', 'blocked', details);
       } else {
-        increment_counter('WebAPIs', 'XMLHttpRequest.send', 'allowed', details);
+        var timer = performance.now();
+
+        var execution_return = original_XMLHttpRequest_send.call(
+          super_this, body
+        );
+
+        increment_counter(
+          'WebAPIs', 'XMLHttpRequest.send', 'allowed', details,
+          performance.now() - timer
+        );
 
-        return original_XMLHttpRequest_send.call(super_this, body);
+        return execution_return;
       }
     }
   }
@@ -302,7 +361,7 @@ if(!get_options()['injection_disabled']) {
       if(!is_allowed('WebAPIs', 'setInterval')) {
         increment_counter('WebAPIs', 'setInterval', 'blocked', details);
       } else {
-        increment_counter('WebAPIs', 'setInterval', 'allowed', details);
+        var timer = performance.now();
 
         wraped_function_or_code = function(
           p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12
@@ -312,20 +371,34 @@ if(!get_options()['injection_disabled']) {
 
             return 0;
           } else {
-            increment_counter('WebAPIs', 'setInterval.call', 'allowed', details);
+            var timer = performance.now();
 
             if(typeof function_or_code === 'string' || function_or_code instanceof String) {
-              return eval(function_or_code);
+              var execution_return = eval(function_or_code);
             } else {
-              return function_or_code(p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12);
+              var execution_return = function_or_code(p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12);
             }
+
+            increment_counter(
+              'WebAPIs', 'setInterval.call', 'allowed', details,
+              performance.now() - timer
+            );
+
+            return execution_return;
           }
         }
 
-        return original_window_setInterval.call(
+        var execution_return = original_window_setInterval.call(
           super_this, wraped_function_or_code, delay,
           p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12
         );
+
+        increment_counter(
+          'WebAPIs', 'setInterval', 'allowed', details,
+          performance.now() - timer
+        );
+
+        return execution_return;
       }
     }
   }
@@ -345,9 +418,16 @@ if(!get_options()['injection_disabled']) {
       if(!is_allowed('WebAPIs', 'fetch')) {
         increment_counter('WebAPIs', 'fetch', 'blocked', details);
       } else {
-        increment_counter('WebAPIs', 'fetch', 'allowed', details);
+        var timer = performance.now();
+
+        var execution_return = original_window_fetch.call(super_this, input, init);
 
-        return original_window_fetch.call(super_this, input, init);
+        increment_counter(
+          'WebAPIs', 'fetch', 'allowed', details,
+          performance.now() - timer
+        );
+
+        return execution_return;
       }
     }
   }
@@ -370,7 +450,7 @@ if(!get_options()['injection_disabled']) {
       if(!is_allowed('WebAPIs', 'setTimeout')) {
         increment_counter('WebAPIs', 'setTimeout', 'blocked', details);
       } else {
-        increment_counter('WebAPIs', 'setTimeout', 'allowed', details);
+        var timer = performance.now();
 
         wraped_function_or_code = function(
           p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12
@@ -380,20 +460,34 @@ if(!get_options()['injection_disabled']) {
 
             return 0;
           } else {
-            increment_counter('WebAPIs', 'setTimeout.call', 'allowed', details);
+            var timer = performance.now();
 
             if(typeof function_or_code === 'string' || function_or_code instanceof String) {
-              return eval(function_or_code);
+              var execution_return = eval(function_or_code);
             } else {
-              return function_or_code(p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12);
+              var execution_return = function_or_code(p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12);
             }
+
+            increment_counter(
+              'WebAPIs', 'setTimeout.call', 'allowed', details,
+              performance.now() - timer
+            );
+
+            return execution_return;
           }
         }
 
-        return original_window_setTimeout.call(
+        var execution_return = original_window_setTimeout.call(
           super_this, wraped_function_or_code, delay,
           p1, p2, p3, p4, p5, p6, p7, p8, p9, p10, p11, p12
         );
+
+        increment_counter(
+          'WebAPIs', 'setTimeout', 'allowed', details,
+          performance.now() - timer
+        );
+
+        return execution_return;
       }
     }
   }
diff --git a/js/popup/popup.js b/js/popup/popup.js
index 013a3c5..321eb6d 100644
--- a/js/popup/popup.js
+++ b/js/popup/popup.js
@@ -168,7 +168,8 @@ var load_store_data_from_tab = function(tab_id, current_tab_url) {
               blocked: short_number_for_counter(value['blocked']),
               allowed_color: background_color_for_counter(value['allowed']),
               blocked_color: background_color_for_counter(value['blocked']),
-              title_for_tooltip: tooltip_content(name, value['samples'])
+              title_for_tooltip: tooltip_content(name, value['samples']),
+              execution_time: parseInt(value['execution_time']) + ' ms'
             });
           });
 
@@ -181,7 +182,8 @@ var load_store_data_from_tab = function(tab_id, current_tab_url) {
               blocked: short_number_for_counter(value['blocked']),
               allowed_color: background_color_for_counter(value['allowed']),
               blocked_color: background_color_for_counter(value['blocked']),
-              title_for_tooltip: tooltip_content(name, value['samples'])
+              title_for_tooltip: tooltip_content(name, value['samples']),
+              execution_time: parseInt(value['execution_time']) + ' ms'
             });
           });
 
@@ -194,7 +196,8 @@ var load_store_data_from_tab = function(tab_id, current_tab_url) {
               blocked: short_number_for_counter(value['blocked']),
               allowed_color: background_color_for_counter(value['allowed']),
               blocked_color: background_color_for_counter(value['blocked']),
-              title_for_tooltip: tooltip_content(name, value['samples'])
+              title_for_tooltip: tooltip_content(name, value['samples']),
+              execution_time: parseInt(value['execution_time']) + ' ms'
             });
           });
 

From d2aa314afb2f6b392f5229025768a195ae4e83cf Mon Sep 17 00:00:00 2001
From: Guilherme Baptista <guilhermebaptistasilva@gmail.com>
Date: Tue, 20 Feb 2018 22:21:25 -0300
Subject: [PATCH 2/3] execution time reports, translations and performance
 checkbox

---
 _locales/en_US/messages.json                  |  9 ++-
 _locales/es/messages.json                     |  9 ++-
 _locales/pt_BR/messages.json                  |  9 ++-
 css/popup/popup.css                           |  9 ++-
 css/settings/settings.css                     |  8 +++
 html/popup/templates/counters.html            | 12 +++-
 html/popup/templates/options.html             |  5 ++
 html/settings/reports/charts.html             |  2 +
 html/settings/templates/popup/form.html       |  9 ++-
 html/settings/templates/reports/form.html     |  2 +-
 .../templates/reports/tables/executions.html  |  1 +
 js/background/reports.js                      | 15 +++--
 js/popup/popup.js                             | 11 +++-
 js/settings/background/options.js             |  2 +
 js/settings/popup/options.js                  |  5 +-
 js/settings/reports/charts.js                 | 58 ++++++++++++++-----
 js/settings/rules/default.js                  |  4 +-
 js/settings/rules/per-domain.js               |  4 +-
 js/settings/settings.js                       | 16 ++---
 js/utils/numbers.js                           | 50 ++++++++++++++--
 20 files changed, 186 insertions(+), 54 deletions(-)

diff --git a/_locales/en_US/messages.json b/_locales/en_US/messages.json
index 090b91a..2f139a1 100644
--- a/_locales/en_US/messages.json
+++ b/_locales/en_US/messages.json
@@ -7,7 +7,7 @@
   "linkHelpHref": { "message": "https://gbaptista.github.io/luminous/doc/en-US" },
 
   "checkboxInjectionEnabledGeneral": { "message": "all websites" },
-  "checkboxShowCodeDetails": { "message": "show code details" },
+  "checkboxShowCodeDetails": { "message": "code details" },
 
   "titleHandleEvent": { "message": "triggered events (handleEvent)" },
   "titleAddEventListener": { "message": "attached events (addEventListener)" },
@@ -90,5 +90,10 @@
   "settingsNoRecordsText": { "message": "no records found" },
   "settingsReportClearAllButtonText": { "message": "clear all records" },
   "checkboxZoomIn": { "message": "zoom in" },
-  "checkboxApplyToDefault": { "message": "apply actions to default rules" }
+  "checkboxApplyToDefault": { "message": "apply actions to default rules" },
+
+  "checkboxShowPerformanceMetrics": { "message": "performance metrics" },
+  "sortByText": { "message": "sort by" },
+  "sortByCallsText": { "message": "executions" },
+  "sortByTimeText": { "message": "time spent" }
 }
diff --git a/_locales/es/messages.json b/_locales/es/messages.json
index 3f5d8c7..21afbc4 100644
--- a/_locales/es/messages.json
+++ b/_locales/es/messages.json
@@ -7,7 +7,7 @@
   "linkHelpHref": { "message": "https://gbaptista.github.io/luminous/doc/es" },
 
   "checkboxInjectionEnabledGeneral": { "message": "todas las webs" },
-  "checkboxShowCodeDetails": { "message": "mostrar detalles de código" },
+  "checkboxShowCodeDetails": { "message": "detalles de código" },
 
   "titleHandleEvent": { "message": "eventos activados (handleEvent)" },
   "titleAddEventListener": { "message": "eventos ligados (addEventListener)" },
@@ -90,5 +90,10 @@
   "settingsNoRecordsText": { "message": "ningún registro encontrado" },
   "settingsReportClearAllButtonText": { "message": "limpiar todos los registros" },
   "checkboxZoomIn": { "message": "acercarse" },
-  "checkboxApplyToDefault": { "message": "aplicar a las reglas estándar" }
+  "checkboxApplyToDefault": { "message": "aplicar a las reglas estándar" },
+
+  "checkboxShowPerformanceMetrics": { "message": "métricas de rendimiento" },
+  "sortByText": { "message": "ordenar por" },
+  "sortByCallsText": { "message": "ejecuciones" },
+  "sortByTimeText": { "message": "tiempo" }
 }
diff --git a/_locales/pt_BR/messages.json b/_locales/pt_BR/messages.json
index 94bee5b..95a7692 100644
--- a/_locales/pt_BR/messages.json
+++ b/_locales/pt_BR/messages.json
@@ -7,7 +7,7 @@
   "linkHelpHref": { "message": "https://gbaptista.github.io/luminous" },
 
   "checkboxInjectionEnabledGeneral": { "message": "todos os sites" },
-  "checkboxShowCodeDetails": { "message": "mostrar detalhes do código" },
+  "checkboxShowCodeDetails": { "message": "detalhes do código" },
 
   "titleHandleEvent": { "message": "eventos disparados (handleEvent)" },
   "titleAddEventListener": { "message": "eventos adicionados (addEventListener)" },
@@ -90,5 +90,10 @@
   "settingsNoRecordsText": { "message": "nenhum registro encontrado" },
   "settingsReportClearAllButtonText": { "message": "limpar todos os registros" },
   "checkboxZoomIn": { "message": "aumentar zoom" },
-  "checkboxApplyToDefault": { "message": "aplicar ações às regras padrões" }
+  "checkboxApplyToDefault": { "message": "aplicar ações às regras padrões" },
+
+  "checkboxShowPerformanceMetrics": { "message": "métricas de desempenho" },
+  "sortByText": { "message": "ordenar por" },
+  "sortByCallsText": { "message": "execuções" },
+  "sortByTimeText": { "message": "tempo gasto" }
 }
diff --git a/css/popup/popup.css b/css/popup/popup.css
index 59d8b30..e850dab 100644
--- a/css/popup/popup.css
+++ b/css/popup/popup.css
@@ -86,8 +86,8 @@ html, body {
   position: absolute;
   bottom:-5px;
   left: 50%;
-  margin-left: -28px;
-  width: 56px;
+  margin-left: -20px;
+  width: 40px;
   padding: 2px 0;
   text-align: center;
   background-color: #8D8E87;
@@ -95,6 +95,11 @@ html, body {
   font-style: italic;
 }
 
+.zoom-in .interceptions .calls .execution_time {
+  margin-left: -29px;
+  width: 58px;
+}
+
 .interceptions .calls .allowed {
   border-left:4px solid #20b203;
   left: 10px;
diff --git a/css/settings/settings.css b/css/settings/settings.css
index 1c10b19..a8f3b52 100644
--- a/css/settings/settings.css
+++ b/css/settings/settings.css
@@ -3,10 +3,18 @@ html, body {
   text-rendering: optimizeLegibility;
 }
 
+.clear {
+  clear: both;
+}
+
 body {
   padding-top: 20px;
 }
 
+.bold {
+  font-weight: bold;
+}
+
 .alert {
   font-style: italic;
 }
diff --git a/html/popup/templates/counters.html b/html/popup/templates/counters.html
index 36941a7..43d384c 100644
--- a/html/popup/templates/counters.html
+++ b/html/popup/templates/counters.html
@@ -11,7 +11,9 @@ <h2>{{web_apis_title}}:</h2>
       <div class="calls {{#disabled_class}}WebAPIs,{{name}}{{/disabled_class}}" title="{{title_for_tooltip}}" data-kind="WebAPIs" data-type="{{name}}">
         <span class="name">{{name}}</span>
         <span class="allowed" style="background-color:{{allowed_color}};">{{allowed}}</span>
-        <span class="execution_time">{{execution_time}}</span>
+        {{#show_performance_metrics}}
+          <span class="execution_time">{{execution_time}}</span>
+        {{/show_performance_metrics}}
         <span class="blocked" style="background-color:{{blocked_color}};">{{blocked}}</span>
       </div>
     {{/web_apis_calls}}
@@ -27,7 +29,9 @@ <h2>{{handle_event_title}}:</h2>
       <div class="calls {{#disabled_class}}handleEvent,{{name}}{{/disabled_class}}" title="{{title_for_tooltip}}" data-kind="handleEvent" data-type="{{name}}">
         <span class="name">{{name}}</span>
         <span class="allowed" style="background-color:{{allowed_color}};">{{allowed}}</span>
-        <span class="execution_time">{{execution_time}}</span>
+        {{#show_performance_metrics}}
+          <span class="execution_time">{{execution_time}}</span>
+        {{/show_performance_metrics}}
         <span class="blocked" style="background-color:{{blocked_color}};">{{blocked}}</span>
       </div>
     {{/handle_event_calls}}
@@ -43,7 +47,9 @@ <h2>{{add_event_listener_title}}:</h2>
       <div class="calls {{#disabled_class}}addEventListener,{{name}}{{/disabled_class}}" title="{{title_for_tooltip}}" data-kind="addEventListener" data-type="{{name}}">
         <span class="name">{{name}}</span>
         <span class="allowed" style="background-color:{{allowed_color}};">{{allowed}}</span>
-        <span class="execution_time">{{execution_time}}</span>
+        {{#show_performance_metrics}}
+          <span class="execution_time">{{execution_time}}</span>
+        {{/show_performance_metrics}}
         <span class="blocked" style="background-color:{{blocked_color}};">{{blocked}}</span>
       </div>
     {{/add_event_listener_calls}}
diff --git a/html/popup/templates/options.html b/html/popup/templates/options.html
index f6365e5..5921314 100644
--- a/html/popup/templates/options.html
+++ b/html/popup/templates/options.html
@@ -38,6 +38,11 @@
       <input type="checkbox" name="zoom_in" value="true" {{#zoom_in}} checked {{/zoom_in}} />
     </label>
     <br class="clear-floats">
+    <label>
+      {{show_performance_metrics_title}}
+      <input type="checkbox" name="show_performance_metrics" value="true" {{#show_performance_metrics}} checked {{/show_performance_metrics}} />
+    </label>
+    <br class="clear-floats">
     <label>
       {{show_code_details_title}}
       <input type="checkbox" name="show_code_details" value="true" {{#show_code_details}} checked {{/show_code_details}} />
diff --git a/html/settings/reports/charts.html b/html/settings/reports/charts.html
index 24d5de5..ba86d8b 100644
--- a/html/settings/reports/charts.html
+++ b/html/settings/reports/charts.html
@@ -14,6 +14,7 @@
     <script src="../../../js/utils/load_template.js" type="text/javascript"></script>
     <script src="../../../js/settings/settings.js" type="text/javascript"></script>
     <script src="../../../vendor/dexiejs/dexie.js" type="text/javascript"></script>
+    <script src="../../../js/utils/numbers.js" type="text/javascript"></script>
     <script src="../../../js/settings/reports/charts.js" type="text/javascript"></script>
   </head>
   <body>
@@ -31,6 +32,7 @@
           </div>
 
           <span id="used"></span><button id="clear" class="locale btn btn-warning" data-locale="settingsReportClearAllButtonText"></button>
+          | <span class="locale" data-locale="sortByText">sort by</span>: <a href="?sort_by=calls" class="sort_by_calls locale" data-locale="sortByCallsText"></a> - <a href="?sort_by=execution_time" class="sort_by_execution_time locale" data-locale="sortByTimeText"></a>
           |
           <div id="form" class="form-data-collection"></div>
           <br><br>
diff --git a/html/settings/templates/popup/form.html b/html/settings/templates/popup/form.html
index 908a9f6..869df56 100644
--- a/html/settings/templates/popup/form.html
+++ b/html/settings/templates/popup/form.html
@@ -18,10 +18,17 @@
 
     <div class="form-check form-check-inline">
       <label class="form-check-label"><div class="form-check form-check-inline">
-        <input class="form-check-input" type="checkbox" data-namespace="popup" name="apply_to_default" value="true" {{#apply_to_default}} checked {{/apply_to_default}}>
+        <input class="form-check-input" type="checkbox" data-namespace="popup" name="show_performance_metrics" value="true" {{#apply_to_default}} checked {{/apply_to_default}}>
         {{apply_to_default_title}}
       </label>
     </div>
+
+    <div class="form-check form-check-inline">
+      <label class="form-check-label"><div class="form-check form-check-inline">
+        <input class="form-check-input" type="checkbox" data-namespace="popup" name="show_performance_metrics" value="true" {{#show_performance_metrics}} checked {{/show_performance_metrics}}>
+        {{show_performance_metrics_title}}
+      </label>
+    </div>
   </div>
 </div>
 <br>
diff --git a/html/settings/templates/reports/form.html b/html/settings/templates/reports/form.html
index 4714a17..43e7330 100644
--- a/html/settings/templates/reports/form.html
+++ b/html/settings/templates/reports/form.html
@@ -1,4 +1,4 @@
-<div class="form-check">
+<div class="form-check form-check-inline">
   <label class="form-check-label">
     <input class="form-check-input" type="checkbox" data-namespace="reports" name="collect_data" value="true" {{#collect_data}} checked {{/collect_data}}>
     {{collect_data_title}}
diff --git a/html/settings/templates/reports/tables/executions.html b/html/settings/templates/reports/tables/executions.html
index 22a63f5..0a5d56c 100644
--- a/html/settings/templates/reports/tables/executions.html
+++ b/html/settings/templates/reports/tables/executions.html
@@ -12,6 +12,7 @@
           <tr>
             <td>{{name}}</td>
             <td>{{calls}}</td>
+            <td>{{execution_time}}</td>
           </tr>
         {{/items}}
       </tbody>
diff --git a/js/background/reports.js b/js/background/reports.js
index 79cdc0b..a8cc483 100644
--- a/js/background/reports.js
+++ b/js/background/reports.js
@@ -1,7 +1,7 @@
 var db = new Dexie('luminous');
 
 db.version(1).stores({
-  reports: 'id,key,domain,kind,[domain+kind],code,allowed,blocked,calls'
+  reports: 'id,key,domain,kind,[domain+kind],code,allowed,blocked,calls,execution_time'
 });
 
 db.open().then(function() {
@@ -10,10 +10,14 @@ db.open().then(function() {
       var put = false;
 
       if(report) {
-        if(data.allowed > report.allowed || data.blocked > report.blocked || data.calls > report.calls) {
+        if(
+          data.allowed > report.allowed || data.blocked > report.blocked || data.calls > report.calls
+          || data.execution_time > report.execution_time
+        ) {
           if(data.allowed < report.allowed) data['allowed'] = report.allowed;
           if(data.blocked < report.blocked) data['blocked'] = report.blocked;
           if(data.calls < report.calls) data['calls'] = report.calls;
+          if(data.execution_time < report.execution_time) data['execution_time'] = report.execution_time;
 
           put = true;
         }
@@ -49,9 +53,12 @@ db.open().then(function() {
                         var blocked = local_data[tab.id]['counters'][kind][code]['blocked'];
                         var calls = allowed + blocked;
 
+                        var execution_time = local_data[tab.id]['counters'][kind][code]['execution_time'];
+
                         update_report({
                           id: key, domain: domain, kind: kind, code: code,
-                          allowed: allowed, blocked: blocked, calls: calls
+                          allowed: allowed, blocked: blocked, calls: calls,
+                          execution_time: execution_time
                         });
                       }
                     }
@@ -73,7 +80,7 @@ db.open().then(function() {
 
       set_reports_for_tab(tab_ids);
     });
-  }, 2000);
+  }, 500);
 
   var set_tab_reports = function(activeInfo) {
     chrome.tabs.get(parseInt(activeInfo.tabId), function(tab) {
diff --git a/js/popup/popup.js b/js/popup/popup.js
index 321eb6d..b8683ce 100644
--- a/js/popup/popup.js
+++ b/js/popup/popup.js
@@ -101,6 +101,8 @@ var load_store_data_from_tab = function(tab_id, current_tab_url) {
             show_code_details: sync_data['popup']['show_code_details'],
             zoom_in_title: chrome.i18n.getMessage('checkboxZoomIn'),
             zoom_in: sync_data['popup']['zoom_in'],
+            show_performance_metrics_title: chrome.i18n.getMessage('checkboxShowPerformanceMetrics'),
+            show_performance_metrics: sync_data['popup']['show_performance_metrics'],
             apply_to_default_title: chrome.i18n.getMessage('checkboxApplyToDefault'),
             apply_to_default: sync_data['popup']['apply_to_default'],
             no_domain: chrome.i18n.getMessage('settingsInvalidDomainMessage')
@@ -123,6 +125,8 @@ var load_store_data_from_tab = function(tab_id, current_tab_url) {
             name == 'zoom_in'
             ||
             name == 'apply_to_default'
+            ||
+            name == 'show_performance_metrics'
           ) {
             set_sync_popup_option(name, value);
           } else {
@@ -169,7 +173,7 @@ var load_store_data_from_tab = function(tab_id, current_tab_url) {
               allowed_color: background_color_for_counter(value['allowed']),
               blocked_color: background_color_for_counter(value['blocked']),
               title_for_tooltip: tooltip_content(name, value['samples']),
-              execution_time: parseInt(value['execution_time']) + ' ms'
+              execution_time: short_time(value['execution_time'])
             });
           });
 
@@ -183,7 +187,7 @@ var load_store_data_from_tab = function(tab_id, current_tab_url) {
               allowed_color: background_color_for_counter(value['allowed']),
               blocked_color: background_color_for_counter(value['blocked']),
               title_for_tooltip: tooltip_content(name, value['samples']),
-              execution_time: parseInt(value['execution_time']) + ' ms'
+              execution_time: short_time(value['execution_time'])
             });
           });
 
@@ -197,7 +201,7 @@ var load_store_data_from_tab = function(tab_id, current_tab_url) {
               allowed_color: background_color_for_counter(value['allowed']),
               blocked_color: background_color_for_counter(value['blocked']),
               title_for_tooltip: tooltip_content(name, value['samples']),
-              execution_time: parseInt(value['execution_time']) + ' ms'
+              execution_time: short_time(value['execution_time'])
             });
           });
 
@@ -222,6 +226,7 @@ var load_store_data_from_tab = function(tab_id, current_tab_url) {
               handle_event_title: chrome.i18n.getMessage('titleHandleEvent'),
               web_apis_title: chrome.i18n.getMessage('titleWebAPIs'),
               add_event_listener_title: chrome.i18n.getMessage('titleAddEventListener'),
+              show_performance_metrics: sync_data['popup']['show_performance_metrics'],
               disabled_class: function() {
                 return function (text, render) {
                   var keys = render(text).split(',');
diff --git a/js/settings/background/options.js b/js/settings/background/options.js
index 2de2c4f..a45a43d 100644
--- a/js/settings/background/options.js
+++ b/js/settings/background/options.js
@@ -67,6 +67,8 @@ $(document).ready(function() {
           })
         );
 
+        apply_locales();
+
         observe_form();
 
         loaded();
diff --git a/js/settings/popup/options.js b/js/settings/popup/options.js
index c12ccbe..5dcdd79 100644
--- a/js/settings/popup/options.js
+++ b/js/settings/popup/options.js
@@ -11,7 +11,10 @@ $(document).ready(function() {
             zoom_in: sync_data['popup']['zoom_in'],
 
             apply_to_default_title: chrome.i18n.getMessage('checkboxApplyToDefault'),
-            apply_to_default: sync_data['popup']['apply_to_default']
+            apply_to_default: sync_data['popup']['apply_to_default'],
+
+            show_performance_metrics_title: chrome.i18n.getMessage('checkboxShowPerformanceMetrics'),
+            show_performance_metrics: sync_data['popup']['show_performance_metrics']
           })
         );
 
diff --git a/js/settings/reports/charts.js b/js/settings/reports/charts.js
index 2868406..9dd02a4 100644
--- a/js/settings/reports/charts.js
+++ b/js/settings/reports/charts.js
@@ -19,7 +19,7 @@ $(document).ready(function() {
     }
 
     db.reports.count(function(count) {
-      $('#used').html(count + ' ' + chrome.i18n.getMessage('settingsRecordsText') + ' | ');
+      $('#used').html(short_number(count) + ' ' + chrome.i18n.getMessage('settingsRecordsText') + ' | ');
     });
 
     $('#clear').click(function() {
@@ -32,6 +32,20 @@ $(document).ready(function() {
       }
     });
 
+    if(/sort_by=execution_time/.test(document.location.toString().split('?')[1])) {
+      $('.sort_by_execution_time').addClass('bold');
+    } else {
+      $('.sort_by_calls').addClass('bold');
+    }
+
+    var sort_by_parameter = function() {
+      if(/sort_by=execution_time/.test(document.location.toString().split('?')[1])) {
+          return 'execution_time';
+      } else {
+        return 'calls';
+      }
+    }
+
     load_template('html/settings/templates/reports/form.html', function(template) {
       var load_sync_data = function() {
         chrome.storage.sync.get(null, function(sync_data) {
@@ -74,10 +88,16 @@ $(document).ready(function() {
                 name: list[i][group_by]
               };
 
-              grouped_list[list[i][group_by]][sort_by] = 0;
+              grouped_list[list[i][group_by]]['execution_time'] = 0;
+              grouped_list[list[i][group_by]]['calls'] = 0;
             }
 
-            grouped_list[list[i][group_by]][sort_by] += list[i][sort_by];
+            if(list[i]['execution_time'] == undefined) {
+              list[i]['execution_time'] = 0.0;
+            }
+
+            grouped_list[list[i][group_by]]['execution_time'] += list[i]['execution_time'];
+            grouped_list[list[i][group_by]]['calls'] += list[i]['calls'];
           }
 
           var list = [];
@@ -95,6 +115,14 @@ $(document).ready(function() {
       });
     }
 
+    var format_items = function(items) {
+      for(i in items) {
+        items[i]['calls'] = short_number(items[i]['calls'], '0', ' ');
+        items[i]['execution_time'] = short_time(items[i]['execution_time'], ' ');
+      }
+      return items;
+    }
+
     var load_custom_domain = function(domain) {
       loading();
 
@@ -115,12 +143,12 @@ $(document).ready(function() {
             return query.where({domain: domain});
           }
 
-          group_and_sort('code', 'calls', limit, where, function(items) {
+          group_and_sort('code', sort_by_parameter(), limit, where, function(items) {
             $('#custom-domain .total-calls').html(
               Mustache.render(template, {
                 group_title: 'domain',
                 count_title: chrome.i18n.getMessage('settingsAddEventAllLabel'),
-                items: items,
+                items: format_items(items),
                 no_records: chrome.i18n.getMessage('settingsNoRecordsText')
               })
             );
@@ -157,12 +185,12 @@ $(document).ready(function() {
               return query.where({domain: domain, kind: kind});
             }
 
-            group_and_sort('code', 'calls', limit, where, function(items) {
+            group_and_sort('code', sort_by_parameter(), limit, where, function(items) {
               $('#custom-domain .' + kind + '-calls').html(
                 Mustache.render(template, {
                   group_title: 'domain',
                   count_title: kind,
-                  items: items,
+                  items: format_items(items),
                   no_records: chrome.i18n.getMessage('settingsNoRecordsText')
                 })
               );
@@ -182,12 +210,12 @@ $(document).ready(function() {
       );
 
       load_template('html/settings/templates/reports/tables/executions.html', function(template) {
-        group_and_sort('code', 'calls', limit, undefined, function(items) {
+        group_and_sort('code', sort_by_parameter(), limit, undefined, function(items) {
           $('#per-code .total-calls').html(
             Mustache.render(template, {
               group_title: 'domain',
               count_title: chrome.i18n.getMessage('settingsAddEventAllLabel'),
-              items: items,
+              items: format_items(items),
               no_records: chrome.i18n.getMessage('settingsNoRecordsText')
             })
           );
@@ -204,12 +232,12 @@ $(document).ready(function() {
             return query.where('kind').equals(kind);
           }
 
-          group_and_sort('code', 'calls', limit, where, function(items) {
+          group_and_sort('code', sort_by_parameter(), limit, where, function(items) {
             $('#per-code .' + kind + '-calls').html(
               Mustache.render(template, {
                 group_title: 'domain',
                 count_title: kind,
-                items: items,
+                items: format_items(items),
                 no_records: chrome.i18n.getMessage('settingsNoRecordsText')
               })
             );
@@ -228,7 +256,7 @@ $(document).ready(function() {
       );
 
       load_template('html/settings/templates/reports/tables/executions.html', function(template) {
-        group_and_sort('domain', 'calls', limit, undefined, function(items) {
+        group_and_sort('domain', sort_by_parameter(), limit, undefined, function(items) {
 
           if(items[0]) {
             load_custom_domain(items[0].name);
@@ -238,7 +266,7 @@ $(document).ready(function() {
             Mustache.render(template, {
               group_title: 'domain',
               count_title: chrome.i18n.getMessage('settingsAddEventAllLabel'),
-              items: items,
+              items: format_items(items),
               no_records: chrome.i18n.getMessage('settingsNoRecordsText')
             })
           );
@@ -255,12 +283,12 @@ $(document).ready(function() {
             return query.where('kind').equals(kind);
           }
 
-          group_and_sort('domain', 'calls', limit, where, function(items) {
+          group_and_sort('domain', sort_by_parameter(), limit, where, function(items) {
             $('#per-domain .' + kind + '-calls').html(
               Mustache.render(template, {
                 group_title: 'domain',
                 count_title: kind,
-                items: items,
+                items: format_items(items),
                 no_records: chrome.i18n.getMessage('settingsNoRecordsText')
               })
             );
diff --git a/js/settings/rules/default.js b/js/settings/rules/default.js
index 93bf7f3..c29c1c8 100644
--- a/js/settings/rules/default.js
+++ b/js/settings/rules/default.js
@@ -90,9 +90,7 @@ $(document).ready(function() {
           })
         );
 
-        $('.locale').each(function() {
-          $(this).html(chrome.i18n.getMessage($(this).data('locale')));
-        });
+        apply_locales();
 
         $('.add-code').submit(function(event) {
           event.preventDefault();
diff --git a/js/settings/rules/per-domain.js b/js/settings/rules/per-domain.js
index f2be26c..61c964e 100644
--- a/js/settings/rules/per-domain.js
+++ b/js/settings/rules/per-domain.js
@@ -122,9 +122,7 @@ $(document).ready(function() {
           }
         }
 
-        $('.locale').each(function() {
-          $(this).html(chrome.i18n.getMessage($(this).data('locale')));
-        });
+        apply_locales();
 
         $('.remove-domain-rules').click(function() {
           var domain = $(this).data('domain');
diff --git a/js/settings/settings.js b/js/settings/settings.js
index 488582a..4347ad9 100644
--- a/js/settings/settings.js
+++ b/js/settings/settings.js
@@ -50,9 +50,7 @@ var set_sync_option = function(name, value, namespace, value_as_namespace) {
 };
 
 var observe_form = function() {
-  $('.locale').each(function() {
-    $(this).html(chrome.i18n.getMessage($(this).data('locale')));
-  });
+  apply_locales();
 
   $('#form form').submit(function(event) {
     event.preventDefault();
@@ -81,10 +79,7 @@ var observe_form = function() {
   });
 }
 
-$(document).ready(function() {
-  $('#loading').html(chrome.i18n.getMessage('messageLoading'));
-  $('title').html(chrome.i18n.getMessage('manifestName'));
-
+var apply_locales = function() {
   $('.locale').each(function() {
     $(this).html(chrome.i18n.getMessage($(this).data('locale')));
   });
@@ -92,6 +87,13 @@ $(document).ready(function() {
   $('.locale-url').each(function() {
     $(this).attr('href', chrome.i18n.getMessage($(this).data('locale-url')));
   });
+}
+
+$(document).ready(function() {
+  $('#loading').html(chrome.i18n.getMessage('messageLoading'));
+  $('title').html(chrome.i18n.getMessage('manifestName'));
+
+  apply_locales();
 
   load_template('html/settings/templates/nav.html', function(template) {
     $('.navbar').html(
diff --git a/js/utils/numbers.js b/js/utils/numbers.js
index cfd243b..7e876fc 100644
--- a/js/utils/numbers.js
+++ b/js/utils/numbers.js
@@ -1,17 +1,57 @@
-var short_number = function(number, zero_text = '0') {
+var short_time = function(number, separator) {
+  if(separator == undefined) separator = ' ';
+
+  if(number == undefined) number = 0.0;
+
+  var text = number.toString();
+
+  if(text.split('.')[1] == undefined) {
+    text += '.0';
+  }
+
+  var seconds = number / 1000;
+
+  if(number < 1.0) {
+    text = text.split('.')[0] + '.' + text.split('.')[1].slice(0, 1) + separator + 'ms';
+  } else if(seconds < 1.0) {
+    text = text.split('.')[0] + separator + 'ms';
+  } else if(seconds >= 86400.0) {
+    days = parseInt(parseInt(text.split('.')[0]) / 1000 / 60 / 60 / 24);
+    text = days + separator + 'd';
+  } else if(seconds >= 3600.0) {
+    hours = parseInt(parseInt(text.split('.')[0]) / 1000 / 60 / 60);
+    text = hours + separator + 'h';
+  } else if(seconds >= 60.0) {
+    minutes = parseInt(parseInt(text.split('.')[0]) / 1000 / 60);
+    text = minutes + separator + 'min';
+  } else if(seconds >= 10.0) {
+    text = seconds.toString();
+    text = text.split('.')[0] + ',' + text.split('.')[1].slice(0, 1) + separator + 's';
+  } else if(seconds >= 1.0) {
+    text = seconds.toString();
+    text = text.split('.')[0] + ',' + text.split('.')[1].slice(0, 2) + separator + 's';
+  }
+
+  return text;
+}
+
+var short_number = function(number, zero_text, separator) {
+  if(zero_text == undefined) zero_text = '0';
+  if(separator == undefined) separator = '';
+
   var text = number.toString();
 
   if(number == 0) {
     text = zero_text;
   } else if(number > 99999) {
-    text = '0,' + text.slice(0, -5) + 'M';
+    text = '0,' + text.slice(0, -5) + separator + 'M';
   } else if(number > 9999) {
-    text = text.slice(0, -3) + 'k';
+    text = text.slice(0, -3) + separator + 'k';
   } else if(number > 1099) {
     text = text.slice(0, -2);
-    text = text.slice(0, -1) + ',' + text.slice(-1) + 'k';
+    text = text.slice(0, -1) + ',' + text.slice(-1) + separator + 'k';
   } else if(number > 999) {
-    text = text.slice(0, -3) + 'k';
+    text = text.slice(0, -3) + separator + 'k';
   }
 
   return text;

From abbadc00ad15de37111be0cd199b858ac165249a Mon Sep 17 00:00:00 2001
From: Guilherme Baptista <guilhermebaptistasilva@gmail.com>
Date: Tue, 20 Feb 2018 22:23:22 -0300
Subject: [PATCH 3/3] typo

---
 html/settings/templates/popup/form.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/html/settings/templates/popup/form.html b/html/settings/templates/popup/form.html
index 869df56..dc1be33 100644
--- a/html/settings/templates/popup/form.html
+++ b/html/settings/templates/popup/form.html
@@ -18,7 +18,7 @@
 
     <div class="form-check form-check-inline">
       <label class="form-check-label"><div class="form-check form-check-inline">
-        <input class="form-check-input" type="checkbox" data-namespace="popup" name="show_performance_metrics" value="true" {{#apply_to_default}} checked {{/apply_to_default}}>
+        <input class="form-check-input" type="checkbox" data-namespace="popup" name="apply_to_default" value="true" {{#apply_to_default}} checked {{/apply_to_default}}>
         {{apply_to_default_title}}
       </label>
     </div>